Cara Membuat Tombol Suka Facebook Di Blogger

Dalam tips blog kali ini saya akan membantu anda cara membuat Tombol suka Facebook yang akan membantu anda membagikan artikel anda kedalam profil Facebook yang menyukai artikel anda dan ini adalah cara yang sangat mudah untuk mempromosikan artikel-artikel anda dan membantu anda mencari traffic yang banyak untuk situs anda dari Jejaring Sosial seperti Facebook yang kita tahu mempunyai member akun yang cukup banyak dan jumlah pengunjung yang sangat fantastis.
Jadi tunggu apalagi kita harus bisa mempromosikan situs kita dengan berbagai cara yang mudah dan membantu traffic penggunjung situs anda.


Hasil Yang Akan Dibuat :




Demo


Langkah-Langkah yang harus anda lakukan adalah
1. Cari Kode Tersebut di templates anda dengan cara :
Login ke Blogger >> Dasbor >> Pilih situs >> tata letak >> edit Html >> dan jangan lupa centang Expand Template Widget
Dan tekan Ctrl-F untuk menampilkan search yang akan memudahkan pencarian anda dan lihat kode dibawah yang harus anda cari :

<div class='post-header-line-1'/>

2. Langkah kedua tambahkan kode yang ada dibawah ini dan tambahkan setelah kode yang ada diatas atau lihat gambar :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>

</b:if>

Hasilnya akan seperti di bawah ini:


3. Jika anda tidak suka tombol facebook itu berada dibawah judul postingan anda maka anda dapat memindahkannya sesuai keingan anda dan merubah warna tombol sesuai keinginan dan kebutuhan anda dengan mengganti colorscheme dengan warna : light, evil, atau dark dan jenis tulisan dapat diganti sesuai kebutuhan anda contoh : lucida+grande, segoe+ui, tahoma, trebuchet+ms, verdana Dll.
Kode dibawah yang dapat anda pindahkan sesuai dengan tempat dan keinginan anda dan kode dibawah hampir sama dengan kode diatas tetapi tidak ditambahkan 2 baris kode yang ada di blogger.

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>




 Saya berharap tips sederhana yang saya ambil dari blog eka ariyasa  ini dapat membantu anda meningkatkan traffik situs anda dan dapat membuat situs anda menjadi lebih baik dan semakin terkenal dengan tambahan tombol suka dari facebook. 
Dan jika anda mempunyai kode yang lebih baik atau berbeda mungkin anda dapat meninggalkan beberapa saran atau komentar agar dapat dibaca oleh teman yang lainnya.











0 komentar:

Posting Komentar