Memasang Social Bookmark Button #01

Jangan lupa bookmark entri ini untuk kesenangan bersama, paling kurang pun twit je kat Twiiter.

Masih ramai dikalangan kita tak tahu apa itu social bookmark bukan? Sebenarnya social bookmark ni berguna untuk pengguna internet untuk menyimpan, menyusun, mencari dan mengawal bookmark di internet dengan bantuan metadata. Pada masa sekarang ramai pembangun web social bookmark menggunakan alamat feed untuk mengklafikasikan bookmark, termasuk yang telah disusun dengan tag.

Antara kebaikan yang diperoleh adalah trafik blog kita boleh meningkat secara mendadak bergantung kepada kualiti entri kamu. Walaubagaimana pun masih terdapat kelemahan bagi mereka yang mempunyai blog berbahasa bukan inggeris, percaya atau tidak peluang untuk blog berbahasa inggeris lebih cerah. Alternatifnya kita terpaksa bergantung kepada web Negaraku.net dan Digg.com.my sajalah kot!

Memasang Social Bookmark Button #01

01. Pilih Template > Edit Html (tick pada Expand Widget Template).

02. Cari kod ini :

]]></b:skin>

03. Tambahkan kod ini di atasnya.

.social-bookmark-v1 {

padding-top: 3px;

}
.social-bookmark-v1 .label {

font-weight: bold;

}
.social-bookmark-v1 ul.links {

margin:0;
padding:0;

}
.social-bookmark-v1 ul.links li {

background: none;
display:inline;
list-style-type:none;
padding: 0;

}
.social-bookmark-v1 ul.links li img {

border: none;
filter:alpha(opacity=50);
-moz-opacity:.50;
opacity:.50;
padding: 3px;

}
.social-bookmark-v1 ul.links li img:hover {

filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;

}
.social-bookmark-v1 ul.links li a {

border: none;
text-decoration: none;

}

04. Cari kod ini :

<div class='post-footer-line post-footer-line-3'>

05. Tambahkan kod ini di bawahnya.

<div class='social-bookmark-v1'>

<div class='label'>Bookmark and share: </div>
<ul class='links'>

<li class='social_links_negaraku'>

<a class='social_links_negaraku' expr:href='&quot;http://negaraku.net/submit.php?url=&quot; + data:post.url + &quot;&amp;amp;amp;amp;title=&quot; + data:post.title' rel='nofollow' title='Bookmark this post on negaraku.net.'>

<img alt='Negaraku' src='http://tinyurl.com/cdjfcu'/>

</a>

</li>
<li class='social_links_digg'>

<a class='social_links_digg' expr:href='&quot;http://digg.com/submit?phase=2&amp;amp;amp;amp;url=&quot; + data:post.url + &quot;&amp;amp;amp;amp;title=&quot; + data:post.title' rel='nofollow' title='Digg this post on digg.com.'>

<img alt='Digg' src='http://tinyurl.com/d3wazp'/>

</a>

</li>
<li class='social_links_stumbleupon'>

<a class='social_links_stumbleupon' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;amp;amp;amp;title=&quot; + data:post.title' rel='nofollow' title='Bookmark this post on StumbleUpon.'>

<img alt='StumbleUpon' src='http://tinyurl.com/cxc5au'/>

</a>

</li>
<li class='social_links_delicious'>

<a class='social_links_delicious' expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;amp;amp;amp;title=&quot; + data:post.title' rel='nofollow' title='Bookmark this post on del.icio.us.'>

<img alt='Delicious' src='http://tinyurl.com/cqoy6x'/>

</a>

</li>
<li class='social_links_reddit'>

<a class='social_links_reddit' expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;amp;amp;amp;title=&quot; + data:post.title' rel='nofollow' title='Submit this post on reddit.com.'>

<img alt='Reddit' src='http://tinyurl.com/cgpppu'/>
</a>

</li>
<li class='social_links_newsvine'>

<a class='social_links_newsvine' expr:href='&quot;http://www.newsvine.com/_tools/seed&amp;amp;amp;amp;save?u=&quot; + data:post.url + &quot;&amp;amp;amp;amp;h=&quot; + data:post.title' rel='nofollow' title='Submit this post on newsvine.com.'>

<img alt='Newsvine' src='http://tinyurl.com/djn4ph'/>

</a>

</li>
<li class='social_links_facebook'>

<a class='social_links_facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;amp;amp;amp;t=&quot; + data:post.title' rel='nofollow' title='Share on Facebook.'>
<img alt='Facebook' src='http://tinyurl.com/crhurk'/>

</a>

</li>
<li class='social_links_google'>

<a class='social_links_google' expr:href='&quot;http://www.google.com/bookmarks/mark?op=add&amp;amp;amp;amp;bkmk=&quot; + data:post.url + &quot;&amp;amp;amp;amp;title=&quot; + data:post.title' rel='nofollow' title='Bookmark this post on Google.'>

<img alt='Google' src='http://tinyurl.com/ca6aal'/>

</a>

</li>
<li class='social_links_yahoo'>

<a class='social_links_yahoo' expr:href='&quot;http://myweb2.search.yahoo.com/myresults/bookmarklet?u=&quot; + data:post.url + &quot;&amp;amp;amp;amp;t=&quot; + data:post.title' rel='nofollow' title='Bookmark this post on Yahoo.'>

<img alt='Yahoo' src='http://tinyurl.com/d9s2mr'/>

</a>

</li>
<li class='social_links_technorati'>

<a class='social_links_technorati' expr:href='&quot;http://technorati.com/cosmos/search.html?url=&quot;+data:post.url' rel='nofollow' title='Search Technorati for links to this post.'>

<img alt='Technorati' src='http://tinyurl.com/cno3dq'/>

</a>

</li>
<li class='social_links_twitter'>

<a class='social_links_twitter' expr:href='&quot; http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Twit this.'>

<img alt='Twitter' src='http://tinyurl.com/dzlvd5'/>

</a>

</li>

</ul>

</div>

06. Pilih Save.

Untuk versi 1 aku berikan social bookmark yang klasik dulu, nantikan entri aku seterusnya untuk dapatkan social bookmark yang terbaru oke. Terdapat beratus-ratus web social bookmark seluruh negara, untuk tidak terlalu serabut aku pilih 10 web social bookmark pilihan ramai dulu untuk mengelakkan pembaziran ruang. Jika ada tambahan web social bookmark lain boleh nyatakan diruang komen.