Cara Membuat dan Pasang Tombol Share This di Blog

 KUCOPAS - Cara Membuat dan Pasang Tombol Share This di Blog, Setelah sebelumnya saya sudah pernah share tentang Cara Membuat dan Memasang Tombol share di Blog yang di antaranya:
1. Cara Membuat dan Pasang Tombol Sharing is Sexy di Blog
2. Cara Membuat dan Pasang Tombol Share Addthis di Blog
3. Cara Membuat dan Pasang Tombol Share Lockerz di Blog
 Silahkan sobat pilih saja Tombol share yang sobat inginkan.

 Dan kali ini saya akan menjelaskan tentang Cara Membuat dan Pasang Tombol Share This di Blog, ada apa dengan Tombol share this yang model ini???
sedikit penjelasan untuk sobat kucopas semua, Tombol Share This berikut yang akan kita pasang di blog adalah tombol share yang mempunyai keutamaan dan otomatis akan tampil di bawah setiap postingan blog.

 Maka cara ini bisa di sebut dengan Cara Membuat dan Pasang Tombol Share This di Bawah Setiap Postingan Blog. Untuk membuatnya caranya sangat mudah bila sobat mengikuti langkah-langkah yang saya jelaskan ini dengan seksama atau teliti.

 Berikut Cara Membuat dan Pasang Tombol Share This di Blog:
1. Silahkan sobat kunjungi situsnya SHARETHIS.COM, untuk lebih cepat klik DISINI.
2. Dan sobat akan di bawa ke halaman seperti gambar di bawah ini.

3. Silahkan sobat pilih blog sobat, kali ini pilih Blogger, lalu klik >> NEXT:Step2. Pick a Style.
4. Kemudian sobat akan masuk pada Step ke dua, seperti gambar Fitur di bawah ini.

5. Silahkan sobat pilih Fitur yang sobat inginkan, Lalu klik >> NEXT:Step 3, Costumize.
6. Langkah selanjutnya adalah Step yang ke Tiga, Liat gambar di bawah ini.

7. Terlihat kotak form yang paling atas adalah preview atau cotoh dari Tombol Share This yang akan sobat pasang di blog.
8. Untuk mengubahnya caranya sangat mudah, Silahkan sobat seret saja dari dua kotak form yang ada di bagian sebelah kanan ke Kotak form bagian kiri sendiri untuk memilih tombol shere this yang sobat inginkan.
9. Sobat bisa lihat hasil preview di kotak form bagian atas.
10. Bila sudah cocok seperti yang sobat inginkan, kemudian sobat klik >> FINISH: Get the Code (tombol warna hijau dibawah).
11. Dan langkah selanjutnya sobat akan di bawa kehalaman seprti gambar dibawah ini.

12. Silahkan sobat melakukan REGISTRASI untuk mendapatkan Kode dari Tombol Share This yang sobat buat tadi.
13. Cara Registrasi atau daftar silahkan sobat isi pada kotak:
 no 1. Isi Email sobat.
 no 2. Isi URL alamat blog sobat.
 no 3. Isi pasword sobat.
 no 4. Isi lagi dengan pasword yang sama.

14. Setelah melewati langkah diatas, sobat akan di bawa ke bagian seperti gambar di bawah ini.

15. Silahkan sobat pilih sebelah kanan atau kiri yang ada pada gambar di atas. sedikit penjelasan untuk sobat, gambar diatas adalah efek yang akan timbul bila mouse pointer menyentuh Tombol share, makan akan tampil pop up seperti gambar diatas.
16. Setelah sobat pilih salah satu tampilan diatas, silahkan sobat scroll kebawah dan copy kode HTML seperti gambar di bawah ini.

18. Silahkan sobat copy kode Script yang nomor 1, kemudian taruh di blog sobat, berikut caranya:
- Login ke >> Blog sobat >> pilih menu "Rancangan/Element Laman" >> Tambah Gadget >> pilih HTML/JavaScript >> kemudian Masukkan kode HTML nomor 1 seperti gambar diatas >> lalu SIMPAN.
- Langkah selanjutnya sobat pilih >> Menu "Edit HTML" >> centang "Expand Template Widget" >> cari kode </head> gunakan CTRL+F untuk mempermudah menemukanya. >> kemudian taruh kode script nomor 2 tepat diatas atau sebelum kode </head> Lalu SIMPAN TEMPLATE.

