Jumat, 10 Februari 2012

Cara Menambahkan Facebook Like Button Di Blog

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;
}

Silakan ganti kode yang saya beri warna hijau (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
<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>
 
Simpan dan Lihat Hasil
***Semoga Berhasil 

Tidak ada komentar:

Posting Komentar