Menanggapi pertanyaan sobat zendry tentang pasang sexy social bookmark di blog" Saya yakin sobat blogger pasti sudah pada tau apa itu social bookmark, dengan memasang tombol social bookmark pada blog kita, maka akan banyak memberi manfaat. Mungkin bagi saya sendiri yang paling banyak membantu ialah memudahkan dalam hal mengirim artikel ke situs-situs social bookmark
Selain itu hal yang bagi saya penting ialah memudahkan para pembaca atau pengunjung untuk mem-vote[bookmark artikel dan siapa tau saja ada pengunjung senang dengan artikel yang ada dan tidak sempat membaca keseluruhannya, jadi besar kemungkinan orang tersebut akan menandai artikel kita dengan cara membookmark artikel ke web directory agar dapat dengan mudah mengunjunginya lagi dan jelas ini akan menguntungkan juga yang punya blog karena akan menambah traffic.
Yah daripada lama-lama ceritanya, langsung saja ke cara pemasangan tombol sexy social bookmark di blogger, untuk contoh tampilannya bisa lihat dibawah artikel ini. atau gambar dibawah ini untuk jelasnya.
Sexy BookmarkingUntuk tahap pertama sobat cari dulu kode ]]></b:skin> dan masukkan kode css dibawah tepat diatasnya 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://i44.tinypic.com/1znbj83.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;
}
Setelah itu, cari lagi kode <div class='post-footer'> kemudian copy lagi kode berikut tepat dibawah kode <div class='post-footer'>
<div class='sexy-bookmarks'>Jangan lupa di save dan lihat hasilnya.
<ul class='socials'>
<li class='sexy-delicious'><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&amp;&title=" + data:post.title' target='_blank' rel='nofollow'/></li>
<li class='sexy-digg'><a expr:href='" http://digg.com/submit?url=" + data:post.url + "&amp;&title=" + data:post.title' target='_blank' rel='nofollow'/></li>
<li class='sexy-technorati'><a expr:href='" http://technorati.com/faves?add=" + data:post.url + "&amp;&title=" + data:post.title' target='_blank' rel='nofollow'/></li>
<li class='sexy-reddit'><a expr:href='" http://www.reddit.com/submit?url=" + data:post.url + "&amp;&title=" + data:post.title' target='_blank' rel='nofollow'/></li>
<li class='sexy-stumble'><a expr:href='" http://www.stumbleupon.com/submit?url=" + data:post.url + "&amp;&title=" + data:post.title' target='_blank' rel='nofollow'/></li>
<li class='sexy-designfloat'><a expr:href='"http://www.designfloat.com/submit.php?url=" + data:post.url + "&amp;&title=" + data:post.title' target='_blank' rel='nofollow'/></li>
<li class='sexy-facebook'><a expr:href='" http://www.facebook.com/sharer.php?u=" + data:post.url + "&amp;&title=" + data:post.title' target='_blank' rel='nofollow'/></li>
<li class='sexy-twitter'><a expr:href='" http://twitthis.com/twit?url=" + data:post.url + "&amp;&title=" + data:post.title' target='_blank' rel='nofollow'/></li>
<li class='sexy-furl'><a expr:href='" http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&amp;&title=" + data:post.title' target='_blank' rel='nofollow'/></li>
<li class='sexy-syndicate'><a href='http://feeds2.feedburner.com/meambo' title='Subscribe to RSS'/></li>
<li class='sexy-email'><a expr:href='" mailto:?subject=" + data:post.url + "&amp;&title=" + data:post.title' target='_blank' rel='nofollow'/></li>
</ul>
<span class='sexy-rightside'/></div>
Selamat mencoba dan semoga berhasil.
Label: Blogger, Tutorial Blog
22 komentar:
Aku juga pernah pasag Sexy . .. tp karena jd berat, dg berat hati aku lepas deh . . .
mantep infonya Kang, sip buat pemula
@Damar
gak berat kok sob" tergantung templatenya wkwkkw
wah.. liat blog ini jadi inget blognya o-om...
he,,he,,,
salam kenal...
hhhmn, nanya lagi nih sob . cara bikin yang tanpa tulisan sharing is sexy kaya punya gan ntu gmna? yang dibawah related post punya gan ntu .
persis gitu .
udah agak laama pasang..tpi jarang kupake...
dulu pernah pake, tapi saya lepas lagi :)
cukup brat buat loading
zendry link gambar http://i43.tinypic.com/2ueii3t.png di hapus" jadi .sexy-bookmarks {
height:54px;
background:url('') no-repeat left bottom;
position:relative;
width:540px;
}
.sexy-bookmarks span.sexy-rightside {
width:17px;
height:54px;
background:url('') no-repeat right bottom;
position:absolute;
right:-17px;
}
maksudnya 'sexy' yang gmn om?
TUKANG CoLoNG -- contohnya yang ada diatas related post
tombol sexy yang mana ya sob. . ??
contoh gambar nya dong. .
M Chandra " coba kamu lihat di bawah artikel ini ada icon kecil" kalau di arahkan cursor ke situ dia akan terlihat
atau lebih jelaznya bisa dilihat disini http://lh5.ggpht.com/_jbkNrmCMciA/S0LiYuQEUbI/AAAAAAAAAI4/198X1yDxQ8c/qodjck.png
FADEL@Makasih Banyak atas pemasangan bannernya . .. . .Aku bakal sering2 komen di sini deh
yang seperti ini membuat blog saya jadi berat...
Oke sob..... Aku suka....
Bermanfaat bagi Blog pemula, kyak ane... wkakak
Next Info...
kak, kok jadi dobel gini yaa?? tolong di check ke blog saya dn tolong bantuannya untuk membenarkan :D
Thanx banget gan..sya udah pasang si sexy,berkat postingan gan ini.good luck ya..
aneh pas mw share fb kok judulnya gx muncul. tolong bantu dunk bro...
maksih bos..berhasil...
WAH kaya o-om.com nih templatenya...makasih infonya tak terapkan
makasih infonya gan, berguna bagnet euy, tapi sayang sulit ketemu nya di google...
iklan udah saya klik
Bersatulah blogger indonesia!!
salam kenal
btw i had tried the way how to add sexy bookmarking but the result was not good, looks like not perfect?can you tell me how to fix it, and the template design i use from blogger thx
Posting Komentar
Silahkan tinggalkan komentarnya...