TopBottom

Blog Tutorial

About Me

Add your donation here for a better of our service. Thanks!

Berlangganan

Anda Suka Tips Blogger Zacky?
Temukan Kami Di:
Ingin Dapat Artikel Terbaru?
rss Klik disini untuk berlangganan melalui RSS atau terima artikel di email anda dengan cara mengisi form berikut:

Social Bookmarking Widget Untuk Homepage

Original by Zacky Adrishayuni | 04 Maret 2010 26 Comments

Social Bookmarking Widget Untuk HomepageAnda 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=&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://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...

Bagikan Artikel Ini!

Facebook Delicious Digg! Twitter Linkedin StumbleUpon Lintas Berita
Technorati Google Bookmarks Mixx Yahoo! Newsvine Reddit

Artikel Lain Yang Mungkin Anda Baca

26 komentar:

karlz 5 Maret 2010 10:26  

siiip.. makasih sob ilmu-nya.. ;D

sob btw bs bikin efek fade in ga ?

zune phone 5 Maret 2010 13:32  

yang jelas thanks udah shared bro, tapi masih mikir mau ditaruh mana :))

masterGOmaster 5 Maret 2010 15:18  

alhamdullilah aku sudah pasang mas ! makasih tipsnya

Yorikho's 5 Maret 2010 19:36  

mantap
makasih mas
makasih buat kunjungannya ya
:)

Sou Stalker 6 Maret 2010 07:05  

mantap gan,tapi kalo ane pake addthis.com gan,soalnya simpel.

salam kenal gan !

indian girls photos 6 Maret 2010 23:34  

good your blog,thanks for sharing..

van 10 Maret 2010 10:59  

makasih udah sharingnya bos...

aguestri 8 Mei 2010 10:51  

Wah tips yang bermanfaat bangets nich, makasih ya sob atas infonya

bright 15 Mei 2010 14:40  

terima kasih atas triknya

Nhiaiaia 17 Mei 2010 09:34  

makasih yah atas infonya... thank you banget :D

Hanna Pertiwi 16 Juni 2010 00:46  

salam sobat
bagus banget tips nya..

salam kenal ya..

Afrianti 14 November 2010 17:20  

Cara pasangnya dimana?..

Tutorial Blog 2 Desember 2010 10:00  

kalau pasang di bawah posting gimana yah caranya!?!?
:D

Sandelrahma 19 April 2011 08:11  

Assalamuaaikum blogwalking mampir sob sekalian follow di tunggu follow backnya y di http://indosandster.blogspot.com/ dan Tukeran link link sudah di pasang di http://indosandster.blogspot.com/2010/11/tukeran-link-indosandster-free-software.html

vicky 3 Juni 2011 08:35  

terima kasih atas informasinya ini sangat membantu

AMUNG HERMANSYAH 29 Juli 2011 22:46  

Trik nya Ok mas, makasih ya..

prananta bali 31 Oktober 2011 09:56  

wah mantap gan tulisan dan tips2nya thanks ya :)

Clara Loura Rorimpandey 25 November 2011 05:11  

mao nyari artikel lain ktmu yg ini.. hehehe makasih ilmunya.. :))

satriyanews 28 November 2011 06:09  

om,. kl naruh social bookmarking ini di setiap post gmn ya?.
baru belajar di blogspot nih om.. :D
mohon bantuannya y.. :)

Luna Maya belajar Electro

pipau 29 Februari 2012 07:28  

Terima kasih buat info yang bermanfaat ini ya, Oom

Cerita Unik Bangka|bang kaus|Touring

Poskan Komentar