Cara pasang tombol share Social Bookmark

Seperti yang sudah kita ketahui bahwa Tombol share Social Bookmarking sangat bermanfaat untuk menarik pengunjung sebanyak - banyaknya ke web atau blog kita. 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.

Bila anda berminat, Berikut ada tiga contoh tombol share Social Bookmark yang bisa anda pilih sesuai selera anda. Silahkan anda bisa ikuti langkah - langkah dibawah ini :

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. Selanjutnya copy dan sisipkan kode :

Sexy Social Bookmark :

• Copy kode dibawah ini dan paste sebelum kode </head>

<style type='text/css'> div.sexy-bookmarks { height:54px; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgupc0KeeIue3yWCZ745dGGw9FvlI8G9v0WUJnK3jl6wGLoWpC3B3TcNZQGmP7ZmLptDRxs5ehodMcQ-YdAndKhVfP2MOS6ZdmZbJWAUulDyiN3CYMKVDcUsfqnzNVOoGfOKfZfpV_kzYp9/') no-repeat left bottom; position:relative; width:540px; } div.sexy-bookmarks span.sexy-rightside { width:17px; height:54px; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgupc0KeeIue3yWCZ745dGGw9FvlI8G9v0WUJnK3jl6wGLoWpC3B3TcNZQGmP7ZmLptDRxs5ehodMcQ-YdAndKhVfP2MOS6ZdmZbJWAUulDyiN3CYMKVDcUsfqnzNVOoGfOKfZfpV_kzYp9/') no-repeat right bottom; position:absolute; right:-17px; } div.sexy-bookmarks ul.socials { margin:0 !important; padding:0 !important; position:absolute; bottom:0; left:10px; } div.sexy-bookmarks ul.socials li { display:inline-block !important; float:left !important; list-style-type:none !important; margin:0 !important; height:29px !important; width:48px !important; cursor:pointer !important; padding:0 !important; } div.sexy-bookmarks ul.socials a { display:block !important; width:48px !important; height:29px !important; font-size:0 !important; color:transparent !important; } .sexy-furl, .sexy-furl:hover, .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-script-style, .sexy-script-style:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-syndicate, .sexy-syndicate:hover, .sexy-email, .sexy-email:hover { background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnIwwdxWiafpYhvEAWJ7uGc_QwLuazbW9_ZikHxNgr0XQ5Sn3Ip2yoCcbEGI14CL5vxR595C_C4lmfY3SOv3-pOzq4mLqsVglM83dfcAIu-V_TA0JhbI_9Ffz6FB6uIh3irbIbwh9jjye1/') no-repeat !important; } .sexy-furl { background-position:-300px top !important; } .sexy-furl:hover { background-position:-300px bottom !important; } .sexy-digg { background-position:-500px top !important; } .sexy-digg:hover { background-position:-500px bottom !important; } .sexy-reddit { background-position:-100px top !important; } .sexy-reddit:hover { background-position:-100px bottom !important; } .sexy-stumble { background-position:-50px top !important; } .sexy-stumble:hover { background-position:-50px bottom !important; } .sexy-delicious { background-position:left top !important; } .sexy-delicious:hover { background-position:left bottom !important; } .sexy-yahoo { background-position:-650px top !important; } .sexy-yahoo:hover { background-position:-650px bottom !important; } .sexy-blinklist { background-position:-600px top !important; } .sexy-blinklist:hover { background-position:-600px bottom !important; } .sexy-technorati { background-position:-700px top !important; } .sexy-technorati:hover { background-position:-700px bottom !important; } .sexy-myspace { background-position:-200px top !important; } .sexy-myspace:hover { background-position:-200px bottom !important; } .sexy-twitter { background-position:-350px top !important; } .sexy-twitter:hover { background-position:-350px bottom !important; } .sexy-facebook { background-position:-450px top !important; } .sexy-facebook:hover { background-position:-450px bottom !important; } .sexy-mixx { background-position:-250px top !important; } .sexy-mixx:hover { background-position:-250px bottom !important; } .sexy-script-style { background-position:-400px top !important; } .sexy-script-style:hover { background-position:-400px bottom !important; } .sexy-designfloat { background-position:-550px top !important; } .sexy-designfloat:hover { background-position:-550px bottom !important; } .sexy-syndicate { background-position:-150px top !important; } .sexy-syndicate:hover { background-position:-150px bottom !important; } .sexy-email { background-position:-753px top !important; } .sexy-email:hover { background-position:-753px bottom !important; } </style>

• Copy kode dibawah ini dan paste setelah kode <data:post.body/> 

<div class='sexy-bookmarks'> <ul class='socials'> <li class='sexy-delicious'><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li> <li class='sexy-digg'><a expr:href='" http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li> <li class='sexy-technorati'><a expr:href='" http://technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li> <li class='sexy-reddit'><a expr:href='" http://www.reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li> <li class='sexy-stumble'><a expr:href='" http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li> <li class='sexy-designfloat'><a expr:href='"http://www.designfloat.com/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li> <li class='sexy-facebook'><a expr:href='" http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li> <li class='sexy-twitter'><a expr:href='" http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li> <li class='sexy-furl'><a expr:href='" http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li> <li class='sexy-syndicate'><a href='http://feeds2.feedburner.com/ID-FEEDBURNER-ANDA' title='Subscribe to RSS'/></li> <li class='sexy-email'><a expr:href='" mailto:?subject=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li> </ul> <span class='sexy-rightside'/></div>

Catatan : Ganti Tulisan "ID-FEEDBURNER-ANDA" , dengan milik anda.

Social Bookmark Hati :

•  Copy kode dibawah ini dan paste setelah kode <data:post.body/>

<div style='clear:both; '> <div style='width:65px; float:left;'> <a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV-ZyK6qh4BIHOQEX0PBirkshTeSbhIWDMcfJ5Rvwc6PYZtA5v7QqBjfDXQpxJR0Cr8CvsizGLVWVYCQtOipbpDMSGDoe3FUpW3vA-RW96sGvLCSGIKJzzop05FM1EUO5CJrqaEu_wkSd-/' style='padding:0;margin:0;border:none;'/></a> </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 nofollow' target='_blank'><img alt='Delicious' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdu-f9V0ZzeJeKy9vowGe09lY9CEb6r0CUVREDpbtrIbiGgBsyt239KbKDrCU2Mo8pSh4YEYMJbBTqXyXOiKiNTzqmBXTl2YX2OojatnrGOoeRfMO7xfnVqt5EoDwwJ3xzMatASvHkhhrj/' style='padding:0;margin:0;border:none;'/></a> </div> <div style='width:65px; float:left;'> <a expr:href='"http://technorati.com/faves?add=" + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXPTVmCbQDI5kv2H0-rK9_pqZSluIcqzIOJ4KjPipBljpcuThfGhuSxdlebheSBk7s_jY_8sT_ySaH0QfuCX69oLsY0cfEY3r3XHrxLOrXG5TwyAbii-q-l8M0hcmgVfwDe1pqcZiTTRgL/' style='padding:0;margin:0;border:none;'/></a> </div> <div style='width:65px; float:left;'> <a expr:href='"http://twitthis.com/twit?url=" + data:post.url' rel='external nofollow' target='_blank'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghci-sFSI_M6LNxsbXdqHqiEAxV_oAfxxs95RSf6UJu1lWXbca2OjhUixLXp_V5OVYBnL3DNoVVKcyBJC9lGsPgz1t1chNG-sSo7i7hw4UYY3DqLSSk6H9fSG2LdOZNafroFECv_oTRqnp/' style='padding:0;margin:0;border:none;'/></a> </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 nofollow' target='_blank'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfQ2k2zpp9j66Api39_aW229WgOuw4fD3857XC5u9JXzWZicDBQiEN07o7-B3wampOMIPK-49rTj5vvoTZsN3kt0Yt1AN9m0tDppdwWitMCVfqPqRubxAqnPfxqxBJsx7cWU4iv6AQUmo1/' style='padding:0;margin:0;border:none;'/></a> </div> <div style='width:65px; float:left;'> <a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?u=" + data:post.url + "&=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Yahoo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiru1T9vlPS5Ez67Cf-Rpf81LqU2FfhTn0Zuk7bl1t_DES8ChRk5ZaOGmoaUsqbqKLTlmyLPrFyvPcVbvM-qrS1XPk9JMGPFY0V4hSU435YRmtr1_arhc2HaNtFKfokyphyphenhyphenUt8TuEdWtBjl/' style='padding:0;margin:0;border:none;'/></a> </div> <div style='width:65px; float:left;'> <a expr:href='"http://reddit.com/submit?&url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Reddit' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxD-5m1FlGJLjStDdwZXkMFjKSM6MsHKU3CASybvrk1ns575GJuW441ftVx_ZvlSL2e3iKlh51hLfXMqdryhkSrl46Iz3qSV1hWy0pYZ9mxNQEErBKxAHpftMHz-VwaZWP89KWBBlrrUXb/' style='padding:0;margin:0;border:none;'/></a> </div> <div style='width:65px; float:left;'> <a expr:href='data:blog.homepageUrl + "feeds/posts/default"' rel='external nofollow' target='_blank'><img alt='Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1qTukYHAypAoXEx8Z6Exjim4V5JGF19DI6f3NeQv5QBhl2KKvATAWRegcVoITaNLNlNJb2o61vTc4X6qDRDgmxgkJF-KXVcBGeNIsmzeHLBvIgS7eukOefFg5Ls_llbcSNEWHRo5l0to-/' style='padding:0;margin:0;border:none;'/></a> </div> </div>

Social Bookmark Daun :

•   Copy kode dibawah ini dan paste setelah kode <data:post.body/>

<div style='clear:both; '> <div style='width:65px; float:left;'> <a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB-iKFoJuX7K4v3tQsLC28ZDBGIorzUNTtGmV2usdmyUmm14g6K6BgtvISWXL61BbeSOvXQc6AuBj3Zydx688zVm070-Ic6-thBLmBoa1-__CDflsekd-sWe97q-M3Qs-s5BLEGT01BsvH/' style='padding:0;margin:0;border:none;'/></a> </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 nofollow' target='_blank'><img alt='Delicious' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRnU4g2ySu-JR1qh-1V_fHeC21IjpMdK_8nWF0JQGmAQjZj7-5fVo-whfR3TX_amOKJeR1C3YNG-BhlaXMqB9JVRMMPE9SpC5uuxe1UAhsBO-sI2ubDaKM_ryQCXhT5owdoAPGKQJ5I-_G/' style='padding:0;margin:0;border:none;'/></a> </div> <div style='width:65px; float:left;'> <a expr:href='"http://technorati.com/faves?add=" + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYcqAntdpi96jdXNXWJ73hbMxXvoVjL13HYoQGS_6L8oZjF1wp4cpryZMwf1rmmRGGXE14x18aujp8dfg7Gkrjl3jcO9HXWiao0aNOOFwqS8WxYI9bMB74DukxgUW6yHSt4v0OESzOSLMA/' style='padding:0;margin:0;border:none;'/></a> </div> <div style='width:65px; float:left;'> <a expr:href='"http://twitthis.com/twit?url=" + data:post.url' rel='external nofollow' target='_blank'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf-CNKVuw6eZAjNp5FVCb9Qtfe1ibQhOy6zT9wu9naOwMjzJS-YJxOKERx_OnOleNeDuyW_BUnaXvGiUuyu8fLD9NMT_VVI6di_Q7V2egPAIdnp0sWSF4B_ApdzKrU5eCLNzEFhk208nGs/' style='padding:0;margin:0;border:none;'/></a> </div> <div style='width:65px; float:left;'> <a expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Digg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivnPlJsn6fwgw0fcJmZfHSybENWoJJdOOtbOd2bfkPzWoq1YVVBuSPagcBUjqhzJESj1MKS6u20gjCX-CajBYPgDUIe-8MmQgKwugxkawen2pQK4-NY-VS_CrM9WtTu-_82oiJKFW21wvA/' style='padding:0;margin:0;border:none;'/></a> </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 nofollow' target='_blank'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIYukHy-jy7CrbqNl7ujtqQzpXiDbIpsGeJ2uQb9DRMng4cTDjLkSIP746HqgOsKBvohoG_fM2izTCDFB0SwFxMsVxuRkqMbe_pveQd2CLSrarM9AhjG9oQ-ZqRYim8oTM_q4rj_Br2Sea/' style='padding:0;margin:0;border:none;'/></a> </div> <div style='width:65px; float:left;'> <a expr:href='"http://reddit.com/submit?&url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Reddit' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxoig6YH0pWJcD8rb7Zp19wzT_CRt5lTqTSMIGFFsJB-vnHWc1hXVPxKcqa6_0eEUEDmlM53B95dS2V7hfdRHupLWt4XPpTzxFMjgIJDe1yB0Be_7Dz75Y3bAzqGCOIPHJi1QpgUf1gxHn/' style='padding:0;margin:0;border:none;'/></a> </div> <div style='width:65px; float:left;'> <a expr:href='data:blog.homepageUrl + "feeds/posts/default"' rel='external nofollow' target='_blank'><img alt='Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU2RuBBQnKo6dWJD6sW2B44TBmVIbk333HJi1XjvDz92DwURiFNvsdCUlw26yfEEYbqwP9ksgM22fKlsnHsQKs9gunN_5JjiQ1QwWfd_G5rvFKdLVqjDr_Up5NCxfcTXK11M8ZhYcC1o-b/' style='padding:0;margin:0;border:none;'/></a> </div> </div>

7. SIMPAN TEMPLATE.

Selamat mencoba dan Semoga bermanfaat....
Jangan lupa luangkan waktu untuk beri komentar ya......terima kasih.
Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda gunakan tombol berlangganan artikel yang ada disebelah kanan halaman ini, atau melalui tombol dibawah ini.

Related Articles :
Baca artikel lain :

Informasi Artikel :
	Judul : "Cara pasang tombol share Social Bookmark" Diulas Oleh : Noercholis | Jumat, 15 Juli 2011 | 08.54 Description : Seperti yang sudah kita ketahui bahwa Tombol share Social Bookmarking sangat bermanfaat untuk menarik pengunjung sebanyak - banyaknya ke ... 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...