
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/AVvXsEijEiKY9C0K0UTPCa6EQ59jess8E99BAiyccqOVAuja4G6Bs1xEoG-TtYFK_6QeujoISGNkux9XoQxkT_YRuHdTgw6BCPeMogvW0FFRqNlYGB2-9qSFpnn4GzZ89zwJOx2yOkYFvPwPbqc/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/AVvXsEjehwmRn7mqidmThY_1mOS_VlhA10c-VDRkFi-LutQsy8tGUg66dEZdaYbN4G_5pUxmJlxFD5leGEGQWQ_Vw328kK_RZqBS8ei_8htY7_8HlWLdPoslcm1V-__NdWiJ9YyurkmkAFMvLWo/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/AVvXsEgYACgODtZi8OjOsf58_QdEBdinGGE0oa1GEKoT-cW7yHs1W1qATEybtRrdhSWrRWtj66wWXy6jSKVW7-6s90ef2fME4ehlynaZfSSSwEHTJIc8QueuXci1GkpczsNrMUet1d56BqtBcfw/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/AVvXsEi_lM5AHPDn4E5A3a6OryVW-cC9RYmUwTE94qZUwoMAJ-j4JjGG8v3BN4wIOSvHTsfoP3oHNDihy1viOObIn-LAI00tlqNZz9GjhZUgF4nO0LaVI-oo_1w7KGOsPmi1If_E2QqvA3feNok/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/AVvXsEiZL6gb-0Axs3ZzudPgfL2z9wa7766OpK8wboB6UAy4MwWUVVRCAu4w-UOQnJ51hz_RBxKkJhkxz6dVah-Kro_vbSEB1y0pdgc8EN7-oAHIerW9qfsO_IUZvSkn2Nm-jX65VpvdPfHDX3U/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/AVvXsEgd7pJZ0f_dM4Sw-arHaCNO24GVWIwNkYb4zpnEIjzRnBFWZG16i0XdY2jktaxkX_1tAXsgSlrm5agdF8NbH_c3bvcBKI_CFEBZnC3XjqQ26wqym93GLarcAFVrWk9_h9X18y3w9NegDEk/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/AVvXsEiS-DUnO7ZCbhUdZNqTNDPKt2RBSacJIxNgos0os-S9o4mnMRDSy-MRWLBJmzR6I8Mtxb5SWee2IRUoVPv4HMd7GnrNjAW0t8uVuRMkd2teEFBH1EnQe47yqYh6a26RaBPTRFSQnLXzxmY/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/AVvXsEgYK0lnrSzC7GYFyKTKYKPcW-FfglfwIiG8909QJWbyCBSH1ePvhUBqhp_-xZ07ZPhJrTk96cPa3VvatLjGnAd_eV-6mHJrsy9BJhVqBLQYiJQaMIHJbE-uEprs52Pkwd2tgtRbmywUy8o/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/AVvXsEgvZms4WdmjtGToOW5aAnpAA8uUs2DdFeaWaQB3M13Qp-ero0GJ_ZuTXUSkUvpfKvqGES5wOKeHPQtDhCH55joZ5dNn3WMJr6T5MLKBnqwln3LBKrQYogjN94BvvfzHUU62LYhr_XbNoK0/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/AVvXsEij_onBqYaXLANvApFYZ_6F5Ft06K_jZWkAlsIaX3_orotL6Vvp_YChHu_wZf-kcERhwREixCVXneGi3tevv0yrUn45rkq4Sg7S5TVcL6_YjdMPCEBCgjHGrOjVPCNIxBD6g8h_ndq4Qi4/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/AVvXsEglWWNA-UEt4VQQWY0oMzlqRL-VRukXvO_DQAR-q7RnsG9QDCsFx5AOiaNMe4OAveaM0Kj_spMoXDDRcGoZdWSYjbaSUYm1RaggMq9p0NQhjAOQ6apzQkpii0IDVzogZaJ_DKanBwhPtTk/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/AVvXsEincq7GKi-f0QE-sAZoK4tVslDVMxr_CspfbCaoddlMx6QCyQxJ2Z1OQDB0P-V3BCM7A56NVoNspB7_9jlYCy-BPAanopY0B1yWCkipoOPSAt7-DhprbYgZp6kmJqr4jmYkpGB3qXdNStM/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.
17 comments
Add commentsabout "Cara Buat Tombol Share Dengan Efek jQuery Nudging"