Pertama kalian download dulu , ga menuh menuhin tempat kok , downloadnya disini
Nah udah gitu kalian liat dulu bagian bagian blog
nah header ..
Header gw kan gambarnya ini
Buat blog itu tingginya 300 px terus lebarnya 1000 px
jangan lebih ntar kepotong
Teruus Background , backgorund gw kan ini :
Terus MAIN nya ini :
ehehe putih putih ngga keliatan haha :D
Udah gitu siapin semua gambar gambar HEADER, MAIN , BACKGROUND kalian , tapi yang dicari disini itu URL-nya , jadi kalian upload ke tinypic atau kemana kek , tapi saya sarankan tinypic aja , soalnya ngga terlalu belibet menurut saya
Nah udah gitu yang tadi di download dibuka (whatever.txt)
Nah cari
body {
background:$bgcolor;
background-image:url(http://i166.photobucket.com/albums/u118/morales_323/pattern.jpg);background-position: top center;background-attachment: fixed;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
yang dimerahin diganti sama URL Background kamu
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Terus cari
#header-wrapper {
width: 1000px;
height:300px;
background-image:url(http://i45.tinypic.com/10px27b.jpg);
border-bottom: 0px solid $bordercolor;
margin-left: 0px;
}
yang dimerahin ganti sama URL atau Direct Link gambar Header kamu
Cari lagi
#outer-wrapper {
width: 1000px;
margin: 0px auto;
padding:0px;
text-align:left;
font: $bodyfont;
background-image:url(http://i1017.photobucket.com/albums/af298/fairuz_inhar/Mingle.jpg);background-position: top center;background-attachment: fixed;
border:0px solid $bordercolor;
}
yang dimerahin diganti sama URL foto MAIN kamu
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Nah kan suka ada pembatas pembatas gitu kalo di blog teh , tapi saya gapake , tapi kalo kamu mau pake
.post-footer {
margin: .25em 0;
background:url ();background-repeat:no-repeat;background-position: bottom center;
color:$bordercolor;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.4em;
padding-bottom:140px;
}
itu tuh disebelah URL yang dimerah merahin diisi sama gambar pembatas kamu , ooya , pembatasnya juga harus ukurannya
lebar : 480
tinggi : 46
Nah kan biasanya juga di atas gadget dan begitu begitu lah suka ada kaya gambar gitu , kalo mau masukin juga , anda cari :
.sidebar h2, .rsidebar h2, .lsidebar h2 {
background:$bgcolor1;
background: url();background-repeat:no-repeat;background-position:center;
color:$sidebarcolor;
font: $headerfont;
height:55px;
margin: 0 0 0px;
padding: 15px 0px 0px 0px;
border-bottom:0px solid $bordercolor;
text-align:center;
}
Nah disebelah yang dimerah merahin ada tanda kurung kosong itu diisi sama URL gambarmu
Nah Udah jadi tuuh , uda gitu
1. Nah masuk ke Blogger kamu > Ke Tata Letak > ke Edit HTML ..
2. Checklist kotak Expant Template Widget
3. Dan copas semua kode HTML yang udah kamu simpen di file template.txt tadi ke kotak yang besar gitu
~~~
Terus dibawah blog kamu pasti ada tulisan Blog Design By Olip padahal itu by kamu , oleh karena itu
href='http://www.gataualamatblogapajadinyangasal.blogspot.com'>Blog Design by Olip.
ganti dengan alamat blog dan nama kamuu
selese ? oke
Sumber : bypai.blogspot.com check her blog and you'll find cool stuff !
