My Statzz

.

STATUS:End Of Sem Holidays! PT3 results! Oh tidaaaaaaakkkkkk!!!! (As Scared As Hell)

Monday, January 16

Cara Buat Blogskin Sendiri

 
so,semue tauu kenn nuryn nk ke MRSM Baling tak lame lg kenn??hehe...yg baru start membace blog nuryn ariny,sila2 amikk tauu kayy??hahaa........so,biorlahh ujung2 cuti(kununn!!)neyhh nuryn buatkan tuto utk korg...tuto ni ekcelly di- request oleh bestie nuryn,diyan.....deaa kepingin sangat nk buat blogskin sndiri....tpy,sblm deaa request tuto neyhh,deaa request buatkan blogskin....huhuhuu......nk tingukk x hasilnye????temanye cekelat...sorrie lauu burukk diyan........sbb klauu buat sndiri punye buruk2 pun takk le kesahnye sangat........tpy lau buat org nye burukk,mahcemm !@#$%&*()_+=- jd nye nuryn...
hahahahahaa!!
so,d cni nuryn bg tuto niee supaya cik diyan takk kelibutt bile tinghukk blogskin nuryn yg teramaaatttlh memburukkn.........:PPPP
opss,melebih becakap dr bertuto.....(lolll)
ekcelly nuryn pndaii buat blogskin neyy atas usaha sendiri n usha2 blog org tanye  pendapat.......tak salahh kenn bertanye???org kate malu bertanya sesat jalan......:PPPPPP
hahahaa........
opss,sorry lg....
meh kite start mehh!!
okaii,sila siapkan BLOG TESTER dulu......sbb kalau ape2 jd pun..........blog yg cunss melecunss korg taklahh rosakk ye idakk???hee~

ok,bkk blog tester n click ke dashboard >> design >> edit HTML >> revert to classic template

fhm tak??kalau x tau kt mne revert to classic template tuu,ruuk bwh neyhh...
so,dh?then,dh revert tuu,right click >> SELECT ALL >> delete

then,paste code ni kt template yg dh kosong tuu kayy??

<html>
<head>
<center><img src="URL Header" /></center>
<title>Nama Blog</title>


so,yg merah URL header ,magenta lakk nama blog....fhm setakat ni??okayy,sambungg!!