19. Selesai dan lihat hasilnya.
20. Selamat sobat berhasil Membuat dan Pasang Tombol Share This di Bawah Setiap Postingan Blog.


 Semoga artikel tentang Cara Membuat dan Pasang Tombol Share This di Blog, Sangat bemanfaat untuk sobat KUCOPAS semua.

---

| Supported by http://kuc0pas.blogspot.com |

---

04.07 | 0 komentar | Read More

Cara Pasang Tombol Share Lockerz di Blog

 KUCOPAS - Cara Pasang Tombol Share di Blog memang banyak sekali model nya dan banyak pula pilihan cara untuk memasang nya di blog.
Pada artikel yang kemarin dan sebelum nya saya sudah pernah posting tentang beberapa Cara Pasang Tombol share di Blog, diantara nya :
- Cara Pasang Tombol Share AddThis di Blog.
- Cara Pasang Tombol Sharing is Sexy di Blog.
Dan kali ini saya akan posting Cara pasang Tombol Share Lockerz di Blog.
sedikit pencerahan untuk sobat KUCOPAS, bahwa tampilan Tombol Share Lockerz seperti pada gambar, tampilanya sangat simpel, Namun bila cursor mouse diarahkan ke Tombol Share Lockerz tersebut, maka akan tampil seperti gambar di bawah ini :

 Jika sobat tertarik untuk memasang nya di blog sobat, silahkan ikuti langkah-langkah nya berikut ini :
1. Silahkan sobat >> "Masuk/Login" ke blog sobat.
2. Kemudian klik dan kunjungi situs >> "www.ShareLockerz.com"
3. Dan sobat akan di bawa ke halaman seperti pada gambar di bawah ini.

4. Silahkan sobat arahkan Cursor mouse ke >> "Grab the Share Button" akan muncul hidden scroll seperti gambar di atas. lalu sobat pilih >> "Blogger" atau blog lain yang ingin sobat pasangi Tombol Share Lockerz.
5. Kemudian akan tampil halaman seperti Gambar berikut di bawah ini.

6. Jika sobat ingin automatis pasang widget Tombol share Lockerz di Blog sobat (lihat gambar no 1 warna merah) Sobat Klik >> "Install Blogger Widget".
Atau -
7. Jika sobat ingin pasang Tombol Share Lockerz di Bawah Postingan Blog (lihat gambar no 2 warna merah) Sobat Kopi >> "Kode Html" seperti gambar di atas yang saya lingkari warna HIJAU,
Lalu Taruh tepat di bawah kode <data:post.body/> , Ikuti cara berikut untuk memasang nya.


- Jika sobat ingin Pasang Tombol Share Lockerz di Bawah Postingan Blog,

1. Silahkan sobat langsung >> "Masuk/Login" Ke Blog sobat.
2. Kemudian sobat pilih >> "Rancangan".
3. Langkah selanjut nya sobat pilih >> "EDIT HTML".
4. Lalu jangan lupa sobat >> "Centang Expand Widget Template".
5. Silahkan sobat cari Kode <data:post.body/> , gunakan CTRL+F untuk mempercepat pencarian.
6. setelah ketemu kemudian sobat letakan Kode script di atas tadi, lalu sobat taruh tepat di Bawah Kode <data:post.body/> , maka hasil nya Tombol Share Lockerz akan terlihat di bawah postingan blog sobat.

7. Jangan Lupa di Save/Simpan.
8. Selesai dan silahkan sobat lihat hasil nya.

NB :
Untuk contoh yang sudah jadi ada pada blog KUCOPAS ini, silahkan sobat arahkan Cursor mouse ke Tombol Share Lockerz di Bawah postingan ini, untuk melihat hasilnya yang sudah saya pasang.

Demikian posting Cara pasang Tombol Share di Blog, Khusus nya Cara Pasang Tombol Share Lockerz di Blog.
Semoga artikel yang saya posting kali ini sangat bermanfaat untuk sobat KUCOPAS semua.
HapPy BLog9inG...

---

| Supported by http://kuc0pas.blogspot.com |

---

12.45 | 0 komentar | Read More

