Social Bookmarking Widget Untuk Homepage

Original by IFX Adrian | 04 Maret 2010 93 Comments

Social Bookmarking Widget Untuk Homepage Anda semua tentu sudah paham bahwa saat ini situs-situs social bookmark atau jejaring sosial sangat berperan penting dalam hal meningkatkan trafik blog. Dengan mengirim, membagikan, atau menyimpan link di situs tersebut, kita akan mendapatkan pengunjung yang lebih banyak dan membuat mereka akan selalu mengunjungi blog kita.

Dibeberapa postingan sebelumnya, saya telah menjelaskan cara-cara untuk mengirim url postingan dengan mudah ke situs social bookmark, di antaranya Widget Sharing & Bookmarking, Widget Share the Love, Share on Facebook, dan terakhir widget buatan saya sendiri yaitu TBZ-Bookmarking Widget. Semua widget tersebut difokuskan untuk mengirim url postingan saja. Nha, kali ini saya akan menjelaskan cara membuat widget social bookmarking untuk membagikan url homepage blog. Dengan widget ini, kita bisa mengirim url homepage blog kita ke Facebook, Twitter, Digg, Stumbleupon, Linkedin, Yahoo Bookmarks, Google Bookmarks, Reddit, Mixx, Technorati, dan yang terkahir ke Google Buzz. Mau?

Berikut Cara Membuat Social Bookmarking Widget untuk Homepage

1. Login ke akun Blogger anda

2. Pilih Layout > Page Elements

3. Tambahkan Page Elements dengan HTML/Javascript, lalu paste kode di bawah ini ke dalam kotak content.

<a href="http://www.facebook.com/share.php?u=http://blogger-driver.blogspot.com" target="_blank" title="Share on Facebook"><img src="http://3.bp.blogspot.com/_Z_KyM3IvEFQ/S4-xkLYtsOI/AAAAAAAABPQ/bv6dHT6OG4c/s400/facebook_32.png" border="0" alt="Facebook" /></a>

<a href="http://twitter.com/home?status=I%20am%20currently%20on:%20Blogger%20Driver%20-%20http://blogger-driver.blogspot.com.%20It's%20a%20great%20blogging%20tips" target="_blank" title="Tweet It!"><img src="http://1.bp.blogspot.com/_Z_KyM3IvEFQ/S4-xzYSOXmI/AAAAAAAABQQ/yBISAcms8Ag/s400/twitter_32.png" border="0" alt="Twitter" /></a>

<a href="javascript:var%20b=document.body;var%20GR________bookmarklet_domain="http://www.google.com";if(b&&!document.xmlVersion){void(z=document.createElement("script"));void(z.src="http://www.google.com/reader/ui/link-bookmarklet.js");void(b.appendChild(z));}else{}" title="Buzz This!"><img src="http://4.bp.blogspot.com/_Z_KyM3IvEFQ/S4-xk3PjlVI/AAAAAAAABPg/VEbYKGKfCg8/s400/googlebuzz.png" border="0" alt="Google Buzz" /></a>

<a href="http://del.icio.us/post?url=http://blogger-driver.blogspot.com&title=Blogger%20Driver" target="_blank" title="Bookmark to Delicious"><img src="http://2.bp.blogspot.com/_Z_KyM3IvEFQ/S4-xjAbYwwI/AAAAAAAABPA/5UR-4UAFz08/s400/delicious_32.png" border="0" alt="Delicious" /></a>

<a href="http://del.icio.us/post?url=http://blogger-driver.blogspot.com&title=Blogger%20Driver" target="_blank" title="Digg It!"><img src="http://3.bp.blogspot.com/_Z_KyM3IvEFQ/S4-xjnuX_dI/AAAAAAAABPI/uDx9uwEYs8c/s400/digg_32.png" border="0" alt="Digg" /></a>

<a href="http://www.stumbleupon.com/submit?url=http://blogger-driver.blogspot.com&title=Blogger%20Driver" target="_blank" title="Stumble it!"><img src="http://4.bp.blogspot.com/_Z_KyM3IvEFQ/S4-xtlK02sI/AAAAAAAABQA/JXTSSfJs_PU/s400/stumbleupon_32.png" border="0" alt="Stumbleupon" /></a>

<div style="clear:both;height:0"></div>

<a href="http://www.linkedin.com/shareArticle?mini=true&url=http://blogger-driver.blogspot.com&title=Blogger%20Driver" target="_blank" title="Share on Linkedin"><img src="http://4.bp.blogspot.com/_Z_KyM3IvEFQ/S4-xsqJYCuI/AAAAAAAABPo/Ms0H4-_mfRA/s400/linkedin_32.png" border="0" alt="Linkedin" /></a>

<a href="http://myweb2.search.yahoo.com/myresults/bookmarklet?u=http://blogger-driver.blogspot.com&=Blogger%20Driver" target="_blank" title="Bookmark to Yahoo! Bookmarks"><img src="http://2.bp.blogspot.com/_Z_KyM3IvEFQ/S4-xzwF9DJI/AAAAAAAABQY/1h81DtyolWM/s400/yahoo_32.png" border="0" alt="Yahoo! Bookmarks" /></a>

<a href="http://www.google.com/bookmarks/mark?op=add&bkmk=http://blogger-driver.blogspot.com/&title=Blogger%20Driver" target="_blank" title="Bookmark to Google Bookmarks"><img src="http://4.bp.blogspot.com/_Z_KyM3IvEFQ/S4-xknWkOaI/AAAAAAAABPY/2Y863u5Unhk/s400/google_32.png" border="0" alt="Google Bookmarks" /></a>

<a href="http://reddit.com/submit?url=http://blogger-driver.blogspot.com/&title=Blogger%20Driver" target="_blank" title="Reddit"><img src="http://1.bp.blogspot.com/_Z_KyM3IvEFQ/S4-xtZhe55I/AAAAAAAABP4/mZiSul6x1Lg/s400/reddit_32.png" border="0" alt="Reddit" /></a>

<a href="http://www.mixx.com/submit?page_url=http://blogger-driver.blogspot.com" target="_blank" title="Share on Mixx"><img src="http://2.bp.blogspot.com/_Z_KyM3IvEFQ/S4-xtOGwynI/AAAAAAAABPw/1SRy1Pk_YWU/s400/mixx_32.png" border="0" alt="Mixx" /></a>

<a href="http://technorati.com/faves?add=http://blogger-driver.blogspot.com&title=Blogger%20Driver" target="_blank" title="Fave this to Technorati"><img src="http://2.bp.blogspot.com/_Z_KyM3IvEFQ/S4-xuGq0neI/AAAAAAAABQI/G6YRR6lL8wc/s400/technorati_32.png" border="0" alt="Technorati" /></a>

Keterangan:
- Ganti tulisan yang bercetak tebal dengan url dan nama blog anda
- Jika judul atau nama blog anda lebih dai satu kata, maka gunakan kode %20 sebagai pengganti spasi, misal "Blogger%20Driver" (tanpa tanda kutip)
- Saya sarankan anda meletakkan widget ini di bagian sidebar paling atas supaya mudah dilihat oleh pengunjung

4. Terkahir, klik Save Template.

Untuk demonya bisa anda lihat disini.

Selamat mencoba...