Brainy Bookmarklet Links

Bookmarklet adalah suatu applet, aplikasi komputer kecil, disimpan sebagai URL dari bookmark di web browser atau sebagai hyperlink pada halaman web. Satu kalimat yang mengelink kemana-mana =)) Pasti sobat sudah pada kenal dengan istilah bookmark ini :) Secara manual dan tercepat ya pencet secara bersama pada keyboard Ctrl + D :D

Setelah BW ternyata bookmark ini banyak fungsinya sob dalam perjalanan perkembangannya. Tidak sekedar sebagai menyimpan link atau apapun tapi bisa berfungsi gaya :)) b-) Seperti biasa Beben si bloglang ganteng kalem tea :P kembali membawa informasi pilihan mengenai bookmark ini. Untuk membaca dari sebuah web biar lebih full stylish, mengeprint, memberikan info dll nih Beben dapet ;)

1. Better, Stronger, Safer jQuerify Bookmarklet
Dari Learning jQuery mengeluarkan bookmark mengenai info versi jQuery 1.4.2 :-bd Jika kita menggunakannya akan tampak info pada bagian tengah atas

jQuerify « drag to your bookmarks bar

2. Readable
Readable adalah sebuah aplikasi yang membantu kita membaca lebih dari web. Hal ini mengubah teks pada situs web menggunakan font, warna, dan layout yang kita pilih. Bisa diseting-seting gito sob ;)) Powered By Google App Engine and Powered by jQuery
<a id="bookmarklet" href="javascript: (function(){if(document.getElementsByTagName('html').length>0);else{return;}if(document.getElementsByTagName('body').length>0);else{return;}if(window.$readable);else{window.$readable={};window.$readable.path='http://readable-app.appspot.com/';}window.$readable.options={};window.$readable.options.base='blueprint';window.$readable.options.font_family='wide_sans_serif';window.$readable.options.font_size='12';window.$readable.options.text_line_height='2';window.$readable.options.text_align='normal';window.$readable.options.text_image_align='center';window.$readable.options.text_box_width='80_percent';window.$readable.options.text_box_align='center';window.$readable.options.text_box_outer_margin='1';window.$readable.options.text_box_inner_margin='1';window.$readable.options.color_theme='light_grey_off_black';window.$readable.options.background_transparency='70';window.$readable.options.background_transparency_color='from_theme';window.$readable.options.video='strip';if(window.$readable.callScript){window.$readable.callScript();return;}if(document.getElementsByTagName('head').length>0);else{document.getElementsByTagName('html')[0].insertBefore(document.createElement('head'),document.getElementsByTagName('body')[0]);}document.getElementsByTagName('head')[0].appendChild(document.createElement('script')).setAttribute('src',window.$readable.path+'target.js?rand='+encodeURIComponent(Math.random()));})()">Readable</a>
3. The Printliminator
CSS-Tricks web mengeluarkan trik bookmark ini yang ciamik sob, mantap dah. Dengan mengklik pada bagian div menghilangkan bagian yg tidak akan diprint dan dibaca serta dapat di undo :-bdPrintliminator
4. ClipR
Salut sob buat sobat blogger satu ini. Kayaknya master developer web nih :-" Mr Vladimir Carrer dengan segala proyeknya, gaya dan mudah dimengerti :) Bookmark yg telah diciptakan oleh sobat kita ini ;) Bookmarklet :-bd

Google Dictionary Drag the link to your browser bookmark toolbar.

Fast Tweet Drag the link to your browser bookmark toolbar.

Auto Translate Drag the link to your browser bookmark toolbar.

RedDIV Drag the link to your browser bookmark toolbar.

NoFollow Drag the link to your browser bookmark toolbar.

