Melanjutkan posting sebelumnya tentang facebook share button dengan counter, kali ini Xceria akan membahas bagaimana cara meletakkan kode fbShare button tersebut pada setiap posting di blogspot.
Kode yang Xceria jelaskan di bawah ini, akan menempatkan fbShare button di sebelah kanan judul posting.
Baiklah, langsung saja kita mulai!
Pertama, masuk ke akun blogger Anda dan pilih menu Tata Letak (Layout) » Edit HTML. Sebaiknya sebelum Anda mulai, save dulu kode template Anda yang sekarang sebagai back-up kalau ada terjadi kesalahan.
Kemudian, klik tulisan "expand template widget", kemudian cari kode seperti di bawah ini. Itu adalah kode untuk judul/heading posting. Beberapa template mungkin sedikit berbeda, jadi sesuaikan saja.
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
Setelah itu, copy kode fbShare button yang telah Xceria tulis pada posting sebelumnya.
Kemudian, paste kode tersebut ke bagian atas dari kode judul posting di atas tadi.
Selanjutnya, copy-paste kode di bawah ini ke bagian kode fbShare button.
<div style="float: right;">
kode fbShare button
</div>Terakhir, simpan template Anda dan lihat hasilnya.
Cukup itu saja kodenya, selamat mencoba!