Cara Buat Tombol Share Dengan Efek jQuery Nudging Di Blogger
Blogger, jQuery, Tips dan Trik, Cara Buat Tombol Share Dengan Efek jQuery Nudging Di Blogger
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/AVvXsEjiE9aLtmEoJ455_9VXAK3WK6FiH8FYR33HaWyTY4pTrOsEWJX8w3zFf56AGgj0zQw3G14Iiwtyc2sniK2GbjF3eCS7lJtP0qJQ1xrESBpkS4hTxGrq3nCsqRg0QTP6i2G15ShcNHGMcLE/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/AVvXsEgXN3fEsE6zAKAjELOL5vCGwqgoUilGxDg03JiWNKou_tKzBWEfdg-ZoPzC3gdhVTYVLY-tJ7_yZ1AxidhVj_YQjey1kpeGKZ-gylkJZMgHwn5degkbGYlstFoV1iBA-IwaVCrPtCPz8is/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/AVvXsEgoDn-duvcxc80vV3PiWaYl8tH48lb731QX1vQnTt2QW2saX_rm99BxGNrmpt_PA5COYlZexK-1RZJ3BeiHjAo5Vds4JLD6bXex2kc9zqwyJPyUu4OQLIQwECWSrfhyphenhyphenRTeuSkRh49_mYpk/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/AVvXsEjwEz8dSLrCUZcbKPURhId0q4-4cdUSzhKuQYKh21Fz65aDToi8msOadTAtDsWvO12rH2NbWGXOa3Ry2ctB3XIpqqWoKE5rMEw3DUQMR-zhGMe9aOADuRUCoJ8fWU_fgdy5oUgTLV7y_30/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/AVvXsEiRmt6O8VJt28YaNEbvGx9WVbKrj5y8bpyiBriIq8f2pKzv9HY3X8JFFc2dLD-lc99oIP0heKfo_eVhr_mq9dx_EB08Hhl5J7mvLbzaL_ZMGWOxCVHWXEDmY7qIVxozl_pQOFyfs06-Ua0/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/AVvXsEgUmRwAjKelC_nvjYcBeSXNVPMr3oF5oE96t9ap1WUrRpKuxSplFaey0XbSN8Qk51hmpWc-3iEC8dyw03Ro6u3v32d2bgbj8QOr00r4cPonPSHGkbiAbyV-0NKYtfX5DWHljyWU98mhgZ8/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/AVvXsEjzzN_mUHv8DFX8HGMqXkyffp4X-HzMe3u-zEAkK346XrCbGzRp4N60feA6g9dsjEH5pi9KoOYnjP2Lo1rYMsXluyz3Hlc5fVlohR4kgb6bHaFQRp8xJI7Z009UfzrNLTUoinVyQKN9Eeo/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/AVvXsEjrhlvPDptnrLPmbxI2cCrVwRceO5J37OJ6o9UmgZKOF-G3pbTDP3ZYoiMAP1n5RjaJcmAe0zH5AvPftqrQ6J7YBy6B_F0nwTvlrbKsKzF_hybc1Hy58uF1x0hmX2QgXTezCDG4NF6Zct0/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/AVvXsEhctdeK_RKQZa5UIDmSSVXxRX0SbdKbgvsSegLoGUWCb9nrf94pzWTjW3GCX8wOWBs3kmFe14kOG5P_GiE2HJ57mksCNWagqNcBUjOBSFu_VUtMuJODnlV_Sx0L0Al7V5EBW3O0Fi1j1A8/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/AVvXsEifITkim3p0NVhVIIZ6do9-T3_ZSXtdAt3flm9G_nmmW-VRFcSQyO9RqQp0PxG845o5iZvzFOoQnAoP3p6834zFp33NbAVz5CMtMxP6Z5cB_fuoTeQ1LTt-v4Prg_VKc_dNUsfOzuuRBFM/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/AVvXsEj0TAZsjKGT4map5G9WZnjqhBLcxecgEEbuMG4MUfoPHnbetkPdpM8O911Q8oIOU2-_0XX08mAos-cs5DmeqlIjzJI_0HvLLnuxQxMFdXwwUTBX93ev2hT3quROxAzSOk-ng18YU09WBNQ/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/AVvXsEgVVdNKqYYfYYw97OkzIVEWfDOvQvjeL1rxbLqt0I1qp4cMBqVz-vTyOXupXqBkhuNWNQZoMswFDQ8PAWobsqxsBe_sEOiRknqg4o8xW7orktR5Gt9hF2Sw58FK-fcO1v8nQxHwYM4wGeg/s1600/blogger-peer.gif' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;'/></a></div>
</td></tr>
</table>
</b:if>
<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/AVvXsEjiE9aLtmEoJ455_9VXAK3WK6FiH8FYR33HaWyTY4pTrOsEWJX8w3zFf56AGgj0zQw3G14Iiwtyc2sniK2GbjF3eCS7lJtP0qJQ1xrESBpkS4hTxGrq3nCsqRg0QTP6i2G15ShcNHGMcLE/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/AVvXsEgXN3fEsE6zAKAjELOL5vCGwqgoUilGxDg03JiWNKou_tKzBWEfdg-ZoPzC3gdhVTYVLY-tJ7_yZ1AxidhVj_YQjey1kpeGKZ-gylkJZMgHwn5degkbGYlstFoV1iBA-IwaVCrPtCPz8is/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/AVvXsEgoDn-duvcxc80vV3PiWaYl8tH48lb731QX1vQnTt2QW2saX_rm99BxGNrmpt_PA5COYlZexK-1RZJ3BeiHjAo5Vds4JLD6bXex2kc9zqwyJPyUu4OQLIQwECWSrfhyphenhyphenRTeuSkRh49_mYpk/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/AVvXsEjwEz8dSLrCUZcbKPURhId0q4-4cdUSzhKuQYKh21Fz65aDToi8msOadTAtDsWvO12rH2NbWGXOa3Ry2ctB3XIpqqWoKE5rMEw3DUQMR-zhGMe9aOADuRUCoJ8fWU_fgdy5oUgTLV7y_30/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/AVvXsEiRmt6O8VJt28YaNEbvGx9WVbKrj5y8bpyiBriIq8f2pKzv9HY3X8JFFc2dLD-lc99oIP0heKfo_eVhr_mq9dx_EB08Hhl5J7mvLbzaL_ZMGWOxCVHWXEDmY7qIVxozl_pQOFyfs06-Ua0/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/AVvXsEgUmRwAjKelC_nvjYcBeSXNVPMr3oF5oE96t9ap1WUrRpKuxSplFaey0XbSN8Qk51hmpWc-3iEC8dyw03Ro6u3v32d2bgbj8QOr00r4cPonPSHGkbiAbyV-0NKYtfX5DWHljyWU98mhgZ8/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/AVvXsEjzzN_mUHv8DFX8HGMqXkyffp4X-HzMe3u-zEAkK346XrCbGzRp4N60feA6g9dsjEH5pi9KoOYnjP2Lo1rYMsXluyz3Hlc5fVlohR4kgb6bHaFQRp8xJI7Z009UfzrNLTUoinVyQKN9Eeo/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/AVvXsEjrhlvPDptnrLPmbxI2cCrVwRceO5J37OJ6o9UmgZKOF-G3pbTDP3ZYoiMAP1n5RjaJcmAe0zH5AvPftqrQ6J7YBy6B_F0nwTvlrbKsKzF_hybc1Hy58uF1x0hmX2QgXTezCDG4NF6Zct0/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/AVvXsEhctdeK_RKQZa5UIDmSSVXxRX0SbdKbgvsSegLoGUWCb9nrf94pzWTjW3GCX8wOWBs3kmFe14kOG5P_GiE2HJ57mksCNWagqNcBUjOBSFu_VUtMuJODnlV_Sx0L0Al7V5EBW3O0Fi1j1A8/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/AVvXsEifITkim3p0NVhVIIZ6do9-T3_ZSXtdAt3flm9G_nmmW-VRFcSQyO9RqQp0PxG845o5iZvzFOoQnAoP3p6834zFp33NbAVz5CMtMxP6Z5cB_fuoTeQ1LTt-v4Prg_VKc_dNUsfOzuuRBFM/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/AVvXsEj0TAZsjKGT4map5G9WZnjqhBLcxecgEEbuMG4MUfoPHnbetkPdpM8O911Q8oIOU2-_0XX08mAos-cs5DmeqlIjzJI_0HvLLnuxQxMFdXwwUTBX93ev2hT3quROxAzSOk-ng18YU09WBNQ/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/AVvXsEgVVdNKqYYfYYw97OkzIVEWfDOvQvjeL1rxbLqt0I1qp4cMBqVz-vTyOXupXqBkhuNWNQZoMswFDQ8PAWobsqxsBe_sEOiRknqg4o8xW7orktR5Gt9hF2Sw58FK-fcO1v8nQxHwYM4wGeg/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.
Website : WEBSEO
Credit : Dhie Valt Mhorsyl
Terimakasih telah membaca : Artikel Dari Kami. Silahkan masukan email anda dibawah ini! dan anda akan otomatis mendapatkan kiriman artikel terbaru dari indoblogseo. Terimakasih.
