farahidayah ♥

Tutorial : Edit layout blogskin ke dalam blog kitaa [Part 1]

Friday, November 11, 2011

2:23 PM ♥ 0 Comment(s)

assalamualaikum,
hello there!

meh nak tunjuk macam mana nak edit blogskin :)

1. Letak list of friends.

senang je nak buat..
btw, cantik tak blog ni?
~~okey, tak cantik =.=~~

letak code ni kat bahagian friends

<a href="LINK BLOG KAWAN ANDA">NAMA KAWAN ANDA</a>

ok?
then, kalau nak nama seterusnya duduk kat bawah, dan bukannya bersambung macam dalam blog ni,
tambah

<br>

kat hujung code tadi tu.

maknanya jadi macam ni :

<a href="LINK BLOG KAWAN ANDA">NAMA KAWAN ANDA</a><br>

then, tkan save!
Preview tau.. pastikan jadi.. kalau tak jadi, tanya saya~ heheh

2. Letak facebook dan twitter macam saya~

letak code ni

<a href="LINK"> NAMA LINK |</a> <a href="LINK" target="_blank">NAMA LINK</a>

LINK : letak link facebook/twitter/myspace/wehearit
NAMA LINK : tulis yg tu facebook ke, twitter ke..

save!

3. Tambah FOLLOW button [berbeza daripada BLOGSPOT]

pergi kat template,
ctrl+f, search

</html>

dah jumpa? okey.. copy code kat bawah ni.

<center><table border="0" cellpadding="0" cellspacing="10"><div style="top:0px; right:0px; position:fixed;">
<a style="font-size:12pt; text-align:center; display:inline-block; width:110px; padding:5px; -webkit-border-radius:0px 0px 0px 10px; -moz-border-radius:0px 0px 0px 10px;"
href="http://www.blogger.com/follow-blog.g?blogID=8884149675445415226" target="_blank" title="Follow my blog!"><img src="http://i828.photobucket.com/albums/zz210/gax1998/iframe_follow_alpha.png"></a><br><br>
<center>

kemudian, paste kat BAWAH code </html> tadi. Ingat! BAWAH!

yang highlight merah yg pertama tu, korang ganti dengan blogID korang sendiri.
macam mana nak dapat? ni haa..

kat adress box kat atas tu..

highlight merah yang kedua : tak payah tukar pun takpe, tapi kalau korang nak tukar button follow tu kepada gambar lee minho ke, jang keun suk ke, panda menguap ke, ikot ska la.. ~~tapi gambar lee donghae tak boleh!~~

save!

4. Letak favicon [berbeza dengan BLOGSPOT].

okay.. kepada yang taktau apa tu fav icon, cuba tengok ni

ya ya! gmbar lolipop warna pink yang tak boleh dimakan tu la favicon~

tekan ctrl+f, search

</title>

then, copy code ni :

<link href='URL' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

URL tu letak link gmbar yg korang nak.
paste di BAWAH code </title>. repeat, BAWAH!

save! :)

nak sample favicon tak?

http://i804.photobucket.com/albums/yy326/SchaNoorain/favicon.png

http://dl.glitter-graphics.net/pub/1008/1008951xbh88shb03.gif

http://dl.glitter-graphics.net/pub/426/426761g9j8bkgrwh.gif

http://dl2.glitter-graphics.net/pub/1008/1008952c1cyrws0m1.gif

http://dl3.glitter-graphics.net/pub/250/250303rnfdp01uec.gif

Okey, tu je la setakat ni. perut dah melalak lagu Mr. Simple~
kalau nak request apa2, tulis kat shoutbox ataupun comment okay~

have a nice day! jgn tension2~ :D

P/S: tekan ctrl+f untuk copy

Labels: tutorial blogskin

Thanks for reading!