Space Ads close

Sponsor Ads


Recent Posts

Sabtu, 04 Februari 2012

Menambahkan Facebook Like Button Di Blogger


Hallo Teman...
Cara Membuat Facebook Like Button Di Blogger
Kali ini saya akan menuliskan panduan cara menambahkan Facebook 'Like' Button di blogger. Bagi siapa saja yang tertarik ingin menambahkan Facebook 'Like' Button di blog blogger tapi belum tahu bahaimana caranya silakan baca terus tutorial Cara Menambahkan Facebook Like Button ini, dan bagi teman-teman yang sudah tau caranya silakan koreksi, jika ada yang salah silakan di tegur ya...

Ok Langsung saja ...

Tutorial Cara Menambahkan Facebook Like Button Di Blogger

Seperti biasa, pertama silakan login dulu ke blogger

Setelah itu silakan klik Design / Rancangan / Tata Letak, kemudian klik bagian Edit Html

Cari Kode
]]></b:skin>
Letakkan kode berikut di atas ]]></b:skin> tadi
.fb_like_box {
-moz-border-radius:5px 5px 5px 5px;
border-radius:10px;
background:#f5f5f5;
border:1px dotted #ddd;
margin-bottom:10px;
padding:10px;
width:500px;
height:20px;
}
Penting Untuk Diketahui !!!
Silakan ganti kode yang saya beri warna merah (500) dengan ukuran lebar yang sesuai dengan template teman.

Simpan dulu dengan cara mengklik tombol Simpan / Save (Letakknya di bawah).
Beri centang pada pada bagian Expand Widget TemplatesJika belum tahu tempatnya silakan lihat di cara membuat auto read more di blogger

Masukkan kode berikut di bawah kode <data:post.body/>

<div class='fb_like_box'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like expr:href='data:post.url' font='' send='true' show_faces='false' width='400'/>
</div>
Sekarang silakan simpan kembali template anda dan silakan lihat hasilnya, apakah Facebook Like Button nya sudah terlihat.

Oh ia ...
Jika anda meninginkan Facebook Like Button nya terlihat di halaman posting saja silakan pasang kode yang ini, kode di atas tidak perlu di pasang.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='fb_like_box'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like expr:href='data:post.url' font='' send='true' show_faces='false' width='400'/>
</div>
</b:if>
Selamat Mencoba dan semoga berhasil ...

Tidak ada komentar:

agung nugroho. Diberdayakan oleh Blogger.