» »

Sexy Social Bookmark

Diposkan oleh Unknown on Friday, May 15, 2009

Sexy Social Bookmark -

   Ini dia... uhuk="http://viruspintar.blogspot.com/2009/05/sexy-social-bookmark.html">Social Bookmark yang sexy dan pantas saja dibilang Sexy Social Bookmark karena tampilannya yang begitu stylist dan sexy :)

        Banyak uhuk="http://viruspintar.blogspot.com/">blog yang sudah memasang ini tapi masih sangat sedikit yang memberikan uhuk="http://viruspintar.blogspot.com/search/label/Blogger%20Tutorial">tutorial untuk memasangnya. Lama uhuk="http://viruspintar.blogspot.com/">aku cari ini, akhirnya setelah blogwalking kesana kemari, ketemu juga nih uhuk="http://viruspintar.blogspot.com/search/label/Blogger%20Tutorial">tutorial di uhuk="http://www.cahayabiru.com/" target="new">cahayabiru. Karena banyaknya minat untuk memasang ini dan masih susahnya nyari uhuk="http://viruspintar.blogspot.com/search/label/Blogger%20Tutorial">tutorial ini, jadi uhuk="http://viruspintar.blogspot.com/">aku tertarik menulis uhuk="http://viruspintar.blogspot.com/search/label/Blogger%20Tutorial">tutorial ini. :P
Berikut adalah screenshotnya :

uhuk="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikwsBmyjgmvf3DEB3hLF90ULJeLKjZ2-4mb6WQ7iU2f5NqgnwukIuko1-9aqtoNP3g6NS47bNFnKCHHUjXnYSX57IMH2DCQpPpCmL1ybbglYnltMnms9KnBDPh9X_IzcivoCdi05wWnXb5/s1600-h/viruspintar.blogspot.com.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" target="new">

Cara memasang :
1.   Login ke blogger.com lalu pilih Layout >> Edit HTML
2.   Beri tanda pada "Expand Widget Template" lalu cari kode ]]></b:skin> dan masukkan kode berikut diatas kode ]]></b:skin>

.sexy-bookmarks {
height:54px;
background:url('http://i43.tinypic.com/2ueii3t.png') no-repeat left bottom;
position:relative;
width:540px;
}

.sexy-bookmarks span.sexy-rightside {
width:17px;
height:54px;
background:url('http://i43.tinypic.com/2ueii3t.png') no-repeat right bottom;
position:absolute;
right:-17px;
}

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

.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;
}

.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://img509.imageshack.us/img509/3131/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>


Jangan lupa disimpan terlebih dahulu kalo sudah. Kemudian cari kode <data:post.body/>
Letakkan HTML berikut ini dibawah kode <data:post.body/> :

<div class='sexy-bookmarks'>
<ul class='socials'>
<li class='sexy-delicious'><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;amp;&amp;title=&quot; + data:post.title' target='_blank'
/></li>


<li class='sexy-digg'><a expr:href='&quot; http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;amp;&amp;title=&quot; + data:post.title' target='_blank'/></li>


<li class='sexy-technorati'><a expr:href='&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;amp;&amp;title=&quot; + data:post.title' target='_blank'
/></li>


<li class='sexy-reddit'><a expr:href='&quot; http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;amp;&amp;title=&quot; + data:post.title' target='_blank'
/></li>


<li class='sexy-stumble'><a expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;amp;&amp;title=&quot; + data:post.title' target='_blank'
/></li>


<li class='sexy-designfloat'><a expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot; + data:post.url + &quot;&amp;amp;&amp;title=&quot; + data:post.title' target='_blank'
/></li>


<li class='sexy-facebook'><a expr:href='&quot; http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;amp;&amp;title=&quot; + data:post.title' target='_blank'/></li>


<li class='sexy-twitter'><a expr:href='&quot; http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;amp;&amp;title=&quot; + data:post.title' target='_blank'/></li>


<li class='sexy-furl'><a expr:href='&quot; http://www.furl.net/storeIt.jsp?u=&quot; + data:post.url + &quot;&amp;amp;&amp;title=&quot; + data:post.title' target='_blank'/></li>


<li class='sexy-syndicate'><a href='http://feeds2.feedburner.com/YOUR-FEEDBURNER-ID' title='Subscribe to RSS'/></li>


<li class='sexy-email'><a expr:href='&quot; mailto:?subject=&quot; + data:post.url + &quot;&amp;amp;&amp;title=&quot; + data:post.title' target='_blank'/></li>


</ul>
<span class='sexy-rightside'/></div>


kode yang berwarna merah bisa kamu ganti dengan URL  kamu atau rss feed kamu. Kalau sudah jangan lupa disimpan !

Title : Sexy Social Bookmark ► SEOer Mendem ► 5
URL : http://seomendem.blogspot.com/2009/05/sexy-social-bookmark_15.html
Jangan lupa untuk membagikan artikel Sexy Social Bookmark ini jika bermanfaat bagi sobat.

Posts related to Sexy Social Bookmark:

di 7:36 AM
Label:

0 komentar | add komentar

Post a Comment

Note: Only a member of this blog may post a comment.