Friday, July 8, 2011
Cara Memasang Facebook Like Otomatis di Posting
Posted by
Sibuk Banget |
Memasang facebook like di posting blog dapat menjadi tolok ukur bagi blogger untuk mengetahui respon pengunjung selain dari comment. Selain itu memasang/membuat tombol facebook like secara otomatis juga akan mengirim url yang disukai pengunjung ke wall-nya. Ini juga menjadi keuntungan tersendiri, karena publikasi artikel posting dapat menjangkau area yang lebih luas. Hack widget ini akan memunculkan Facebook Like Button di setiap posting Blog Blogger anda.
Ada beberapa jenis Facebook like button. Berikut preview plus script-scriptnya yang dibuat untuk Blogger/Blogspot:
Standard Facebook Like Button
<!-- Tombol Facebook Like -->
<b:if cond='data:blog.pageType == "item"'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&send=false&layout=standard&show_faces=false&width=450&action=like&font=arial&colorscheme=light&height=35"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px;'/>
</b:if>
<!-- Facebook Like http://buka-rahasia.blogspot.com -->
Box Count Facebook Like Button
<!-- Tombol Facebook Like -->
<b:if cond='data:blog.pageType == "item"'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&send=false&layout=box_count&show_faces=false&width=55&action=like&font=arial&colorscheme=light&height=65"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:55px; height:65px;'/>
</b:if>
<!-- Facebook Like http://buka-rahasia.blogspot.com -->
Button Count Facebook Like Button
<!-- Tombol Facebook Like -->
<b:if cond='data:blog.pageType == "item"'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&send=false&layout=button_count&show_faces=false&width=90&action=like&font=arial&colorscheme=light&height=21"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:90px; height:21px;'/>
</b:if>
<!-- Facebook Like http://buka-rahasia.blogspot.com -->
a. Secara default, Tombol Facebook like akan muncul disisi kiri. Oleh karena itu, jika ingin menampilkannya di sisi kanan (seperti yang di blog ini), kita dapat menambahkan CSS styling, float ke kanan, dan untuk memberi batas dengan posting ditambahkan padding plus value-nya lalu memasukkan styling tersebut di dalam tag div.
Cara menyisipkannya:<div style='padding:4px; float: right;'></div>
<!-- Tombol Facebook Like --><b:if cond='data:blog.pageType == "item"'><div style='padding:4px; float: right;'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&send=false&layout=button_count&show_faces=false&width=90&action=like&font=arial&colorscheme=light&height=21"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:90px; height:21px;'/>
</div></b:if><!-- Facebook Like http://buka-rahasia.blogspot.com -->
b. Jika ingin mengubah tampilan Facebook like menjadi gelap (dark), ubah value pada colorscheme=light, ganti light dengan dark colorscheme=dark.
Cara memasang Facebook Like di Blogger:
1. Masuk ke dashboard > Design/Rancangan > Edit HTML.
2. Klik/check "Expand Widget Templates"
3. Pilih salah satu script/kode dari jenis Facebook Like di atas, lalu:
Anda bisa memasang facebook like button di bagian atas posting (di bawah judul) atau di bagian bawah posting (setelah artikel).
-Jika ingin memasang di bagian atas posting, cari <div class='post-body'> dan letakkan kode atau script TEPAT di bawah/setelahnya.
-Jika ingin memasang di bagian bawah posting, cari <data:post.body/> dan letakkan kode atau script TEPAT di bawah/setelahnya.
6.Save
7.Dan lihat hasilnya...
6.Save
7.Dan lihat hasilnya...
Selamat Mencoba...
Labels:
CSS
Subscribe to:
Post Comments (Atom)
0 comments:
Post a Comment