Cara pasang tombol share

Menampilkan atau memasang Tombol share Social Bookmarking memang diperlukan sekali untuk kita yang sudah memiliki web ataupun blog. Hal ini sangat membantu untuk meningkatkan trafik atau pengunjung yang datang dari setiap Social Bookmarking. Seperti yang sudah kita ketahui bahwa hampir setiap Social Bookmarking, masing - masing sudah memiliki visitor yang sangat tinggi.
Jadi setiap artikel yang kita publikasikan, bisa langsung di sharing kesetiap Social Bookmarking dengan menggunakan Tombol share yang kita pasang. Dengan demikian tidak menutup kemungkinan ada visitor yang tertarik dengan artikel kita, dan langsung menuju web atau blog kita untuk membaca artikel yang kita sharing.

Ok..., bila anda berminat memasang Tombol share Social Bookmarking, anda bisa pilih dari dua properti Tombol share Social Bookmarking dibawah ini :

Gambar 1

(ada 6 Tombol share Social Bookmarking)

Gambar 2

(ada 100 lebih Tombol share Social Bookmarking)

Silahkan anda ikuti langkah -langkah cara pasang Tombol share Social Bookmarking :
1. Login ke blogger dengan ID anda.
2. Klik Rancangan.
3. Dan KLik tab Edit HTML.






4. Seperti biasa alangkah baiknya setiap edit Html, Download dulu Template Lengkap (back-up Template) agar template aman, bila terjadi kesalahan.

5. Jangan lupa Klik tombol "Expand Widget Templates"

6. Cari kode yang sama atau mirip dengan kode berikut : 

<data:post.body/>

7. Sisipkan kode dibawah ini setelah kode <data:post.body/>  

Kode untuk Gambar 1 :

<b:if cond='data:blog.pageType == "item"'><br /> <div style='clear:both; '> <b>Share this post :</b><br/><br /> <div style='width:60px; float:left;'> <script type='text/javascript'> digg_url = '<data:post.url/>'; </script><br /> <script src='http://digg.com/tools/diggthis.js' type='text/javascript'/> </div> <div style='width:60px; float:left;'> <script badgetype='square' src='http://d.yimg.com/ds/badge2.js' type='text/javascript'><data:post.url/></script><br /> </div> <div style='width:65px; float:left;'> <a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='external dofollow' target='_blank'><img alt='Stumble' src='http://s310.photobucket.com/albums/kk426/magznetwork/socialbig/stumble.gif' style='padding:0;margin:0;border:none;'/></a><br /> </div> <div style='width:65px; float:left;'> <a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' rel='external dofollow' target='_blank'><img alt='Delicious' src='http://s310.photobucket.com/albums/kk426/magznetwork/socialbig/delicious.gif' style='padding:0;margin:0;border:none;'/></a><br /> </div> <div style='width:65px; float:left;'> <a expr:href='"http://technorati.com/faves?add=" + data:post.url' rel='external dofollow' target='_blank'><img alt='Technorati' src='http://s310.photobucket.com/albums/kk426/magznetwork/socialbig/technorati.gif' style='padding:0;margin:0;border:none;'/></a><br /> </div> <div style='width:65px; float:left;'> <a expr:href='"http://twitthis.com/twit?url=" + data:post.url' rel='external dofollow' target='_blank'><img alt='Twitter' src='http://s310.photobucket.com/albums/kk426/magznetwork/socialbig/twitter.gif' style='padding:0;margin:0;border:none;'/></a><br /> </div> <div style='width:65px; float:left;'> <a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + data:post.title' rel='external dofollow' target='_blank'><img alt='Facebook' src='http://s310.photobucket.com/albums/kk426/magznetwork/socialbig/facebook.gif' style='padding:0;margin:0;border:none;'/></a><br /> </div> </div> </b:if><br/>

Kode untuk Gambar 2 :

<b>Share this post:</b><br/> <div style='float:right;margin-right:10px;margin-top:20px;'> <!-- AddThis Button BEGIN --><br /> <div> <a expr:addthis:title='data:post.title' expr:addthis:url='data:post.url' class='addthis_button'><img src="http://s7.addthis.com/static/btn/v2/lg-bookmark-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/></a><br /> <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4b558593299fd997"></script></div> <!-- AddThis Button END --><br /> <br /> </div>

Catatan : Bila blog anda sudah menggunakan properti "Read more", sisipkan kode tersebut setelah kode <data:post.body/> yang kedua.

8. Simpan Template dan selesai.

Selamat mencoba dan Semoga bermanfaat.... Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda masukkan email pada forum Langganan Via Email yang ada disebelah kanan halaman ini. Jangan lupa luangkan waktu untuk beri komentar ya......, jangan khawatir... blog saya sudah Dofollow  hehehe...
Terima kasih.

Related Articles :
Baca artikel lain :

Informasi Artikel :
	Judul : "Cara pasang tombol share" Diulas Oleh : Noercholis | Kamis, 21 April 2011 | 08.42 Description : Menampilkan atau memasang Tombol share Social Bookmarking memang diperlukan sekali untuk kita yang sudah memiliki web ataupun blog. Hal in... Label : gadget,Tutorial Blogger Rating : 6.4 Dari 10, Berdasarkan 000+ Dari 0 000+ Pengunjung.
Sampai saat ini baru ada : 0 komentar >>> Silahkan tambahkan komentar Anda...