Membuat Tombol Suka Facebook

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.

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 :

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

Sebagai contoh Tombol Suka yang menuju pada Halaman Penggemar Gudang Materi di Facebook , sebagai berikut :

<b:if cond='data:blog.pageType == "item"'>
<iframe allowTransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fgudangmateri&layout=standard&show_faces=false&width=450&action=like&font=arial&colorscheme=light&height=35' style='border:none; overflow:hidden; width:450px; height:35px;'/>
</b:if>

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. Mungki untuk penjelasan resmi dari Facebook dapat anda lihat di : http://developers.facebook.com/docs/reference/plugins/like

sumber : http://www.ekaariyasa.com/2010/05/cara-membuat-tombol-suka-facebook-di-blogger/

5 comments:

Revolution said...: nice info om. .
saya lsng bisa nih; July 15, 2010 at 11:03 PM
Anonymous said...: @Revolution : mantap dah gan :); July 15, 2010 at 11:31 PM
goresan pensil said...: info yang sangat bermanfaat. maksih buung; March 21, 2011 at 9:03 PM
Patricx Sang Pemimpi said...: Maaf Bang bisa di bantu gag ? Saya newbie pengen ada tombol Like nya di blog saya ? :(
Tongonin dong
Nie alamat fb saya
Gieblue@ymail.com; March 23, 2012 at 3:08 PM
Anonymous said...: thx gan sukses trs....; June 12, 2012 at 8:15 PM

Membuat Tombol Suka Facebook

5 comments:

Post a Comment

Pesan Sponsor

arsip

artikel yang dibagikan

bidang ilmu

kotak bicara

my Follower

Count Visitor