Judi Bola
QUOTE
Yang umum diyakini, membuat blog itu susah.
Apalagi menjadikannya untuk mencari uang di internet.
Tapi ketahuilah, itu hanya mitos!
Temukan inspirasi dan semangat baru di sini
terbaru

Cara Membuat Elemen Header pada Template Blog

: Sabtu, Juni 25, 2016

Cara Membuat Elemen Header pada Template Blog

Setelah anda ikuti Cara Membuat Elemen Outer Wrapper, sekarang mari kita lanjutkan bagaimana pula cara membuat elemen header pada template blog dari awal (jangan lupa pahami juga Fungsi Penting Header pada sebuah Blog).

Bagaimana caranya?
Sama seperti sebelumnya sekarang silahkan login dulu ke dasbor Blogger anda. Kemudian lanjutkan membuka form Edit HTML Template blog. Kemudian script yang anda perlukan untuk membuat elemen header ini adalah:

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1'>
<b:widget id='Header1' locked='true' title='blogernas  (Header)' type='Header'>
</b:widget>
</b:section>
</div>

Lalu bagaimana cara menyisipkan semua kode ini pada template yang anda rancang? Prinsip dasarnya adalah, semua kode ini harus berada pada area body tapi bagian paling atas sesudah elemen Outer Wrapper. Karena itu letakan saja tepat dibawah tag <div id='outer-wrapper'>. Lengkapnya akan menjadi seperti ini:

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML>
<head>
<b:skin><![CDATA[]]></b:skin>
<style type='text/css'></style>
</head>

 <body>
<div id='outer-wrapper'>
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1'>
<b:widget id='Header1' locked='true' title='blogernas  (Header)' type='Header'>
</b:widget>
</b:section>
</div>

<b:section class='main' id='main'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'></b:widget>
</b:section>
</div>
</body>
</HTML>


Pada form Edit HTML Template selengkapnya akan menjadi seperti ini


Cara Membuat Elemen Header pada Template Blog


Seperti langkah sebelumnya kemudian jangan lupa Simpan template anda. Setelah itu coba lihat dulu pada Tata Letak, apakah penambahan elemen Header ini sudah berhasil atau belum.


Cara Membuat Elemen Header pada Template Blog

Cara Membuat Elemen Header pada Template Blog

Nah jika sudah seperti gambar diatas, sudah muncul gadget headernya, berarti proses penambahan elemen ini sudah berhasil. Selanjutnya untuk melengkapi rancangan template anda, mari kita lanjutkan pada penambahan elemen sidebar blog.

Komentar yang tidak relevan, jorok, spamming dan promosi link akan dihapus

Copyrights @ blogernas ■ Desember 2015 - Erianto Anas