Blog Action Day

Jika sobat ingin mengetahui issue-issue yang lagi berkembang dikalangan blogger blogspot tak lain tempatnya yaitu Blogger Buzz. Tapi ada satu tempat dimana kalangan blogger dari seluruh dunia yang mewadahi bergerak dalam bidang kemanusiaan sob! Jadi blogger juga peduli dengan gerakan sosial dan kemanusiaan O:-) Disana nanti sobat bisa sign (tanda tangan) menunjukan kita juga ikut berpartisipasi aha aha :) Sekilas cerita mengenai tempat tersebut...

Blog Action Day adalah acara tahunan yang menyatukan blogger dunia didalam hal posting tentang masalah yang sama pada hari yang sama. Tujuan kami adalah untuk meningkatkan kesadaran dan memicu diskusi global sekitar sebuah isu penting yang mempengaruhi kita semua.

Pertama dan terakhir, tujuan dari Blog Action Day adalah untuk menciptakan sebuah diskusi. Kami meminta blogger untuk mengambil keluar hari dari jadwal mereka dan fokus pada isu penting.

Dengan demikian pada hari yang sama, komunitas blogging secara efektif perubahan percakapan di web dan berfokus pada blogger di seluruh dunia pada masalah itu.

Dari diskusi ini akan lahir aliran ide-ide, saran, rencana, dan tindakan. Pada tahun 2007 dengan tema lingkungan, kami melihat blogger menjalankan percobaan lingkungan, merinci ide-ide inovatif untuk menciptakan praktek-praktek berkelanjutan, dan memusatkan perhatian audiens mereka pada organisasi dan perusahaan mempromosikan agenda hijau. Pada tahun 2008 kita telah membahas tema kemiskinan, dan juga fokus energi komunitas blogging di sekitar membahas luasnya macam persoalan dari banyak perspektif dan mengidentifikasi solusi yang inovatif dan tak terduga. Tahun lalu, percakapan sekitar perubahan iklim membawa suara kami di seluruh dunia untuk membahas masalah yang mengancam kita semua dan memobilisasi puluhan ribu orang untuk mendapatkan lebih banyak terlibat dalam gerakan untuk masa depan yang lebih berkelanjutan. Tahun ini, dengan tema Air, kami ingin menjelaskan topik ini sering diabaikan.

Blog Action Day didirikan oleh Collis & Cyan Ta'eed pada musim panas 2007. Dengan dukungan tim mereka di Envato di Australia serta sejumlah relawan, mereka merekrut ribuan blogger untuk menulis tentang masalah Lingkungan Hidup pada tanggal 15 Oktober 2007 - membuat Blog pertama Action Day sebuah kesuksesan dan cukup tak terduga.

Pada tahun 2009, Collis & Cyan meminta tim di Change.org, blog terkemuka di dunia jaringan untuk isu-isu sosial, untuk mengambil alih tanggung jawab dari Blog Action Day dan memperluas jangkauannya. Kami merasa terhormat untuk menerima tawaran itu dan senang bisa mengambil alih operasi dari Blog Action Day 2010.

Mempersiapkan untuk Blog Action Day 2010 tim telah berupaya secara benar, dan kami ingin berterima kasih kepada banyak orang yang telah memungkinkan, termasuk Seth Brau untuk video Action Blog Day 2010 dan Dregs Audio untuk musik.

HAPPY NEW YEAR SELAMAT TAHUN BARU <:-P \:D/ :)>-

Comment Style Like Lightbox

Pertanyaan pada salah satu komentar di postingan (lupa dimana) sobat Beben si bloglang anu ganteng kalem tea ini menanyakan bagaimana membuat komentar pada blog seperti trik lightbox/popup/modal window :D Sebenarnya dengan berkeliaran web para pengembang jQuery plugins diluaran sana, kita tinggal mencomot script yg memang cocok untuk diterapkan :) Seperti trick satu ini diberi nama "Lights Out – Dimming/Covering Background Content with jQuery" auk dah apaan :P Yang pasti mirip kinerja lightbox, dan tentunya dengan script jQuery.

Bagaimana! mungkin itu yg dimaksudkan sama komentator Beben itu ;) Kalau salah mah, yah ora opo-opo sih hehe :D

Kode CSS

#komentar {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
background: #555 url(http://link-gambar-background.png);
display: none;
}
.msgkotak {
background: #fff;
position: fixed;
width: 555px;
height: 300px;
border: 5px solid #222;
top: 25%;
left: 25%;
}
.tutup {
top: 0px;
float: right;
margin-right: 10px;
}

Script jQuery Plugin

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){

//Adjust height of overlay to fill screen when page loads
$("#komentar").css("height", $(document).height());

//When the link that triggers the message is clicked fade in overlay/msgkotak
$(".alert").click(function(){
$("#komentar").fadeIn();
return false;
});

//When the message box is closed, fade out
$(".tutup").click(function(){
$("#komentar").fadeOut();
return false;
});
});

//Adjust height of overlay to fill screen when browser gets resized
$(window).bind("resize", function(){
$("#komentar").css("height", $(window).height());
});
//]]>
</script>

Letakin diatas tag </body> script tersebut.

Kode HTML

Centang Expand Widget Templates lalu cari kode iframe buat komentar, dan biasanya seperti ini<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>Ganti dengan kode berikut menjadi

<div id='komentar'>
<div class='msgkotak'>
<a class='tutup' href='#'><img src='http://link-gambar-close.jpg'/></a>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='300' id='comment-editor' name='comment-editor' src='' width='100%'/>
</div>
</div>
<div id='content'><a class='alert' href='#'>Comment here</a></div>

Gantilah tulisan Comment here dengan image jika suka. SAVE and good luck your comment now have like lightbox b-)

Gaya-gaya Buku Tamu Cbox

Setelah membuat cbox (buku tamu) dengan gaya hide show, akan coba Beben si bloglang bagi-bagi gaya apa saja nih si buku tamu bisa kita kreasikan didalam blog kita tercinta :x Dari teman kita Info Blog buku tamu tersembunyi dan buku tamu tersembunyi versi-2. Memang tak ayal gayanya, disitu-situ juga sob :D tapi trik berbeda :P Dua contoh diatas tersebut kan versi pinggir muncul sibuku tamunya, kali ini gaya pas diklik guest book muncul dari dibawah atau dari diatas.

Oh iyah metode semua trik ini tinggal Add a Gadget pilih deh HTML/Javascript mudah toh :-" Show/hide Cbox posisi bawah mungkin pernah melihat. Tombol klik ada dipojok kanan, pas muncul ada dibawah :)) lutju yah kayak Beben :"> Jika mau hide/show pada posisi atas dimana tombol untuk mengklik, eh pas diklik nongol dari atas =)) Segitu saja mungkin gaya yg dapat Beben temukan dolo, nanti seiring BW tak tambah tambahin ;)) Mungkin sobat ada yg lainnya, silahkan share in the house brooo \m/

Happy New Year!!!

Some Embed Video Blogger

Embed video agar hadir di kolom komentar blogspot ternyata asik juga video on comments. Selain bisa berbagi video, ternyata jejak si YouTube membantu menaikkan traffic search engine juga ;)) ;) Setelah jalan-jalan, dan menclok deh di salah satu blogger dengan alamatnya http://blogger-templates-designs.blogspot.com/ Buat nambah-nambah ilmu silahkan sobat acak-acak artikel blognya :D Disini Beben si bloglang anu ganteng kalem tea akan berbagi video-video yg ada di blog tersebut :D

Basic HTML and CSS Tutorial

How to Create a Blog with Blogger

Adding a Google Gadget to Your Blog

Customizing Your Blogger Template

Creating a Blog List with Blogger

Uploading a Video with Blogger

Purchasing and Setting up a Custom Domain Through Blogger

How to Make a Website Without Any Coding Knowledge - Joomla!

Semoga bermanfaat :)

Recent Comments and Post

Bagaiamana, sudah ada yang berhasil mendapatkan ilmu hack dari blogger daratan china para sobat Beben si bloglang anu ganteng kalem tea :D Bingung sangkin bagus-bagusnya ;)) ya sudah kali ini Beben akan berbagi ilmu dari sana nih :-" Recent Comments dan recent post sobat kita dari negeri tirai bambu China ini gaya punya dan full stylish b-) Bisa menampilkan jumlah total postingan dan komentar dan dapat di next atau previous juga :-bd Kalau mau melihat aksinya silahkan masuk ke blog tools keren banget yaitu Ben-Tools dan perhatikan footer (bawahnya) :D

Bagaimana, tertarik memiliki komentar dan postingan terbaru yg dapat dilihat semua dengan tombol next and previous :-/ Memberi kemudahan kita dalam cek dan riceknya toh ;) Caranya juga cukup mudah kita tinggal masukin saja script dan kode kedalam Add a Gadget ► HTML/Javascript :p

Recent Post

<div id="newposts">
<noscript>failed!<br/>javascript not supported here!</noscript>
</div>

<script>
var npoststartindex = 1;
var npostshow = 6;

function showrecentposts(nindex) {
if (!nindex)
nindex = npoststartindex;
var sfeedurl = '/feeds/posts/summary?orderby=published&start-index='+nindex+'&max-results='+(npostshow+1)+'&alt=json-in-script&callback=generateposts';
var script = document.createelement('script');
document.getelementbyid('newposts').innerhtml = 'loading <blink>...</blink>';
script.setattribute('src', sfeedurl);
script.setattribute('type', 'text/javascript');
document.documentelement.firstchild.appendchild(script);
}

function generateposts(json) {
function compareentry(a,b) {
order= date.parse(a.published.$t.replace(/^(\d{4})-(\d{2})-(\d{2})t([0-9:]*)([.0-9]*)(.)(.*)$/, '$1/$2/$3 $4 gmt')) - date.parse(b.published.$t.replace(/^(\d{4})-(\d{2})-(\d{2})t([0-9:]*)([.0-9]*)(.)(.*)$/, '$1/$2/$3 $4 gmt'));
return 0-order;
}

var shtml = '<ul>';
var sortentry = json.feed.entry.sort(compareentry);
var nindex = parseint(json.feed.opensearch$startindex.$t);
var ntotalpost = parseint(json.feed.opensearch$totalresults.$t);
for (var i = 0, post; post = sortentry[i]; i++) {
if (i >= npostshow)
break;
var title = post.title.$t;
var j = 0;
while (j < post.link.length && post.link[j].rel != "alternate")
j++;
var link = post.link[j].href;
var timestamp=post.published.$t.substr(0,10);
shtml += '<li><span class="item-title"><a href="'+link+'">'+ title +'</a> - '+timestamp+'</span></li>';
}
shtml += '</ul>';
shtml += generatepostlink(parseint(json.feed.entry.length), nindex, ntotalpost);
document.getelementbyid('newposts').innerhtml = shtml;
}

function generatepostlink(nfetch, nindex, ntotalpost) {
var bold = (nfetch > npostshow);
if (bold) nfetch = npostshow;
var sresult = '<p align="right">recent '+nindex+'-'+(nindex+nfetch-1)+', total: '+ntotalpost+'.  ';
if (nindex > npoststartindex)
sresult += '<a href="javascript:showrecentposts('+(nindex-npostshow)+');" title="newer posts"><<</a>  ';
if (bold)
sresult += '<a href="javascript:showrecentposts('+(nindex+npostshow)+');" title="older posts">>></a>';
sresult += '</p>';
return sresult;
}
</script>

