Memperkenalkan TBZ-Bookmarking Widget

Berikut Cara Memasang Widget TBZ-Bookmarking

1. Login ke akun Blogger anda

2. Plih Layout > Edit HTML, lalu centang Expand Widget Template

3. Cari kode </head>, lalu paste kode berikut di atasnya:

<style>
.tbzbookmark {
background:#FFF !important;
width:310px; /* lebar kotak */
text-align:center;
text-transform:none;
border:1px solid #DDD; /* warna border kotak */
-moz-border-radius:5px;
padding:10px;
}
.tbzbookmark img {
margin-top:5px;
opacity:.4;
-moz-opacity:.4;
filter:alpha(opacity=40);
}
.tbzbookmark img:hover {
opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);
}
.sharemessage {
color:#666; /* warna judul */
font:Arial, Helvetica, sans-serif;
font-size:13px; /* ukuran huruf judul */
font-weight:bold;
margin-bottom:5px;
padding-bottom:2px;
border-bottom: 1px solid #CCC; /* warna border bawah judul */
}
.tbzcredit {
font-size:9px;
text-align:right;
}
.tbzcredit a {
text-decoration:none;
}
.tbzcredit a:hover {
text-decoration:underline;
}
</style>
<script src='http://z-sbookmark.googlecode.com/files/Z-Bookmarking.js' type='text/javascript'/>

4. Selanjunya, cari kode <div class='post-footer'> atau <p class='post-footer-line post-footer-line-1'>. Kalau sudah, paste kode berikut di atasnya:

<div class="tbzbookmark">
<div class="sharemessage">
<div expr:id='"sbtxt"+data:post.id'>Share this post!</div>
<script type='text/javascript'>showsbtext("sbtxt" + "<data:post.id/>",0)</script>
</div>

<div id='row1'>
<a expr:href='"http://www.facebook.com/share.php?u="+ data:post.url + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",1);"' rel='nofollow' target='_blank' title='Facebook'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPsP3kOhBWRuarCiKx6wuSX823oDbRIdYxU0aJK7GJKvl7sQo_rMqq3ew68e03FyuHBCiCKxgycOdOzykmrKCHPIKRJ3nlVN4DThktHVSHhfUtuQ2AK4meWrStAtiQuWrRKY2JsqK8GH8/s400/facebook.png'/></a>

<a expr:href='"http://del.icio.us/post?url="+ data:post.url + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",2);"' rel='nofollow' target='_blank' title='Delicious'><img alt='Delicious' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhXqw8Oeh2juQ3eCPCYAmZaJMX_CTrp2G8GxVgdoz3pSlbKIm1uFIF8vy4ZQK7jUNRrrcCncQPYtEn-OaOraNq_1KrlTvceQ2iinWDX2fBhS9m6NDaCcOEtMKRhtw2PLT-GZP4vJTAlmk/s400/Delicious.png'/></a>

<a expr:href='"http://digg.com/submit?phase=2&url="+ data:post.url + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",3);"' rel='nofollow' target='_blank' title='Digg!'><img alt='Digg!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik16bpDSLPKGQetRKUNImKJkK6vka2Hlss3QNlV8x8CNObclEN2HDOSPxgkqEWm9ek9BsdszLtHU_25iwvWRG6CkkCS-PLC9Fb7xeeKXpAu4td_Bew-l_w_VYs9SkBUez4-V9ovj9td3M/s400/Digg.png'/></a>

<a expr:href='"http://twitter.com/home?status=Currently reading: " + data:blog.title + " - " + data:post.url + ". What about you?"' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",4);"' rel='nofollow' target='_blank' title='Twitter'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7AAiyPjkfSCEGGskYnRPQxYhgx_QNA6xpSNIc32wvXXHTOmm7iaWC3svuMsuB7T_4OEQPyGNgkIHx8GflrvihHfbcbRc03DfZTTLTLUG3OPl9gIhk3Zw0cL4WV7nKUD5PpFdpjN_Latg/s400/Twitter.png'/></a>

<a expr:href='"http://www.linkedin.com/shareArticle?mini=true&url="+ data:post.url + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",5);"' rel='nofollow' target='_blank' title='Linkedin'><img alt='Linkedin' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAeIe_Qpp6EjLo8i9TnEtx8WvYTCt6lIduJqVy6qcoMK7QMgOGuje45aWKfuEPBslBrjMyHCRRsk-qy2ClfUrEG3EcXxDjV7Bvck_fuh9WRdTnynrGhF_6ND0yaSbnbJ4RztryvcSzgYQ/s400/Linkedin.png'/></a>