5. Latent Motion
LatentMotion mengeluarkan bagaimana menggunakan jQuery bookmark pada sebuah tabel.Dengan menulis syntax link berikut <a href="javascript: (function(){var head=document.getElementsByTagName('head')[0],script=document.createElement('script');script.type='text/javascript';script.src='http://www.my.com/your-javascript.js?' + Math.floor(Math.random()*99999);head.appendChild(script);})(); void 0">Your Bookmarklet Name</a>
6. Squarefree
Temukan dan buatlah bookmark sesuka hati :D
7. Drag this script on your browser bookmark toolbar.
javascript: (function(){function getSel() {var txt = '';if (window.getSelection) {txt = window.getSelection();} else if (document.getSelection) {txt = document.getSelection();} else if (document.selection) {txt = document.selection.createRange().text;} else return;var s = txt.toString();return s;}var u = 'http://www.similpedia.org/engine';var sel = getSel();if (sel.length == 0) { sel = location.href; } nD = window.open().document; nD.writeln('<HTML><HEAD></HEAD><BODY>'); nD.writeln('<FORM NAME=form ACTION=' + u + ' METHOD=POST>'); nD.writeln('<TEXTAREA name=q>' + sel + '</TEXTAREA>'); nD.writeln('<INPUT TYPE=SUBMIT NAME=Submit VALUE=Submit></INPUT>'); nD.writeln('</FORM>'); nD.writeln('<SCRIPT>document.form.submit();</SCRIPT>'); nD.writeln('</BODY></HTML>'); nD.close();})()"
8. Citebite
Cite Bite Drag the link to your browser bookmark toolbar.
9. SpriteMe

Try it on this page:

10. Subsimple
Ingin melihat link2 bookmark yg keren punya!!!
11. Ini bookmarklet tombol like yg ada pada facebook
javascript: (function(){try{var url=encodeURIComponent(location.href);var ifr=document.createElement('iframe');ifr.style.position='absolute';ifr.style.top=10+'px';ifr.style.left=10+'px';ifr.style.width=450+'px';ifr.style.height=100+'px';ifr.style.border='none';ifr.src='http://www.facebook.com/plugins/like.php?href='+url+'&show_faces=true&width=450&action=like&colorscheme=light';ifr.scrolling='no';ifr.frameborder=0;document.getElementsByTagName('body')[0].appendChild(ifr);var ifr=document.createElement('iframe');ifr.style.position='absolute';ifr.style.top=125+'px';ifr.style.left=10+'px';ifr.style.width=450+'px';ifr.style.height=100+'px';ifr.style.border='none';ifr.src='http://likeomatic.heroku.com/i';ifr.scrolling='no';ifr.frameborder=0;document.getElementsByTagName('body')[0].appendChild(ifr);}catch(e){}})();
12. CategoryTagBlogThis!
13. XRAY
Heres for instructions XRAY

MRI Heres bro MRI

