Social Bookmarking Programs

dalam artikel ini, kita akan membicarakan tentang social bookmarking berbagai bentuk yang bisa diadopsi ke situs kamu, seperti Digg, Technorati, Del.icio.us, Reddit, Blinklist, Furl, Yahoo, Simpy, dll. Pengunjung bisa mengklik mereka untuk menambah situsmu atau artikel mu kedalam bookmarks mereka dan membagi-bagikan (sharing) link-link situs kamu tersebut keteman mereka, blog-mu akan menjadi lebih ramai kalau begitu. Kode-kode yang dibawah ini akan menampilkan secara otomatis social-bookmarking dibawah setiap articlemu.

Social-bookmarking adalah jalan popular bagi seorang pengunjung untuk men-share bookmarks pribadi mereka dengan orang lain. Bookmarks-bookmarks mereka ditampilkan dalam berbagai kategori, misalkan berdasarkan topik, tag atau kategori. Akhir-akhir tahun ini, konsep sosialbookmarking ini banyak digunakan dan marak sekali diinternet, sekarang sosialbookmarking sangat disuakai oleh search engines. Mari, kita buat sosial bookmarking di situs kita masing-masing. Go Blogywalkie :):):)

dalam artikel ini, kita akan membicarakan tentang social bookmarking berbagai bentuk yang bisa diadopsi ke situs kamu, seperti Digg, Technorati, Del.icio.us, Reddit, Blinklist, Furl, Yahoo, Simpy, dll. Pengunjung bisa mengklik mereka untuk menambah situsmu atau artikel mu kedalam bookmarks mereka dan membagi-bagikan (sharing) link-link situs kamu tersebut keteman mereka, blog-mu akan menjadi lebih ramai kalau begitu. Kode-kode yang dibawah ini akan menampilkan secara otomatis social-bookmarking dibawah setiap articlemu.

Social-bookmarking adalah jalan popular bagi seorang pengunjung untuk men-share bookmarks pribadi mereka dengan orang lain. Bookmarks-bookmarks mereka ditampilkan dalam berbagai kategori, misalkan berdasarkan topik, tag atau kategori. Akhir-akhir tahun ini, konsep sosialbookmarking ini banyak digunakan dan marak sekali diinternet, sekarang sosialbookmarking sangat disuakai oleh search engines. Mari, kita buat sosial bookmarking di situs kita masing-masing. Go Blogywalkie :):):)

Bookmarking Codes

1. AddThis (www.addthis.com)

Kamu harus tahu, bahwa salah satu penyedia sosial bookmarking komplit diinternet adalah AddThis, saya juga pakek ini AddThis. Mereka menyediakan sebuah kode widget simple yang sangat berguna yang kamu dapat letakkan didalam templatemu. Ketika pengunjung mengklik ini, mereka akan disuguhi berbagai program sosial bookmarking lainnya atau feed lainnya yang pengunjung bebas untuk pilih. Dengan begitu, ini adalah disen yang sangat hebat, dengan hanya mengambil 1 button gambar dari addthis, ketika pengunjung me-mouseover tepat ke gambar itu, maka gambar lainnya akan muncul (seperti gambar Digg, Technorati, dll).



Sekarang daftarkan diri anda sebagai akun gratisan mereka. ketika kamu telah terlogin, click My Account dan Get the code for your widget. Kamu juga bisa sekaligus memiliki widget bookmarking, dan widget feed. Lalu pilih ukuran mana yangkamu inginkan, dan pilih Blogger sebagai blogging platform (jika wordpress ya wordpress). Ketika kamu mengklik Get your free button link, kamu akan ditampilkan beberapa kode dengan disen yang berbeda, kamu bisa bebas memilih salah satu, ato semuanya (hehehe, jangan semuanya mas,kebanyakan :)) jika kamu ingin meletkakkan kode ini kedalam sidebar mu, masuk ke dashboard, template, page elements, add a page elements dalam sidebar yang kamu pilih dan pilih HTML/Javascript, langsung saja paste kode yang diberikan addthis tadi.

tapi, jika kamu ingin sosial bookmarking itu tertampil setiap di kaki artikelmu. kamu harus meletakkanya didalam templatemu langsung, ikuti artikel ini terus sampai habis.

2. Social bookmark text links

ada juga sosial bookmarking berbentuk teks link seperti labels itu lho. kalian lebih suka yang ini? karena tidak pakek gambar? dan bisa mempercepat loading page? itu terserah anda. tapi disini, kita akan membuatnya sendiri tanpa pihak ketiga, nie-nie kodenya:

<!-- Start of social bookmarks. http://blogywalkie.blogspot.com -->

<span style='font-size: 85%;' class='post-author'><br/>

Add Post To: |

<a expr:href='"http://digg.com/submit?phase=2&amp;url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'>Digg</a>|

<a expr:href='"http://technorati.com/faves?add=" + data:post.url' target='_blank'>Technorati</a>|

<a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'>del.icio.us</a>|

<a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'>Stumbleupon</a>|

<a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'>Reddit</a>|

