Pasang Button Social Bookmark di Blog

facebook-8Jika ingin punya blog populer, buatlah konten yang menarik. Namun apakah itu sudah cukup untuk membuat blog kita jadi populer. Tentu dengan pemasangan meta tag yang mumpuni dan keyword yang relevan akan sangat membantu kita dalam meningkatkan traffic blog. Satu cara yang juga tidak boleh kita lupakan begitu saja adalah peran situs-situs social bookmark yang saat ini menjadi alternatif lain para blogger untuk mempromosikan blog mereka.

 

Dengan mensubmit artikel-artikel kita ke situs social bookmark akan memungkinkan kita mendatangkan banyak pengunjung. Untuk melakukan itu, kita memerlukan fasilitas cepat dalam mensubmit artikel kita, salah satu contoh dengan memasang widget atau button social bookmark di blog kita. Hal ini sudah pernah saya bahas sebelumnya pada postingan membuat widget share di blog. Sama dengan yang lalu hanya saja kali ini penerapannya lebih mudah dan dengan button yang lebih besar. 

 

image

Untuk memasangnya sangat mudah, silahkan ikuti langkah-langkahnya berikut ini.

  • Login to blogger.
  • Tuju Tata Letak.
  • Klik Edit HTML –>> Expand Template Widget .
  • Copy dan paste kode dibawah ini setelah kode <data:post.body/>

     

    <div style='clear:both; '>
    <div style='width:60px; float:left;'>
    <script type='text/javascript'>
    digg_url = &#39;<data:post.url/>&#39;;
    </script>
    <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>
    </div>
    <div style='width:65px; float:left;'>
    <a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Stumble' src='http://lh4.ggpht.com/_7Y9pl24WpQY/S9xSmUeCjGI/AAAAAAAADpY/PwTpE9ERS0U/stumble_thumb%5B1%5D.gif' style='padding:0;margin:0;border:none;'/></a>
    </div>
    <div style='width:65px; float:left;'>
    <a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Delicious' src='http://lh3.ggpht.com/_7Y9pl24WpQY/S9xSe2evJhI/AAAAAAAADpI/u2d3FXmIcCQ/delicious_thumb%5B1%5D.gif' style='padding:0;margin:0;border:none;'/></a>
    </div>
    <div style='width:65px; float:left;'>
    <a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' rel='nofollow' target='_blank'><img alt='Technorati' src='http://lh5.ggpht.com/_7Y9pl24WpQY/S9xSo_MlhMI/AAAAAAAADpg/iFnP2vmL_D4/technorati_thumb%5B1%5D.gif' style='padding:0;margin:0;border:none;'/></a>
    </div>
    <div style='width:65px; float:left;'>
    <a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='nofollow' target='_blank'><img alt='Twitter' src='http://lh4.ggpht.com/_7Y9pl24WpQY/S9xSb_SokmI/AAAAAAAADpA/7BuK9F8-_NY/twitter_thumb%5B1%5D.gif' style='padding:0;margin:0;border:none;'/></a>
    </div>
    <div style='width:65px; float:left;'>
    <a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Facebook' src='http://lh5.ggpht.com/_7Y9pl24WpQY/S9xSi2qVdTI/AAAAAAAADpQ/mZXQ8JqJlnI/facebook_thumb%5B1%5D.gif' style='padding:0;margin:0;border:none;'/></a>
    </div>
    <div style='width:65px; float:left;'> <a expr:href='&quot;http://www.reddit.com/submit?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Reddit' src='http://lh6.ggpht.com/_7Y9pl24WpQY/S9xStOwxCcI/AAAAAAAADpo/2U6vbGMS6GM/Reddit-icon_thumb%5B16%5D.png' style='padding:0;margin:0;border:none;'/></a>
    </div>
    </div>

  • Simpan Template.

 

Semoga berhasil dan banyak mendatangkan pengunjung. Nerd

Berlangganan artikel terbaru via Email
Artikel Lainnya :

33 comments

2 Mei 2010 09.00

Terima kasih shobat atas informasinya..

2 Mei 2010 10.47

Mantabs nich...
Aku simpan dulu sob...

bagus juga yang besar2..

2 Mei 2010 21.35

Artikel yang bagus mas
Tq bgt atas infonya

Mas, saya mo nanya

Gini mas, saya kan mau mengikuti lomba design blog pada tanggal 8 mei. Temanya adalah hardiknas (HARI PENDIDIKAN NASIONAL). Mas bisa tolongin gak yang background hitam pada template blog dijadikan warna merah metalik/ Bukan merah polos loh.
Biar warna templatenya jadi merah putih gitu kan enak dilihat dan cocok untuk tema blognya.


