Category

Archive

Y!M

fahmidz.other

Cara Menampilkan/Memunculkan Tombol Berbagi/Share dari Fitur Blogger

Bagi teman-teman yang ingin menampilkan Tombol Berbagi/Share Button yang dipublikasikan dari Blogger, berikut caranya:

1. Login Blogger dahulu,
2. Klik menu Rancangan, kemudian Elemen Laman,
3. Klik Tombol Edit ,
4. Kemudian centang kotak share button,
5. Atur posisinya, caranya Tahan Klik Kiri di share button tsb,
6. Dan Simpan,
7. Jika tidak muncul, sekarang kita ke Edit HTML,
8. Cari <data:post.body/> (sebelumnya centang Expand Template Widget, memudahkan pencarian menggunakan CTRL+F),
9. Letakkan kode berikut diatas/dibawah <data:post.body/> :
<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>

10. Simpan Template

Maksud dari "Letakkan kode berikut diatas/dibawah <data:post.body/>" yaitu, jika anda meletakkan kodenya diatas <data:post.body/>, maka Share Buttonnya akan muncul diatas postingan, dan jika anda meletakkan kodenya dibawah <data:post.body/>, maka Share Buttonnya akan muncul dibawah postingan.

2 komentar:

pulsa via paypal mengatakan...

makasih infonya gan salam kenal

Fendy Thahir mengatakan...

nah ini... terimakasih atas infonya. langsung praktek

Posting Komentar