Xceria Blogger Indonesia

Meletakkan Kode fbShare Button di Setiap Postingan Blogger

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>

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.

Hasil akhir akan tampak seperti di bawah ini.

facebook share widget
Cukup itu saja kodenya, selamat mencoba!

8 comments

Siip...boleh dicoba nih..

balas

Salam kenal... langsung ke TKP, mas! mau di cobain! makasihh infonya!! Kapan2 maen ya!!

balas

@Ediwan Sigit >> ok kawan...

balas

Gini to caranya. Thanks bro atas tutornya.

balas

wah, tutorial blogging yang mantab dan seru abis nih... maksih info dan tipsnya bro...

balas

thanks sob buat tipsnya..akhirnya sukses bro..hehe..
salam kenal sob..

balas

dah lama banget kaenya nyari trik ini, baru ketemu n bisa diaplikasikan sekarang. Thx mas.. kpn2 mampir.. :D

balas
:) :( ;) :D =D :w :c :d -) -| :v =( ^: :o :C :-

Silahkan berkomentar sesuai dengan artikel. Dilarang berkomentar spam dan menulis iklan!

« »
 
Back to top