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 == "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 to "Cara Membuat Tombol Share Button"
Blog Archive
-
▼
2012
(286)
-
▼
November
(152)
-
▼
Nov 16
(31)
- Cara menggabungkan File PDF
- Mematikan komputer dengan jarak jauh
- Microsoft Office 2013 KMSmicro Activator v3.10 CODE3H
- Webroot SecureAnywhere Complete 2013 8.0.2.14 Full...
- Stardock Start8 1.03 Windows 8 Full Patch
- Panduan Cara Membuat Buku Tamu "Menggantung" Di Blog
- Cara Memasang Widget Chatting di Blog
- Cara Menampilkan Recent Comments
- Get 1 Million Visitors For You " 1 Juta Pengunjung...
- Cara Mengurangi Ukuran Berat Blog
- Cara mengetahui Jumlah pengunjung online
- Cara Mudah Mendaftarkan Blog ke Ribuan Blog Direktori
- Cara Mempercepat Loading Blog
- Cara mendaftarkan Blog ke search engine
- Cara mengetahui alamat/posisi dengan no Hp atau IP
- Cara membuat Buku tamu di blog
- Mempercepat Waktu Booting Windows 7
- Razer Game Booster 3.5.6 Beta
- Admin Spot Backlink Booster
- Merubah Label Menjadi Keywords
- Tips Blog agar banyak di kunjungi orang
- Menampilkan judul Posting saja di homepage blog
- Cara Membuat Widget Artikel Terbaru
- Membuat Artikel Terkait/Related Post dengan Efek C...
- Membuat Like Page Melayang Dengan Tombol Close
- Cara Membuat Tombol Share Button
- Blumentals WeBuilder 2011 v11.4 Pro Incl Serial Key
- Ashampoo Snap 6.0.2 MultiLanguage Incl Crack
- Aleo Flash Intro Banner Maker 4.0 Incl Patch
- Rollback Rx Professional v9.1 Build 2697670671 Inc...
- UBCD4WIN 3.60 Windows Recovery CD
-
▼
Nov 16
(31)
-
▼
November
(152)