ermm,b4 datt,URL header tuu,korg buatt lhh kat memane header tuu n den uploadkn ke photobucket........understandable??hee`okayy,jumm teruskann!!!yeayy!!

cari code  <html> dan kendian pes code ni kt BAWAH code  <html>

<div style="display:scroll; position:absolute; top:0px; right:2px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=YOURBLOGID" target="_blank" rel="nofollow" title="Follow" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="URL GAMBAR I" /></a><br /><div style="display:scroll; position:absolute; top:0px; right:185px;"><a class="linkopacity" href="http://blogger.com/home" rel="nofollow" title="Dashboard" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="URL GAMBAR II" /></a></div></div>

okayy,pepel tu blog ID korg,biru tu lakk url gamba utk follow,dan yg oren url gamba dashboard....utk follow button boleh cari kat cni dan dashboard pula di sini kayy??err,sblom tuhh,bg yg tatauu nk kopi kt photobucket,korg kene hover kt gamba pilihan n click kt direct link,nnt akan terus do- copy fhm??
ok,sambungg balikk tuto!!:))))))))))
er,ni lakk mne nk tauu blog ID kay??(rujuk bwh ni)

so,sambungg balik yehh,lps dh ciapp segala benda menatangg uuhh,peskan codes ni kt bwh KESEMUA codes td......

<style type="text/css">
#navbar-iframe {display: none;}body {
background: url(URL Bg);
background-attachment:fixed;
font-family: arial;
font-size: 11px;
}
a:link, a:visited {
color:#000000;
text-decoration:none;
}
a:hover {
border-bottom:1px solid #87689;
}
</style>
<body><br>

Oren itu coding for delete Navbar
Blue URL background(cm biasa,photobucket..)
Red colour of link
Green colour of link hover


 nak cari colour codes di SINI

so,sambungg balikk cita kita.......:PPPPP

Search code </style> pastekan coding ini diatas nya:

.main {
background:#ffffff;
color:#666666;
padding:14px;
width:500px;
border-radius:10px;
text-align:justify;
}
.sidebar {
background: #ffffff;
color: #666666;
padding: 8px;
width: 240px;
border-radius: 10px;
text-align: justify;
}
.h1 {
color:#FF9FCC;
font-size:18px;
padding:3px;
border-bottom:1px solid #c0c0c0;
}
.h2 {
font-style:italic;
font-size:10px;
margin-bottom:2em;
}

Pink warna font dalam blog
Oren width setiap bagian blog, sidebar and main blog
Blue radius kelengkungan layer blog,
Magenta warna font post title



Dah? cari code <body> pastekan code ini dibawahnya:

<table style="line-height: 17px;" width="850"  border="0" align="center" cellspacing="5">
<tbody><tr>


oren tuhh lebar blog,campur tolak sidebar n main okayy??
merah lak jarak evry columns kayy??hehehe.........fhm ke takk??karang haku merepekss korg satu haprakk pun ta paheemmm.........erkk........hahahaa.......XDDDDDD

dh ciapp???pegi baaawaaaaaaahhhhhhh sekali HTML tu........maksudd nye tingglkan codes kt atas nuu haa........errr,tak phm sudahh!!!hahahaaa.......ok,contohnye cenggini.....

<style type="text/css">
#navbar-iframe {display: none;}body {
background: url(http://i298.photobucket.com/albums/mm255/bkclrg/choc_marsh.gif);
background-attachment:fixed;
font-family: arial;
font-size: 11px;
}
a:link, a:visited {
color:#B43104;
text-decoration:none;
}
a:hover {
border-bottom:1px solid #B45F04;
}
.main {
background:#ffffff;
color:#000000;
padding:14px;
width:600px;
border-radius:10px;
text-align:justify;
}
.sidebar {
background: #ffffff;
color: #000000;
padding: 8px;
width: 260px;
border-radius: 10px;
text-align: justify;
}
.h1 {
color:#F5DA81;
font-size:18px;
padding:3px;
border-bottom:1px solid #c0c0c0;
}
.h2 {
font-style:italic;
font-size:10px;
margin-bottom:2em;
}
</style>
<body>
<table style="line-height: 17px;" width="950"  border="0" align="center" cellspacing="5">
<tbody><tr>
<br>

hehehee.....phmm??hee~tingglkn yg itu,kite ke bwh nye <br> tuu kayy??

peskan kod ni kt bwh semue td tuu ok??

<td valign="top" width:550px;">

<div class="main">
<blogger><div class="h1"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="h2"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$>comments</a></BlogItemCommentsEnabled></div>
<$blogitembody$></blogger><br>
<center><OlderPosts><a href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center></div>
</div>
</td>

so,yg ni korg takyohh tuka byk kayy??yg ijau tuu perkataan comments.....contoh korg nk tuka comments jd lollipops ke hapa ke......tak kesahh lerr ekauu......hahahaa........ magenta lakk new post or old posts kay??err,fhm ke niyy??maksodnye kalau nk tuka old post jd stale cookies ke hapa ke.......hahahaa............so,it's taime 2 create sidebar guys and girls and dudes and dudets......:PPPP
hahahaa.....

<td valign="top" width="250px">
<div class="sidebar">
<div class="h1">TITLE SIDEBAR</div>
ISI SIDEBAR</div>
<br>
 merah = width sidebar korg....
biru = title 4 ur sidey bars
pink = isi sidebars...maksodnye ape yg korg nk ltak kt sidebar lhh....

kalau nk buatt banyaaakkkkkk sidebars,sila2 copy kod kt bwh neyh n  paste kt bwh kod kt atashh neyy......(ta paheemm buatt2 paheemm..hee~)

<div class="sidebar">
<div class="h1">TITLE SIDEBAR</div>
ISI SIDEBAR</div>
<br>

paste je lhh byk2 kalau nk sidebar banyak kayy??huhuu.....utk sidebar yg last tuhh,bile dh taknokk ape2 sidebar dahh,letak code ni kt bwh koding2 sidebars belambahkk tuee........
</td>

so,deaa akan jd gini......hihii....

<td valign="top" width="250px">
<div class="sidebar">
<div class="h1">TITLE SIDEBAR</div>
ISI SIDEBAR</div>
<br>
<div class="sidebar">
<div class="h1">TITLE SIDEBAR</div>
ISI SIDEBAR</div>
<br>

<div class="sidebar">
<div class="h1">TITLE SIDEBAR</div>
ISI SIDEBAR</div>
<br>
</td>

okayy......dah kann???hahaa.......akhirkan codes2 befflahmmbahkk tuhh(yeaa,mmg merepekss....) dgn code niyyhhh....... 
                         
                             </table></body></head></html>

dahh??so,dahlahh kann???hahhaa............JAPP!!!!!!!tunggu weyy!!kalau nak tukar cursor,guna sidebar.....letak code cursor tu dkt isi sidebar tuu......

so,itu je lhh arini........ermm........takde mood aahh ariny nt nk bg freebies untukk korg.......huhuhuu......tgklh camana esok..kalau rajin n ada mase,nuryn ushakan buatt,kalau takde mase,terbantutt lerr niat korg nk ciputt freebies dr haku yang malangg neyhh(tak malang punn,gembiraa adelh,...ahaha)


so,tu je lhh........samekom.........eyhh......ASSALAMUALAIKUM.........haa.......bru btoll........dh,blahh duluu!!

25 comments:

rishah said...

Thnxx ! :DD

gadisbibirseksi said...

wah terima kasih =)
ryn cari bende nie selama nie syg awk .. kiss kiss =)

LilaLilaa's Production® said...

Makasih banyak ya..

Aina Sofea said...

Terima Kasih banyak . Stress duk cari tuto sudah hilang .. Thankss !!

MyzzNuryn08 said...

Welcome..#lmbt reply sbb bz...sorry#

MyzzNuryn08 said...

Sama2..syg awk jgak yeaa!!

MyzzNuryn08 said...

Same2..tq gune tuto sye

MyzzNuryn08 said...

Hehe..welcome

Scha Taeyeon said...

camne nk letak cam stuff,about me,home sume tu.....?

muhammad asyraf said...

Terima Kasih dari www.kisahsigemok.com

farah said...

akak , mane nak letak home , stuff ,owner semue tu ?

reply to my e-mail please. farahkechik29@gmail.com

Khalisah Aliah said...

salam. Akak Sye buat x jdi.
terbelit-belit.

Syazwani Sakeri said...

Terima Kaish kakak. Sayang akak :*

Zaty Zahiruddin said...

Hi, nak tanya.. Kalau sidebar tu, buat byk2.. nak jadikan stiap sidebar kebawah.. mcm ne ?

nurul dhea said...

hey, im from indonesia, i love your blog, btw, bagaimana cara membuat header sendiri? like your header?

nurul dhea said...

i really love your blog! thats so amazing <3 xx

Elly said...

Thnks dude, this help me a lot :) tqvm

Yong rapie said...

x jadipun...emm..xpaham..

Nurul Alya said...

Thanks :D

shasha shah said...

thanx.. dpt ilmu baru... :)

Syaidatul Farhana said...

Maseh Maseh

Arnetta Fasya said...

Nak Tanya,.. Apa tu, Main blog?

dayang nur atiqah said...

nice one! :)

Anonymous said...

hai, macam mana nak buat yg mana lagi awsome tuh???????? buat la tuto plizzz!!!!love u
saya budak baru belajar

Trisna Adisty said...

Terimakasiih :D
Tak payah aku penat-penat cari tutor lagi...