Cara Menciptakan Tombol Suka Facebook Di Atas Postingan

Cara Menciptakan Tombol Suka Facebook Di Atas Postingan
Cara Menciptakan Tombol Suka Facebook Di Atas Postingan
Cara Membuat Tombol Suka Facebook Di Atas Postingan Cara Membuat Tombol Suka Facebook Di Atas Postingan

Tombol like facebook atau umumnya terdapat di bab pecahan atas postingan, hal ini di maksudkan semoga tombol like tersebut lebih gampang terlihat oleh pembaca dan memudahkan pembaca untuk menekan tombol tersebut kalau artikel yang di posting terlihat menarik.

Cara Membuat Tombol Suka Facebook Di Atas Postingan Cara Membuat Tombol Suka Facebook Di Atas Postingan

Nah kalau anda tertarik membuatnya silakan ikuti langkah-langkah berikut:

Tambahkan CSS berikut di atas </style>

.fbliker{display:block;margin:0 0 20px 0}

Atur sendiri posisi CSS diatas sesuai dengan template yang anda gunakan.

Berikutnya taruh arahan Berikut diatas </body>

<b:if cond='data:blog.isMobileRequest == &quot;false&quot;'> <div id='fb-root'/> <script>(function(d, s, id) {   var js, fjs = d.getElementsByTagName(s)[0];   if (d.getElementById(id)) return;   js = d.createElement(s); js.id = id;   js.src = &quot;//connect.facebook.net/id_ID/sdk.js#xfbml=1&amp;version=v2.7&amp;appId=1190181487715105&quot;;   fjs.parentNode.insertBefore(js, fjs); }(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script> </b:if>

Ganti appId=1190181487715105 dengan ID anda

Kemudian Taruh arahan dibawa ini dimana tombol like facebook ini akan di tempatkan, contohnya diatas postinga atau dibawah postingan

<b:if cond='data:blog.isMobileRequest == &quot;false&quot;'> <span class='fbliker'> <div class='fb-like' data-action='like' data-layout='button_count' data-share='true' data-show-faces='false' data-size='small' expr:data-href='data:post.url'/> </span> </b:if>

Simpan template dan lihat perubahannya.

Tombol like ini hanya akan muncul pada tampilan mobile

Demikian semoga Cara Membuat Tombol Suka Facebook Di atas Postingan kali ini bermanfaat dan menambah kualitas blog anda semoga lebih baik lagi.

Sumber http://trikricky.blogspot.com/