Membuat Tombol untuk Bagikan Blog pada Situs Jejaring Sosial

Bagaimana Cara Membuat Tombol untuk Bagikan Blog pada situs jejaring sosial ???



Berikut Cara Membuat Tombol untuk Bagikan Blog pada situs jejaring sosial/Social Bookmarking Widget (Facebook, twitter, yahoo, delicious, digg, dll.)

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://wbw-wbw.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:%20wbw%20wbw%20-%20http://wbw-wbw.blogspot.com.%20It's%20a%20great%20blog" 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=&quot;http://www.google.com&quot;;if(b&amp;&amp;!document.xmlVersion){void(z=document.createElement(&quot;script&quot;));void(z.src=&quot;http://www.google.com/reader/ui/link-bookmarklet.js&quot;);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://wbw-wbw.blogspot.com&title=wbw%20wbw" 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://wbw-wbw.blogspot.com&title=wbw%20wbw" 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://wbw-wbw.blogspot.com&title=wbw%20wbw" 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://wbw-wbw.blogspot.com&title=wbw%20wbw" 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://wbw-wbw.blogspot.com&=wbw%20wbw" 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://wbw-wbw.blogspot.com/&title=wbw%20wbw" 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://wbw-wbw.blogspot.com/&title=wbw%20wbw" 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://wbw-wbw.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://wbw-wbw.blogspot.com&title=wbw%20wbw" 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 "WBW%20WBW" (tanpa tanda kutip)

4. Terkahir, klik Save Template.

SEMOGA BERMANFAAT



Ditulis Oleh : Penilai Artikel Hari: 7:01:00 AM Kategori:

0 comments: