20 Agustus 2011

Animasi Lengkap Untuk Sharing Is Sexy Versi 3

cara mudah membuat sharing sexyKali ini saya akan menshare kembali tentang widget . Widget kali ini adalah sharing is sexy versi 3 dan jika pada sebelumnya sharing is sexy hanya memilik 8 icon share saja kini sharing is sexy kali ini memiliki lebih banyak icon share yaitu berjumlah 58 icon . Yang lebih menarik lagi adalah kita juga dapat mengganti tulisan sharing is sexy dengan yang lainnya.

Versi terbaru ini memang cukup sangat lengkap dari versi sebelumnya . Nah untuk anda yang ingin mendapatkan widget ini mari ikuti langkah mudah dibawah ini :

1. Masuk di akun blog anda lalu pilih design > edit html lalu klik cek expand widget template.

Note : untuk menghindari hal yang tidak diinginkan , anda bisa backup terlebih dahulu template anda .


sharing is sexy versi 3


2. Setelah masuk pada menu edit html , silakan anda copy paste kode dibawah ini tepat diatas atau sebelum kode </head>


<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js'
type='text/javascript' />
<link href='http://bloggerblogwidgets.googlecode.com/svn/trunk/auto-hide-social-bookmarking-way2blogging.css'
rel='stylesheet' type='text/css' />
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('.sexy-bookmarks a.external').attr("target", "_blank");
var sexyBaseHeight = jQuery('.sexy-bookmarks').height();
var sexyFullHeight = jQuery('.sexy-bookmarks ul.socials').height();
if (sexyFullHeight > sexyBaseHeight) {
jQuery('.sexy-bookmarks-expand').hover(
function() {
jQuery(this).animate({
height: sexyFullHeight + 15 + 'px'
}, {
duration: 800,
queue: false
});
}, function() {
jQuery(this).animate({
height: sexyBaseHeight + 'px'
}, {
duration: 800,
queue: false
});
});
}
if (jQuery('.sexy-bookmarks-center')) {
var sexyFullWidth = jQuery('.sexy-bookmarks').width();
var sexyBookmarkWidth = jQuery('.sexy-bookmarks:first ul.socials li').width();
var sexyBookmarkCount = jQuery('.sexy-bookmarks:first ul.socials li').length;
var numPerRow = Math.floor(sexyFullWidth / sexyBookmarkWidth);
var sexyRowWidth = Math.min(numPerRow, sexyBookmarkCount) * sexyBookmarkWidth;
var sexyLeftMargin = (sexyFullWidth - sexyRowWidth) / 2;
jQuery('.sexy-bookmarks-center').css('margin-left', sexyLeftMargin + 'px');
}
});
</script>


3. Setelah anda melekan kode diatas , kini anda cari kode <div class='post-footer'> lalu copy paste kode dibawah ini setelah kode 

Tidak ada komentar:

Posting Komentar