Cara Membuat Tombol Suka Facebook Di Atas Postingan

Cara Membuat Tombol Suka Facebook Di Atas Postingan

Tombol like facebook atau umumnya terdapat di bagian bagian atas postingan, hal ini di maksudkan agar tombol like tersebut lebih mudah terlihat oleh pembaca dan memudahkan pembaca untuk menekan tombol tersebut jika artikel yang di posting terlihat menarik.

Contoh tombol like facebook

Nah jika 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 kode 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 kode dibawa ini dimana tombol like facebook ini akan di tempatkan, misalnya 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 agar lebih baik lagi.
Advertisement
Advertisement

Artikel Terkait

Jangan menunggu kemampuan sebelum anda bersedia Bertindak. Bertindaklah karena itulah yang kelak menjadikan anda mampu