Cara menerapkan tombol like and send dari Facebook ke blog ( khusus blogspot ).
Tombol like dan send Facebook,memiliki dua level.level pertama adalah level blog.jika pengunjung menekan click pada tombol tersebut,maka yang di maksud adalah blognya.bukan post nya.
Kemudian level kedua adalah tombol like dan send untuk post.jika pengunjung menekan click pada tombol tersebut,maka yang di maksud / di target adalah post nya.
Untuk membuat tombol like dan send dalam level blog,adalah lebih mudah.yang agak sulit adalah penerapan tombol like dan send untuk posting.
Ada banyak blogger yang bisa membantu dengan membagikan tips dan triks nya untuk penerapan tombol like dan send pada blog.namun tidak semuanya cocok dengan blogspot.tips dan triks di bawah ini sudah di coba di blogspot dan berhasil.code di bawah ini adalah code untuk level posting.silahkan di coba.
Caranya :
1. Buka template blogspot
2. Klik expand widget
3. Lalu cari code berikut : ]]></b:skin>
4. Letakkan kode di bawah ini sebelum kode di atas ( sebelum ]]></b:skin> )
.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:400px;
height:20px;
}
Silahkan copy code-nya disini : fblikeandsend
Sesuaikan lebar dengan postingan, dengan merubah angka 400 warna merah di atas.
5. Cari kode berikut dalam template ( aktifkan CTR-F untuk mempercepat pencarian ): <data:post.body/>
6. Letakkan kode berikut setelahnya ( setelah 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>
Silahkan copy code-nya disini : fblikeandsend
7. Kemudian klik pratinjau.perhatikan apakah tombol like dan send telah muncul di bagian bawah postingan ?..seharusnya sudah ada.
8. Jika tombol like dan send sudah terlihat di bawah postingan dalam pratinjau,maka tutup kembali page pratinjau.
9. Kemudian klik save dan selesai.
10. Jika dalam tayangan pratinjau tombol like dan send tidak muncul,maka lakukan hal berikut :
11. Tutup tayangan pratinjau
12. Kemudian tutup template,jangan di save.tutup saja sehingga perubahan tadi tidak tersimpan.
13. Kemudian cobalah mencari kode lain,yang cocok.lakukan langkah seperti di atas.jangan lakukan save template jika tujuan tidak tercapai.
14. Semoga berhasil.
Sekian,semoga bermanfaat.
Trims.__ht@2012
Tombol like dan send Facebook,memiliki dua level.level pertama adalah level blog.jika pengunjung menekan click pada tombol tersebut,maka yang di maksud adalah blognya.bukan post nya. Kemudian level kedua adalah tombol like dan send untuk post.jika pengunjung menekan click pada tombol tersebut,maka yang di maksud / di target adalah post nya.
Untuk membuat tombol like dan send dalam level blog,adalah lebih mudah.yang agak sulit adalah penerapan tombol like dan send untuk posting.
Ada banyak blogger yang bisa membantu dengan membagikan tips dan triks nya untuk penerapan tombol like dan send pada blog.namun tidak semuanya cocok dengan blogspot.tips dan triks di bawah ini sudah di coba di blogspot dan berhasil.code di bawah ini adalah code untuk level posting.silahkan di coba.
Caranya :
1. Buka template blogspot
2. Klik expand widget
3. Lalu cari code berikut : ]]></b:skin>
4. Letakkan kode di bawah ini sebelum kode di atas ( sebelum ]]></b:skin> )
.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:400px;
height:20px;
}
Silahkan copy code-nya disini : fblikeandsend
Sesuaikan lebar dengan postingan, dengan merubah angka 400 warna merah di atas.
5. Cari kode berikut dalam template ( aktifkan CTR-F untuk mempercepat pencarian ): <data:post.body/>
6. Letakkan kode berikut setelahnya ( setelah 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>
Silahkan copy code-nya disini : fblikeandsend
7. Kemudian klik pratinjau.perhatikan apakah tombol like dan send telah muncul di bagian bawah postingan ?..seharusnya sudah ada.
8. Jika tombol like dan send sudah terlihat di bawah postingan dalam pratinjau,maka tutup kembali page pratinjau.
9. Kemudian klik save dan selesai.
10. Jika dalam tayangan pratinjau tombol like dan send tidak muncul,maka lakukan hal berikut :
11. Tutup tayangan pratinjau
12. Kemudian tutup template,jangan di save.tutup saja sehingga perubahan tadi tidak tersimpan.
13. Kemudian cobalah mencari kode lain,yang cocok.lakukan langkah seperti di atas.jangan lakukan save template jika tujuan tidak tercapai.
14. Semoga berhasil.
Sumber :
Penulis Code :
Sekian,semoga bermanfaat.
Trims.__ht@2012
Tidak ada komentar:
Posting Komentar
Trims atas komentarnya...