twitter
Bagikan ke

Cara Membuat Tombol Suka Facebook Di Blogger

Dalam tips saya 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 :
1<div class='post-header-line-1'/>
2. Langkah kedua tambahkan kode yang ada dibawah ini dan tambahkan sebelum kode yang ada diatas atau lihat gambar :
1<b:if cond='data:blog.pageType == &quot;item&quot;'>
2<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;'/>
3</b:if>

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.
1<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;'/>

semoga berhasil

0 comments:

Posting Komentar