find casino games at GamblingInsider

Blogroll

Tampilkan postingan dengan label Trik Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Trik Blog. Tampilkan semua postingan

Cara Pasang FB Like, Twitter, Google +1 Di Blogger

20.35  rifai  No comments

Hari ini saya akan menuliskan tutorial cara pasang fb like botton, twitter share, dan tombol Google +1 di blogger menggunakan script sharethis.

Tutorial pasang fb like, twitter share, dan Google +1 ini sengaja saya tuliskan untuk menjawab sekaligus memberikan solisi bagi teman-teman yang belum berhasil menggunakan Cara Menambahkan Facebook Like Button Di Blogger yang sudah saya tulsikan dulu.

Panduan cara pasang facebook like, twitter share, dan Google +1 ini saya tuliskan disela-sela kesibukan dan dalam kondisi yang masih capek, jadi jika ada kekurangan atau ada salah dalam penulisan tutorial blogger kali ini saya harap teman-teman bisa maklum dan mohon ditegur jika ada yang salah, dengan cara menuliskan yang benar lewat kolom komentar.

Ok saya rasa cukup curhatnya, mari kita lanjut.

Panduan Cara Pasang FB Like, Twitter Share, dan Google +1 Di Blogger

Karena tutorial kali ini menggunakan script yang disediakan oleh ShareThis, maka langkah pertama yang harus kamu lakukan adalah mengunjungi situs penyedia script tersebut melalui alamat www.sharethis.com

Setelah situs ShareThis sudah terbuka, silakan klik menu Sign in

Lihat di sebelah kiri, di sana ada pilihan untuk Sign in (Login) tanpa harus daftar, silakan pilih login menggunakan akun yang kamu mau.

Kemudian klik menu Get the Button

Pilih Website dan klik Next (Jika ingin memasangnya di sidebar silakan langsung pilih Blogger)

Silakan pilih tombol / button yang kamu mau dan klik Next

Dihalam ketiga ini kamu bisa menambah atau mengurangi tombol yang kamu mau dengan cara menyeretnya kesebelah (kiri jika ingin menambahkan, dan kanan jika ingin menguranginya). Jika sudah pas dengan yang kamu mau silakan klik FINISH: Get the Code, maka kode yang harus dipasang akan keluar.

