Cara Menambahkan Facebook Like Button Di Blogger

Baik lah teman teman,, kali ne Saya " Roby" ingin sharing tentang membuat like button fb di blogger anda,,,
berikut cara nya :


1. Klik menu seperti ini


2. Klik menu / tulisan Template
3. Klik menu Edit HTML
4. Klik tulisan / menu Lanjutkan
5. Beri centang pada Expand Template Widget

Panduan Cara Menambahkan Facebook Like Button Di Blogger Di Blogger Lama

1. Klik Menu Rancangan / Design
 2. Klik Menu Edit Html
 3. Beri Centang Pada Bagian Expand Template Widget

Update End.
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 Templates.

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 ...


Semoga artikel Cara Menambahkan Facebook Like Button Di Blogger bermanfaat bagi Anda. Jika kamu suka dengan artikel Cara Menambahkan Facebook Like Button Di Blogger ini, like dan bagikan ketemanmu.

Posting Komentar

About Me

Foto saya
Jika anda ingin mengetahui lebih jauh tentang saya !! silahkan email ke Robyafrizalm@gmail.com

EDGENSI - All Right Reserved.Powered By Blogger
Template SEO Fendly by JimsonTemplate Edit by : Tutorial Blogspot