Tambahkan Sexy Bookmark pada post footer

by Zoul on 05 May 2009

Aku rasa ramai yang tahu fungsi Bookmark pada Blog. Ada bermacam widget bookmark yang kita boleh jumpa di lama web atau blog yang boleh kita gunakan.Diantara bookmarking yang biasa diletakkan pada blog adalah seperti Digg, Twitter, Technorati dan sebagainya. Tujuannya adalah untuk link dan promosi blog.

Aku baru letakkan sexy bookmark di post footer blog ni. Sexy bookmark ni bukannya baru tetapi aku tak peduli.. aku nak kongsikan juga di sini.. hi hi

Inilah bendalah tu..





Caranya..

1-Login ke Blogger

2-Untuk langkah-langkah mengedit template klik SINI.

3-Cari kod ini: ]]></b:skin>

4-Letakkan kod seterusnya ini di bawah kod: ]]></b:skin>

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

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

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://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>

5-Kemudian cari kod ini: <data:post.body/> (kalau blog anda ada lebih dari satu kod <data:post.body/> gunakan yang terakhir yang biasanya di atas kod <div style='clear: both;'/> <!-- clear for photos floats -->)

6-Letakkan di bawahnya kod ini

<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;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;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;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;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;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;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;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;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;title=&quot; + data:post.title' target='_blank'/></li>

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

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

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

7-Tukarkan ID-FEEDBURNER-ANDA kepada ID Feedburner anda yang sebenar.

8-Preview dan jika tiada masalah.. Savekan template anda

Itu sahaja karutan aku.. selamat mencuba

{ 24 comments... read them below or add one }

humbleandmodest said...

aww~
sexy la plak....

ahahah :D

cuit said...

humbleandmodest

Tak seksi ker tu.. wakakakaka!

paan said...

teringin nak letak..tapi lum berkesempatan lagi.hehehe.

Dosz said...

nice tutorial! mmg sexy! hehe

mie said...

wah....
best ni...
kn tukar yg baru..
hehheeee

Cookie Monster said...

sexy?tanokk
nak ta sexy
ngahahaa
:P
ko neh memang sensei lar

Renzo said...

Dah jadi sexy blog sy ni ^^, thanks for the info. (tak apa kan klau sy buat tutorial ni kat blog sy dlm bahasa engliah ^^, kredit mmg kpd encik cuiit)

eya said...

adeh...bnyk pulok pekataan sexy..ish2

sebaliktabir said...

sexy la kelas hari ni..hehehe

LifeSaver said...

sungguh sexy!!!

cuit said...

paan

Sibuk yer..!

cuit said...

Dosz

Sexy dan menggiurkan... wakaka!

cuit said...

mie

Silakan-silakan...

cuit said...

Cookie Monster

Yang tak sexy tu aku la.. amacam nak tak?

cuit said...

Renzo

No problem.. kita kan kena kongsi ilmu.. kannnn

cuit said...

eya

Wa ha ha.. klau aku letak tak sexy.. cam tak best plak..

cuit said...

sebaliktabir

Aku rasa.. yg ckp tu lagi sexy kot..

cuit said...

LifeSaver

Auwww... sexy nyah!

Nazra~ said...

sudah di bookmark, hrp dpt buat kt blog ku, hehe ^_^

cuit said...

Nazra~

Boleh tu.. kodnya nampak banyak.. tapi stepnya senang jer..

KhairiL's said...

blog aku x perlu nmpk seksi sbb kebanykan icon2 tu suma bkn aku ada akaun...

cuit said...

KhairiL's

La bro... tu tak payah ada akaun la bro..

Eriyza said...

Thank you. :D

[a.m.o.i] ™ said...

dh jadik..thnkx^^

Post a Comment