Memasang Widget Sharing Is Sexy di Posting Blog

Sharing is sexy adalah salah satu widget social bookmarking yang disediakan untuk memberi kemudahan bagi pemilik blog maupun pengunjung dalan mensubmit atau membookmark artikel yang ia sukai ke situs social bookmarking hanya dengan mengklik pada icon-icon social bookmarking yang ada.
Keunikan dari widget sharing is sexy adalah icon-icon social bookmarking  yang terdapat didalamnya bisa bergerak ketika disorot mouse sehingga terlihat lebih hidup dan menarik.

Bagi anda yang tertarik, silahkan ikuti langkah-langkah dibawah ini:

1. Masuk ke menu Design->Edit HTML.
2. Beri centang pada 'Expand Widget Templates'
3. Letakkan kode berikut diatas ]]></b:skin>

div.beauty-bookmarks {<br /> height:54px;<br /> background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0Hc3c9fgguriL_NrDEsICkkRts3T6dtcXf9n3QG-ohiKizptdttTNe-CrhheAm5HQXKfkyESQbzPQfq4NbZQb6XaYiCod4ku5QcDMpVtoHSayHJ-r-At0M9pol-kCjXZ8CVSaVDqo4nWa/') no-repeat left bottom;<br /> position:relative;<br /> width:455px;<br /> }<br /> <br /> div.beauty-bookmarks span.beauty-rightside {<br /> width:17px;<br /> height:54px;<br /> background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0Hc3c9fgguriL_NrDEsICkkRts3T6dtcXf9n3QG-ohiKizptdttTNe-CrhheAm5HQXKfkyESQbzPQfq4NbZQb6XaYiCod4ku5QcDMpVtoHSayHJ-r-At0M9pol-kCjXZ8CVSaVDqo4nWa/') no-repeat right bottom;<br /> position:absolute;<br /> right:-17px;<br /> }<br /> <br /> div.beauty-bookmarks ul.socials {<br /> margin:0 !important;<br /> padding:0 !important;<br /> position:absolute;<br /> bottom:0;<br /> left:10px;<br /> }<br /> <br /> div.beauty-bookmarks ul.socials li {<br /> display:inline-block !important;<br /> float:left !important;<br /> list-style-type:none !important;<br /> margin:0 !important;<br /> height:29px !important;<br /> width:48px !important;<br /> cursor:pointer !important;<br /> padding:0 !important;<br /> }<br /> <br /> div.beauty-bookmarks ul.socials a {<br /> display:block !important;<br /> width:48px !important;<br /> height:29px !important;<br /> font-size:0 !important;<br /> color:transparent !important;<br /> }<br /> <br /> .beauty-furl, .beauty-furl:hover, .beauty-digg, .beauty-digg:hover, .beauty-reddit, .beauty-reddit:hover, .beauty-stumble, .beauty-stumble:hover, .beauty-delicious, .beauty-delicious:hover, .beauty-technorati, .beauty-technorati:hover, .beauty-facebook, .beauty-facebook:hover, .beauty-twitter, .beauty-twitter:hover, .beauty-script-style, .beauty-script-style:hover, .beauty-designfloat, .beauty-designfloat:hover {<br /> background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSzXD-ayQ6aXqrHEbCFccMVlxwbBcuLlK1oDaWwdWbre2xhwn7AW91YzL27XhoeAITvwqTdfqnFmN-PHDeBVA_vXfOrs9Xgw3rN1hWZA4qNynIgDbVq7bJtdLY59do7xm-W6tPLck3aBsu/') no-repeat !important;<br /> }<br /> <br /> .beauty-furl {<br /> background-position:-300px top !important;<br /> }<br /> .beauty-furl:hover {<br /> background-position:-300px bottom !important;<br /> }<br /> .beauty-digg {<br /> background-position:-500px top !important;<br /> }<br /> .beauty-digg:hover {<br /> background-position:-500px bottom !important;<br /> }<br /> .beauty-reddit {<br /> background-position:-100px top !important;<br /> }<br /> .beauty-reddit:hover {<br /> background-position:-100px bottom !important;<br /> }<br /> .beauty-stumble {<br /> background-position:-50px top !important;<br /> }<br /> .beauty-stumble:hover {<br /> background-position:-50px bottom !important;<br /> }<br /> .beauty-delicious {<br /> background-position:left top !important;<br /> }<br /> .beauty-delicious:hover {<br /> background-position:left bottom !important;<br /> }<br /> .beauty-technorati {<br /> background-position:-700px top !important;<br /> }<br /> .beauty-technorati:hover {<br /> background-position:-700px bottom !important;<br /> }<br /> .beauty-twitter {<br /> background-position:-350px top !important;<br /> }<br /> .beauty-twitter:hover {<br /> background-position:-350px bottom !important;<br /> }<br /> .beauty-facebook {<br /> background-position:-450px top !important;<br /> }<br /> .beauty-facebook:hover {<br /> background-position:-450px bottom !important;<br /> }<br /> .beauty-script-style {<br /> background-position:-400px top !important;<br /> }<br /> .beauty-script-style:hover {<br /> background-position:-400px bottom !important;<br /> }<br /> .beauty-designfloat {<br /> background-position:-550px top !important;<br /> }<br /> .beauty-designfloat:hover {<br /> background-position:-550px bottom !important;<br /> }<br />

4. Setelah itu cari <data:post.body/>
5. Letakkan kode berikut dibawahnya

<b:if cond='data:blog.pageType == "item"'><br /> <div class='beauty-bookmarks'><ul class='socials'><!-- delicious start--> <li class='beauty-delicious'><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li> <!-- delicious end--> <!-- digg start--> <li class='beauty-digg'><a expr:href='" http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li> <!-- digg end--> <!-- technorati start--> <li class='beauty-technorati'><a expr:href='" http://technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li> <!-- technorati end--> <!-- reddit start--> <li class='beauty-reddit'><a expr:href='" http://www.reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li> <!-- reddit end--> <!-- Stumbleupon start--> <li class='beauty-stumble'><a expr:href='" http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li> <!-- Stumbleupon end--> <!-- designfloat start--> <li class='beauty-designfloat'><a expr:href='"http://www.designfloat.com/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li> <!-- designfloat end--> <!-- facebook start--> <li class='beauty-facebook'><a expr:href='" http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li> <!-- facebook end--> <!-- twitter start--> <li class='beauty-twitter'><a expr:href='"http://twitter.com/home/?status=Chk Out-" + data:post.title + " " + data:post.url' target='_blank'/></li> <!-- twitter end--> <!-- furl start--> <li class='beauty-furl'><a expr:href='" http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li> <!-- furl end--> </ul><span class='beauty-rightside'/><br /> </div></b:if>

6. Kalau sudah simpan template anda. Selesai