Assalamu'alaikum...

Holla readers♥ and followers♥ hari ini (26/06/2011) adalah hari Minggu :D dan besok aku mau daftar ke SMA Negeri 02 Sukoharjo. So, do'akan biar aku diterima ya xD
Nyh, banyak yang tanya sama Lettha (kebanyakan lewat chat Facebook) kira kira kebanyakan gini tanya nya:

"Hy Lettha, u pkek tempelate apa?"
"Hai Lettha, kamu download tempelate dari mana?"

Asal para readers tau, Lettha nggak pernah pakai tempelate hasil download :) karena sering erorr dan Lettha rasa, Lettha lebih bangga pakai tempelate rancangan Lettha sendiri :D (opini Lettha, so, dilarang keras untuk protes!) hahaha

Oke, oke kamu mau tau kan Lettha pakai tempelate apa? Lettha pakai tempelate DENIM created by Darren Delaye (tempelate yang launching tahun 2006). Seperti janji Lettha dulu, Lettha mau sharing tentang cara edit tempelate Denim sehingga jadi seperti tempelate Lettha ini.

Mau tau? Begini caranya:



Click "Download Full Tempelate" untuk berjaga jaga kalau tidak menjadi.

Kalau sudah, scroll page HTML mu kebawah, kamu klik seperti gambar ini:




Tu kan, click tau.

Kalau sudah, keluar 1 page lagi, kamu click menurut gambar ini:



Udah click itu, kamu lihat blog kamu (view blog) nanti nampak berantakan kan? Namanya juga baru ganti tempelate. So, akan nampak seperti ini:




Lihat yang berkotak merah di header itu? Kita mau transparentkan benda biru itu. Caranya:

Pergi ke Dashboard >>Design >>Edit HTML cari kode ni:

/* Variable definitions
====================

Dah ketemu? dibawah kode /* Variable definitions tu ada kode ini:

<Variable name="headerBgColor" description="Page Header Background Color"
type="color" default="#336699" value="#336699">
<Variable name="headerTextColor" description="Page Header Text Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="headerCornersColor" description="Page Header Corners Color"
type="color" default="#528bc5" value="#528bc5">

DELETE semuanya dan gantikan dengan ini:

<Variable name="headerBgColor" description="Page Header Background Color"
type="color" default="transparent" value="transparent">
<Variable name="headerTextColor" description="Page Header Text Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="headerCornersColor" description="Page Header Corners Color"
type="color" default="transparent" value="transparent">

Selesai? SAVE Tempelate. Nanti benda biru itu lenyap seperti ini:



Sebenarnya ada cara yang lain, yaitu pergi ke halaman Tempelate Designer lalu jadikan transparent semua bagian headernya, tapi mending pakai cara ini, nggak ribet tinggal gonta ganti kode aja.

Sekarang, time to berikan Background. Jangan pergi ke Tempelate Designer karena nggak bisa lewat situ. Ini kan tempelate Classic ! Jadi, ikot cara ini:



cari kode body { paste kode ini dibawahnya:

background-image:url(URL BACKGROUND);
margin: 0;
padding: 0px;
font: x-small Sans Serif, Arial;
text-align: center;
color: $textColor;
font-size/* */:/**/small;
font-size: /**/small;
}

Yang URL BACKGROUND itu diganti pakai URL Bg mu sendiri, karena Lettha baik hati, silakan ambil salah satu Background ini:

URL: http://i21.photobucket.com/albums/b260/-Hamstertje13/cute_background_03.gif

URL: http://i838.photobucket.com/albums/zz306/sweetlilcraft/Background/wwww327.gif

URL: http://i838.photobucket.com/albums/zz306/sweetlilcraft/Background/w22.gif

URL: http://i269.photobucket.com/albums/jj41/xXxFOB_FanxXx/background-3.jpg

URL: http://i838.photobucket.com/albums/zz306/sweetlilcraft/Background/wwww155.gif

URL: http://i153.photobucket.com/albums/s213/manga476/Cute%20Background/thcute-4.jpg

URL: http://i153.photobucket.com/albums/s213/manga476/Cute%20Background/cute-background-1-038.gif

Dah ambil? hahaha jadi Copycat dulu. Ambil 1 aja :P
Kalau sudah kamu ganti backgeound nya, dia akan seperti ini:

Bagus kan? Sekarang berbackground.

Nah, ini time untuk RAPATKAN HEADER DENGAN BODY BLOG. So, kamu butuh header yang oke, jangan header yang biasa, nanti jelek. Kamu bisa liat cara membuat Rounded Corner Header DISINI.

Cara membuat headernya sebentar kan? paling cuma beberapa jam menit aja kok :D

Kalau sudah, kamu upload headermu ke blog kamu di Page Element, click edit bagian header, kamu upload headermu tadi.

Kalau sudah, nanti kamu pasti kecewa banget, kamu pikir tempelate kamu udah rusak, blog kamu jadi jelek karena headernya berpisah kayak gini:



So, biar menyambung dengan body blog, kamu ke:





cari kode #header-wrapper { dibawah kode #header-wrapper { tu ada kode kode kan?

Gantikan kode dibawah kode #header-wrapper { itu dengan kode ini:

margin:0;

padding: 0;

background-color:transparent;

text-align: $startSide;
}

Belummmm !!!!! Cari lagi kode ini:

#header {

Lihat kode kode dibawah kode #header { tersebut ! Gantikan semua kode itu lalu gantikan dengan kode ini:

width: 761px;
margin: 0 auto;
background-color: transparent;
border: 1px solid transparent;
color: transparent;
padding: 0;
font: normal normal 210% Verdana, Arial, Sans-serif;;}

Dah siap? SAVE TEMPELATE ! Hebadd, nanti tempelate kamu jadi seperti Tempelate Lettha :D
Dia akan seperti ini:

Header tu sudah bersambung dengan body blog.

Fyuhhh capek tau Lettha bikin tuto ini lebih dari 1 jam. So, kalau kamu terbantu dengan tutorial ini, komentar yah :D