14. Drag this Microformats script
javascript: (function(){function%20l(u,i,t,b){var%20d=document;if(!d.getElementById(i)){var s=d.createElement('script');s.src=u;s.id=i;d.body.appendChild(s)}s=setInterval(function(){u=0;try{u=t.call()}catch(i){}if(u){clearInterval(s);b.call()}},200)}l('http://leftlogic.com/js/microformats.js','MF_loader',function(){return!!(typeof MicroformatsBookmarklet=='function')}, function(){MicroformatsBookmarklet()})})();
15. Readability
Bookmark simpel guna memberikan kenyamanan dalam membaca artikel, dengan 5 gaya dan feature yg gaya punya.
16. Nah masuk kemari guna mendapatkan bookmarklets yg berguna
Jesse's Bookmarklets
17. subsimple
18. Untuk melihat daleman web/blog.javascript: (function(){var%20s=document.createElement('script');var%20t=new%20Date().getTime();s.setAttribute('type','text/javascript');s.setAttribute('class','ydebug');s.setAttribute('src','http://debug.yaml.de/debugger.js?d='+String(t));document.getElementsByTagName('head')[0].appendChild(s);})();
19. Slayeroffice
Lihat pada sisi kanan web tersebut.
20. Favelets
21. Copy the link to your browser bookmark toolbar, use F5(refresh) to clear the grid.
javascript: (function(){body=document.getElementsByTagName('body').item(0);newElement=document.createElement('canvas');newElement.id='grid';body.appendChild(newElement);var a=document.getElementById('grid');a.style.cssText='left:0;top:'+document.documentElement.scrollTop+'px; z-index:100000; position:absolute;';a.width=window.innerWidth;a.height=window.innerHeight;var b=a.getContext('2d'),c=window.innerWidth,d=window.window.innerHeight;b.font='bold 15px sans-serif';b.strokeStyle='rgba(245, 197, 196, 0.8)';b.beginPath(); for(var e=0;e<c;e+=10){b.moveTo(e,0);b.lineTo(e,c)}for(e=0;e<c;e+=100){b.moveTo(e,0);b.lineTo(e,c);b.fillText(e,e+4,15)}for(var f=0;f<d;f+=100){b.moveTo(0,f);b.lineTo(c,f);b.fillText(f,10,f-4)}for(f=0;f<d;f+=10){b.moveTo(0,f);b.lineTo(c,f)}b.stroke();})()
22. Ini untuk membuat highlight jenis huruf yg kita cari.
    javascript:var%20items=new%20Array();if(document.referrer.indexOf('google')!=-1%20&&document.referrer.indexOf('q=')!=-1){var%20queryTermsRegExp=new%20RegExp('q=([^&]+)');if(queryTermsRegExp.test(document.referrer)){items=RegExp.$1.split('+');}}if(items.length%20==%200){var%20searchWords=prompt('Enter%20one%20or%20more%20words%20to%20highlight:','');items=searchWords.split('%20');}var%20colors=new%20Array('#ffff66','#a0ffff','#99ff99','#ff9999','#ff66ff','#880000','#00aa00','#886800','#004699','#990099');b=document.body.innerHTML;for(var%20i=0;%20i<items.length;%20i++){var%20replacementRegEx=new%20RegExp('('+items[i]+')','gi');b=b.replace(replacementRegEx,'<span%20style=\'background-color:'+colors[i%20%%20colors.length]+';\'>$1</span>');}var%20scrollToRegEx=new%20RegExp('('+items[0]+')','i');b=b.replace(scrollToRegEx,'<span%20id=\'scrollToHilight\'>$1</span>');void(document.body.innerHTML=b);window.scrollTo(0,document.getElementById('scrollToHilight').offsetTop);