Cara Membuat Dan Memasang Tombol Share AddThis Di Blog

 Cara Membuat Dan Memasang Tombol Share AddThis Di Blog - Pada kesempatan kali ini saya akan share artikel posting tentang Cara Membuat Dan Memasang Tombol Share Di Blog, Khususnya untuk Cara Membuat Dan Memasang Tombol Share AddThis Di Blog.

 Tombol share yang akan saya ungkap triknya berikut mengenai Tombol Share AddThis memang sedikit berbeda dengan tombol share Sharing Is Sexy Di Blog yang sudah pernah saya posting sebelumnya. Namun fungsinya sama-sama untuk share artikel posting blog ke berbagai social media seperti facebook, Google+, Twitter dan juga yang lainya. Yang berbeda hanyalah tampilannya yang lebih dinamis dan simpel.

 Oke sobat, Dari pada banyak kata mending sekarang kita langsung menuju ke artikel inti Cara Membuat Dan Memasang Tombol Share AddThis Di Blog. Silahkan sobat mengikuti langkah-langkahnya sebagai berikut.

1. Langkah pertama yang harus sobat lakukan adalah >> Masuk atau login ke blogger.com menggunakan akun sobat.

2. Kemudian sobat buka situs Addthis.com

3. Dan sobat akan di bawa ke halaman seperti gambar di bawah ini :

4. Silahkan pilih ukuran Tombol Share AddThis yang sobat inginkan, Lalu klik >> "Get AddThis" seperti pada gambar di atas.

5. Kemudian sobat >> Register atau Daftar, Ada beberapa opsi pilihan untuk register yaitu melalui akun facebook, akun twitter, akun Google dan Oped id. Silahkan sobat pilih yang paling gampang menurut sobat. Saran saya sobat daftar menggunakan akun google saja, Karena tadi sudah login di blog sobat.

Lihat gambar screenshot berikut.

6. Langkah yang selanjutnya, Karena sobat akan memasang tombol share AddThis di Blog, Maka silahkan sobat pilih >> "Blogger" atau yang lainnya di sebelah kiri, Lalu di tandai.

Lihat contoh gambar screenshot di bawah ini.

7. Lihat Preview, Apakah sudah seperti tombol share yang sobat inginkan apa belum, Jika sudah cocok  silahkan sobat klik >> "Install Blogger Widget" seperti gambar di atas.

8. Lalu sobat akan di bawa ke halaman seperti gambar screenshot di bawah ini.

9. Silahkan sobat pilih Blog yang akan sobat pasangi Tombol Share AddThis, Seperti contoh gambar screenshot diatas adalah Blog "KUCOPAS".

10. Kemudian sobat klik >> "Menambah Widget" (otomatis menambah widget di blog sobat) atau klik >> "Edit Konten" (Manual menambah widget di blog sobat).

11. Selesai dan lihat hasilnya menjadi Tombol Share seperti yang sobat inginkan.

• Jika sobat ingin Memasang Tombol Share AddThis di Bawah Postingan Blog

1. Silahkan sobat langsung >> Masuk atau Login Ke Blog sobat.

2. Pada Dashooard tampilan blogger baru, Silahkan sobat pilih dn klik Menu >> Template.

3. Langkah selanjutnya sobat klik >> Edit HTML >> Lanjutkan.

4. Jangan lupa sobat >> Centang Expand Widget Template.

5. Silahkan sobat cari Kode <data:post.body/> (Gunakan CTRL+F untuk mempercepat pencarian).

6. Jika sudah ketemu, Selanjutnya sobat copy Kode script dari Edit Konten di atas, Lalu sobat paste atau tambahkan kodenya tepat di bawah atau sesudah kode <data:post.body/>

Catatan:

• Bila pada template blog sobat sudah menggunakan fungsi "ReadMore", Kemungkinan akan ada beberapa kode <data:post.body/>, Silahkan sobat menambahkan kode tombol share AddThis tepat dibawah kode <data:post.body/> yang kedua. Maka hasilnya Tombol Share AddThis akan terlihat di bawah postingan blog sobat.

7. Sebelum sobat klik simpan template, Ada baiknya klik >> Preview atau Pratinjau terlebih dahulu. Guna untuk menghindari kesalahan waktu Edit HTML Template blog sobat.

8. Jika hasil Pratinjau Template blog sobat tidak mengalami eror, Silahkan sobat klik >> Simpan Template dan lihat hasil yang sesungguhnya pada setiap halaman bagian bawah postingan blog sobat sudah terpasang tombol share AddThis.

 Selamat buat sobat yang sudah bisa Memasang Tombol Share AddThis Di Bawah Postingan Blog, Namun Bagi sobat yang belum berhasil menerapkannya dalam blog, Jangan berkecil hati. Silahkan bertanya dalam form komentar yang tersedia untuk mendapatkan solusinya. Senang bisa berbagi untuk sesama blogger.

 Semoga Arikel posting yang sudah saya ungkap triknya ini bisa sangat bermanfaat untuk sobat KUCOPAS semua.

