Cara Membuat Tombol Suka Facebook Di Blogger
Diterbitkan 8 May 2010 Dan Dilihat 1,465 Kali
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 :
<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 :
<b:if cond='data:blog.pageType == "item"'> <iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/> </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.
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>
Kesimpulan Tips Ini
Saya berharap tips sederhana saya diatas 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.







sob tips aqu pake.. n sukses,, makasih ya salam kenal juga, btw aqu dah follow blog km klo berkenan follow back ya ??
makasih.
Bagus banget bro ilmunya bisa dibagi-bagi, saya baru mengenal dunia blog nih, tolong untuk masukkan dan pencerahannya, bisa kirim email ke mr.eyegood83@gmail.com, ok bro terima kasih
[...] : http://www.ekaariyasa.com/2010/05/cara-membuat-tombol-suka-facebook-di-blogger/ [...]
Salam kenal bro,… artikelnya sangat membantu sekali, coz ane pemula nih..,ane mesti sering2 berkunjung kesini nih, thank’s ya bro.
thanks infonya..
tp kok kode yg pertama ga mo tampil yak ??
kl yg kedua mau…
tlg di bantu donk…
Bagus beud infonya gan .. sy dah pasang di>
http://masakan-resto.blogspot.com/
saya mau tanya tentang posting Cara Membuat Tombol Suka Facebook Di Blogger? kenapa ga tampil ya tombol suka nya? apa karena saya pasang di pembuatam html baru dan menonaktifkan komentar pada postingan?