Keterangan:
  • Kode no1 nantinya dipasang di bawah atau sebelum kode <data:post.body/> (bisa juga ditempat lain yang kamu mau.
  • Kode no2 nanti dipasang sebelum kode </head>

Tutorial Pasang Kode Facebook Like, Twitter Share, dan Google 1+ di Blogger

Berikut panduan langkah demi langkah Cara Pasang FB Like, Twitter, Google 1+ Di Blogger

  • Untuk Blogger Lama
  • Untuk Blogger Baru

Panduan Pasang FB Like, Twitter, Google 1+ Di Blogger Lama

1. Klik Menu Rancangan / Design
 2. Klik Menu Edit Html
 3. Beri Centang Pada Bagian Expand Template Widget

Silakan Pasang kode FB Like, Twitter, dan Google 1+ yang didapat dari ShareThis tadi sesuai keterangan yang sudah saya tuliskan di atas.Description: Cara Pasang FB Like, Twitter, Google +1 Di Blogger Rating: 4.5 Reviewer: rifai - ItemReviewed: Cara Pasang FB Like, Twitter, Google +1 Di Blogger

Rifai Read

Cara Mengganti Tulisan Navigasi Blogger dengan Gambar

17.22  rifai  No comments



Kalau pada tutorial sebelumnya kita hanya menambah gambar tanpa menghapus tulisan navigasi yang ada, sedangkan untuk yang kali ini kita akan menghapus tulisan navigasi tersebut dan akan menggantinya dengan gambar navigasi pilihan kita. Sebagai contohnya, teman-teman bisa memperhatikan pada bagian paling bawah postingan blog ini maka ada gambar dua panah GIF yang mengarah ke kanan dan kiri serta gambar Home di tengahnya.
Jika teman-teman tertarik untuk membuat yang seperti itu silahkan untuk login dulu ke akun blogger.



1. Klik Tata Letak
2. Dan jangan lupa untuk mencentang kotak "Expand Widget Template"
3. Selanjutnya carilah kode <data:newerPageTitle/> dan kalau dah ketemu ganti dengan kode berikut
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif58vlsNhzeC_YGzDGTqislo2pNPsOkkP8csuqsQJAE9btZSSwnWFjJoxgZZNGTqkmFicji2hcV4zXCzoN4g0TblqHPZCg8ftUvCqlXo7PIMBZ535-xuSszZjPVDadfDaPUlv006epUMw/'/>

maka tulisan newer post-nya teman-teman akan menjadi gambar:

4. Carilah kode <data:olderPageTitle/> dan gantilah dengan kode berikut
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPPrs9-b1wzzq5tiMBFp0LjHP6D8tESr4LdP4vo_wOaI08oHCtYOzhFkTVYkPiWRQ0mxlJrkWGCgSJ8Vt82LYX6oVP2IQxGsbP0r17u9fijq_QmkcM2WEWqAx3MTfrnGnO0Ve1R4fVIEA/'/>

Maka nanti tulisan older post pada blog teman-teman jadi seperti ini:

5. Selanjutnya cara mengubah tulisan home/halaman depan dengan gambar rumah. Silahkan untuk mencari kode <data:homeMsg/> maka nanti teman-teman akan menemukan dua kode yang sama, dan pilihkah yang paling atas - sebagai contoh, lihat susunannya berikut
-------------------------------------------
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>
-------------------------------------------
maka yang telah saya tandai dengan warna kuning itu harus diganti dengan kode berikut
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKmweZft3IUakyU9u0aGvCEraNYnyKBU2pS-LV09bPGn8xTZMPZOr41PV7btXikU43Xtb9TyTKHsZupLhX4GE0zt3dYhQUwBP4YsRJeQwq_meKB8xbfIuPlLcSLShKexbl0_GG5A8_yoE/' title='Home/Halaman Muka'/>

Dan nanti tampilan tulisan home/halaman depan akan tergantikan dengan gambar:

6. Kalau sudah selesai, jangan lupa klik simpan template. Description: Cara Mengganti Tulisan Navigasi Blogger dengan Gambar Rating: 4.5 Reviewer: rifai - ItemReviewed: Cara Mengganti Tulisan Navigasi Blogger dengan Gambar

Rifai Read

Cara Membuat Efek Drop Shadow pada Gambar

12.27  rifai  No comments

Dengan gambar memang sudah menarik, tapi kali ini kita akan belajar untuk membuat gambar yang sudah kita posting menjadi lebih menarik lagi. Yaitu dengan membuat efek drop shadown pada gambar. Drop Shadow adalah sebuah efek bayangan yang timbul pada suatu objek, bisa pada sebuah kotak, tabel, dan gambar. Tidak perlu mengedit gambar yang akan kita posting dengan photoshop. Tapi kita akan langsung membuat gambar yang ada di blog kita memiliki efek drop shadown.

Cara Membuat Efek Drop Shadow pada Gambar
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode  ]]></b:skin>
6. Jika sudah ketemu taruh kode berikut di atasnya:


.drop-shadow img {
background:url(http://i30.tinypic.com/1qsh1h.jpg) no-repeat right bottom;
padding: 5px 10px 10px 5px;
}

7. Cari kode <data:post.body/> lalu ganti kode tersebut dengan kode berikut:

<div class='drop-shadow'><data:post.body/></div>

8. Simpan template jika sudah selesai.Description: Cara Membuat Efek Drop Shadow pada Gambar Rating: 4.5 Reviewer: rifai - ItemReviewed: Cara Membuat Efek Drop Shadow pada Gambar

Rifai Read

Animasi Spider-man di Blogger

22.04  rifai  No comments

Berikut langkah-langkah nya :

  • Login ke blog anda...
  • Klik "Design" kemudian klik "Edit HTML" Setelah itu centang "Expand Widget Templates".
  • Cari kode <Body> kemudian letakan kode berikut ini tepat di bawah kode <Body>.
    <div align="left">
    <embed allowscriptaccess="sameDomain" flashvars="&amp;col1=d89b09&amp;col2=7cc034&amp;dayAdd=0&amp;cal=true&amp;gig_lt=1248336103578&amp;gig_pt=1248336182359&amp;gig_g=1&amp;gig_n=blogger" height="400" loop="true" menu="false" pluginspage="http://www.adobe.com/go/getflashplayer" quality="best" src="http://www.widgipedia.com/widgets/orido/RedSpidey-5671-8192_134217728.widget?__install_id=1248336094072&amp;__view=expanded" swliveconnect="true" type="application/x-shockwave-flash" width="250" wmode="transparent"></embed></div>
  • Untuk posisi widget silakan anda sesuaikan kode <div align="left">, "left" jika dipasang di kiri dan "right" jika ingin dipasang di kanan.
  • Klik "Save Template" dan lihat hasilnya.
Description: Animasi Spider-man di Blogger Rating: 4.5 Reviewer: rifai - ItemReviewed: Animasi Spider-man di Blogger

Rifai Read