Hello!
Welcome to my simple triple blog, i`m Atin..thanks for visited my blog, nice to meet you, leave your footstep at my cbox,Dalam ni banyak tutorial yang menarik .. So enjoy . Do follow


Tagboard!


My Post

Thanks Bear

Template 100%: Atin Tory
Editor:F A T Y N H O N E Y
Help:
Nak buat blogskin sendiri .
Monday, 15 April 2013 | 02:04 | 0 comments


Assalammualaikum , Ada orang request dekat Atin mcamman nak buat blogskin sendiri , So skarang ni Atin ak tunjukkan mcammanan nak buat blogskin sendiri .. So Enjoy *Maaf tulisan harini warna pink* xD
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........ magentalakk 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,Atin 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!!

kalau dah dapat tu jangan lupa komen tau :)


Older Post | Newer Post