<a expr:href='"http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Url=" + data:post.url + "&amp;Title=" + data:post.title' target='_blank'>BlinkList</a>|

<a expr:href='"http://www.furl.net/storeIt.jsp?t=" + data:post.title + "&amp;u=" + data:post.url' target='_blank'>Furl</a>|

<a expr:href='"http://www.spurl.net/spurl.php?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'>Spurl</a>|

<a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?t=" + data:post.title + "&amp;u=" + data:post.url' target='_blank'>Yahoo</a>|

<a expr:href='"http://www.simpy.com/simpy/LinkAdd.do?href=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'>Simpy</a>|

<br/></span>

<!-- End of social bookmarks -->

(CTRL+CLICK to block this code)

itu cuman sekedar kode, untuk cara menempatkannya, kita bahas dibawah, pokoknya kamu harus pilih salah satu kodenya dulu deh, penempatanyaa gampang kok, suer ! :)

3. Sosial Bookmarking berbentuk Icon

kamu lebih suka berbentuk ikon daripada gambar? dan daripada text-link? jika iya, sosial-bookmarking berbentuk ikon akan tampil seperti ini nantinya



Tetap saja, kita akan buat ini secara manual. Cari ikon dari masing-masing situs penyedia sosial bookmarking di situs official mereka. lalu download ikon tersebut, kalau kecil besarkan sesuai dengan ukuran yang dibutuhkan, dan lalu upload ke server gratisan seperti googlepages. tapi gak usah repot-repot kok, kita udah buatkan untuk anda sekalian, tinggal kopi-paste kodenya doanks.

<!-- Start of social bookmarks. http://blogywalkie.blogspot.com --><br/>

<a expr:href='"http://digg.com/submit?phase=2&amp;url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Digg' src=' http://i191.photobucket.com/albums/z76/tipsfornewbloggers/digg.gif '/></a>

<a expr:href='"http://technorati.com/faves?add=" + data:post.url' target='_blank'><img alt='Technorati' src=' http://i191.photobucket.com/albums/z76/tipsfornewbloggers/technorati.gif '/></a>

<a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='del.icio.us' src=' http://i191.photobucket.com/albums/z76/tipsfornewbloggers/delicious.gif '/></a>

<a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Stumbleupon' src=' http://i191.photobucket.com/albums/z76/tipsfornewbloggers/stumbleupon.gif '/></a>

<a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Reddit' src=' http://i191.photobucket.com/albums/z76/tipsfornewbloggers/reddit.gif' /></a>

<a expr:href='"http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Url=" + data:post.url + "&amp;Title=" + data:post.title' target='_blank'><img alt='Blinklist' src=' http://i191.photobucket.com/albums/z76/tipsfornewbloggers/blink.gif '/></a>

<a expr:href='"http://www.furl.net/storeIt.jsp?t=" + data:post.title + "&amp;u=" + data:post.url' target='_blank'><img alt='Furl' src=' http://i191.photobucket.com/albums/z76/tipsfornewbloggers/furl.gif '/></a>

<a expr:href='"http://www.spurl.net/spurl.php?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Spurl' src=' http://i191.photobucket.com/albums/z76/tipsfornewbloggers/spurl.gif '/></a>

<a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?t=" + data:post.title + "&amp;u=" + data:post.url' target='_blank'><img alt='Yahoo' src=' http://i191.photobucket.com/albums/z76/tipsfornewbloggers/yahoo.gif '/></a>

<a expr:href='"http://www.simpy.com/simpy/LinkAdd.do?href=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Simpy' src=' http://i191.photobucket.com/albums/z76/tipsfornewbloggers/simpy.gif '/></a><br/>

<!-- End of social bookmarks -->

(CTRL+CLICK to block this code)
Dimana kamu akan meletakkan kode itu?

kamu bisa meletakkannya di templatemu secara langsung, untuk melakukannya kamu harus menetapkan diposisi mana akan diletakkan: (jangan lupa untuk mencentang Expand Widget Templates)

a. jika kamu ingin meletakkannya dibawah artikel tetapi sebelum Posted By, maka sisipkan kode diatas kedalam kode berikut:

<div class='post-body'>

<p><data:post.body/></p>

<div style='clear: both;'/> <!-- clear for photos floats -->

</div>

KODEMU DISINI

<div class='post-footer'>

<p class='post-footer-line post-footer-line-1'>

b. jika kamu ingin meletakkanya sebelum labels, maka sisipkan kode mu disini:

KODEMU DISINI

<p class='post-footer-line post-footer-line-2'>

<span class='post-labels'>

<b:if cond='data:post.labels'>

c. jika kamu ingin meletakkannya sesudah labels, maka sisipkan kodemu disini

<p class='post-footer-line post-footer-line-2'>

<span class='post-labels'>

<b:if cond='data:post.labels'>

<data:postLabelsLabel/>

<b:loop values='data:post.labels' var='label'>

<a expr:href='data:label.url' rel='tag'>

<data:label.name/>

</a><b:if cond='data:label.isLast != "true"'>,</b:if>

</b:loop>

</b:if>

</span>

</p>

PLACE CODE HERE