<script>showrecentposts();</script>

Recent Comments

<div id="newcomments">
<noscript>failed!<br />javascript not supported here!</noscript>
</div>

<script>
var ncommentstartindex = 1;
var ncommentshow = 6;

function showrecentcomments(nindex) {
if (!nindex)
nindex = ncommentstartindex;
var sfeedurl = '/feeds/comments/summary?orderby=published&start-index='+nindex+'&max-results='+(ncommentshow+1)+'&alt=json-in-script&callback=generatecomments';
var script = document.createelement('script');
document.getelementbyid('newcomments').innerhtml = 'loading <blink>...</blink>';
script.setattribute('src', sfeedurl);
script.setattribute('type', 'text/javascript');
document.documentelement.firstchild.appendchild(script);
}

function generatecomments(json) {
function compareentry(a,b) {
order= date.parse(a.published.$t.replace(/^(\d{4})-(\d{2})-(\d{2})t([0-9:]*)([.0-9]*)(.)(.*)$/, '$1/$2/$3 $4 gmt')) - date.parse(b.published.$t.replace(/^(\d{4})-(\d{2})-(\d{2})t([0-9:]*)([.0-9]*)(.)(.*)$/, '$1/$2/$3 $4 gmt'));
return 0-order;
}

var shtml = '<ul>';
var sortentry = json.feed.entry.sort(compareentry);
var nindex = parseint(json.feed.opensearch$startindex.$t);
var ntotalcomment = parseint(json.feed.opensearch$totalresults.$t);
for (var i = 0, comment; comment = sortentry[i]; i++) {
if (i >= ncommentshow)
break;
var authorname = comment.author[0].name.$t;
var title = comment.title.$t.substr(0,100);
var j = 0;
while (j < comment.link.length && comment.link[j].rel != "alternate")
j++;
var link = comment.link[j].href.replace("#c", "#comment-");
var timestamp = comment.published.$t.substr(0,10);
shtml += '<li><span class="item-title">'+authorname+': <a href="'+link+'">'+ title +'</a> - '+timestamp+'</span></li>';
}
shtml += '</ul>';
shtml += generatecommentlink(parseint(json.feed.entry.length), nindex, ntotalcomment);
document.getelementbyid('newcomments').innerhtml = shtml;
}

function generatecommentlink(nfetch, nindex, ntotalcomment) {
var bold = (nfetch > ncommentshow);
if (bold) nfetch = ncommentshow;
var sresult = '<p align="right">recent '+nindex+'-'+(nindex+nfetch-1)+', total: '+ntotalcomment+'.  ';
if (nindex > ncommentstartindex)
sresult += '<a href="javascript:showrecentcomments('+(nindex-ncommentshow)+');" title="newer comments"><<</a>  ';
if (bold)
sresult += '<a href="javascript:showrecentcomments('+(nindex+ncommentshow)+');" title="older comments">>></a>';
sresult += '</p>';
return sresult;
}

</script>
<script>showrecentcomments();</script>

Disuruh terjemahin juga, eh malah dikasih tutorial ini yah ;;) ;))
See yah happy new year \m/

Blogger From China Plains

Jalan-jalan kali ini akan memberikan tugas kepada sobat-sobat Beben si bloglang anu ganteng kalem tea. Dimana bahasa yang digunakan pada postingannya yaitu bahasa mandarin alias chinese :D Tugasnya sobat² yaitu menterjemahkan, dan kalau bisa memberitahukan kepada Beben hack yg sudah jalannya :D ;;) Hackingnya keren² dan gaya punya :-bd Seperti kebiasaan, Beben akan terus update halaman ini seketemu blog/web selama melakukan BW :))

Dua biji saja ah di main pagenya :P Supaya ada geregetnya dong ya ya ya!!! :">

Hỗn tạp Blog

Sudah segitu dolo ah yah blogger² dari dataran chinanya :-" Keep stay tune dude's :P

Rafay Hacking Articles

Awal kata mendengar dari kata Hack, terpikir mah melakukan perbuatan yang secara ilegal. Tapi makna dan persepsi itu bisa lain jika digunakan dengan benar. Kita memperbaiki, mendekorasi, mentata tampilan blog kita dengan bahasa web (HTML, CSS, Javascript) bisa juga dikatakan hack! Tak bisa dielak memang sudah terlanjur kata hacking identik dengan dunia yg berbau-bau melanggar aturan :D
Rafay Baloch kebangsaan India "mungkin", salah satu dari sekian banyak blogger yg dari usia 14 tahun sudah bergelut dengan ethical hacking. Sekarang berkerja di bidang Ethical Hacker, Internet Marketer and web entrepreneur.

Artikel-artikel yang sobat kita tulis ini, mungkin bisa jadi pembelajaran bagi diri kita. Sesuatu yg negatif juga kalau digunakan secara positif akan bisa menghasilkan yg bermanfaat. Belajar bagaimana untuk melakukan hack, belajar bagaimana penanggulangan hack itu sendiri. Bagaimana menghack account facebook, account gmail, account myspace, ah pokoknya mah kita sambut blog RafayHackingArticles.

See you :-h

Profile About Me

Identitas didunia maya ini seperti fatamorgana. ID terkadang diperlukan juga untuk memberitahukan apa-apa yg ada pada diri kita, khususnya blog kita tercinta :x Secara default pada blogspot sudah diberikan fasilitas ini secara otomatis. Tetapi ada juga yang membuat setingan profile menjadi readers only (invite) kan jadinya tidak bisa diakses/dilihat sama para pelancong (apa enggak sayang) :) Karena blogspot yg empunya google, jadi secara tidak langsung profile yg kita miliki dg account google itu dapat disearch Google Profile Search (traffic...xixixi) Pokoknya banyak keuntungan dengan kita memiliki satu buah profile b-)

Bagaimana cara membuat sebuah profile (about me) yg keren dan gaya punya? Beben si bloglang anu ganteng kalem tea akan berbagi via web dengan jasa ini ;)) Ini profile bawaan dari blogspot User Profile dan ini about me keren punya Beben Koben.

Feature:

1. Background
Bisa diganti dengan gambar sesuai kemauan.
2. Biography
Dapat mensisipkan/menceritakan sekilas mengenai pribadi kita.
3. Colors & Fonts
Setingan warna pada links, fonts memberikan variasi tersendiri.
4. Add Services
Secara default ada 12 jejaring sosial yg dapat dimasukan selain Add a URL or RSS.
5. Dashboard
Drag dan tempatkan sesuai kemauan.

Sudah sana daftar, dan lakukan edit seperlunya :D expand for look example

Mobile Templates Go On

Mungkin kekurangan kejelian, kemauan, dan rasa penasaran yang kurang dari sobat-sobat dalam mengkuak sesuatu bisa jadi salah satu hambatan loh!!! Makanya selalu waspada dalam melihat, melongok, mengacak-ngacak sebuah web itu, apalagi berita dari blogspot sendiri. Saran Beben si bloglang anu ganteng kalem tea bacalah what are you doing artikel, dan look around! Satu yang menarik feature dari blogger walau masih dalam bentuk draft mobile templates for reading on the go.

Fitur:

1. Preview: Dapatkan sekilas tentang apa blog kita akan terlihat seperti dengan mengklik tombol Mobile Preview. Kita juga dapat melihatnya di smartphone kitaa dengan memindai QR-kode di sebelah kanan opsi.
2. Automatic redirection: Semua disertakan dalam blog secara otomatis akan diarahkan ke tampilan mobile jika diakses dari smartphone.
3. Template support: Kami pada awalnya mendukung 6 varian dari template sederhana dan 6 varian dari template menarik. Jika kita telah menggunakan salah satu dari 12 template melalui Desainer Template, tampilan ponsel kita akan diberikan dalam gaya yang sama seperti melihat desktop kita (varian template lainnya akan diberikan seperti Wikipedia). Beberapa gadget juga mendukung.


4. Mobile ads: Mobile iklan adSense akan ditampilkan di bagian atas halaman posting dan di bagian bawah halaman indeks jika blog memiliki gadget adSense atau iklan blog inline.

5. Comments and videos: Kita akan dapat membuat komentar dan menonton video.

Berikan opini, saran, unek-unek, ide, dll sobat-sobat pada feedback form. Untuk mengaktifkan fitur ini, silahkan sobat ikuti langkah-langkah berikut ini:

1. Login ke Blogger in Draft.
2. Klik Settings ► Email & Mobile ► Centang bagian Yes, On mobile devices, show the mobile version of my template.
3. Scroll kebawah dan tekan tombol

   SAVE SETTINGS

New Resource:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

<script src='http://viemonsta.googlecode.com/files/dev_mobile_for_blogger.js' type='text/javascript'/>

Tambahkan sript warna biru kedalam template guna mendirect ke versi mobile ;)
Click expand to look script

/**
* Blogger Mobile Detect original javascript from (http://detectmobilebrowser.com/) modify to blogger by dev (http://www.devbook.net)
**/
(function(a,b){if(/android|avantgo|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|e\-|e\/|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(di|rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|xda(\-|2|g)|yas\-|your|zeto|zte\-/i.test(a.substr(0,4)))window.location=b})(navigator.userAgent||navigator.vendor||window.opera,'?m=1');

Spurce by: http://www.devbook.net/2011/06/membuat-blogger-menjadi-mobile-version.html
Secara default untuk menampilkan versi mobile go on ini, URL yg dihasilkan itu akan tampakhttp://NAMA-BLOG-SOBAT.blogspot.com/?m=1Happy mobile \m/

The Great jQuery Webs

Halaman postingan kali ini akan terus diupdate selama Beben si bloglang anu ganteng kalem tea b-) selama melakukan blog walking menemukan web/blog yang bercerita 100% kreasi jQuery Plugin. Kadang kalau mencari trik dan tutorial jQuery tinggal melakukan search engine, BLANK!!! ada deh web² & blog² terpampang :)) Tidak berseni dan kurang full stylish keknya :P menurut Beben mah :) Stay coy for looking to update right? Karena kreasi mereka yg begitu in the hot, maka tampilan postingan dibikin sekeren-kerennya ;;)

Komentarnya dong ah pemacu semangat \m/ ;)

Share/Bookmark Mobilyblocks Style

Masih sekitar share and bookmark, kemarin sudah dibagi jQuery Bookmark yang gaya punya dan cool abis b-) :D Masih menggunakan trik jQuery plugins, Beben si bloglang anu ganteng kalem tea akan bagi cara memasukan tombol share/bookmark bergaya mobilyblocks. Dimana ketika tombolnya diklik akan tampak berupa lingkaran dengan gambar² web bookmark/share yg mengelilingi tombol yg diklik tadi :P Puyeung-puyeung dah penjelasannya tuh :-" biar enggak pusing cek gi dot deh ini live demo [..]

Demo disana ada 2 biji, nah Beben mengambil trik yang bergambar

