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 kephotobucket........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!!

credit to : Nureen Faqiha Umairah

No comments:

Post a Comment