ads

Slider[Style1]

Style2

Style3[OneLeft]

Style3[OneRight]

Style4

Style5

Kali ini saya akan berbagi kategori Tutorial Blogger, artikel kali ini adalah Cara Membuat Tombol Share Button di Blog, artikel ini sudah sangat banyak di bahas oleh blogger lainnya, tapi tidak ada salah nya juga untuk saya kembali memposting Cara Membuat Tombol Share Button ini. Langsung saja bagi anda yang ingin mencoba, mari ikuti langkah-langkah berikut ini :



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.



Sumber : http://dhio89.blogspot.com/2012/10/cara-membuat-tombol-share-button.html#ixzz2Eu97d8mD

About Fauziemade

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.
«
Next
Posting Lebih Baru
»
Previous
Posting Lama

Tidak ada komentar:

Post a Comment


Top