MAU BERIKLAN MUDAH, MURAH, DAN EFISIEN ? BERIKLAN AJA DI IKLANKU.COM KLIK GAMBAR BERIKUT MURAH !!! MULAI DARI Rp.30.000 !!! BISA JUGA BERIKLAN GRATIS !!!

Rabu, 01 Juni 2011

Home » SEO , TRIK NGEBLOG » Cara Membuat Widget Social Bookmark Sharing Is Sexy

Cara Membuat Widget Social Bookmark Sharing Is Sexy

Dibaca :
     Cara Membuat Widget Social Bookmark Sharing Is Sexy
     Update lagi dengan postingan tentang widget blog yang ampuh untuk mengundang pengunjung semakin banyak menuju ke blog kita namanya widget social bookmarking tapi tampilan nya sangat memukau makanya widget ini dinamakan widget sharing is sexy ! haha . .

     oke lanjut ke materi intinya . . widget ini berisi alamat web social bookmark seperti technorati , dll . 



Berikut Screenshootnya :

Yang Berminat untuk memasangnya berikut caranya :
1. Login ke blogger
2. Klik Tata Letak/Layout
3. Klik Edit HTML
4. Backup dulu sebelum melakukan editting template mengantisipasi jika terjadi kesalahan dengan klik     Download Template Lengkap.
5. Klik kotak Expand Widget Template.
6. Carilah kode ]]></b:skin> Untuk memudahkan tekan ctrl F/ F3, kemudian copy kode di bawah  ini persis dibawah kode ]]></b:skin>


<!--START:Sexy Sharing CSS-->
<style type='text/css'>
div.sexy-bookmarks {
height:54px;
background:url('http://sites.google.com/site/catatancuss/icons-1/sharingsexy.png')
no-repeat
left bottom;
position:relative;
width:540px;
}
div.sexy-bookmarks
span.sexy-rightside {
width:17px;
height:54px;
background:url('http://sites.google.com/site/catatancuss/icons-1/sharingsexy.png')
no-repeat
right bottom;
position:absolute;
right:-17px;
}
div.sexy-bookmarks
ul.socials {
margin:0 !important;
padding:0
!important;
position:absolute;
bottom:0;
left:10px;
}
div.sexy-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.sexy-bookmarks
ul.socials a {
display:block !important;
width:48px
!important;
height:29px !important;
font-size:0
!important;
color:transparent !important;
}
.sexy-furl,
.sexy-furl:hover, .sexy-digg, .sexy-digg:hover, .sexy-reddit,
.sexy-reddit:hover, .sexy-stumble,
.sexy-stumble:hover,
.sexy-delicious, .sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo:hover,
.sexy-blinklist,
.sexy-blinklist:hover,
.sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy
twitter,
.sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx,
.sexy-mixx:hover, .sexy-script
style,
.sexy-script-style:hover, .sexy-designfloat, .sexy-designfloat:hover,
.sexy-syndicate, .sexy
syndicate:hover,
.sexy-email, .sexy-email:hover {
background:url('http://sites.google.com/site/catatancuss/icons-1/Sexysprite.png')
no-repeat
!important;
}
.sexy-furl {
background-position:-300px top !important;
}
.sexy-furl:hover {
background-position:-300px
bottom !important;
}
.sexy-digg {
background-position:-500px
top !important;
}
.sexy-digg:hover {
background-position:-500px
bottom !important;
}
.sexy-reddit {
background-position:-100px
top !important;
}
.sexy-reddit:hover {
background-position:-100px
bottom !important;
}
.sexy-stumble {
background-position:-50px
top !important;
}
.sexy-stumble:hover {
background-position:-50px
bottom !important;
} .sexy-delicious {
background-position:left top !important; }
.sexy-delicious:hover
{
background-position:left bottom !important;
}
.sexy-yahoo {
background-position:-650px
top !important;
}
.sexy-yahoo:hover {
background-position:-650px
bottom !important;
}
.sexy-blinklist {
background-position:-600px
top !important;
}
.sexy-blinklist:hover
{
background-position:-600px bottom !important;
}
.sexy-technorati {
background-position:-700px
top !important;
}
.sexy-technorati:hover
{
background-position:-700px bottom !important;
}
.sexy-myspace {
background-position:-200px
top !important;
}
.sexy-myspace:hover {
background-position:-200px
bottom !important;
} .sexy-twitter {
background-position:-350px top !important; }
.sexy-twitter:hover {
background-position:-350px
bottom !important;
}
.sexy-facebook
background-position:-450px top !important;
}
.sexy-facebook:hover
{
background-position:-450px bottom !important;
}
.sexy-mixx {
background-position:-250px
top !important;
}
.sexy-mixx:hover {
background-position:-250px
bottom !important;
}
.sexy-script-style {
background-position:-400px
top !important;
}
.sexy-script-style:hover
{
background-position:-400px bottom !important;
}
.sexy-designfloat {
background-position:-550px
top !important;
}
.sexy-designfloat:hover
{
background-position:-550px bottom !important;
}
.sexy-syndicate {
background-position:-150px
top !important;
}
.sexy-syndicate:hover { background-position:-150px bottom !important; }
.sexy-email {
background-position:-753px
top !important;
}
.sexy-email:hover {
background-position:-753px
bottom !important;
}
</style>
<!-- END:Sexy Sharing CSS-->
7.Cari Kode <data:post.body/>, dan Copy paste kode berikut, Jika ada 2 kode <data:post.body/>, maka taruh pada kode yang atas atau pertama

<!--
START:Sexy Sharing -->
<div
class='sexy-bookmarks'>
<ul
class='socials'>
<li class='sexy-delicious'><a
expr:href='"http://del.icio.us/post
url=" +
data:post.url +   "&title=" + data:post.title'
target='_blank'/></li>
<li
class='sexy-digg'><a expr:href='"   http://digg.com/submit?url="
+ data:post.url +  
"&title=" + data:post.title'
target='_blank'/></li>
<li
class='sexy-technorati'><a expr:href='"  
http://technorati.com/faves
add=" +
data:post.url +   "&title=" + data:post.title'
target='_blank'/></li>
<li
class='sexy-reddit'><a expr:href='"   http://www.reddit.com/submit
url=" +
data:post.url +   "&title=" + data:post.title'
target='_blank'/></li>
<li
class='sexy-stumble'><a expr:href='"
http://www.stumbleupon.com/submit?url="
+ data:post.url +   "&title=" +
data:post.title'
target='_blank'/></li>
<li
class='sexy-designfloat'><a
expr:href='"http://www.designfloat.com/submit.php?url="
+   data:post.url +
"&title=" + data:post.title'
target='_blank'/></li>
<li class='sexy-facebook'><a
expr:href='"
http://www.facebook.com/sharer.php?u=" + data:post.url +
"&title=" +
data:post.title' target='_blank'/></li>
<li
class='sexy-twitter'><a expr:href='"   http://twitthis.com/twit
url=" +
data:post.url +   "&title=" + data:post.title'
target='_blank'/></li><li
class='sexy-furl'><a
expr:href='"  
http://www.furl.net/storeIt.jsp?u=" + data:post.url +
"&title=" +
data:post.title' target='_blank'/></li>
<li
class='sexy-syndicate'><a
href='http://feeds.feedburner.com/catatancuss'
title='Subscribe to
RSS'/></li>
<li
class='sexy-email'><a expr:href='" mailto:?subject=" +
data:post.url +
"&title=" + data:post.title'
target='_blank'/></li>
</ul>
<span
class='sexy-rightside'/></div>
<!-- END:Sexy Sharing -->

Artikel Terkait