Search JavaScript Kit:

This free script provided by
JavaScript Kit

Cara Memasang Tombol Like Di Bawah Judul Posting

Tombol "Like Facebook" adalah sebagai media apresiasi terhadap Artikel yang sedang di baca/ lihat oleh pengunjung blog apakah sesuai selera/ di gemari atau justru sebaliknya. Dengan tombol tersebut owner juga pengunjung bisa mengetahui sejauh mana kualitas dari artikel tersebut atas relevansinya dengan yang sedang dicari oleh pengunjung saat itu. Widget tersebut bisa ditempatkan di Sidebar juga di bawah postingan dengan posisi horizontal juga vertikal.


Oke langsung saja ke tutorialnya....

1. Login ke account Blogger sobat
2. Pilih Menu Template
3. Pilih Edit HTML ( Centang advance Widget )
4.Cari kode <data:post.body/>
5. Setelah ketemu letakkan kode di bawah ini tepat di atas kode <data:post.body/>




<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;send=false&amp;layout=box_count&amp;show_faces=false&amp;width=55&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=62&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:55px; height:62px;'/> </b:if>



<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;send=false&amp;layout=box_count&amp;show_faces=false&amp;width=55&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=62&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:55px; height:62px;'/> </b:if>



<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;send=false&amp;layout=box_count&amp;show_faces=false&amp;width=55&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=62&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:55px; height:62px;'/> </b:if>



6. Simpan Template dan lihat hasilnya.



***h72***

0 komentar:

Post a Comment

No spam...