Selasa, 21 Juni 2011

Permalink Vs Bookmark

permalink-vs-bookmarkSekarang Beben Koben si Bloglang anu ganteng kalem tea akan berbagi tips dan trik mengenai permalink. Mungkin jika sobat mengenal permalink yang ada didalam blogspot akan bisa berkreasi dengan skill sobat masing² ;)
Singkat cerita definisi permalink yaitu sebuah link tetap yang mana tidak akan berubah walau dimakan waktu (link permanent) Sebagai contoh permalink yang ada pada blogspot (ada banyak)
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>

<a expr:href='data: post.link' expr:title='data: post.title'>
<data: post.title/>
</a>
Kayak ngono contone :D Hitung saja sama agan ada berapa permalink di blogspot ;)) :"> Kreasi perma-link yg diterapkan biasanya kebanyakan digunakan pada Tombol Share. Ex kode permalink for share Click expand here

<a expr:href='"http://twitter.com/home/?status=" + data:post.title + data:post.url' title='Share on Twitter!'>
Twitt This
</a>

<a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&amp;title=" + data:post.title' title='Share on StumbleUpon'>
StumbleUpon
</a>

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

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

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

<a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&amp;t=" + data:post.title' title='Share on Facebook.'>
Facebook
</a>


So...bagaimana, ternyata mengasyikan jika bisa bermain dengan syntax link kan! Mari kita lebih asyik lagi bagaimana membuat sebuah syntax-link menjadi satu syntax-link bookmark :D
Memang jalan tercepat membuat book-mark tak ayal dengan teknik press on keyboard Ctrl + D (mozilla browse)

Tapi bagaimana jika kita mau menjadikan sebuah URL, dan ketika diklik langsung mengarah pada fasilitas New Bookmark browse kepunyaan sobat :-" Cocok buat link blog pribadi yang dianggap keren dibagikan ke para pelancong :)) Masukan script jQuery plugin berikut diatas tag </body>

<script type='text/javascript'>
/*
* jqBookmark - a jquery Bookmark script
*
* LICENSE
*
* This source file is subject to the new BSD license that is bundled
* with this package in the file license.txt.
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to calisza@gmail.com so we can send you a copy immediately.
*
*/
//<![CDATA[
$(document).ready(function(){
// add a "rel" attrib if Opera 7+
if(window.opera) {
if ($("a.jqbookmark").attr("rel") != ""){
$("a.jqbookmark").attr("rel","sidebar");
}
}

$("a.jqbookmark").click(function(event){
event.preventDefault();
var url = this.href;
var title = this.title;

if (window.sidebar) { // Mozilla Firefox Bookmark
window.sidebar.addPanel(title, url,"");
} else if( window.external ) { // IE Favorite
window.external.AddFavorite( url, title);
} else if(window.opera) { // Opera 7+
return false; // do nothing
} else {
alert('Unfortunately, this browser does not support the requested action,'
+ ' please bookmark this page manually.');
}

});
});
//]]>
</script>
Pemakaian sobat hanya tinggal memasukan atribut class="jqbookmark" kedalam syntaxlink.<a href="http://beben-koben.blogspot.com/" title="The Great Blog" class="jqbookmark">Prodigy of Head</a>
Happy syntax \m/

Tidak ada komentar:

Posting Komentar