Kode CSS

.socials {
display:block;
width:32px;
height:32px;
background:url(http://link-gambar/share.png) no-repeat;
cursor:pointer;
position:relative;
}
.socials {
margin:0 auto;
z-index:2;
}
ul.reset,
ul.reset li {
display:block;
list-style:none;
padding:0;
margin:0;
}
ul.reset li {
position:absolute;
}
ul.reset li a {
outline:none;
}

Ganti link gambar (kode warna merah) dengan gambar tombol share.

jQuery Plugin

Letakin diatas kode </body>

<script type='text/javascript'>
//<![CDATA[
(function($){$.fn.mobilyblocks=function(options){var defaults={animateTime:750,zIndex:10,widthMultiplier:1.2};var sets=$.extend({},defaults,options);return this.each(function(){var $t=$(this),w=$t.width(),h=$t.height(),parent=$t.find("ul"),list=parent.find("li"),size=list.length;var socials={init:function(){parent.hide().css({zIndex:sets.zIndex});$t.append($("<a />").addClass("trigger").css({display:"block",position:"absolute",zIndex:1,top:0,left:0,width:"100%",height:"100%"}));socials.click()},click:function(){var trigger=$t.find("a.trigger");trigger.bind("click",function(){if($t.hasClass("close")){parent.fadeTo(sets.animateTime,0);socials.animation.close();$t.removeClass("close")}else{parent.fadeTo(sets.animateTime,1);socials.animation.open();$t.addClass("close")}return false})},animation:{open:function(){socials.ie.open();list.each(function(i){var li=$(this);li.animate({path:new $.path.arc({center:[0,0],radius:w*sets.widthMultiplier,start:0,end:360/size*i,dir:-1})},sets.animateTime)});list.hover(function(){var li=$(this);li.css({zIndex:sets.zIndex}).siblings("li").css({zIndex:sets.zIndex-1})})},close:function(){list.each(function(i){var li=$(this);li.animate({top:0,left:0},sets.animateTime,function(){socials.ie.close()})})}},ie:{open:function(){if($.browser.msie){list.show()}},close:function(){if($.browser.msie){list.hide()}}}};socials.init()})}}(jQuery));(function($){$.path={};$.path.arc=function(params){for(var i in params){this[i]=params[i]}this.dir=this.dir||1;while(this.start>this.end&&this.dir>0){this.start-=360}while(this.start<this.end&&this.dir<0){this.start+=360}this.css=function(p){var a=this.start*(p)+this.end*(1-(p));a=a*3.1415927/180;var x=Math.sin(a)*this.radius+this.center[0];var y=Math.cos(a)*this.radius+this.center[1];return{top:y+"px",left:x+"px"}}};$.fx.step.path=function(fx){var css=fx.end.css(1-fx.pos);for(var i in css){fx.elem.style[i]=css[i]}}})(jQuery);
//]]>
</script>

<script type='text/javascript'>
//<![CDATA[
$(function(){
$('.socials').mobilyblocks({
animateTime: 500,
zIndex: 50,
widthMultiplier: 1.15
});
});
//]]>
</script>

Lakukan Expand Widget Templates pojok kanan atas, cari kode <div class='post-footer-line post-footer-line-3'> masukan kode HTML berikut dibawahnya

<div class='socials'>
<ul class='reset'>
<li><a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img alt='' src='http://link-gambar/delicious.png'/></a></li>
<li><a expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='' src='http://link-gambar/digg.png'/></a></li>
<li><a expr:href='data:blog.homepageurl + "feeds/posts/default"' rel='external nofollow' target='_blank'><img alt='' src='http://link-gambar/rss.png'/></a></li>
<li><a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img alt='' src='http://link-gambar/stumbleupon.png'/></a></li>
<li><a expr:href='"http://technorati.com/faves?add=" + data:post.url' rel='external nofollow' target='_blank'><img alt='' src='http://link-gambar/technorati.png'/></a></li>
<li><a expr:href='"http://twitthis.com/twit?url=" + data:post.url' rel='external nofollow' target='_blank'><img alt='' src='http://link-gambar/twitter.png'/></a></li>
</ul>
</div>

Save. Tahun baruuu!!!
Look at here http://designbeep.com/2010/12/22/24-fresh-and-useful-jquery-plugins-worth-checking-out/

jQuery Bookmark on Blogspot

Kalau membicarakan wara-wiri bookmark tidak akan ada habisnya kali yak sob... Beberapa jenis sexy bookmark ini mungkin bisa menjadi pilihan sobat sekalian ;) atau kalau mau yg berbentuk widget bookmark for blogger! Konon dengar isu-isu dengan memasang tombol share/bookmark ini bisa mendongKRAK lalu lintas ke blog kita :-/ (gak tau juga sih) :D Wikipedia say definition of bookmark and share. Satu yg pasti kita lebih dimudahkan dengan jasa free dari web seperti:

Karena Beben si bloglang anu ganteng kalem tea ini penggila dengan jQuery script (walo hanya pemakai) terbesit dikepala bagaimana kalau itu semua bisa menjadi jQuery Bookmark b-) Dimana ketika diklik, akan terpampanglah semua situs didalamnya ;;) Dimana pada addtoany terdapat 122 web untuk berbagi dan menyimpan, dengan jQuery bookmark ini sobat bisa mendapatkan 300 lebih web :-" bisa dishare Click here for screenshot

Kode CSS

/* jQuery Bookmark styles v1.3.3 */
.bookmark_popup_text img {
border: none;
vertical-align: bottom;
}
.bookmark_popup {
display: none;
position: absolute;
z-index: 100;
}
.bookmark_popup ul {
float: left;
width: 320px;
border: 1px solid #aaa;
}
.bookmark_list {
display: inline-block;
float: left;
list-style-type: none;
font-size: 80%;
margin: 0px;
padding: 0px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari3/Opera9 */
.bookmark_list {
font-size: 100%;
}
}
html:first-child .bookmark_list { /* Opera */
font-size: 80%;
}
.bookmark_list li {
float: left;
width: 23%;
margin: 0px 1px;
padding: 1px;
background-color: #eee;
border: 1px outset;
}
.bookmark_compact {
background-color: #eee;
border: 1px outset;
}
.bookmark_compact li {
width: 16px;
height: 16px;
margin: 0px;
padding: 2px;
background-color: transparent;
border: none;
}
.bookmark_list a {
width: 100%;
text-decoration: none;
cursor: pointer;
}
.bookmark_list span {
display: inline-block;
width: 16px;
height: 16px;
}
.bookmark_list span.bookmark_icons {
background: url(first download pictures here) no-repeat center;
}
.bookmark_list img {
border: none;
}

jQuery script