Selamat Berkarya.

---

| Supported by http://kuc0pas.blogspot.com |

---

09.30 | 0 komentar | Read More

Cara Membuat Dan Memasang Tombol Sharing Is Sexy Di Blog

 Cara Membuat Dan Memasang Tombol Sharing Is Sexy Di Blog - Selamat untuk sobat kucopas, Karena sobat masuk pada pilihan yang tepat untuk mencari artikel posting tentang Cara Membuat Dan Memasang Tombol Sharing Is Sexy Di Blog atau Cara Memasang Tombol Share Di Bawah Posting Blog.

 Pada artikel yang sebelumnya saya sudah share posting tentang Cara Membuat Animasi Berjalan Di Bagian Bawah Blog, Dan kali ini saya akan share lagi seputar tutorial blog, Yaitu tentang Cara Membuat Dan Memasang Tombol Share Keren Di Bawah Posting Blog, khususnya Cara Membuat Dan Memasang Tombol Sharing Is Sexy Di Blog.

 Fungsi dari Tombol Sharing Is Sexy yang di pasang di blog sangat banyak sekali, Salah satunya adalah jika sobat memasang tombol Sharing is Sexy diblog, Maka akan dapat sangat memudahkan para pengunjung blog untuk mengirim atau share artikel blog sobat ke berbagai Social Bookmark seperti Facebook, Google+,  Twitter, Digg dan lain sebagainya.

 Tampilan dari Tombol Sharing Is Sexy sangatlah sexy seperti namanya, Karena tombol share yang berikut ini mempunyai tampilan yang menggunakan efek show hidden. Dan efeknya akan kelihatan jika mouse pointer menyentuh tombol sharing is sexy tersebut. Silahkan sobat lihat contohnya langsung pada blog DEMO KUCOPAS.

DEMO

Oke sobat kita langsung saja menuju Cara Buat Tombol Sharing is Sexy di Blog, silahkan sobat ikuti langkah-langkah nya di bawah ini :

1. Silahkan sobat langsung >> "Masuk atau Login" Ke Blogger.com mengguakan akun sobat.

2. Pada Dashboard blogger tampilan baru, Kemudian sobat pilih Menu >> "Template". Klik Cadangkan/Pulihkan >> Download Template lengkap. Guna untuk berjaga-jaga jika ada kesalahan saat edit template, Agar sobat masih bisa mengembalikan template blog sobat seperti semula.

3. Langkah selanjutnya sobat klik >> "EDIT HTML".

4. Lalu jangan lupa sobat >> Centang "Expand Widget Template".

5. Kemudian sobat cari Kode >> ]]></b:skin> (Gunakan CTRL+F untuk mempermudah pencarian).

6. Jika sudah ketemu, Silahkan sobat letakan semua Kode yang berwarna BIRU di bawah ini tepat setelah atau di bawah Kode ]]></b:skin>

