Cara Membuat Tombol Share Button

 kali ini saya mau share tentang tutorial blogger nih.. abis share software ane gak luoa untuk share tips blog yaitu "cara membuat Tombol share button"
Langsung aja ni gan.. kita liat bagaimana sih cara-cara nya.. gak susah kok..




1. Template > Edit HTML > Lanjutkan > Lalu Centang Expand Template Widget
2. Cari kode <data:post.body/>
3. Masukan kode berikut ini tepat dibawah <data:post.body/>

<div style='background:#f9f9f9;border-top:3px solid #bbb;border-bottom:1px solid #bbb;width:100%;height:24px;text-align:left;font:normal 11px Arial;color:#333;margin:10px 0;padding:10px 0 5px'>

<div style='float:left;padding:1px 0;margin-right:15px;font:bold 13px Arial;color:#666'>
<strong>Bagikan Artikel Ini</strong> :
</div>

<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_button_facebook_like' fb:like:layout='button_count' title='Facebook'/>
<a class='addthis_button_tweet' title='Twitter'/>
<a class='addthis_button_google_plusone' g:plusone:size='medium' title='Google Plus'/>
<a class='addthis_counter addthis_pill_style' title='Share'/>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f57432236fb4dee' type='text/javascript'/>
</div>

Catatan: 
- Jika anda ingin memasang Tombol Share Button di atas postingan, simpan kodenya sebelum <data:post.body/>

- Jika tombol Tombol Share Button tidak ingin ditampilkan di halaman Home atau hanya ingin ditampilkan di halaman postingan saja, cukup tambahkan kode <b:if cond='data:blog.pageType == &quot;item&quot;'> dan </b:if> diantara kode tombol tadi. Dan hasilnya menjadi seperti ini:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
 Kode Tombol Share Button
 </b:if>
Demikian untuk  Cara Membuat Tombol Share Button | Tutorial Blogger kali ini, selebihnya bisa anda edit sendiri CSS nya menurut selera masing-masing. semoga bisa bermanfaat bagi sobat blogger..

Terima kasih atas kungjungan nya... dan jangan lupa untuk komentar nya...!!


0 komentar to "Cara Membuat Tombol Share Button"

About This Blog

Auto Backlink

My Blogs

Blog Archive

Followers

Web hosting for webmasters