<script type="text/javascript">
//<![CDATA[
/* http://keith-wood.name/bookmark.html
Sharing bookmarks for jQuery v1.3.3.
Written by Keith Wood (kbwood{at}iinet.com.au) March 2008.
Dual licensed under the GPL (http://dev.jquery.com/browser/trunk/jquery/GPL-LICENSE.txt) and
MIT (http://dev.jquery.com/browser/trunk/jquery/MIT-LICENSE.txt) licenses.
Please attribute the author if you use it. */
(function($){var t='bookmark';function Bookmark(){this._uuid=new Date().getTime();this._defaults={url:'',sourceTag:'',title:'',description:'',sites:[],iconsStyle:'bookmark_icons',icons:'bookmarks.gif',iconSize:16,iconCols:16,target:'_blank',compact:true,hint:'Send to {s}',popup:false,popupText:'Bookmark this site...',addFavorite:false,favoriteText:'Favorite',favoriteIcon:0,addEmail:false,emailText:'E-mail',emailIcon:1,emailSubject:'Interesting page',emailBody:'I thought you might find this page interesting:\n{t} ({u})',manualBookmark:'Please close this dialog and\npress Ctrl-D to bookmark this page.',onSelect:null};this._sites={'100zakladok':{display:'Сто Закладок',icon:201,lang:'en',category:'bookmark',url:'http://www.100zakladok.ru/save/?bmurl={u}&amp;bmtitle={t}'},'2linkme':{display:'2linkme',icon:287,lang:'it',category:'bookmark',url:'http://www.2linkme.com/?collegamento={u}'},'7live7':{display:'7live7',icon:288,lang:'en',category:'bookmark',url:'http://www.7live7.com/Bookmarks/Add.aspx?r=ad&amp;Url={u}&amp;Title={t}'},'a1webmarks':{display:'A1 webmarks',icon:179,lang:'en',category:'bookmark',url:'http://www.a1-webmarks.com/bm_edit.html?u={u}&amp;t={t}'},'addio':{display:'add.io',icon:289,lang:'en',category:'bookmark',url:'http://add.io/add?url={u}&amp;title={t}'},'adifni':{display:'أضفني',icon:202,lang:'en',category:'bookmark',url:'http://www.adifni.com/account/bookmark/?bookmark_url={u}'},'aero':{display:'aero',icon:290,lang:'en',category:'social',url:'http://www.aerosocial.com/user_share.php?url={u}&amp;title={t}&amp;desc={d}'},'allmyfaves':{display:'All My Faves',icon:291,lang:'en',category:'bookmark',url:'http://www.allmyfaves.com/bmlet.php?url={u}&amp;title={t}'},'alltagz':{display:'alltagz',icon:69,lang:'de',category:'bookmark',url:'http://www.alltagz.de/bookmarks/?action=add&amp;address={u}&amp;title={t}'},'allvoices':{display:'Allvoices',icon:75,lang:'en',category:'social',url:'http://www.allvoices.com/post_event?url={u}&amp;title={t}'},'amenme':{display:'AmenMe',icon:127,lang:'en',category:'social',url:'http://www.amenme.com/AmenMe/Amens/AmenToThis.aspx?url={u}&amp;title={t}'},'aol':{display:'myAOL',icon:2,lang:'en',category:'bookmark',url:'http://favorites.my.aol.com/ffclient/AddBookmark?url={u}&amp;title={t}'},'arto':{display:'Arto',icon:76,lang:'en',category:'social',url:'http://www.arto.com/section/linkshare/?lu={u}&amp;ln={t}'},'ask':{display:'Ask',icon:3,lang:'en',category:'tools',url:'http://myjeeves.ask.com/mysearch/BookmarkIt?v=1.2&amp;t=webpages&amp;url={u}&amp;title={t}'},'aviary':{display:'Aviary',icon:203,lang:'en',category:'tools',url:'http://aviary.com/capture?url={u}'},'baang':{display:'بانگ',icon:204,lang:'fa',category:'news',url:'http://www.baang.ir/submit.php?url={u}'},'backflip':{display:'Backflip',icon:62,lang:'en',category:'social',url:'http://www.backflip.com/add_page_pop.ihtml?url={u}&amp;title={t}'},'baidu':{display:'Baidu',icon:128,lang:'zh',category:'social',url:'http://cang.baidu.com/do/add?iu={u}&amp;it={t}&amp;fr=ien&amp;dc='},'ballhype':{display:'BallHype',icon:63,lang:'en',category:'social',url:'http://ballhype.com/post/url/?url={u}&amp;title={t}'},'bebo':{display:'Bebo',icon:64,lang:'en',category:'social',url:'http://bebo.com/c/share?Url={u}&amp;Title={t}'},'bentio':{display:'bentio',icon:292,lang:'en',category:'blog',url:'http://bentio.com/?action=share&amp;status_textarea={t}%20{u}'},'bibsonomy':{display:'BibSonomy',icon:77,lang:'en',category:'bookmark',url:'http://www.bibsonomy.org/BibtexHandler?requTask=upload&amp;url={u}&amp;description={t}'},'biggerpockets':{display:'BiggerPockets',icon:293,lang:'en',category:'social',url:'http://www.biggerpockets.com/links/details?link={u}'},'bitly':{display:'bit.ly',icon:129,lang:'en',category:'tools',url:'http://bit.ly/?url={u}'},'bizsugar':{display:'bizSugar',icon:130,lang:'en',category:'news',url:'http://www.bizsugar.com/bizsugarthis.php?url={u}'},'bleetbox':{display:'bleetbox',icon:180,lang:'en',category:'blog',url:'http://bleetbox.com/bar?url={u}'},'blinklist':{display:'BlinkList',icon:4,lang:'en',category:'bookmark',url:'http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Url={u}&amp;Title={t}'},'blip':{display:'blip',icon:205,lang:'en',category:'blog',url:'http://blip.pl/dashboard?body={t}:+{u}'},'bloggy':{display:'Bloggy',icon:131,lang:'sv',category:'blog',url:'http://bloggy.se/home?status={t}+{u}'},'blogmarks':{display:'Blogmarks',icon:5,lang:'en',category:'bookmark',url:'http://blogmarks.net/my/new.php?mini=1&amp;simple=1&amp;url={u}&amp;title={t}'},'blogtrottr':{display:'Blogtrottr',icon:294,lang:'en',category:'tools',url:'http://blogtrottr.com/?subscribe={u}'},'blurpalicious':{display:'blurpalicious',icon:206,lang:'en',category:'bookmark',url:'http://www.blurpalicious.com/submit/?url={u}&amp;title={t}&amp;desc={d}'},'boardlite':{display:'boardlite',icon:295,lang:'en',category:'other',url:'http://www.boardlite.com/topic/new/?url={u}&amp;title={t}'},'bobrdobr':{display:'БобрДобр',icon:132,lang:'ru',category:'bookmark',url:'http://bobrdobr.ru/addext.html?url={u}&amp;title={t}&amp;desc={d}'},'bonzobox':{display:'BonzoBox',icon:207,lang:'en',category:'bookmark',url:'http://bonzobox.com/toolbar/add?u={u}&amp;t={t}&amp;desc={d}'},'bookmarked':{display:'Bookmarked By us',icon:296,lang:'en',category:'shopping',url:'http://www.bookmarkedby.us/submit.php?url={u}'},'bookmarkit':{display:'bookmark.it',icon:71,lang:'it',category:'bookmark',url:'http://www.bookmark.it/bookmark.php?url={u}'},'bookmarky':{display:'bookmarky',icon:208,lang:'en',category:'bookmark',url:'http://www.bookmarky.cz/a.php?cmd=add&amp;url={u}&amp;title={t}'},'bookmarksfr':{display:'bookmarks.fr',icon:78,lang:'fr',category:'bookmark',url:'http://www.bookmarks.fr/favoris/AjoutFavori?action=add&amp;address={u}&amp;title={t}'},'bookmerken':{display:'Bookmerken',icon:297,lang:'de',category:'bookmark',url:'http://www.bookmerken.de/?url={u}&amp;title={t}'},'bordom':{display:'Bordom',icon:181,lang:'en',category:'news',url:'http://www.bordom.net/submit/?url={u}&amp;title={t}'},'boxnet':{display:'Box.net',icon:209,lang:'en',category:'tools',url:'https://www.box.net/api/1.0/import?import_as=link&amp;url={u}&amp;name={t}&amp;description={d}'},'brainify':{display:'Brainify',icon:133,lang:'en',category:'bookmark',url:'http://www.brainify.com/Bookmark.aspx?url={u}&amp;title={t}'},'bryderi':{display:'Bryderi',icon:134,lang:'sv',category:'shopping',url:'http://bryderi.se/add.html?u={u}'},'buddymarks':{display:'BuddyMarks',icon:79,lang:'en',category:'bookmark',url:'http://buddymarks.com/add_bookmark.php?bookmark_url={u}&amp;bookmark_title={t}'},'bukmark':{display:'Bukmark',icon:182,lang:'en',category:'shopping',url:'http://www.buk-mark.com/submit.php?url={u}'},'buzzzy':{display:'Buzzzy',icon:298,lang:'en',category:'social',url:'http://buzzzy.com/api/share.addthis?url={u}'},'bx':{display:'Business Exchange',icon:73,lang:'en',category:'news',url:'http://bx.businessweek.com/api/add-article-to-bx.tn?url={u}'},'bzzster':{display:'Bzzster',icon:80,lang:'en',category:'news',url:'http://bzzster.com/share?v=5;link={u}&amp;subject={t}'},'camyoo':{display:'camyoo',icon:210,lang:'en',category:'social',url:'http://www.camyoo.com/note.html?url={u}'},'care2':{display:'Care2',icon:6,lang:'en',category:'social',url:'http://www.care2.com/news/news_post.html?url={u}&amp;title={t}'},'chiq':{display:'Chiq',icon:299,lang:'en',category:'shopping',url:'http://chiq.com/create/affiliate?url={u}&amp;title={t}&amp;description={d}&amp;c=1'},'cirip':{display:'Cirip',icon:211,lang:'en',category:'blog',url:'http://www.cirip.ro/post/?url={u}&amp;bookmark={t}'},'citeulike':{display:'citeulike',icon:81,lang:'en',category:'bookmark',url:'http://www.citeulike.org/posturl?url={u}&amp;title={t}'},'classicalplace':{display:'Classical Place',icon:212,lang:'en',category:'social',url:'http://www.classicalplace.com/?u={u}&amp;t={t}&amp;c={d}'},'clickazoo':{display:'Clickazoo',icon:213,lang:'en',category:'bookmark',url:'http://www.clickazoo.com/?page=add&amp;location={u}&amp;title={t}'},'cndig':{display:'中国顶客',icon:214,lang:'en',category:'social',url:'http://www.cndig.org/submit/?url={u}&amp;title={t}'},'colivia':{display:'Colivia',icon:215,lang:'en',category:'news',url:'http://www.colivia.de/submit.php?url={u}'},'connotea':{display:'Connotea',icon:82,lang:'en',category:'bookmark',url:'http://www.connotea.org/add?uri={u}&amp;title={t}'},'cosmiq':{display:'COSMiQ',icon:216,lang:'en',category:'bookmark',url:'http://www.cosmiq.de/lili/my/add?url={u}'},'current':{display:'Current',icon:49,lang:'en',category:'news',url:'http://current.com/clipper.htm?url={u}&amp;title={t}'},'dealsplus':{display:'deals plus',icon:74,lang:'en',category:'shopping',url:'http://dealspl.us/add.php?ibm=1&amp;url={u}'},'delicious':{display:'del.icio.us',icon:7,lang:'en',category:'bookmark',url:'http://del.icio.us/post?url={u}&amp;title={t}'},'designbump':{display:'designbump',icon:217,lang:'en',category:'bookmark',url:'http://designbump.com/submit/?url={u}&amp;title={t}&amp;body={d}'},'designfloat':{display:'Design Float',icon:50,lang:'en',category:'bookmark',url:'http://www.designfloat.com/submit.php?url={u}&amp;title={t}'},'designmoo':{display:'DesignMoo',icon:135,lang:'en',category:'news',url:'http://designmoo.com/submit?url={u}&amp;title={t}&amp;body={d}'},'digg':{display:'Digg',icon:8,lang:'en',category:'news',url:'http://digg.com/submit?phase=2&amp;url={u}&amp;title={t}'},'diggita':{display:'diggita',icon:218,lang:'it',category:'news',url:'http://www.diggita.it/submit.php?url={u}&amp;title={t}'},'diglog':{display:'Diglog',icon:136,lang:'zh',category:'bookmark',url:'http://www.diglog.com/submit.aspx?url={u}&amp;title={t}&amp;description={d}'},'diigo':{display:'Diigo',icon:9,lang:'en',category:'social',url:'http://www.diigo.com/post?url={u}&amp;title={t}'},'dipdive':{display:'Dipdive',icon:219,lang:'en',category:'social',url:'http://dipdive.com/popup/share/?url={u}&amp;title={t}&amp;text={d}'},'domelhor':{display:'Do Melhor',icon:183,lang:'pt',category:'news',url:'http://domelhor.net/submit.php?url={u}&title={t}'},'dosti':{display:'Dosti',icon:138,lang:'en',category:'social',url:'http://dosti.webdunia.com/Api/Share.aspx?st=b&url={u}&amp;title={t}'},'dotnetkicks':{display:'DotNetKicks',icon:139,lang:'en',category:'news',url:'http://www.dotnetkicks.com/kick/?url={u}&amp;title={t}'},'dotnetshoutout':{display:'.net Shoutout',icon:220,lang:'en',category:'news',url:'http://dotnetshoutout.com/Submit?url={u}&title={t}'},'douban':{display:'douban',icon:300,lang:'zh',category:'social',url:'http://www.douban.com/recommend/?url={u}&amp;title={t}'},'drimio':{display:'drimio',icon:221,lang:'pt',category:'social',url:'http://www.drimio.com/drimthis/index?url={u}&amp;title={t}'},'dropjack':{display:'Dropjack',icon:222,lang:'en',category:'news',url:'http://www.dropjack.com/submit.php?url={u}'},'dwellicious':{display:'Dwellicious',icon:301,lang:'en',category:'bookmark',url:'http://dwellicious.com/addbookmark?popup=true&amp;uri={u}&amp;desc={t}'},'dzone':{display:'DZone',icon:10,lang:'en',category:'bookmark',url:'http://www.dzone.com/links/add.html?url={u}&amp;title={t}'},'edelight':{display:'edelight',icon:140,lang:'de',category:'shopping',url:'http://www.edelight.de/geschenk/neu?purl={u}'},'ekudos':{display:'eKudos',icon:141,lang:'nl',category:'news',url:'http://www.ekudos.nl/artikel/nieuw?url={u}&amp;title={t}&amp;desc={d}'},'elefanta':{display:'elefanta',icon:223,lang:'pl',category:'bookmark',url:'http://elefanta.pl/member/bookmarkNewPage.action?url={u}&amp;title={t}&amp;bookmarkVO.notes={d}'},'elertgadget':{display:'eLert Gadget',icon:224,lang:'en',category:'bookmark',url:'http://www.elertgadget.com/share.php?u={u}&amp;t={t}'},'embarkons':{display:'Embarkons',icon:184,lang:'en',category:'social',url:'http://www.embarkons.com/sharer.php?u={u}&t={t}'},'eucliquei':{display:'euCliquei',icon:142,lang:'pt',category:'bookmark',url:'http://www.eucliquei.com.br/index.asp?a=clicar_novo&amp;url={u}&amp;titulo={t}&amp;trecho='},'evernote':{display:'Evernote',icon:83,lang:'en',category:'other',url:'http://www.evernote.com/clip.action?url={u}&amp;title={t}'},'extraplay':{display:'extraplay',icon:225,lang:'en',category:'social',url:'http://www.extraplay.com/members/share.php?url={u}&amp;title={t}&amp;desc={d}'},'ezyspot':{display:'EzySpot',icon:226,lang:'en',category:'bookmark',url:'http://www.ezyspot.com/submit?url={u}&amp;title={t}'},'fabulously40':{display:'Fabulously40',icon:143,lang:'en',category:'social',url:'http://fabulously40.com/writeblog?body={u}&amp;subject={t}'},'facebook':{display:'Facebook',icon:11,lang:'en',category:'social',url:'http://www.facebook.com/sharer.php?u={u}&amp;t={t}'},'fark':{display:'Fark',icon:12,lang:'en',category:'news',url:'http://cgi.fark.com/cgi/fark/submit.pl?new_url={u}&amp;new_comment={t}'},'farkinda':{display:'Farkinda',icon:227,lang:'tr',category:'news',url:'http://www.farkinda.com/submit?url={u}'},'favable':{display:'FAVable',icon:302,lang:'en',category:'bookmark',url:'http://www.favable.com/oexchange?url={u}&amp;title={t}&amp;desc={d}'},'faves':{display:'Faves',icon:13,lang:'en',category:'bookmark',url:'http://faves.com/Authoring.aspx?u={u}&amp;t={t}'},'favlog':{display:'favlog',icon:228,lang:'de',category:'bookmark',url:'http://www.favlog.de/submit.php?url={u}'},'favoritus':{display:'FavoritUs',icon:144,lang:'en',category:'bookmark',url:'http://www.favoritus.com/post.php?getlink={u}&amp;gettitle={t}'},'flaker':{display:'Flaker',icon:229,lang:'pl',category:'social',url:'http://flaker.pl/add2flaker.php?url={u}&amp;title={t}'},'flosspro':{display:'FLOSS.pro',icon:230,lang:'en',category:'blog',url:'http://floss.pro/index.php?action=newnotice&amp;status_textarea={t}: {u}'},'fnews':{display:'fnews',icon:185,lang:'az',category:'news',url:'http://fnews.az/node/add/drigg?url={u}&amp;title={t}&amp;body={d}'},'folkd':{display:'Folkd',icon:85,lang:'en',category:'bookmark',url:'http://www.folkd.com/submit/{u}'},'followtags':{display:'Followtags',icon:303,lang:'en',category:'news',url:'http://www.followtags.com/submit?url={u}'},'fooxweb':{display:'fooxweb',icon:231,lang:'en',category:'bookmark',url:'http://www.fooxweb.com/?urls={u}&amp;title={t}'},'forceindya':{display:'Force Indya',icon:232,lang:'en',category:'bookmark',url:'http://www.forceindya.com/submit?url={u}&amp;title={t}'},'forgetfoo':{display:'forgetfoo',icon:145,lang:'en',category:'bookmark',url:'http://www.forgetfoo.com/?inc=share&amp;url={u}&amp;title={t}&amp;desc={d}'},'fresqui':{display:'Fresqui',icon:51,lang:'es',category:'news',url:'http://ocio.fresqui.com/post?url={u}&amp;title={t}'},'friendfeed':{display:'FriendFeed',icon:52,lang:'en',category:'social',url:'http://friendfeed.com/share?url={u}&amp;title={t}'},'friendster':{display:'Friendster',icon:233,lang:'en',category:'social',url:'http://www.friendster.com/sharer.php?u={u}&amp;t={t}'},'funp':{display:'funP',icon:53,lang:'zh',category:'bookmark',url:'http://funp.com/pages/submit/add.php?url={u}&amp;title={t}'},'fwisp':{display:'fwisp',icon:234,lang:'en',category:'bookmark',url:'http://fwisp.com/submit.php?url={u}'},'gabbr':{display:'Gabbr',icon:87,lang:'en',category:'news',url:'http://www.gabbr.com/submit/?bookurl={u}'},'gacetilla':{display:'Gacetilla',icon:146,lang:'it',category:'news',url:'http://www.gacetilla.org/publish-form?url={u}&amp;title={t}'},'gamekicker':{display:'gamekicker',icon:235,lang:'en',category:'news',url:'http://www.gamekicker.com/node/add/drigg?url={u}&amp;title={t}&amp;body={d}'},'gamesnetworks':{display:'gamesnetworks',icon:236,lang:'it',category:'news',url:'http://www.gamesnetworks.it/submit.php?url={u}'},'givealink':{display:'givealink',icon:237,lang:'en',category:'bookmark',url:'http://givealink.org/bookmark/add?url={u}&amp;title={t}'},'globalgrind':{display:'Global Grind',icon:88,lang:'en',category:'social',url:'http://globalgrind.com/submission/submit.aspx?url={u}&amp;type=Article&amp;title={t}'},'gluvsnap':{display:'GluvSnap',icon:186,lang:'en',category:'news',url:'http://www.gluvsnap.com/news/pin/submit.php?url={u}'},'google':{display:'Google',icon:16,lang:'en',category:'bookmark',url:'http://www.google.com/bookmarks/mark?op=edit&amp;bkmk={u}&amp;title={t}'},'googlereader':{display:'Google Reader',icon:238,lang:'en',category:'tools',url:'http://www.google.com/reader/link?url={u}&amp;title={t}&amp;srcTitle={u}'},'gravee':{display:'Gravee',icon:89,lang:'en',category:'bookmark',url:'http://www.gravee.com/account/bookmarkpop?u={u}&amp;t={t}'},'greaterdebater':{display:'GreaterDebater',icon:239,lang:'en',category:'news',url:'http://greaterdebater.com/submit/?url={u}&amp;title={t}'},'grono':{display:'Grono',icon:240,lang:'pl',category:'social',url:'http://grono.net/pub/page/link/urlfetch/?url={u}&amp;title={t}'},'grumper':{display:'Grumper',icon:147,lang:'en',category:'other',url:'http://www.grumper.org/add.php?desc={u}&amp;title={t}'},'habergentr':{display:'haber.gen.tr',icon:148,lang:'tr',category:'news',url:'http://www.haber.gen.tr/edit?url={u}&amp;title={t}&amp;description={d}'},'hackernews':{display:'HackerNews',icon:187,lang:'en',category:'news',url:'http://news.ycombinator.com/submitlink?u={u}&amp;t={t}'},'hadashhot':{display:'Hadash Hot',icon:149,lang:'he',category:'news',url:'http://www.hadash-hot.co.il/submit.php?url={u}&amp;phase=1'},'hatena':{display:'はてな',icon:304,lang:'ja',category:'bookmark',url:'http://b.hatena.ne.jp/bookmarklet?url={u}&amp;btitle={t}'},'hazarkor':{display:'Hazarkor',icon:241,lang:'he',category:'news',url:'http://www.hazarkor.co.il/add_story.php?story_url={u}&amp;story_title={t}&amp;story_desc={d}'},'healthranker':{display:'HealthRanker',icon:90,lang:'en',category:'news',url:'http://www.healthranker.com/submit.php?url={u}&amp;title={t}'},'hedgehogs':{display:'Hedgehogs',icon:242,lang:'en',category:'social',url:'http://www.hedgehogs.net/mod/bookmarks/add.php?address={u}&amp;title={t}'},'hellotxt':{display:'hellotxt',icon:150,lang:'en',category:'blog',url:'http://hellotxt.com/?status={u}'},'hemidemi':{display:'HEMiDEMi',icon:91,lang:'zh',category:'bookmark',url:'http://www.hemidemi.com/user_bookmark/new?url={u}&amp;title={t}'},'hipstr':{display:'hipstr',icon:151,lang:'en',category:'news',url:'http://www.hipstr.com/submit.php?burl={u}'},'hitmarks':{display:'hitmarks',icon:188,lang:'en',category:'bookmark',url:'http://www.hitmarks.com/submit.php?url={u}&amp;t={t}'},'hotbookmark':{display:'Hot Bookmark',icon:243,lang:'en',category:'bookmark',url:'http://hotbmark.com/submit.php?url={u}'},'hotklix':{display:'hotklix',icon:152,lang:'en',category:'news',url:'http://www.hotklix.com/?ref=share_this&amp;addurl={u}'},'hotmail':{display:'Hotmail',icon:244,lang:'en',category:'mail',url:'http://www.hotmail.msn.com/secure/start?action=compose&amp;to=&amp;body={u}&amp;subject={t}'},'hotweb':{display:'HOTWeb.lt',icon:245,lang:'lt',category:'other',url:'http://hotweb.lt/submit?url={u}&amp;title={t}&amp;body={d}'},'hugg':{display:'Hugg',icon:17,lang:'en',category:'social',url:'http://www.hugg.com/submit?url={u}'},'hyves':{display:'Hyves',icon:153,lang:'en',category:'social',url:'http://www.hyves.net/profilemanage/add/tips/?text={u}&amp;name={t}&amp;type=12'},'idearef':{display:'ideaREF!',icon:305,lang:'en',category:'bookmark',url:'http://www.idearef.com/?url={u}&amp;title={t}'},'identica':{display:'identi.ca',icon:92,lang:'en',category:'blog',url:'http://identi.ca/notice/new?status_textarea={t}%20{u}'},'ihavegot':{display:'ihavegot',icon:246,lang:'en',category:'social',url:'http://www.ihavegot.com/share/?url={u}&amp;title={t}&amp;desc={d}'},'imera':{display:'Imera',icon:93,lang:'pt',category:'other',url:'http://www.imera.com.br/post_d.html?linkUrl={u}&amp;linkName={t}'},'informazione':{display:'informazione',icon:247,lang:'it',category:'news',url:'http://fai.informazione.it/submit.aspx?url={u}&amp;title={t}&amp;desc={d}'},'instapaper':{display:'Instapaper',icon:94,lang:'en',category:'tools',url:'http://www.instapaper.com/b?u={u}&amp;t={y}'},'investorlinks':{display:'InvestorLinks',icon:154,lang:'en',category:'news',url:'http://www.investorlinks.com/zingiling/add/?url={u}&amp;title={t}'},'isociety':{display:'iSociety',icon:248,lang:'en',category:'social',url:'http://isociety.be/share/?url={u}&amp;title={t}&amp;desc={d}'},'iwiw':{display:'iwiw',icon:249,lang:'hu',category:'social',url:'http://iwiw.hu/pages/share/share.jsp?v=1&amp;u={u}&amp;t={t}'},'jamespot':{display:'Jamespot',icon:95,lang:'en',category:'bookmark',url:'http://www.jamespot.com/?action=spotit&amp;url={u}&amp;t={t}'},'jisko':{display:'Jisko',icon:250,lang:'en',category:'social',url:'http://jisko.net/notes?note={t}%20{u}'},'jumptags':{display:'Jumptags',icon:96,lang:'en',category:'bookmark',url:'http://www.jumptags.com/add/?url={u}&amp;title={t}'},'kaboodle':{display:'Kaboodle',icon:65,lang:'en',category:'shopping',url:'http://www.kaboodle.com/grab/addItemWithUrl?url={u}&amp;pidOrRid=pid=&amp;redirectToKPage=true'},'kaevur':{display:'Kaevur',icon:189,lang:'et',category:'bookmark',url:'http://www.kaevur.com/submit.php?url={u}'},'khabbr':{display:'Khabbr',icon:97,lang:'ar',category:'news',url:'http://www.khabbr.com/submit.php?out=yes&amp;url={u}'},'kipup':{display:'Kipup',icon:306,lang:'en',category:'social',url:'http://kipup.com/publisher/?url={u}&amp;title={t}'},'kirtsy':{display:'Kirtsy',icon:54,lang:'en',category:'shopping',url:'http://www.kirtsy.com/submit.php?url={u}'},'kledy':{display:'Kledy',icon:98,lang:'de',category:'bookmark',url:'http://www.kledy.de/submit.php?url={u}'},'kommenting':{display:'KOMMENTing',icon:307,lang:'en',category:'news',url:'http://www.kommenting.com/comment?url={u}'},'kool':{display:'Koolontheweb',icon:43,lang:'en',category:'social',url:'http://www.koolontheweb.com/post?url={u}&amp;title={t}'},'koornk':{display:'koornk',icon:251,lang:'en',category:'blog',url:'http://koornk.com/home/?status={t}%3A%20{u}'},'kudos':{display:'kudos',icon:252,lang:'no',category:'bookmark',url:'http://www.kudos.no/giKudos.php?url={u}&amp;tittel={t}&amp;beskrivelse={d}'},'kwoff':{display:'Kwoff',icon:155,lang:'en',category:'other',url:'http://www.kwoff.com/submit.php?url={u}'},'laaikit':{display:'laaik.it',icon:190,lang:'en',category:'news',url:'http://laaik.it/NewStoryCompact.aspx?uri={u}&amp;headline={t}&amp;description={d}'},'ladenzeile':{display:'ladenzeile',icon:253,lang:'de',category:'shopping',url:'http://www.ladenzeile.de/bookmark/submission?url={u}&amp;t={t}'},'librerio':{display:'Librerio',icon:191,lang:'en',category:'bookmark',url:'http://www.librerio.com/inbox?u={u}&amp;t={t}'},'lifestream':{display:'Lifestream',icon:308,lang:'en',category:'blog',url:'http://lifestream.aol.com/share/?url={u}&amp;title={t}&amp;description={d}'},'linkarena':{display:'Linkarena',icon:70,lang:'de',category:'bookmark',url:'http://linkarena.com/bookmarks/addlink/?url={u}&amp;title={t}&amp;desc={d}&amp;tags='},'linkagogo':{display:'LinkaGoGo',icon:18,lang:'en',category:'bookmark',url:'http://www.linkagogo.com/go/AddNoPopup?url={u}&amp;title={t}'},'linkedin':{display:'LinkedIn',icon:66,lang:'en',category:'social',url:'http://www.linkedin.com/shareArticle?mini=true&amp;url={u}&amp;title={t}&amp;ro=false&amp;summary={d}&amp;source='},'linkninja':{display:'LinkNinja',icon:156,lang:'pt',category:'bookmark',url:'http://linkninja.com.br/enviar_link.php?story_url={u}'},'linkshares':{display:'LinkShares',icon:254,lang:'en',category:'bookmark',url:'http://www.linkshares.net/share?url={u}&amp;title={t}'},'linkuj':{display:'Linkuj',icon:255,lang:'cz',category:'news',url:'http://linkuj.cz/?id=linkuj&amp;url={u}&amp;title={t}&amp;description={d}'},'livefavoris':{display:'Livefavoris',icon:256,lang:'fr',category:'bookmark',url:'http://www.mediapratique.com/home/bookmark.php?lien={u}&amp;titre={t}'},'livejournal':{display:'LiveJournal',icon:19,lang:'en',category:'blog',url:'http://www.livejournal.com/update.bml?subject={u}'},'lockerblogger':{display:'LockerBlogger',icon:309,lang:'en',category:'social',url:'http://www.lockerblogger.com/share.php?url={u}&amp;title={t}&amp;desc={d}'},'lunch':{display:'Lunch',icon:157,lang:'en',category:'bookmark',url:'http://www.lunch.com/Bookmarklet/LunchThis.html?url={u}'},'lynki':{display:'Lynki',icon:158,lang:'en',category:'bookmark',url:'http://www.lynki.com/submit.php?url={u}'},'maple':{display:'Maple',icon:99,lang:'en',category:'bookmark',url:'http://www.maple.nu/bookmarks/bookmarklet?bookmark[url]={u}&amp;bookmark[description]={t}'},'mashbord':{display:'mashbord',icon:310,lang:'en',category:'bookmark',url:'http://mashbord.com/plugin-add-bookmark?url={u}'},'mawindo':{display:'Mawindo',icon:257,lang:'en',category:'social',url:'http://www.mawindo.com/mod/bookmarks/add.php?address={u}&amp;title={t}'},'meccho':{display:'Meccho',icon:258,lang:'en',category:'bookmark',url:'http://www.meccho.com/bookmark?url={u}&amp;title={t}'},'meinvz':{display:'MeinVZ',icon:259,lang:'en',category:'social',url:'http://www.meinvz.net/Suggest/Selection/?u={u}&amp;desc={t}'},'mekusharim':{display:'מקושרים',icon:311,lang:'he',category:'social',url:'http://mekusharim.walla.co.il/share/share.aspx?url={u}&amp;title={t}'},'memori':{display:'memori.ru',icon:192,lang:'ru',category:'bookmark',url:'http://memori.ru/link/?sm=1&amp;u_data[url]={u}'},'meneame':{display:'menéame',icon:55,lang:'es',category:'bookmark',url:'http://meneame.net/submit.php?url={u}'},'mindbody':{display:'MindBodyGreen',icon:21,lang:'en',category:'bookmark',url:'http://www.mindbodygreen.com/passvote.action?u={u}'},'misterwong':{display:'Mister Wong',icon:22,lang:'en',category:'bookmark',url:'http://www.mister-wong.com/index.php?action=addurl&amp;bm_url={u}&amp;bm_description={t}'},'mixx':{display:'Mixx',icon:23,lang:'en',category:'news',url:'http://www.mixx.com/submit/story?page_url={u}&amp;title={t}'},'moemesto':{display:'МоеМесто',icon:260,lang:'ru',category:'bookmark',url:'http://moemesto.ru/post.php?url={u}&amp;title={t}'},'multiply':{display:'Multiply',icon:24,lang:'en',category:'social',url:'http://multiply.com/gus/journal/compose/addthis?body=&amp;url={u}&amp;subject={t}'},'mylinkvault':{display:'MyLinkVault',icon:100,lang:'en',category:'bookmark',url:'http://www.mylinkvault.com/link-page.php?u={u}&amp;n={t}'},'myspace':{display:'MySpace',icon:25,lang:'en',category:'social',url:'http://www.myspace.com/Modules/PostTo/Pages/?u={u}&amp;t={t}'},'n4g':{display:'N4G',icon:56,lang:'en',category:'other',url:'http://www.n4g.com/tips.aspx?url={u}&amp;title={t}'},'netlog':{display:'NetLog',icon:101,lang:'en',category:'social',url:'http://www.netlog.com/go/manage/links/view=save&amp;origin=external&amp;url={u}&amp;title={t}'},'netvibes':{display:'Netvibes',icon:102,lang:'en',category:'news',url:'http://www.netvibes.com/share?url={u}&amp;title={t}'},'netvouz':{display:'Netvouz',icon:27,lang:'en',category:'bookmark',url:'http://netvouz.com/action/submitBookmark?url={u}&amp;title={t}&amp;popup=no'},'newstrust':{display:'NewsTrust',icon:103,lang:'en',category:'news',url:'http://newstrust.net/submit?url={u}&amp;title={t}&amp;ref=addtoany'},'newsvine':{display:'Newsvine',icon:28,lang:'en',category:'news',url:'http://www.newsvine.com/_wine/save?u={u}&amp;h={t}'},'nowpublic':{display:'NowPublic',icon:29,lang:'en',category:'news',url:'http://view.nowpublic.com/?src={u}&amp;t={t}'},'nujij':{display:'Nujij',icon:159,lang:'nl',category:'news',url:'http://nujij.nl/jij.lynkx?u={u}&amp;t={t}&amp;b={d}'},'oknotizie':{display:'OKNOtizie',icon:57,lang:'it',category:'news',url:'http://oknotizie.alice.it/post?url={u}&amp;title={t}'},'oneview':{display:'OneView',icon:72,lang:'de',category:'bookmark',url:'http://www.oneview.de/quickadd/neu/addBookmark.jsf?URL={u}&amp;title={t}'},'orkut':{display:'Orkut',icon:193,lang:'en',category:'social',url:'http://promote.orkut.com/preview?nt=orkut.com&amp;du={u}&amp;tt={t}&amp;cn='},'osmosus':{display:'Osmosus',icon:194,lang:'en',category:'social',url:'http://www.osmosus.com/share?url={u}&amp;title={t}&amp;description={d}'},'oyyla':{display:'Oyyla',icon:160,lang:'tr',category:'news',url:'http://www.oyyla.com/gonder?phase=2&amp;url={u}'},'phonefavs':{display:'PhoneFavs',icon:161,lang:'en',category:'bookmark',url:'http://phonefavs.com/bookmarks?action=add&amp;address={u}&amp;title={t}'},'pimpthisblog':{display:'PimpThisBlog',icon:162,lang:'en',category:'news',url:'http://pimpthisblog.com/Submit?url={u}&amp;title={t}'},'ping':{display:'Ping',icon:104,lang:'en',category:'social',url:'http://ping.fm/ref/?link={u}&amp;title={t}'},'planypus':{display:'Planypus',icon:163,lang:'en',category:'other',url:'http://planyp.us/plans/new/?url={u}&amp;title={t}'},'plaxo':{display:'Plaxo Pulse',icon:105,lang:'en',category:'social',url:'http://www.plaxo.com/pulse/?share_link={u}'},'plurk':{display:'Plurk',icon:164,lang:'en',category:'social',url:'http://www.plurk.com/m?content={u}&amp;qualifier=shares'},'polladium':{display:'Polladium',icon:165,lang:'en',category:'blog',url:'http://www.polladium.com/poll-this.php?u={u}&amp;t={t}'},'popedition':{display:'Popedition',icon:312,lang:'en',category:'news',url:'http://www.popedition.com/?mode=add&amp;url={u}&amp;title={t}'},'posteezy':{display:'Posteezy',icon:261,lang:'en',category:'blog',url:'http://posteezy.com/node/add/story?body={u}&amp;title={t}'},'posterus':{display:'posterous',icon:166,lang:'en',category:'blog',url:'http://posterous.com/share?linkto={u}&amp;title={t}'},'prati':{display:'Prati.ba',icon:262,lang:'bs',category:'blog',url:'http://prati.ba/?objavi={u}'},'propeller':{display:'Propeller',icon:58,lang:'en',category:'news',url:'http://www.propeller.com/submit/?U={u}&amp;T={t}'},'protopage':{display:'Protopage',icon:106,lang:'en',category:'other',url:'http://www.protopage.com/add-button-site?url={u}&amp;label={t}&amp;type=page'},'pusha':{display:'Pusha',icon:107,lang:'sv',category:'bookmark',url:'http://www.pusha.se/posta?url={u}'},'quantcast':{display:'quantcast',icon:263,lang:'en',category:'tools',url:'http://www.quantcast.com/search.jsp?domain={u}'},'readitlater':{display:'Read it Later',icon:264,lang:'en',category:'tools',url:'https://readitlaterlist.com/save?url={u}&amp;title={t}'},'receeveit':{display:'receeve.it',icon:313,lang:'en',category:'bookmark',url:'http://add.receeve.it/?u={u}'},'reddit':{display:'reddit',icon:30,lang:'en',category:'news',url:'http://reddit.com/submit?url={u}&amp;title={t}'},'rediff':{display:'rediff',icon:314,lang:'en',category:'social',url:'http://share.rediff.com/bookmark/addbookmark?bookmarkurl={u}&amp;title={t}'},'redkum':{display:'RedKum',icon:315,lang:'ru',category:'bookmark',url:'http://www.redkum.com/add?url={u}&amp;title={t}&amp;step=1'},'scoopat':{display:'Scoop.at',icon:265,lang:'de',category:'news',url:'http://scoop.at/submit?url={u}&amp;title={t}&amp;body={d}'},'scoopeo':{display:'Scoopeo',icon:46,lang:'fr',category:'news',url:'http://www.scoopeo.com/scoop/new?newurl={u}&amp;title={t}'},'segnalo':{display:'Segnalo',icon:31,lang:'it',category:'bookmark',url:'http://segnalo.alice.it/post.html.php?url={u}&amp;title={t}'},'sekoman':{display:'Sekoman',icon:266,lang:'lv',category:'social',url:'http://sekoman.lv/home?url={u}&amp;status={t}'},'shaveh':{display:'Shaveh',icon:267,lang:'he',category:'news',url:'http://shaveh.co.il/submit.php?url={u}&amp;title={t}'},'shetoldme':{display:'She Told Me',icon:167,lang:'en',category:'news',url:'http://shetoldme.com/publish?url={u}&amp;title={t}&amp;body={d}'},'shoutwire':{display:'ShoutWire',icon:108,lang:'en',category:'news',url:'http://www.shoutwire.com/?s={u}'},'simpy':{display:'Simpy',icon:32,lang:'en',category:'bookmark',url:'http://www.simpy.com/simpy/LinkAdd.do?href={u}&amp;title={t}'},'sitejot':{display:'Sitejot',icon:109,lang:'en',category:'bookmark',url:'http://www.sitejot.com/addform.php?iSiteAdd={u}&amp;iSiteDes={t}'},'slashdot':{display:'Slashdot',icon:33,lang:'en',category:'news',url:'http://slashdot.org/bookmark.pl?url={u}&amp;title={t}'},'smaknews':{display:'SmakNews',icon:110,lang:'en',category:'news',url:'http://smaknews.com/submit.php?url={u}&amp;title={t}'},'smi':{display:'СМИ2',icon:268,lang:'ru',category:'news',url:'http://smi2.ru/add/?url={u}&amp;precaption={t}'},'social':{display:'Social Bookmarking',icon:269,lang:'en',category:'social',url:'http://www.social-bookmarking.net/submit.php?url={u}'},'sodahead':{display:'SodaHead',icon:168,lang:'en',category:'other',url:'http://www.sodahead.com/news/submit/?url={u}&amp;title={t}'},'sonico':{display:'Sonico',icon:169,lang:'en',category:'social',url:'http://www.sonico.com/share.php?url={u}&amp;title={t}'},'speedtile':{display:'speedtile',icon:270,lang:'en',category:'bookmark',url:'http://www.speedtile.net/api/add/?u={u}&amp;t={t}'},'sphinn':{display:'Sphinn',icon:44,lang:'en',category:'news',url:'http://sphinn.com/submit.php?url={u}&amp;title={t}'},'spokentoyou':{display:'spoken to you',icon:271,lang:'en',category:'other',url:'http://www.spokentoyou.com/app/subscribe/index.html?url={u}&amp;title={t}'},'sportpost':{display:'Sportpost',icon:272,lang:'en',category:'social',url:'http://www.sportpost.com/debate/new?url={u}&amp;title={t}&amp;desc={d}'},'springpad':{display:'springpad',icon:316,lang:'en',category:'bookmark',url:'http://springpadit.com/s?type=lifemanagr.Bookmark&amp;url={u}&amp;name={t}'},'spruzer':{display:'Spruzer',icon:273,lang:'en',category:'bookmark',url:'http://www.spruzer.com/submit.php?u={u}&amp;t={t}'},'spurl':{display:'Spurl',icon:35,lang:'en',category:'bookmark',url:'http://www.spurl.net/spurl.php?url={u}&amp;title={t}'},'squidoo':{display:'Squidoo',icon:42,lang:'en',category:'bookmark',url:'http://www.squidoo.com/lensmaster/bookmark?{u}&amp;title={t}'},'startaid':{display:'StartAid',icon:111,lang:'en',category:'bookmark',url:'http://www.startaid.com/index.php?st=AddBrowserLink&amp;type=Detail&amp;v=3&amp;urlname={u}&amp;urltitle={t}'},'startlap':{display:'startlap',icon:274,lang:'hu',category:'bookmark',url:'http://www.startlap.hu/sajat_linkek/addlink.php?url={u}&amp;title={t}'},'storyfollower':{display:'StoryFollower',icon:275,lang:'en',category:'news',url:'http://www.storyfollower.com/submit/?url={u}&amp;title={t}&amp;description={d}'},'strands':{display:'Strands',icon:112,lang:'en',category:'social',url:'http://www.strands.com/tools/share/webpage?url={u}&amp;title={t}'},'studivz':{display:'studiVZ',icon:195,lang:'de',category:'social',url:'http://www.studivz.net/Suggest/Selection/?u={u}&amp;desc={t}'},'stuffpit':{display:'Stuffpit',icon:276,lang:'en',category:'shopping',url:'http://www.stuffpit.com/add.php?produrl={u}'},'stumbleupon':{display:'StumbleUpon',icon:36,lang:'en',category:'bookmark',url:'http://www.stumbleupon.com/submit?url={u}&amp;title={t}'},'stumpedia':{display:'Stumpedia',icon:113,lang:'en',category:'other',url:'http://www.stumpedia.com/submit?url={u}&amp;title={t}'},'stylehive':{display:'Stylehive',icon:196,lang:'en',category:'social',url:'http://www.stylehive.com/savebookmark/index.htm?url={u}'},'surfpeople':{display:'SurfPeople',icon:277,lang:'en',category:'social',url:'http://www.surfpeople.net/share-link.php?url={u}&amp;titless={t}'},'svejo':{display:'Svejo',icon:170,lang:'ru',category:'news',url:'http://svejo.net/story/submit_by_url?url={u}&amp;title={t}&amp;summary={d}'},'tagmarks':{display:'TagMarks',icon:317,lang:'de',category:'bookmark',url:'http://tagmarks.de/?go=1&amp;url={u}'},'tagvn':{display:'Tagvn',icon:278,lang:'vi',category:'news',url:'http://www.tagvn.com/submit?url={u}'},'tagza':{display:'Tagza',icon:115,lang:'en',category:'bookmark',url:'http://www.tagza.com/submit.php?url={u}'},'technorati':{display:'Technorati',icon:38,lang:'en',category:'news',url:'http://www.technorati.com/faves?add={u}'},'technotizie':{display:'Technotizie',icon:117,lang:'it',category:'news',url:'http://www.technotizie.it/posta_ok?action=f2&amp;url={u}&amp;title={t}'},'tellmypolitician':{display:'TellMyPolitician',icon:171,lang:'en',category:'other',url:'http://tellmypolitician.com/search?u={u}&amp;title={t}'},'thewebblend':{display:'The Web Blend',icon:318,lang:'en',category:'bookmark',url:'http://thewebblend.com/submit?url={u}&amp;title={t}'},'thinkfinity':{display:'Thinkfinity',icon:319,lang:'en',category:'bookmark',url:'http://community.thinkfinity.org/favorite-bookmarklet.jspa?url={u}&amp;subject={t}'},'thisnext':{display:'ThisNext',icon:39,lang:'en',category:'shopping',url:'http://www.thisnext.com/pick/new/submit/sociable/?url={u}&amp;name={t}'},'tipd':{display:'Tip\'d',icon:118,lang:'en',category:'news',url:'http://tipd.com/submit.php?url={u}'},'transferr':{display:'Transferr',icon:197,lang:'en',category:'other',url:'http://www.transferr.com/link.php?url={u}'},'tulinq':{display:'tulinq',icon:198,lang:'es',category:'news',url:'http://www.tulinq.com/enviar?url={u}&amp;title={t}&amp;body={d}'},'tumblr':{display:'tumblr',icon:119,lang:'en',category:'blog',url:'http://www.tumblr.com/share?v=3&amp;u={u}&amp;t={t}'},'tusul':{display:'tusul.com',icon:199,lang:'tr',category:'bookmark',url:'http://www.tusul.com/submit.php?url={u}&amp;title={t}&amp;bodytext={d}'},'tweetmeme':{display:'tweetmeme',icon:279,lang:'en',category:'tools',url:'http://api.tweetmeme.com/visit?url={u}'},'twitter':{display:'twitter',icon:200,lang:'en',category:'blog',url:'http://twitter.com/home?status={t}%20{u}'},'twitthis':{display:'TwitThis',icon:45,lang:'en',category:'tools',url:'http://twitthis.com/twit?url={u}'},'viadeo':{display:'Viadeo',icon:120,lang:'en',category:'social',url:'http://www.viadeo.com/shareit/share/?url={u}&amp;title={t}'},'virb':{display:'Virb',icon:172,lang:'en',category:'social',url:'http://virb.com/share?external&amp;v=2&amp;url={u}&amp;title={t}'},'visitezmonsite':{display:'Visitez mon Site',icon:280,lang:'fr',category:'bookmark',url:'http://www.visitezmonsite.com/publier?url={u}&amp;title={t}&amp;body={d}'},'vk':{display:'VK.com',icon:320,lang:'en',category:'social',url:'http://vk.com/share.php?url={u}&amp;title={t}'},'vodpod':{display:'Vodpod',icon:121,lang:'en',category:'bookmark',url:'http://vodpod.com/account/add_video_page?p={u}'},'vyoom':{display:'vyoom',icon:281,lang:'en',category:'other',url:'http://www.vyoom.com/mod/bookmarks/add.php?address={u}&amp;title={t}'},'webnews':{display:'WebNews',icon:122,lang:'de',category:'news',url:'http://www.webnews.de/einstellen?url={u}&amp;title={t}'},'wikio':{display:'Wikio',icon:47,lang:'en',category:'social',url:'http://www.wikio.com/vote?newurl={u}'},'windows':{display:'Windows Live',icon:40,lang:'en',category:'bookmark',url:'https://favorites.live.com/quickadd.aspx?marklet=1&amp;mkt=en-us&amp;url={u}&amp;title={t}'},'windycitizen':{display:'Windy Citizen',icon:282,lang:'en',category:'news',url:'http://www.windycitizen.com/submit?url={u}&amp;title={t}&amp;body={d}'},'wirefan':{display:'WireFan',icon:283,lang:'en',category:'bookmark',url:'http://www.wirefan.com/grpost.php?d=&amp;u={u}&amp;h={t}&amp;d={d}'},'wishlist':{display:'Amazon WishList',icon:123,lang:'en',category:'shopping',url:'http://www.amazon.com/wishlist/add?u={u}&amp;t={t}'},'wists':{display:'Wists',icon:124,lang:'en',category:'other',url:'http://wists.com/r.php?r={u}&amp;title={t}'},'worio':{display:'Worio',icon:173,lang:'en',category:'other',url:'http://www.worio.com/search/preview/?action=save&amp;wref=addthis&amp;u={u}&amp;t={t}'},'wovre':{display:'Wovre',icon:174,lang:'en',category:'social',url:'http://www.wovre.com/share.php?link_url={u}'},'wykop':{display:'Wykop',icon:175,lang:'pl',category:'bookmark',url:'http://www.wykop.pl/dodaj?url={u}&amp;title={t}&amp;desc={d}'},'xanga':{display:'Xanga',icon:59,lang:'en',category:'blog',url:'http://www.xanga.com/private/editorx.aspx?u={u}&amp;t={t}'},'xerpi':{display:'Xerpi',icon:125,lang:'en',category:'bookmark',url:'http://www.xerpi.com/block/add_link_from_extension?url={u}&amp;title={t}'},'yahoo':{display:'Yahoo Bookmarks',icon:60,lang:'en',category:'bookmark',url:'http://bookmarks.yahoo.com/toolbar/savebm?opener=tb&amp;u={u}&amp;t={t}'},'yahoobuzz':{display:'Yahoo Buzz',icon:67,lang:'en',category:'bookmark',url:'http://buzz.yahoo.com/submit?submitUrl={u}&amp;submitHeadline={t}'},'yammer':{display:'Yammer',icon:176,lang:'en',category:'blog',url:'http://www.yammer.com/home?status={t} {u}'},'yazzem':{display:'yazzem',icon:284,lang:'en',category:'social',url:'http://www.yazzem.com/welcome?status={t}%3A+{u}'},'yigg':{display:'Yigg',icon:61,lang:'de',category:'news',url:'http://www.yigg.de/neu?exturl={u}&amp;exttitle={t}'},'yoolink':{display:'yoolink',icon:126,lang:'en',category:'bookmark',url:'http://www.yoolink.fr/post/tag?f=aa&amp;url_value={u}&amp;title={t}'},'yorumcuyum':{display:'Yorumcuyum',icon:177,lang:'tr',category:'news',url:'http://www.yorumcuyum.com/?link={u}&amp;baslik={t}'},'youbookmarks':{display:'YouBookmarks',icon:285,lang:'en',category:'bookmark',url:'http://youbookmarks.com/api/quick_add.php?version=1&amp;url={u}&amp;title={t}'},'youmob':{display:'YouMob',icon:178,lang:'en',category:'bookmark',url:'http://youmob.com/mobit.aspx?mob={u}&amp;title={t}'},'zakladok':{display:'закладок',icon:321,lang:'ru',category:'bookmark',url:'http://zakladok.net/link/?u={u}&amp;t={t}'},'zanatic':{display:'Zanatic',icon:322,lang:'en',category:'news',url:'http://www.zanatic.com/submit?u={u}&amp;t={t}'},'zooloo':{display:'ZooLoo',icon:286,lang:'en',category:'blog',url:'https://www.zooloo.com/redirecter/login?domainredirect=zGraffiti/share&amp;v=1&amp;u={u}&amp;t={t}'}}}$.extend(Bookmark.prototype,{markerClassName:'hasBookmark',setDefaults:function(a){extendRemove(this._defaults,a||{});return this},addSite:function(a,b,c,d,e,f){this._sites[a]={display:b,icon:c,lang:d,category:e,url:f};return this},getSites:function(){return this._sites},_attachBookmark:function(a,b){a=$(a);if(a.hasClass(this.markerClassName)){return}a.addClass(this.markerClassName);if(!a[0].id){a[0].id='bm'+(++this._uuid)}this._updateBookmark(a,b)},_changeBookmark:function(a,b,c){a=$(a);if(!a.hasClass(this.markerClassName)){return}if(typeof b=='string'){var d=b;b={};b[d]=c}this._updateBookmark(a,b)},_updateBookmark:function(h,i){var j=$.data(h[0],t)||$.extend({},this._defaults);i=extendRemove(j,i||{});$.data(h[0],t,i);var k=i.sites;var l=this._sites;if(k.length==0){$.each(l,function(a){k.push(a)})}else{$.each(k,function(c,d){var e=d.match(/lang:(.*)/);if(e){var f=[];$.each(l,function(a,b){if(b.lang==e[1]){f.push(a)}});k=k.slice(0,c).concat(f,k.slice(c+1))}var g=d.match(/category:(.*)/);if(g){var f=[];$.each(l,function(a,b){if(b.category==g[1]){f.push(a)}});k=k.slice(0,c).concat(f,k.slice(c+1))}})}var m=i.hint||'{s}';var n=(i.popup?'<a href="#" class="bookmark_popup_text">'+i.popupText+'</a><div class="bookmark_popup">':'')+'<ul class="bookmark_list'+(i.compact?' bookmark_compact':'')+'">';var o=function(a,b,c,d){var e='<li><a href="'+c+'"'+(d?' onclick="'+d+'"':(i.target?' target="'+i.target+'"':''))+'>';if(b!=null){var f=m.replace(/\{s\}/,a);if(typeof b=='number'){e+='<span title="'+f+'" '+(i.iconsStyle?'class="'+i.iconsStyle+'" ':'')+'style="'+(i.iconsStyle?'background-position: ':'background: transparent url('+i.icons+') no-repeat ')+'-'+((b%i.iconCols)*i.iconSize)+'px -'+(Math.floor(b/i.iconCols)*i.iconSize)+'px;'+($.browser.mozilla&&$.browser.version<'1.9'?' padding-left: '+i.iconSize+'px; padding-bottom: '+(Math.max(0,i.iconSize-16))+'px;':'')+'"></span>'}else{e+='<img src="'+b+'" alt="'+f+'" title="'+f+'"'+(($.browser.mozilla&&$.browser.version<'1.9')||($.browser.msie&&$.browser.version<'7.0')?' style="vertical-align: bottom;"':($.browser.msie?' style="vertical-align: middle;"':($.browser.opera||$.browser.safari?' style="vertical-align: baseline;"':'')))+'/>'}e+=(i.compact?'':'&#xa0;')}e+=(i.compact?'':a)+'</a></li>';return e};var p=i.url||window.location.href;var q=i.title||document.title||$('h1:first').text();var r=i.description||$('meta[name=description]').attr('content')||'';if(i.addFavorite){n+=o(i.favoriteText,i.favoriteIcon,'#','jQuery.bookmark._addFavourite(\''+p.replace(/'/g,'\\\'')+'\',\''+q.replace(/'/g,'\\\'')+'\')')}if(i.addEmail){n+=o(i.emailText,i.emailIcon,'mailto:?subject='+encodeURIComponent(i.emailSubject)+'&amp;body='+encodeURIComponent(i.emailBody.replace(/\{u\}/,p).replace(/\{t\}/,q).replace(/\{d\}/,i.desc)))}var s=(!i.sourceTag?'':encodeURIComponent((p.indexOf('?')>-1?'&':'?')+i.sourceTag+'='));p=encodeURIComponent(p);q=encodeURIComponent(q);r=encodeURIComponent(r);var l=this._sites;$.each(k,function(a,b){var c=l[b];if(c){n+=o(c.display,c.icon,(i.onSelect?'#':c.url.replace(/\{u\}/,p+(s?s+b:'')).replace(/\{t\}/,q).replace(/\{d\}/,r)),(i.onSelect?'return jQuery.bookmark._selected(\''+h[0].id+'\',\''+b+'\')':''))}});n+='</ul>'+(i.popup?'</div>':'');h.html(n);if(i.popup){h.find('.bookmark_popup_text').click(function(){var a=$(this).parent();var b=a.offset();a.find('.bookmark_popup').css('left',b.left).css('top',b.top+a.outerHeight()).toggle();return false});$(document).click(function(a){h.find('.bookmark_popup').hide()})}},_destroyBookmark:function(a){a=$(a);if(!a.hasClass(this.markerClassName)){return}a.removeClass(this.markerClassName).empty();$.removeData(a[0],t)},_selected:function(a,b){var c=$('#'+a)[0];var d=$.data(c,t);var e=$.bookmark._sites[b];var f=d.url||window.location.href;var g=(!d.sourceTag?'':encodeURIComponent((f.indexOf('?')>-1?'&':'?')+d.sourceTag+'='));var f=encodeURIComponent(f);var h=encodeURIComponent(d.title||document.title||$('h1:first').text());var i=encodeURIComponent(d.description||$('meta[name=description]').attr('content')||'');d.onSelect.apply(c,[b,e.display,e.url.replace(/&amp;/g,'&').replace(/\{u\}/,f+(g?g+b:'')).replace(/\{t\}/,h).replace(/\{d\}/,i)]);return false},_addFavourite:function(a,b){if($.browser.msie){window.external.addFavorite(a,b)}else{alert(this._defaults.manualBookmark)}}});function extendRemove(a,b){$.extend(a,b);for(var c in b){if(b[c]==null){a[c]=null}}return a}$.fn.bookmark=function(a){var b=Array.prototype.slice.call(arguments,1);return this.each(function(){if(typeof a=='string'){$.bookmark['_'+a+'Bookmark'].apply($.bookmark,[this].concat(b))}else{$.bookmark._attachBookmark(this,a||{})}})};$.bookmark=new Bookmark()})(jQuery);
//]]>
</script>

<script type="text/javascript">
//<![CDATA[
$(function () {
$('#popupImageBookmark').bookmark({popup: true,
popupText: '<img src="http://img/21px x 25px/bookmarkthis.png" alt="Bookmark this..."/>'});
});
//]]>
</script>

Kalau dari web aslinya, script ini diletakan sebelum tag </head> tapi setelah diletakan diatas tag </body> bisa juga ;;) Centang bagian Expand Widget Templates cari kode <div class='post-footer'> atau <div class='post-footer-line post-footer-line-1'> yang penting didalam tag akhir postingan. Masukan kode HTML ini setelahnya<div id='popupImageBookmark'></div>

Disini Beben mengambil versi gambar bookmark yg tampak, sebenarnya ada berbagai macam setingan mau apa yg tampaknya nanti. Nah silahkan lihat format, link download, dan live demonya!

Sebenarnya cuman mau kasih tauk web Keith Wood :D malah jadi nerangin ginih, disana ada jQuery plugins yg top markotop punya sob.
See you :-h