Cara Memasang Widget Sharing Is Sexy

Cara Memasang Widget Sharing Is Sexy - Pada postng kali ini saya akan share Bagaimana Cara Memasang Widget Sharing Is Sexy, atau Cara Memasang Share Button di Blogspot.

Berikut langkah-langkah Cara Memasang Widget Sharing Is Sexy :

1. Login ke blogger

2. Pilih blog anda >> Template >> Edit HTML >> Beri centang pada 'Expand Widget Templates'

3. Cari ]]></b:skin>

4.Letakan script dibawah ini tepat diatas ]]></b:skin>

div.beauty-bookmarks {<br />height:54px;<br />background:url('http://lh3.ggpht.com/_15FopxVONSo/TJ2lhfOASVI/AAAAAAAAD94/6nj2oVs3yrM/sharing-is-sexy.png') 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('http://lh3.ggpht.com/_15FopxVONSo/TJ2lhfOASVI/AAAAAAAAD94/6nj2oVs3yrM/sharing-is-sexy.png') 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('http://lh4.ggpht.com/_15FopxVONSo/TJ2lhtVIAUI/AAAAAAAAD98/VgXQRtSTpQ4/sharing-is-sexy-icons.png') 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 />}

NB:
Jika anda ingin mengganti tulisan 'Sharing is sexy' menjadi 'Sharing is caring' maka ganti left bottom dan right bottom menjadi left top dan right top

5. Setelah itu cari <data:post.body/>

6. Letakkan script dibawah ini tepat dibawah <data:post.body/>

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

7. Save Template.

Demikian penjelasan Bagaimana Cara Memasang Widget Sharing Is Sexy dan semoga bermanfaat.

Tweet

Related Post