Sebelum kita memasang ikon sharing widget ini ada baiknya anda back up template terlebih dahulu untuk jaga-jaga kalau ada kesalahan pemasangan
- Login di Blogger
- Masuk ke Template > Edit Html
- Centang pada Expand Widget Templates
- Cari kode ]]></b:skin>
- Copy kode dibawah ini dan paste tepat dibawah kode ]]></b:skin>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$('a.nudge, .#Label2 ul li a').hover(function() { //mouse in
$(this).animate({ marginLeft: '12px' }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});
</script><!-- end LinkNudging --><!-- end LinkNudging -->
- Gunakan CTRL+F kemudian cari kode <b:if cond='data:post.hasJumpLink'> setelah ketemu kemudian diatas kode tersebut akan ada kode <div style='clear: both;'/> <!-- clear for photos floats --></div>
- Copy code dibawah ini dan paste tepat diatas kode <div style='clear: both;'/> <!-- clear for photos floats --></div>
<br/>
<b:if cond='data:blog.pageType == "item"'><b>Share it to your friends..!</b><br />
<br />
<table border='0'>
<tr> <td><script type='text/javascript'>
window.___gcfg = {lang: 'en'};
(function()
{var po = document.createElement("script");
po.type = "text/javascript"; po.async = true;po.src = "https://apis.google.com/js/plusone.js";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(po, s);
})();</script><g:plusone size="standard"></g:plusone></td>
<td><div class='bookmarks'>
<a class='nudge' expr:href='" http://www.facebook.com/sharer.php?u=" + data:post.url + "&amp;title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Share to Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgOW8s2Z4plOqyucqAPaJJI_JVnNE6S2svLhv0Sq9BsqoBbUKHJWc4SVmEunirJTeoVy5-nr4zWeDS93VicG0unhfplgfQOMPnsFEVwdRE6ToJ0UjZmaQft1lekVF485WJx3XZnIQmeVQ/s1600/facebook.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Share to Facebook'/></a>
<a class='nudge' expr:href='"https://twitter.com/intent/tweet?text=" + data:post.title + "&amp;url=" + data:post.url ' rel='nofollow' target='_blank'><img alt='Share this post on twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZyK8pAq6fidoT0vNcu5Fq0iZKoqzcnwyfyKpt0PuYatAAyb1rWO-QIPb8TkC13RgeQSC_JLM-gol3v-ruZGhBcpwvfLowvskJBloB-w3HLhyphenhyphenrx7RukV4tb5VOXhH6yoDCuSbQuh_IX2I/s1600/twitter.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Share this post on twitter'/></a>
<a class='nudge' expr:href='"http://del.icio.us/post?url=" + data:post.url + "&amp;title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Bookmark Delicious' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcHX0dTNaAixsIjMiY0YmdBxi9EfAzcjQCmgEK7_X4d93EYtok3LxFz0HtHjYkdojwbqjTIMmcYeG10esH_5_5nzpJ0UgTbKerIIFNSx_WWqPMc40U3OBHkpr7r5L2mf3hJZIeeXTH_N8/s1600/delicious.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Bookmark on Delicious'/></a>
<a class='nudge' expr:href='" http://digg.com/submit?url=" + data:post.url + "&amp;title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Digg This' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhohTrqPakL28J8ig2EyQlaFSczO0IA5zyeVeV2BKcRrqU00BPK0JgqDaKmLWgSY06-CgokIr3XPqpnjvm8fsoauYhvV7z8xmBsQGdDS19slR0IbrhDmFJ3dJZE9hTZbY1RyVpk-ErPVgw/s1600/digg.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Digg This'/></a>
<a class='nudge' expr:href='" http://www.stumbleupon.com/submit?url=" + data:post.url + "&amp;title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Stumbleupon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcyrYFF8TzWxh_wlaaup-oU6Jl5Vv6K5H6BDWwqpfyTb7B0buW0pspnuVWcb7B4LIO9cGDJXOAvaFv807Ub70LcG1wpFReqWKUMe-H12uk9-JiczDxac6OP9zbTypAJ4BTmfXFlFWfm24/s1600/stumbleupon.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Stumble This'/></a>
<a class='nudge' expr:href='" http://reddit.com/submit?url=" + data:post.url + "&amp;title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Reddit' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFH02CWd2W0rEUMmigRWkYyoE2doNJIMazGJnVg4JWy8Q5tKbV_IIWk3_gMTU-2-rJh5Y6vXeYqXFY6CWumPqbovMrFV-2vM8lVMtIFnt03601Iwakm1IhEePPyF3DYgcHXJmclPfEfSE/s1600/reddit.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Share to Reddit'/></a>
<a class='nudge' expr:href='" http://myweb2.search.yahoo.com/myresults/bookmarklet?u=" + data:post.url + "&amp;title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Yahoo Bookmark' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUAEa8TPE36Yn0He0xSkDIlWid6bGiZye-UId3jnQPbz7kFLbiHZsQ-xQDEorRSpfBC_eLDnIB6WUy_pLjKadpaJoBVSnUmY_lRh3_cUM4XkWDR-Xe_2IHCzq23z2BAfxQOe9Y_Y8phks/s1600/yahoo.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Add to Yahoo Bookmark'/></a>
<a class='nudge' expr:href='" http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&amp;title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Furl-Diigo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFjR_5idrRsRgQHdpRSLOE2t4MJeMe9Nb0pD5xsF-O7IjJUcdx7TmsJdH01ZXZWKUXAtxq2F8F3O5M4-MlYP1sCJtr88lBSFdVMW6i1HtauWzml27pf7fsi-ymm9F_5-TU68DFKAmb8hY/s1600/furl.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Send to Furl/Diigo'/></a>
<a class='nudge' expr:href='" http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=" + data:post.url + "&amp;title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Google Bookmark' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgupEU69zZ7KcUqrEKIEI_QX4-tEuz5MsStSNRJw9z5Ch_BwI8I3TIbgkkk18eftbfhT4BoI6_YVYddN-O2O2ERx-qKqFRv_4pAo5Ui95ixjDUb4Kry4WGBHIvtS0iYfbaWYXr-z9lK5yQ/s1600/google.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Add to Google Bookmark'/></a>
<a class='nudge' expr:href='" http://technorati.com/faves?add=" + data:post.url + "&amp;title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Technorati' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeZYjsXvOaniC0Oj-KrmyJCIRO2wBqi8PpQCiaDjMZl9E0WzezOmki-EYFgTYsAcYXlPVGOID9-I9m1iGSreTHO0VTnJN4FKMjJlkh0FBWxNakWRQdqZJUSmXnTxrDf3W8a9eHTVr0CEE/s1600/technorati.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Add to Technorati'/></a>
<a class='nudge' expr:href='" http://www.newsvine.com/_tools/seed&amp;save?u=" + data:post.url + "&amp;title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Newsvine' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHhyphenhyphenHdySYZywMhz81CBxCwVYayHMWWh7RSoCoip0O7HwIQZduJpltlmU2StDEkDZHzgnEnfWfR_gVgvwKOBUp_uyIv4nmmA-Djo0SbpiD76cHgXhTYHeyKSURPSllCXGzd0Jr1PBNQf3c/s1600/newsvine.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Save to Newsvine'/></a>
<a class='nudge' href='http://bloggerpeer.blogspot.com' target='_blank'><img alt='Tips Triks Blogger, Tutorial SEO, Info' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLi3kbba5JvlfPRha6TzWY5SlHEb89lCMed18sxi2BylNyOMWlxcKJ1m6Hz1CrivjU4Z0ElP3wgmzF5WQElJiVb_sFU1m5qzqmBtguY6LxUsg_zE4M5FpTLUOWxvEXNBD28Elov3dMsLo/s1600/blogger-peer.gif' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;'/></a></div>
</td></tr>
</table>
</b:if>
- Terakhir simpan template
CARANYA: Jangan memasang kode script yang dibawah kode ]]></b:skin> atau skip saja kode itu, kemudian lanjutkan dengan kode yang kedua dan terakhir simpan template.
