Tutorial Membuat Template (1 Kolom responsive)

Malem sobat blogger,Kali ini saya akan menjawab request dari sobat ane nih...
Request ini adalah Request Cara Membuat Template.Untuk kali ini saya akan share cara membuat template ( 1 kolom ).

Nah sebelum tutorial dimulai,Ada baiknya kalian download source code nya dahulu..
-Kerangka Template ( 1 Kolom )
-Header - HTML dan Header - CSS
-Post

Nah itu dia file filenya,Oke langsung saja tutorialnya
1.Buka link Kerangka Template ( 1 Kolom )
2.Jika sudah,copy saja ke edit-html (Saya sarankan buat blog baru)
3.Klik simpan/save,Disitu template hampir setengah jadi
4.Buka link Header - HTML
5.Jika sudah,di buka copas dan gantikan header yang ada
6.Jika sudah,Buka link Header - CSS
7.Jika sudah dibuka,Gantikan CSS header yang lama dengan yang saya kasih
8.Coba simpan dan lihat blog sobat,Kalau sobat mengikuti tutorial saya headernya akan berubah
9.Ini dia tahap terakhir dari pembuatan template,Buka link post
10.Copy codenya,pastekan dari <b:section class='main' id='main'> ........ </b:section>
11.Klik simpan,dan hasilnya akan seperti blog ini DEMO

Oh iya ada tambahannya,Tambahannya responsive
Copy saja css berikut tepat di atas ]]></b:skin>

@media screen and (max-width:800px){#tumpas-wrapper{width:100%; border:0px solid #eee; padding:0px}
}

Oke,hanya segitu saja yang saya berikan.Untuk lainnya bisa Design lagi dan untuk videonya akan nyusul
Selamat Malam,Salam Blogger

Kalo yang males nonton youtube,terus pengen nyoba di lain waktu bisa didownload nih videonya

Download

Share Ke :