Membuat Template Desain Sendiri (Bag. 2)

Selamat bertemu kembali. Kita teruskan membuat template sendiri. Masih bersemangat & fit kan hari ini? Oke!!! Kita teruskan ke tahap berikutnya. Silahkan buka kembali rancangan template yg sudat Anda buat.

Setelah itu, silahkan arahkan kursor Anda diantara arahan & . Pada menu phpDesign, klik CSS kemudian klik Style Block. Kalau bingung lihat saja gambarnya.

Akan muncul instruksi Style CSS mirip gambar berikut:

Silahkan copy instruksi berikut di antara Style CSS tersebut:

body
padding:0;
background: #cccccc;
font-family:’Georgia’, Century gothic, Arial,Tahoma,sans-serif;
color:#126A9B;
font-size:13px;
margin:auto;

#kotakblog
margin:5px;
padding:3px;
width:930px;
background: #804040;
background-attachment: fixed;
margin:0 auto;

Kaprikornus, akan mirip ini:

Langkah selanjutnya ialah membuat kode untuk Kotak Blog. Arahkan kursor ke bawah & cari Kotak Blog yg sudah Anda buat. Tulis aba-aba ini:

. Tekan spasi sebelum isyarat (>), akan timbul seperti gambar berikut:

Klik ganda id=””, akan timbul nama kotakblog. Langsung klik ganda saja & hapus goresan pena Kotak Blog sesudah kodenya.

Tambahkan isyarat epilog

di atas instruksi . Tempatnya paling bawah. Kurang terang? lihat gambarnya.

Untuk tahap ini simpulan. Kalau ingin lihat alhasil, klik RUN pada menu kafetaria. Hasilnya akan mirip gambar di bawah.

Sudah terbentuk kan templatenya? Sekian dahulu yah, tunggu postingan lanjutan Membuat Template Desain Sendiri (Bag. 3).

  Cara terbaru Mengganti Icon Blog Address Bar