Sebelum kita memasang Bookmark widget mestinya qt sudah tau donk manfaatnya apa? jika agaan2 ada yang belum tau silahkan singgah DISINI. Nah sekarang mari kita ulas sedikit2 cara memasang widgetnya....
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:
<!-- epho-Bookmark by http://epho28.blogspot.com START -->
<style>
.ephobookmark {
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;
}
.ephobookmark img {
margin-top:5px;
opacity:.4;
-moz-opacity:.4;
filter:alpha(opacity=40);
}
.ephobookmark 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 */
}
.ephocredit {
font-size:9px;
text-align:right;
}
.ephocredit a {
text-decoration:none;
}
.ephocredit a:hover {
text-decoration:underline;
}
</style>
<script src='http://z-sbookmark.googlecode.com/files/Z-Bookmarking.js' type='text/javascript'/>
<!-- epho-Bookmark by http://epho28.blogspot.com END -->
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:
<data:post.body/>
<div class='ephobookmark'>
<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/AVvXsEj4poTDignS_EFQK6OMpWILDQRrVNmeGHm1yjaq6Eg-e0KC4V6t4u3O7z4xvyrBm-kq2_3xhYx7fNtRzuxUC9EtguYfbpombdKKAzHWOPpKVCE8ZPqQFu1ra7DEBIsdCCi3PTlMRZYcRTQ/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/AVvXsEgVIvrkapmKwZodKSh9_BTFKeNpDvv2wcVc5TUqtsWRxDITpth_aqKlAX11kkgrnNaVjJFP38ZFY0uHkmk1H_PZHJhtjErSwJ7B_qwacfUn62zt3gchE5_EOZlYaOUZLIg48FnhVJ_E710/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/AVvXsEhZuGkY-le8SCu-tXOnMVPvpM3EfvzkNIsjX2O_tvC2rMCqtMaiRYHN6FokaOOaV72kaptNyGNgTlSvGodc3s7aonF2slGv60HvbZ_VxfEhfB-Y_JEP2uslkLR80SF37p3Vsv5us7XLCY0/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/AVvXsEhTwwRwz_6fS3RCd7m1wxViCqSptnQOcHtJ7VHJuA-_P6s5yUe-LQzhsG0sIl4gH_0gGCmAoVv804aGN8jJgUej16YNx500d7fSM7k83DkfvjtTEdM1Ukc407AvT_DFNxqzulgTrOtemL0/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/AVvXsEgLRP-E_jKPzGd51275FuxzVLf2OOc0tvYN-IHwCyfmxrgoJ7kX4pcqEi4vq0XT3MOuRIgcaJLrgCCJznZR_85ppIPxvueEQbhvqeNA6A2YfZz4guDgiRTWfuSEkyQ99tBIv8X3I9oQjpY/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/AVvXsEje12nHqvkDWNS89JkLKvZGmadZN2hzvHPAfvw0nGA_i-Z_U2kSdYsJ-4UpCJ8wRKDgF2hUBRUWF10z0W-NL4HSuuhhmTCD9XpVVV3FKSN8mm_00cdIeZE2H3Hj4Rp7tmm6DKtFlT2g2bg/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/AVvXsEj9s4t9n5S8-PhNfNKWtcIwxCuIoHDdVIL_0WqEw1xr3GEzW_kXXvHIEBtVe1OnrTyZzv3HZUoyJU2EJ9gYp1H9YubseVswPimmiehh2HwGqB_n9DsoL0vBkUyb9e6wYR2YVybz2FnsDXI/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/AVvXsEgf9ezf4Li9jGSQgj34xwSp-vTBPhKzCt_3SkjSkhzqej0Vdd4sBEdOEuis0fsWqKlKa33lf6D-wCGUu1kVxdHz7K7gSe_MEY2nEn5CesaRUt0G-1nmG4TlgJL4alA5H9906bhlaQ4opW8/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/AVvXsEhX0Hu0jDP0ZMEon4HQhRazdTN7fytt4Fgx29zuTZp5JH0hvkJ0UrjEBplLW7RB0_qn7cXfH-3dtpekD3siYVwkhl2zHJO9z2woQ0nnO31MfED1MTwz3rNY5IH5mZdJVgfy7F8jDRYsg9M/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/AVvXsEiU7vFp_1PGYs9CwHnHOpSQJP-TexlEUi4wl-1PywDASvv00Pg3u1tBZzFqzOVvd0ZKNiJZv3pr5gTQqymUD3sjENBl4U-vliq7_2kBtACvE_rQLBnOaZbWediTXJ1HF3uqmhvZJLVHr6M/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/AVvXsEjsKZ4IZOANir_oNFJeJVSXMVMgjE742gOVYH59JWd8L9BkyE5U-uL6v_Z80MG5aWzD75Fq9Y_j2jz7EmhECCj9xyaD-XNCiFwAeD6tU5YJoN-dmhRATfX6i3q6_QMkn3egwTi2e7OjB6I/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/AVvXsEhhtaPcEra9Nsi3zBS-DNG29xSe83cQnlsOWkGq-yW-6rBoEKwWu3jYbuJpp9mdmRy40093zpkAzuOAfA8JzXLkRThyXdwXuBCQHJLzaH4FLuSrrnrGQMUyZYc_xGkfY-lTMgl3DN_fUMg/s400/Reddit.png'/></a>
</div><!-- please don't remove this credit! --><div class='ephocredit'><a href='http://epho28.blogspot.com/2011/09/cara-memasang-widget-bookmark.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"'> <!-- kode no. 4 --> </b:if>5. Terakhir, klik Save Template.
wah, belibet juga ya gan kodenya..jgn sampe ada kode yg ketinggalan nih..hehe..
BalasHapusmohon koreksi gan kali aja ada yg ketinggalan disaku hehe
Hapus@yusa ga ribet2 amat kog gan...hehehe dikoreksi ya gan x ja ada yg kurang.
BalasHapusterimakasih kawan sudah berbagi info dan ilmu :) salam sukses selalu
BalasHapus@BlogS of Hariyanto: sama2 sukses juga wat anda.
BalasHapus