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.

Judul: Cara pasang tombol share; Ditulis oleh Unknown; Rating Blog: 5 dari 5

Dengan memasukan alamat email dibawah ini, berarti anda akan dapat kiriman artikel terbaru dari Blogger Tutorial | SEO | Free Blogger Templates | OOM RIO.com di inbox anda:

Related Posts

• CSS LINKPenggunaan css pada fitur css link sangat bervariasi. Ada banyak fungsi pada fitur css link, kita bisa mengatur warna link, warna latar pada link, merubah warna pad ... readmore
• Percantik Tampilan Label Cloudmu Dengan CSS Permintaan sahabat blogger dalam bentuk komentar di salah satu  postingan OOM RIO untuk meminta dibuatkan tutorialnnya. Kelebihan dari modifikasi widget ... readmore
• Cara membuat tanggal otomatis updateMasih dalam kategori css dan javascript, kali ini kita akan belajar membuat dan memasang tanggal otomatis update setiap saat yang bisa kita pasang pada web ataupun ... readmore
• CSS DimensiFitur CSS Dimensi berfungsi untuk mengontrol tinggi dan lebar suatu elemen seperti gambar dan paragraf teks. Baik Mengatur tinggi dari suatu elemen dengan menggunak ... readmore
• CSS MarginProperti CSS margin berfungsi untuk mengatur jarak atau membuat ruang kosong, baik bagian kanan, kiri, atas, dan bawah disekitar elemen seperti box, teks, gambar dl ... readmore