Memiliki tampilan blog yang Ok punya adalah harapan semua blogger, apalagi jika tampilan kerennya bisa menambah jumlah traffic pasti lebih keren lagi, nah salah satu cara menambah tampilan blog adalah dengan menambahkan kotak "facebook like" ke dalam blog kita.Anda bisa lihat tampilan facebook like di blog ini sebelah kanan bawah
Tahukah anda bagaimana caranya?? yap jika belum tahu mari kita bahasa caranya.
1. Login ke akun blogspot anda, kemudian kllik pada tab "Design", pastikan anda centang pada bagian "Expand Widget templates"
2. carilah kode <head> untuk lebih mudahnya gunakan Ctrl + F, lalu copy dan pastekan kode di bawah ini tpeat di bawah kode <head> tadi
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery(document).ready (
function(){jQuery("#facebook_right").hover(function(){
jQuery(this).stop(true,false).animate({right: 0}, 500); },
function(){ jQuery("#facebook_right").stop(true,false).animate({right: -249}, 500); });
});
</script>
3 Jika sudah silakan simpan tempate anda dengan klik save
4. Langkah selanjutnya adalah klik pada "Design" -----> "Page element"
5. Klik pada Add gadget untuk menambahkan gadget kemudian pilih lagi HTML/javascript
kemudian pastekan kode yang ada di bawah ini
<style>
img, a { border: 0; }#on {visibility:visible;}#off {visibility:hidden;}#facebook_div {width:245px;height: 310px;overflow: hidden;}
#facebook_right {z-index: 10005;border:2px solid #3c95d9;background-color: #fff;width:245px;height: 290px;position: fixed;right: -249px;}
#facebook_right img {position: absolute;top: 70px;left: -35px;}
#facebook_right iframe {border:0px solid #3c95d9;overflow: hidden;position: static;height: 360px;left:-2px;top:-3px;}
</style><div id="on"><div id="facebook_right" style="top: 30%;">
<div id="facebook_div">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwquA3xQue4VoSy0fyPqPvW1Y12xyPHfm-CYIewk_XWUpSiyweR9qO-6Ld2zi_4n4-R9JLAmndNtb835D_iWJZC_jNyBnqsJ1ggvd0FmMC67oB8B9OYH2Gt8xDMHAXfziLuo4iSSyDFUBd/s1600/FB.png" />
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FBlogger-Trix%2F110888928990749&
width=292&height=258&colorscheme=light&show_faces=true&border_color&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true">
</iframe>
<a style=" font-size:9px; color:#3B78CD; text-decoration:none;"http://belajarinternetmarketingok.blogspot.com/2012/05/cara-menambahkan-facebok-like-ke-dalam.html> Dapatkan gadget ini</a></div></div></div>
6. Gantilah warna biru yang saya cetak tebal di atas dengan kode facebook like anda.
7. untuk membuat facebook like anda silakan klik di sini, sehingga akan anda lihat tampilan sebagaimana gambar berikut :
Pada kotak Facebook URL, silakan ganti dengan alamat fan page anda kemudian klik pada tombol "get code" jika anda telah selesai, maka akan ada tampilan sebagai berikut :
<iframe src="//www.facebook.com/plugins/likebox.php?......................................> kedalam tulisan warna biru yang saya cetak tebal di atas tadi (petunjuk no. 5)
8. Kilik Save HTML/javascript dan selesai
tentu dalam menrapkan apa yang saya sampaikan di atas anda harus punya blog dan halamn facebook yang adan keterkaitan supaya sinkron aja, mengenai cara membuat halaman facebook silakan lihat di sini
Jika menurut anda kurang jelas silakan kasih komentar anda.
Silahkan Gunakan Facebook Coment, Komentar Anda Sangat berharga buat kami
text-decoration:none;"href="http://belajarinternetmarketingok.blogspot.com/2012/05/cara-menambahkan-facebok-like-ke-dalam.html"> Dapatkan gadget ini