Cara Pasang Tombol Share Sexy Di Blog

 
Halo Sahabat Bluewers Blog ini , Apa kabar , Kalau aku Baik hehehe.... , nah kali ini Saya membuat tutorial Tentang Cara pasang tombol Share  , yaitu Tombol share yang jika Di over memakai kursor akan muncul / naik , dan namanya adalah Sharing is Caring , Widget ini tidak membuat blog berat kok , malah berguna Agar para pengunjung blog Kalian Bisa nge-Share Ke mana saja , caranya Sih agak Sulit jika belum terbiasa , tapi widget ini Bisa meningkatkan PageView Blog kalian , Jadi Jangan sampai ketinggalan Trik ini , langsung aja simak Langkah-Langkah Memasang Widget Tersebut Di bawah Ini.

1. Login Ke Blogger Kalian
2. Masuk Ke Rancangan > Edit HTML
3. Centang Tanda "Expand Widgets Template"
4. Cari kode </head> 
5. Copy Script berikut lalu taruh Di atas Kode Tadi

<br /> <br /> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/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><br /> <br />

6. Lalu Taruh script dibawh tepat di bawah kode <data:post.body/>

<br /> <br /> <b:if cond='data:blog.pageType == "item"'><br /> <div id='post-width-w2b' style='width:600px;'> <div class='sexy-bookmarks-bg-caring sexy-bookmarks sexy-bookmarks-expand sexy-bookmarks-center '> <ul class='socials'> <li class='sexy-yahoomail'><br /> <a class='external' expr:href='"http://compose.mail.yahoo.com/?Subject= " + data:post.title + "&body=Link:"+ data:post.url' rel='nofollow' title='Email this via Yahoo! Mail'/><br /> </li> <li class='sexy-gmail'><br /> <a class='external' expr:href='"https://mail.google.com/mail/?ui=2&view=cm&fs=1&tf=1&su=" + data:post.title + "&body=Link:" + data:post.url' rel='nofollow' title='Email this via Gmail'/><br /> </li> <li class='sexy-twitter'><br /> <a class='external' expr:href='"http://twitter.com/home?status=" + data:post.title + " -- " + data:post.url ' rel='nofollow' title='Tweet This!'/><br /> </li> <li class='sexy-facebook'><br /> <a class='external' expr:href='"http://www.facebook.com/share.php?v=4&src=bm&u=" + data:post.url + "&t=" + data:post.title ' onclick='window.open(this.href,'sharer','toolbar=0,status=0,width=626,height=436'); return false;' rel='nofollow' title='Share this on Facebook'/><br /> </li> <li class='sexy-linkedin'><br /> <a class='external' expr:href='"http://www.linkedin.com/shareArticle?mini=true&url=" + data:post.url + "&title=" + data:post.title + "&summary=&source="' rel='nofollow' title='Share this on LinkedIn'/><br /> </li> <li class='sexy-googlebuzz'><br /> <a class='external' expr:href='"http://www.google.com/buzz/post?url=" + data:post.url + "&imageurl="' rel='nofollow' title='Post on Google Buzz'/><br /> </li> <li class='sexy-yahoobuzz'><br /> <a class='external' expr:href='"http://buzz.yahoo.com/submit/?submitUrl=" + data:post.url + "&submitHeadline=" + data:post.title + "&submitSummary=&submitCategory=science&submitAssetType=text"' rel='nofollow' title='Buzz up!'/><br /> </li> <li class='sexy-blogger'><br /> <a class='external' expr:href='"http://www.blogger.com/blog_this.pyra?t&u=" + data:post.url + "&n=" + data:post.title + "&pli=1"' rel='nofollow' title='Blog this on Blogger'/><br /> </li> </ul> </div> </div> </b:if><br />

 Ganti width:600px denga lebar post kamu
 Ganti sexy-bookmarks-bg-caring Dengan Gambar Dibawah ini yang kamu mau

	sexy-bookmarks-bg-sexy
	sexy-bookmarks-bg-caring
	sexy-bookmarks-bg-caring-old
	sexy-bookmarks-bg-love
	sexy-bookmarks-bg-wealth
	sexy-bookmarks-bg-enjoy
	sexy-bookmarks-bg-german
	sexy-bookmarks-bg-knowledge