Laman

06 September 2010

Membuat kolom di bawah header

Sebelumnya saya ucapkan Terimakasih kepada teman-teman semua yang telah berkunjung keblog ini. Saya mohon maaf akhir-akhir ini jarang update karena saya sedikit ada kesibukan lain. ok karena kemaren ada yang nanyain Bagaimanakah cara membuat kolom di bawah header dan terbagi menjadi tiga kolom tersebut yang seperti di blog ini.maka di posting kali ini saya akan mencoba menjawabnya dengan kata-kata dan cara saya semoga bisa dimengerti dan bermanfaat serta membantu sobat-sobat semua.
Pola blog pada umumnya

Tapi sebelumnya kamu download dulu file pendukungnya di sini kemudian di Extract. Setelah itu ikuti langkah demi langkah berikut ini,

  1. Pastikan kamu sudah login diblog kamu masing-masing.
  2. masuk di Rancangan ==> edit HTML
  3. Pastikan Expand Template Widget tidak tercentang serta Backuplah template blogkamu untuk berjaga-jaga jika terjadi kesalahan yang tidak kita inginkan.
  4. Buka file CSS.txt pada file pendukung tadi kemudian copykan seluruh isinya di CSS blog kamu. kira-kira di atas kode ]]></b:skin>
  5. Selanjutnya kamu buka lagi file HTML.txt, copy seluruh isinya, dan letakkan dibawah kolom header kira-kira kodenya seperti berikut :
    <div id='header-wrapper'>
    bla... bla... bla...
    </div>
    letakkan di bawah kode </div> tapi jika blog kamu dilengkapi dengan menu navigasi copykan di bawah kolom menu seperti di blog ini dimana kolom tambahan terletak di bawah kolom menu bukan kolom header.
  6. Setelah itu simpan dan jika tidak terjadi kesalahan maka kolom baru akan tampil dibawah header kamu. dan untuk menyesuaikan tampilannya agar sesuai dengan blog kamu, silahkan melakukan pengaturan pada CSS tadi. baik dari warna kolom dan lebar maupun tingginya agae sesuai dengan keinginan kamu. 

Note
Untuk lebih jelasnya kamu bisa mempelajari tata letaknya dengan mempelajari file latihan_I.html dan latihan_II.html .jika seandainya kamu tidak bisa menemukan tempat untuk meletakkannya kamu bisa hubungi Teknologi Informasi via facebook.

Sekian penjelasan dari saya semoga bermanfaat saya nantikan kritik dan saran yang membangun dari temen-temen semua.

1 komentar: