Cara Memasang widget Sharing Is Caring Di bLogger

Eng ... Ing ..... Eng ......... Jreeeeeeeeeeng ....

Ehm...ehmm ... nah posting kali ini mantep juga kajiannya loh, yaitu tentang cara memasang widget yang lumayan unik yang bisa memperindah blog kita, yaitu widget Sharing is Sexy atau Sharing Is Caring ... Contohnya yang dibawah posting ini, tuh...iconnya ngumpet, kalo dicolok pake ujung mouse dia muncul, unikkan ?? !!!

Nah dibagi deh caranya ya ...

Mau Ubah Domain sendiri menjadi dot com ; dot net; dot us; dot org; dll ? 

Atau mau beli hosting sendiri ? Nah klik aja Informasinya disini :

Kamu login dulu ke akun kamu.
Lalu kamu pilih Rancangan
Masuk ke Edit HTML
Jangan lupa centang expand widget-nya

Cari kode ]]></b:skin> :

letakkan kode dibawah ini diatas kode ]]></b:skin> :
codenya :

div.beauty-bookmarks {
height:54px;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDzoqHdEWtNx6PRr9d41QVJ5swhShhUbbHIGw-l0_-X3bZE0oh1heb0xtPuX0hJBwYpmRnih9BXNdElUxYtv2StLUYKvdPNFCwliqY6Mg8dm_zq3mM5FJdYRMFSFqt-X7zE1xHx7oQv_Z0/') no-repeat left bottom;
position:relative;
width:455px;
}

div.beauty-bookmarks span.beauty-rightside {
width:17px;
height:54px;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDzoqHdEWtNx6PRr9d41QVJ5swhShhUbbHIGw-l0_-X3bZE0oh1heb0xtPuX0hJBwYpmRnih9BXNdElUxYtv2StLUYKvdPNFCwliqY6Mg8dm_zq3mM5FJdYRMFSFqt-X7zE1xHx7oQv_Z0/') no-repeat right bottom;
position:absolute;
right:-17px;
}

div.beauty-bookmarks ul.socials {
margin:0 !important;
padding:0 !important;
position:absolute;
bottom:0;
left:10px;
}

div.beauty-bookmarks ul.socials li {
display:inline-block !important;
float:left !important;
list-style-type:none !important;
margin:0 !important;
height:29px !important;
width:48px !important;
cursor:pointer !important;
padding:0 !important;
}

div.beauty-bookmarks ul.socials a {
display:block !important;
width:48px !important;
height:29px !important;
font-size:0 !important;
color:transparent !important;
}

.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 {
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLuazsZtX1-3rYINu-JmS_J8kIlelKxJn8_4eXz7A7LaX_u_0Ef7Vg13Ptjs2KCejBWwKEojf1VuOSswyYQox8XFJ6lDLT77TA2Eh4Gr_DrEV_NBJObqsLfO6CSI0plIoQeZTl2hVftrEw/') no-repeat !important;
}

.beauty-furl {
background-position:-300px top !important;
}
.beauty-furl:hover {
background-position:-300px bottom !important;
}
.beauty-digg {
background-position:-500px top !important;
}
.beauty-digg:hover {
background-position:-500px bottom !important;
}
.beauty-reddit {
background-position:-100px top !important;
}
.beauty-reddit:hover {
background-position:-100px bottom !important;
}
.beauty-stumble {
background-position:-50px top !important;
}
.beauty-stumble:hover {
background-position:-50px bottom !important;
}
.beauty-delicious {
background-position:left top !important;
}
.beauty-delicious:hover {
background-position:left bottom !important;
}
.beauty-technorati {
background-position:-700px top !important;
}
.beauty-technorati:hover {
background-position:-700px bottom !important;
}
.beauty-twitter {
background-position:-350px top !important;
}
.beauty-twitter:hover {
background-position:-350px bottom !important;
}
.beauty-facebook {
background-position:-450px top !important;
}
.beauty-facebook:hover {
background-position:-450px bottom !important;
}
.beauty-script-style {
background-position:-400px top !important;
}
.beauty-script-style:hover {
background-position:-400px bottom !important;
}
.beauty-designfloat {
background-position:-550px top !important;
}
.beauty-designfloat:hover {
background-position:-550px bottom !important;
}

Kode diatas hasil tulisannya nanti adalah Sharing Is Sexy, Nah kalo mau mengganti tulisan menjadi  Sharing Is Caring ganti kode yang warna merah dengan kode Left Top dan Right Top


Lalu cari kode :
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if></p>
Lalu letakkan code, dibawah kode diatas

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

Sampai sini selesai...
Save templatenya

seperti biasa kayaknya sih... baca lalu .....
lewat deh tanpa jejak koment .... qiqiqiqiqiqi....

Free Template Blogger collection template Distributor jahe Merah Karomah Blog Indahku Goresan Jari Jemariku cafe Gaul Para Salafiyyin

Disimpan dalam kategori tulisan: trik