click banner for more info

Tuesday, March 1, 2011

tutorial letak social networking bookmark dalam blog

Pagi ni niesz nak buat tutorial mcmana nk letak social network bookmark dalam blog, kira nya untuk letak, link page facebook ke, twitter ke..ada macam2 cara sebenarnya untuk letak bookmark ni, ada yang letak kat menu, dekat sidebar..but yang niesz nak ajar ni, yang letak kat tepi blog, macam niesz punya..


1. Pergi dekat DASHBOARD - PAGE ELEMENTS - ADD A GADGET

2. Copy semua code dekat bawah ni dan paste kan dalam ADD A GADGET
<style type='text/css'>
a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}


a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>


<div style='display:scroll; position:fixed; top:140px; left:-12px;'>

<a class='linkopacity' href='URL FACEBOOK KORANG' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/232.png" /></a><br />

<a class='linkopacity' href='URL TWITTER KORANG' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/432.png" /></a><br />

<a class='linkopacity' href='URL BLOG KORANG' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feed'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/blogger_64x64.png" /></a><br />

</div>
3. Untuk top:140px - ketinggian bookmark terapung dalam blog korang, nak bagi center kat tepi pun boleh, just edit size tu..

    Untuk left:-12px; - kedudukan bookmark, kalau yang ni di sebelah kiri, nak tukar ke    kanan pun boleh, just edit left tu..

4. URL FACEBOOK KORANG - pergi dekat profile facebook korang, copy url atas tu.. contoh : http://www.facebook.com/profile.php?id=1033830739

     URL TWITTER KORANG - contoh : https://twitter.com/misniesza

     URL BLOG KORANG - contoh : http://princessnies.blogspot.com

5. Untuk icon images, korang boleh tukar ikut icon image yang korang nak, kalau nak ikut yang macam niesz punya pun boleh.

6. Boleh preview, kalau dah puas hati boleh save..siap! :)


* kredit to whiteymommy untuk tutorial ni*


Image Hosted At MyspaceGens
--------------------------------------------------------------------------------------
Image Hosted At MyspaceGens
--------------------------------------------------------------------------------------

Suka entry ni? boleh LIKE!

19 comments:

apezs shah said...

Salam

Wah senangn aje yea Niesz..
Tapi nantilaa belom bersedia nak share haha.. boleh camtu?? :p

Lya Colours said...

baguih hang ni pagi2 dah buat tutorial

~ yus ~ said...

wah! bagus tutorial ni. Akak dah cuba di blog akak. Thanks niesz...:)

http://aniesandyou.blogspot.com said...

ghajin sungguh no

rATu kEBaYA said...

suka tuto ni niesz..

Mohammad Faizol bin Junid said...

suke..suke...tq sis

BRO_MONDAY said...

miss niesz : gud info!!! ai laik dis so mac...best gak tutorial camni...tengkiu sudi share ngan kitoram...('',)

p/s : Sila lah BW ye...tengkiu...
1.New Entry "Hujan Sangat Lebat Pagi Ini !!!"

sissyira said...

salam


thanx sharing...belum bersedia nak buat ni ==)

lalink7 said...

dah buat..

yeay~

EB said...

Salam,
Selamat Bulan Mac..
Hehehe.. Waa best ah..
EB nak bt juga la..

yatie's EPISODE said...

great info sayangg. (:

CikNiza said...

yeayyyy niesz...
dah jadi..tennkiu2..hehe ^,^

dtg la tgk kat blog sy..hehe
http://nizamk.blogspot.com/

FasiHaH SupiaN said...

rajinnye niesz wat tutorial ;)

Ati Masrif said...

baru terfikir2 psl ni...

nanti bila free time kak ati nak cuba juga

TQVM niesz ^____^

Mr.IX ♂ said...

nk try wat la nnti...

n@jwamz said...

tanx niesz!!! i likeee it:)

Hanis MY said...

wow wiiii thanks niesz!

d_LA said...

than yunk..dla mmg cari tutorial ni, tp tgh pikir nak letak ke x sbb mcm FB tu rs mcm nak privacy sikit..hehe..

Aema akma said...

thankz 4 this tutorial..

dah join? click sini

Related Posts Plugin for WordPress, Blogger...





ShoutMix chat widget