Jumat, 09 Juli 2010

Menampilkan Share Button Blogger

Berikut ini adalah cara menampilkan Share Button blogger, tapi sebelum melangkah lebih jauh ada baiknya untuk mengetahui apa sih yang dimaksud Share Button. Share Button adalah icon kecil yang berada di bawah postingan yang dapat digunakan untuk membagikan postingan tersebut ke beberapa sosial bookmark seperti facebook dan lainnya. Pada keadaan default Share Button ini tidak dapat ditampilkan hanya dengan menseting di tab Rancangan. Kita harus masuk ke Edit HTML untuk mengatur setingan Share Button tersebut agar dapat terlihat di bawah/akhir setiap postingan di blog kita.
Baiklah langsung saja praktik. Masuklah ke halaman Edit HTML blogger, kemudian klik Expand Template Widget. Selanjutnya cari kode berikut:
<b:includable id='shareButtons' var='post'>

<b:if cond='data:post.sharePostUrl'>

<a class='share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.emailThisMsg/></span></a>
<a class='share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;&quot; + data:top.blogThisMsg + &quot;\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.blogThisMsg/></span></a>
<a class='share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a>
<a class='share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;&quot; + data:top.shareToFacebookMsg + &quot;\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a>
<a class='share-button sb-buzz' expr:href='data:post.sharePostUrl + &quot;&amp;target=buzz&quot;' expr:onclick='&quot;window.open(this.href, \&quot;&quot; + data:top.shareToBuzzMsg + &quot;\&quot;, \&quot;height=415,width=690\&quot;); return false;&quot;' expr:title='data:top.shareToBuzzMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToBuzzMsg/></span></a>

</b:if>
</b:includable>
 .
Pindahkan code yang berwarna merah tersebut tepat di bawah kode <data:post.body/> atau kalau <data:post.body/> tidak terdapat di blog Anda silahkan cari kode <p><data:post.body/> kemudian letakkan kode yang berwarna merah tepat di bawahnya. Selanjutnya silahkan simpan template Anda dan lihat hasilnya.