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 Sidebar Template Blog dari Awal

: Sabtu, Juni 25, 2016

Cara Membuat Sidebar Template Blog dari Awal

Setelah selesai Membuat Elemen Header, sekarang mari kita lanjutkan bagaimana pula cara menambahkan elemen Sidebar template blog dari awal (jangan lupa sebelumnya pahami juga: Apa Itu Sidebar Blog, Fungsi dan Contohnya).

Langkah awalnya sama dengan sebelumnya. Silahkan masuk dulu ke dasbor blog anda kemudian buka form Edit HTML Template blog anda. Script yang akan anda sisipkan ke dalam template adalah:

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' showaddelement='yes'></b:section>
</div>

Kemudian sisipkan semua script tersebut diatas main blog, tepatnya di atas kode ini:

<b:section class='header' id='header' maxwidgets='1' showaddelement='yes'>

Sehingga bagan 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>

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' showaddelement='yes'>
</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>


Realnya pada form edit HTML Template akan menjadi seperti ini:

Cara Membuat Sidebar Template Blog dari Awal


Setelah itu jangan lupa Simpan Template anda. Lalu setelahnya, jangan lupa lihat dulu pada Tata Letak, apakah penambahan elemen sidebar ini sudah berhasil atau belum.

Cara Membuat Sidebar Template Blog dari Awal

Cara Membuat Sidebar Template Blog dari Awal

Jika pada halaman Tata Letak sudah muncul elemen Sidebar seperti gambar diatas, maka itu tandanya proses penambahan elemen sudah berhasil. Tinggal soal nanti adalah mengatur posisi sidebar tersebut pada blog anda. Apakah akan berada diatas, disamping kiri atau di samping kanan elemen main-postingan. Semua itu nanti bisa anda lakukan pada bagian CSS template anda.

Selanjutnya elemen apalagi yang perlu anda tambahkan pada template anda? Mari kita pindah ke halaman berikutnya: Cara Membuat Elemen Footer pada Template Blog dari Awal.

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

Copyrights @ blogernas ■ Desember 2015 - Erianto Anas