Cara Membuat Tombol Share Button - Cara Membuat Tombol Share Button di Blogger - Cara Memasang Share Button Facebook, Twitter, Google - Membuat Share Button dalam Postingan Blog - 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/>
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 == "item"'> dan </b:if> diantara kode tombol tadi. Dan hasilnya menjadi seperti 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 == "item"'> dan </b:if> diantara kode tombol tadi. Dan hasilnya menjadi seperti ini:
<b:if cond='data:blog.pageType == "item"'>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..
Kode Tombol Share Button
</b:if>
0 komentar:
Posting Komentar