PLsss ya mas, tolong kasih tau saya caranya sebelum tanggal 8 mei. Soalnya saya suka sekali dengan template ini.
Jadi inti dari pertanyaan saya adalah
1) Cara Ubah backround template soft yang berwarna hitam menjadi merah metalik/ merah keren. dan bukan merah polos.
2) Bagaimana cara agar di home blog pada postingan yang terpotong (readmore) terdapat gambar kecil seperti pada sampingnya (bisa mas lihat di soft-templateblogspot.com)

Mas bisa lihat screen shoot semua pertanyaan saya disini http://2.bp.blogspot.com/_M8KZ-DSJYwA/S92Ks0vzdWI/AAAAAAAAAC4/OTs24dbsypY/s640/Pertanyaan+BLoG.jpg

Kirim ke email saya yajid90@gmail.com

2 Mei 2010 22.34

Terasa gk bedae? tentang traffic maksude

5 Mei 2010 15.14

Copy dan paste kode tsb dibawah kode yang ke berapa? Kode di HTML blog saya ada 2. Ditaro yang pertama atau yg kedua?

Thanks

6 Mei 2010 07.14

@ Muslim : di letakkan setelah kode yg pertama mas muslim

6 Mei 2010 17.41

jumbo-jumbo jadi terlihat mantab..

6 Mei 2010 22.34

tutorial yang singkat tapi padat dan berguna

6 Mei 2010 23.20

nice inpo..tukar kink ya prend, link sobat udah saya pasang thanks http://gapbloger.blogspot.com

7 Mei 2010 00.46

Berguna Banget sob....makasihya....????

mas taruh kodenya di sebelah mana. saya bingung cari tulisan gak ketemu temu.mohon pencerahanya.maklum mas masih newbie

20 Mei 2010 21.35

@ Satrio : letakkan tepat dibawah <data:post.body/>, jika ada 2 kode tsb maka letakkan setelah kode <data:post.body/> yg pertama

21 Juni 2010 06.57

@ Satrio : letakkan tepat dibawah data:post.body, jika ada 2 kode tsb maka letakkan setelah kode data:post.body yg pertama

koq sy nyoba gk bisa mas????
seblm div atau ssdahnya???
harap pncerahannya..

25 Juni 2010 09.46

numpang info ya om, tante, mas, mba, dll...
bagi temen2 yang ingin bertukeran link dengan tujuan sama sama meningkatkan traffic, kunjungi blogku yg baru PR-3 di sini, http://agrit.web.id dan www.unek2ku.co.cc , kita tukeran link gratis bagi sapa aja, pasang linkku di web/blogmu, kl sudah, konfirmasi via komentar. ane cek setiap hari, jd jangan kuatir kl g dipasang....

18 Agustus 2010 21.52

thanks infonya... pi saya udah pake yg sharing is sexy..

saya mw tanya nich mas, pas saya coba sharing ke Fb kq di tolak ma Fb..katanya pesan ini berisi konten yg diblokir...pdhal kan cuma artikel biasa.

knp nh mas...???

20 Desember 2010 20.16

wah.. kok ga ketemu ya mas.. nyarinya gimana ni

23 Desember 2010 22.45

Mantappp mas... Berhasil nih di Blog saya...hehe :))

Tuker Link, donk... Boleh yahhh:
Link-nya mas,, sudah saya taruh di wall saya!!
Trims!!
http://maximits.blogspot.com/

23 Desember 2010 22.56

Bagus mas hasilnya di Blog saya..
salam kenal,,

saya juga mau donk tukarang Link yahh mas...hehehe :))
http://vibiz.blogspot.com

(oya.. Link-nya mas,, sudah saya taruh di Blog saya juga)

Terima Kasih :)

23 Januari 2011 14.12

mantab...thanks..prennnd

13 Maret 2011 14.14

makasih infonya gan... semoga blog ane nantinya dapat meningkat... tukeran link gan http://homemodern.blogspot.com/

16 Mei 2011 00.05

Makasih infonya gan...

23 Mei 2011 19.56

yang lebih lengkap ga ada ya sob..

1 Juni 2011 19.56

Trims button sharenya sangat bermanfaat..

30 Juni 2011 19.59

wah keren neh...tinggal ku pasang neh di www.serbainfoku.web.id

11 Oktober 2011 19.18

punyaku gak ada kode gimana nih padahal bagus nih widgetnya
bantu'in donk

15 Oktober 2011 08.28

makasih gan.. udah berhasil ni bikinnya...
salam hormat
http://rupatelematika.blogspot.com

30 Juni 2012 13.34

keren gan! !

18 Juli 2012 21.25

dicoba dulu

9 Agustus 2012 20.18

Boleh Juga nih, ukuran Jumbo,..

4 Oktober 2012 16.35

gede banget tombol share nya gan..muantab

Alat Pancing Online

6 Oktober 2012 16.32

Apakah hasilnya akan seperti yang terpampang di blog ini?

Poskan Komentar

Reader Community

Recent Comments