<style type='text/css'>
div.sexy-bookmarks { height:54px; background:url(http://img709.imageshack.us/img709/57/sharing.png) no-repeat left bottom;position:relative; width:540px }
div.sexy-bookmarks span.sexy-rightside { width:17px; height:54px; background:url(http://img709.imageshack.us/img709/57/sharing.png) no-repeat right bottom; position:absolute; right:-17px }
div.sexy-bookmarks ul.socials { margin:0 !important;padding:0 !important; position:absolute; bottom:0;left:10px }
div.sexy-bookmarks ul.socials li { display:inline-block !important; float:left !important; list-style-type:none !important; margin:0 !important; height:29px !important; width:48px !important; cursor:pointer !important; padding:0 !important }
div.sexy-bookmarks ul.socials a { display:block !important; width:48px !important; height:29px !important;f ont-size:0 !important; color:transparent !important}
.sexy-furl, .sexy-furl:hover, .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-script-style, .sexy-script-style:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-syndicate, .sexy-syndicate:hover, .sexy-email, .sexy-email:hover { background:url(http://img406.imageshack.us/img406/9198/sexyy.png) no-repeat !important }
.sexy-furl { background-position:-300px top !important }
.sexy-furl:hover { background-position:-300px bottom !important }
.sexy-digg { background-position:-500px top !important }
.sexy-digg:hover { background-position:-500px bottom !important }
.sexy-reddit { background-position:-100px top !important }
.sexy-reddit:hover { background-position:-100px bottom !important }
.sexy-stumble { background-position:-50px top !important }
.sexy-stumble:hover { background-position:-50px bottom !important }
.sexy-delicious { background-position:left top !important }
.sexy-delicious:hover { background-position:left bottom !important }
.sexy-yahoo { background-position:-650px top !important }
.sexy-yahoo:hover { background-position:-650px bottom !important }
.sexy-blinklist { background-position:-600px top !important }
.sexy-blinklist:hover { background-position:-600px bottom !important }
.sexy-technorati { background-position:-700px top !important }
.sexy-technorati:hover { background-position:-700px bottom !important }
.sexy-myspace { background-position:-200px top !important }
.sexy-myspace:hover { background-position:-200px bottom !important }
.sexy-twitter { background-position:-350px top !important }
.sexy-twitter:hover { background-position:-350px bottom !important }
.sexy-facebook { background-position:-450px top !important }
.sexy-facebook:hover { background-position:-450px bottom !important }
.sexy-mixx { background-position:-250px top !important }
.sexy-mixx:hover { background-position:-250px bottom !important }
.sexy-script-style { background-position:-400px top !important }
.sexy-script-style:hover { background-position:-400px bottom !important }
.sexy-designfloat { background-position:-550px top !important }
.sexy-designfloat:hover { background-position:-550px bottom !important }
.sexy-syndicate { background-position:-150px top !important }
.sexy-syndicate:hover { background-position:-150px bottom !important }
.sexy-email { background-position:-753px top !important }
.sexy-email:hover { background-position:-753px bottom !important }
</style>

7. Masih dalam Edit HTML, Selanjutnya silahkan sobat cari lagi Kode <data:post.body/> (Gunakan CTRL+F lagi untuk mempercepat pencarian).

8. Jika sudah ketemu, Kemudian sobat letakkan semua Kode di bawah ini tepat setelah atau di bawah Kode <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'><div class='sexy-bookmarks'>
<ul class='socials'>
<li class='sexy-delicious'><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='sexy-digg'><a expr:href='&quot; http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='sexy-technorati'><a expr:href='&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='sexy-reddit'><a expr:href='&quot; http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='sexy-stumble'><a expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='sexy-designfloat'><a expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='sexy-facebook'><a expr:href='&quot; http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='sexy-twitter'><a expr:href='&quot; http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='sexy-furl'><a expr:href='&quot; http://www.furl.net/storeIt.jsp?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='sexy-syndicate'><a href='http://feeds.feedburner.com/blogspot/ZqAec' title='Subscribe to RSS'/></li>
<li class='sexy-email'><a expr:href='&quot; mailto:?subject=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
</ul>
<span class='sexy-rightside'/></div></b:if>

Catatan:

• Jika pada template blog sobat menggunakan "ReadMore", Mungkin sobat akan menemukan ada beberapa kode <data:post.body/>, Biasanya lebih dari dua hingga empat. Saran saya, Silahkan sobat tempel kode scriptnya dibawah kode <data:post.body/> yang ke dua.

9. Sebelum sobat klik >> Simpan, Silahkan klik >> "Preview/Pratinjau", Demi untuk menghindari kesalahan saat Edit HTML.

9. Jika hasil "Preview/Pratinjau" template blog sobat tidak mengalami eror, Silahkan sobat klik >> "Save/Simpan".

10. Selesai dan lihat hasilnya pada setiap halaman posting blog sobat, Di bawahnya sudah terpasang Tombol Sharing Is Sexy.

NB:
- Silahkan sobat atur dan edit penerapan kodenya, Agar sesuai dengan template blog sobat, Karena penerapan dan pemasangan kode script mungkin bisa berbeda untuk setiap template blog.

- Menurut pengalaman saya dalam memasang Tombol Sharing is Sexy di Blog sangat mudah, Karena saya hanya ikuti tutorial di atas dan berhasil, Contohnya bisa sobat lihat di blog DEMO KUCOPAS. Lihat contoh di bawah postingan.

 Semoga artikel posting tentang Cara Membuat Dan Memasang Tombol Sharing Is Sexy Di Blog, Bisa sangat bermanfaat untuk sobat KUCOPAS semua.

HapPy BLog9inG...

---

| Supported by http://kuc0pas.blogspot.com |

---

08.35 | 0 komentar | Read More

Cara Memasang Tombol Like Facebook Di Postingan Blog

KUCOPAS - Cara Memasang Tombol Like Facebook Di Postingan Blog. Welcome to my blog KUCOPAS, kali ini saya akan share artikel untuk sobat semua dan posting yang saya terbitkan hari ini adalah trik dan tips tentang blog untuk pemula atau newbie seperti saya ini. hehehehehehe...

Trik dan tipsnya yaitu Cara Memasang Tombol Like Facebook Di Blog, cara menaruh tombol like di postingan blog, cara memasang tombol like facebook di blog, cara mudah memasang tombol like facebook di blog, cara memasang tombol like facebook di bawah postingan blog, cara memasang tombol like di atas postingan blog, cara memasang tombol like facebook di bawah judul postingan blog, cara buat tombol like facebook di blog, cara membuat tombol like facebook di blog, dan kiranya sudah cukup penjelasan tentang artikel yang akan saya share kali ini, karena itulah keyword atau kata kunci yang sering di cari dalam search engine atau mesin pencari apabila sobat ingin memasang tombol like facebook di blog. hehehehhe... Nice...

Oke sobat, sebelum berlanjut ke topik inti, yaitu Cara memasang tombol like facebook di blog, silahkan sobat simak baik-baik langkah-langkahnya memasang tombol like facebook di blog.

Sekedar pengetahuan untuk sobat KUCOPAS semua tentang Memasang tombol like facebook di blog.
Kegunaan dan juga fungsi dari Tombol Like Facebook yang di pasang di blog, salah satunya adalah untuk memungkinkan pengunjung blog pengguna atau yang memiliki akun Facebook agar bisa berbagi artikel blog kita dengan teman-teman mereka di situs jejaring sosial Facebook.

Saat pengunjung klik tombol like facebook ini, maka sebuah penggalan cerita atau artikel akan muncul di News Feed teman-teman facebook pengunjung tersebut dengan link back yang mengarah ke blog kita.
Bila ada teman pengunjung yang klik link tersebut, maka hal ini merupakan suatu keuntungan buat kita, karena dapat meningkatkan traffic atau pengunjung untuk blog sobat.

Tombol Like Facebook yang akan sobat pasang di blog, kira-kira tampilannya akan terlihat seperti gambar di bawah ini.

Bila sobat tertarik untuk memasang tombol Like Facebook ini di bawah setiap postingan blog, silahkan sobat bisa ikuti langkah-langkah yang akan saya jelaskan di bawah ini.

1. Silahkan sobat Masuk atau login ke akun Blogger sobat.
2. Pada Dashboard tampilan blogger baru, Pilih Menu >> Template. Klik >> Edit HTML.
3. Langkah yang selanjutnya, Silahkan sobat cari kode <data:post.body/>
Tekan Ctrl + F lalu isikan kode <data:post.body/> untuk mempermudah pencarian.

4. Silahkan sobat >> Tambahkan semua kode di bawah ini, Tepat di bawah atau sesudah kode <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:left; margin-top:10px;'><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;action=like&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:25px;'/></div>
</b:if>

5. Klik tombol Preview / Pratijau, kalau hasilnya sudah cocok seperti yang sobat inginkan dan template blog tidak mengalami eror, Silahkan sobat klik >> Simpan Template.
8. Selesai. Dan lihat hasilnya pada setiap halaman postingan blog sobat sudah ada Tombol Like Facebook.

Catatan:

• Jika pada blog sobat sudah menggunakan fungsi "Read More", Maka biasanya ada banyak kode <data:post.body/>

• Saran saya silahkan sobat Tambahkan kode HTML-nya tepat di bawah atau setelah kode <data:post.body/> yang ke dua.

• Kode di atas adalah menggunakan kode hidden tertentu atau kode menyembunyikan widget tertentu di blog, jadi tombol like facebook hanya akan tampil pada halaman posting blog saja. Jika sobat ingin menampilkan tombol like facebook pada semua halaman blog, Maka silahkan sobat hapus kode warna Pink di atas.

• Untuk hasil yang lebih baik dan agar seperti yang sobat inginkan, Silahkan sobat ber exsperimen sendiri untuk meng-edit kodenya dalam template blog sobat. Namun berhati-hatilah jangan sampai terjadi eror pada tampilan template sobat.

Semoga artikel posting Cara memasang tombol like facebook di blog, Bisa sangat bermanfaat untuk sobat KUCOPAS semua.

HapPy BLog9ing...

06.12 | 0 komentar | Read More