<a expr:href='"http://www.stumbleupon.com/submit?url="+ data:post.url + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",6);"' rel='nofollow' target='_blank' title='StumbleUpon'><img alt='StumbleUpon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJPOkc-BRMCOxBTeBAPpOoyyb9wFMPlpEvZQjm4i4Dj6y-T-jlE3DhLAW8fUZPN9CIhHSV2fndm9IC1A0X8XH3a-W9_P3_Hqnm5UAJ8qfKQ19mvqrRSIISy1W3HxANH3BWgvQAbjdZXmM/s400/Stumbleupon.png'/></a>
</div>

<div id='row2'>
<a expr:href='"http://technorati.com/faves?add="+ data:post.url + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",7);"' rel='nofollow' target='_blank' title='Technorati'><img alt='Technorati' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBUWYbK03KWjxHFvqHAJH58citYNsmiL6eYZHl5bK7lJwc40Oh-pM5Z2VLdlkQ4AS5XveoOTLo127OsFdXE6RL0gLmK38LUBiejJW-amZV-4COB_qfayW2E6QqglfduYBEFZJatFnjWLs/s400/Technorati.png'/></a>

<a expr:href='"http://www.google.com/bookmarks/mark?op=add&bkmk="+ data:post.url + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",8);"' rel='nofollow' target='_blank' title='Google Bookmarks'><img alt='Google Bookmarks' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyVM4GnwvTqIoWYp6wnsJfnr_DzU6ZPLIbkRPLC1S0Ai6GLgce8LgflvW8I7pwiR_RMzO6NMo5VZiAUwG0iHGxLsOAVyz5U76TRcRZOpx6hc-7j8gHgiYeHQkY_crrDkAW7BAsJa6dEKQ/s400/Google.png'/></a>

<a expr:href='"http://www.mixx.com/submit?page_url=" + data:post.url' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",9);"' rel='nofollow' target='_blank' title='Mixx'><img alt='Mixx' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0NjzyrPGl7VdF7r-oNnieFYtPan-2QGBonewMuRg5Jpv7GP-WHVopKzywtQLTMV9-c-2RAQGaNkDON0SJYNyXyakYx_vZHF9YiszvzGKy9Amni1J-1oqgVhEFE2ZK5wCPoNaVXn-2eOg/s400/mixx.png'/></a>

<a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?u=" + data:post.url + "&=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",10);"' target='_blank' title='Yahoo!'><img alt='Yahoo!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTJAl_RZWUEYzwknlo4NOSgHGk30qdoeT89nq7QGX1SIV6bTOfw1UoeH2EbkOTU3HroRofwtMHwemDi9Me5HKhtLt5HKjh_W8II-ULtB-54UMSY26UHfDos7FUaI6GwCMkZ57deHADZEM/s400/Yahoo.png'/></a>

<a expr:href='"http://www.newsvine.com/_tools/seed&save?u="+ data:post.url + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",11);"' rel='nofollow' target='_blank' title='Newsvine'><img alt='Newsvine' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQK6p46kMCtfBN0Llv4_EZSeXnnm6PNMxL9-9B_AbkI_gI8z-02NiVYNzXVDpSUdrCj5mM2gpks0_TYrPkc1LD5uCji_xfj3j5oEek6zrlWVlU2Aoi400YvSbkWYEjCbW3HO_6JRce9fU/s400/newsvine.png'/></a>

<a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",12);"' target='_blank' title='Reddit'><img alt='Reddit' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsHAmFuE68vok_-ANinwWvmkA9G0kwLQM5ve5hH29KhD8sEDPYXbFT0nIyN8IEDT3GFQCn7d9Qc5IPI9g5pMoy3nsyip-BcalYi-inuF6LuM0EFxljaGyH9P-OymKBaqgvIi_6yVnIvU0/s400/Reddit.png'/></a>
</div><div class="tbzcredit"><a href="http://tipsbloggerzacky.blogspot.com/2010/01/memperkenalkan-tbz-bookmarking-widget.html" target="_blank">Get this widget!</a></div>
</div>

Untuk yang ada read more, anda tinggal masukkan kode di atas ke dalam kode berikut:

<b:if cond='data:blog.pageType == "item"'>

</b:if>

5. Terakhir, klik Save Template.

note: Tolong jangan hapus credit yang ada dibawah widget.

Untuk demonya bisa anda lihat di bawah postingan ini.

Selamat mencoba...