23. Decode Encode Bookmark
javascript: (function(src,w,h,i,s){if(this.WebReflectionEncode)return%20this.WebReflectionEncode();function%20p(){s.top=(document.documentElement.scrollTop||(document.body&&document.body.scrollTop)||0)+'px'};try{i=document.createElement('<iframe%20frameborder="0"%20src="'+src+'"></iframe>')}catch(e){i=document.createElement('iframe');i.src=src};s=i.style;s.border='1px%20solid%20black';s.width=w+'px';s.height=h+'px';s.position='absolute';s.right=0;s.zIndex=99999;p();w=setInterval(p,250);(document.body||document.documentElement).appendChild(i);this.WebReflectionEncode=function(){clearInterval(w);i.parentNode.removeChild(i);w=h=s=i=null;this.WebReflectionEncode=null;}})('http://www.3site.eu/encode/',280,320);
24. Looking for image and host via imageshack.us
javascript:t='';for(var%20n=0;n<document.images.length;n++){t+='<a%20href=/%20onclick=\'document.f.url.value=document.images['+n+'].src;document.f.submit();return%20false;\'><img%20border=0%20src='+document.images[n].src+'></a>%20'};if(t!=''){document.write('<html><head><title>ImageShack%C2%AE</title><link%20rel=stylesheet%20href=http://imageshack.us/img/style-def.css%20type=text/css></head><body%20bgcolor=#F7F7F7><table%20border=1%20cellpadding=5%20cellspacing=0%20class=table_decoration%20align=center%20width=760><tr><td><iframe%20src=http://imageshack.us/adsframe2.php%20scrolling=no%20allowtransparency=true%20frameborder=0%20width=700%20height=300><a%20href=http://www.getfirefox.com>Get%20FireFox!</a></iframe><p>ImageShack%20has%20found%20the%20following%20images%20on%20this%20page.</p><p>Click%20on%20any%20image%20to%20host%20it%20on%20ImageShack,%20or%20press%20the%20back%20button%20to%20return%20to%20the%20previous%20page.</p><form%20name=f%20action=http://imageshack.us/transload.php%20method=post><input%20type=hidden%20name=url></form>'+t+'</td></tr></table></body></html>');void(document.close())}else{alert('There%20are%20no%20images%20to%20host%20on%20this%20page.')}
25. Untuk melihat gambar pada satu halaman.
javascript:Ai7Mg6P='';for%20(i7M1bQz=0;i7M1bQz<document.images.length;i7M1bQz++){Ai7Mg6P+='<img%20src='+document.images[i7M1bQz].src+'><br>'};if(Ai7Mg6P!=''){document.write('<center>'+Ai7Mg6P+'</center>');void(document.close())}else{alert('No%20images!')}
26. Drag this bookmarklet to your bookmarks bar or a tab and start having some fun on other pages too!
27. Untuk melihat ada tidaknya link del.icio.us
javascript:var res = null; var ok_title = new RegExp('^del\.?icio\.?us links'); var ok_type = 'text/html';varres_css = 'padding-bottom:15px;'; var content_txt = 'This person\'s del.icio.us links can be seen at ';var content_css = 'margin-bottom:10px;border:1px solid #ccc;padding:5px;background-color:beige;';var doc = document;var list = doc.getElementsByTagName('link');var body = doc.getElementsByTagName('body')[0];for (var i = 0; i < list.length; i++) {var link = list[i]; if ((link.type == ok_type) &amp;&amp;(ok_title.test(link.title))) {var regexp_del = new RegExp('^(http:\/\/del\.icio\.us)\/(.*)$');var url_rss = link.href.replace(regexp_del,'$1/rss/$2');var html = doc.createElement('a');html.setAttribute('href',link.href);html.appendChild(doc.createTextNode(link.href)); rss = doc.createElement('a');rss.setAttribute('href',url_rss); res = doc.createElement('div'); res.setAttribute('style',res_css); var content = doc.createElement('div');content.setAttribute('style',content_css);rss.appendChild(doc.createTextNode('rss'));content.appendChild(doc.createTextNode(content_txt));content.appendChild(html);content.appendChild(doc.createTextNode(' ('));content.appendChild(rss);content.appendChild(doc.createTextNode(')')); res.appendChild(content); break;}} if (res) { void(doc.body.insertBefore(res,doc.body.firstChild)); } else {alert('no del.icio.us links'); }
28. Trunk.ly
Dunia sekarang lebih sosial. Kami berbagi, kita suka, kita tweet, retweet, link dan umumnya pertukaran informasi di web sosial. Tapi bagaimana kita melacak hal-hal yang kamu suka? Trunk.ly menangani untuk kita. Dengan menghubungkan ke jaringan sosial kita, Trunk.ly memantau dan mengumpulkan link yang kita temukan menarik di web sosial. Lebih penting lagi, indeks halaman web ini link menuju dan membangun sebuah mesin pencari pribadi, jadi anda tidak perlu tag atau menggambarkan link lagi, kita hanya mencari dan Trunk.ly akan menemukan lagi bagi kita. Kami telah dalam versi beta tertutup, tetapi terbuka dalam menanggapi pengumuman lezat, masih ada BANYAK yang harus dilakukan dan kami akan senang mendengar dari Anda sebagai kita bekerja untuk membangun sesuatu yang hebat.
29. CoffeeTable, v0.1.1
Drag this to your bookmarks toolbar for a bookmarklet that will load CoffeeScript onto whatever page you happen to be on:

CoffeeTable

30. Flexible Nav
Fleksibel Nav adalah library jQuery kecil yang menambahkan bar navigasi cerdas di sebelah kanan halaman. Ini meningkatkan navigasi halaman web dan membantu untuk memvisualisasikan bagian yang berbeda dari sebuah dokumen, artikel,...setiap halaman web.

FlexibleNav bookmarklet

31. WhatFont
32. X-Ray Goggles.
33. Font­Friend
34. See you :-h

LOOK IN MODE MOBILE OKAY!!!
Be a creatif, build your blog with your style GAYA \m/