Membuat tombol share artikel/posting ke berbagai social bookmark saat ini seperti sudah menjadi satu kewajiban bagi seorang blogger. Karena dengan memasang tombol/button share artikel ini justru akan membuka peluang bagi kita untuk mendapatkan tambahan trafik dari berbagai social bookmark seperti Facebook, Twitter, Reddit, Digg, StumbleUpon, Myspace, Google Buzz atau mungkin Google Plus One (+1). Nah pada tips blogging kali ini saya mau share bagaimana cara memasang button share artikel (Bagikan Artikel ini ke…) di blog sobat yang kode scriptnya saya ambil dari layanan Addthis.com. Dengan memasang script dari Addthis ini maka sobat blogger dengan mudah dapat membagikan (share) artikel anda ke ratusan layanan social bookmark hanya dengan sekali klik saja. Tombol/button share social bookmark ini nantinya akan berada diatas postingan atau dibawah judul artikel, mirip seperti yang ada di blog ini (tapi ngga sama lho..).
Dibawah ini ada 3 script untuk membuat tombol/button share artikel berikut preview gambarnya :
1. Kode script button share style-1:
<!-- AddThis Button BEGIN -->
<b:if cond='data:blog.pageType == "item"'>
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div></b:if>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e71feed783c3890"></script>
<!-- AddThis Button END -->
2. Kode script button share style-2:
<!-- AddThis Button BEGIN -->
<b:if cond='data:blog.pageType == "item"'>
<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div></b:if>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e71ff8750bee738"></script>
<!-- AddThis Button END -->
3. Kode script button share style-3:
<!-- AddThis Button BEGIN -->
<b:if cond='data:blog.pageType == "item"'>
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div></b:if>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e71fdea5bff8d67"></script>
<!-- AddThis Button END -->
Nah dari 3 style button share social bookmark yang ada diatas, tinggal sobat pilih aja mau menggunakan yang mana. Adapun cara pemasangannya pada template, ikuti langkah-langkah dibawah ini :
1. Login ke dashboard blogger anda.
2. Pilih Rancangan > Edit HTML, centang Expand widget template.
3. Cari kode <data:post.body/> atau kode <div class='post-header-line-1'/> pada template anda ( salah satunya saja ! ) dan letakkan script button sharenya diatas kode tadi.
4. Save template dan lihat hasilnya.
Semoga Info bermanfaat buat kita semua.... Trim's
Related Post:
Tips Tricks
- Androsa File Protector
- Cara Mudah Mengganti Tombol Start
- Cara Mudah Pasang YM Di Blog
- Cara unblock situs porno Oleh Open DNS
- Cara Memblokir Situs Porno di Mozilla Firefox
- Cara Blokir Situs Porno dengan DNS Nawala
- Cisco Speed Meter Pro 1.3.9052
- Patch Buat aktivasi Win 7
- VistaMizer 4.1.0.0
- Membuat Widget Like Facebook Melayang
- New WordPress plugin: Tag Pages
- CARA MENGUKUR KECEPATAN BLOG
- Pemegang Hak Siar Liga Eropa 2012/2013
- Membuat Back To Top Button (100% OK)
- Tips Mempercepat Koneksi Internet Speedy
- Mempercepat Mozila Firefox ( Firefox Browser Speed )
- Cara mempercepat koneksi LAN
- Mempercepat Koneksi Internet di Hotspot
- Cara Mudah Download dan Install Driver All LAN dan WiFi
- Error This Connection Is Untrusted pada Firefox
- Effect Scroll Text pada artikel tertentu
- Memasang gambar animasi lucu di Blog
- Dream Screensaver Aquarium
Tips Blogspot
- Cara Memasang Tombol Share Facebook, Twitter dan Google+ Di Bawah Judul Artikel
- Membuat Slide Menu horisontal dibawah posting
- Cara Mudah Pasang YM Di Blog
- Cara Pasang Rich Snippet Di Blogspot Dengan Mudah
- Membuat Bounce & Share - Widget Social Bookmarking Blogger
- Mengganti Tulisan Older Post dan Newer Post Dengan Judul Arrtikel
- How to Install Related Posts Widget related links at the side column (OK)
- Cara Menambah Gadget diatas Header
- Hidden Chatbox
- Widget artikel terkait / Related post dgn Scroll
- Code Color
- Edit Lebar Posting Pada Template
- Top 15 Most Popular Social Bookmarking Websites | August 2012
- Cara Update Blog Ke Webrank Stats
- 5 Tools For Tracking Your Digital PR Campaigns
- Membuat Widget Like Facebook Melayang
- membuat scroll pada artikel terkait / related post
- New WordPress plugin: Tag Pages
- Cara Membuat Artikel Terkait Dengan Gambar
- CARA MENGUKUR KECEPATAN BLOG
- Membuat 3 Kolom Footer
- Kode Warna ( Color Code )
- Membuat Back To Top Button (100% OK)
- Effect Scroll Text pada artikel tertentu
Widget by [ Iptek-4u ]
0 comments:
Post a Comment