Cara menambahkan Section baru untuk tata letak Gadget pada tema blogger

Assalamu alaikum wr wb?

Yang dimaksud dengan Section disini adalah Tata letak untuk menempatkan Gadget pada tema Blogger, dan cara untuk menambahkan Section tersebut adalah dengan menambahkan baris kode <b:section pada bagian tertentu, dan di akhiri dengan </b:section>, seperti misalnya anda akan menambahkan Section baru untuk bagian Sidebar yang disesuaikan dengan CSS Template untuk ditampilkan disebelah kanan pada halaman blog, silahkan lihat StyleSheet untuk menyesuaikan tampilan Sidebar blog seperti dibawah ini, dan tempatkan pada bagian <b:skin><![CDATA[*/ disini /* ]]></b:skin>

#sidebar-wrapper{
width:320px;
float:right;
margin-right:15px;
border-left:1px solid #ddd;
word-wrap:break-word;
overflow:hidden;
}
.sidebar{
width:320px;
}

IKLAN

Kemudian untuk menambahkan Section baru, tempatkan kode dibawah ini pada bagian <body>Disini...</body> penerapanya adalah seperti ini:

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar1' preferred='yes'>

</b:section>
</div>

Atau bisa juga seperti ini:

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

Sidebar Blog pada contoh tema diatas memiliki satu bagian Section saja, dan nantinya anda bisa menambahkan beberapa Gadget didalamnya, seperti misalnya HTML/JavaScript, dan lain-lain, silahkan lihat ScreenShoot nya dibawah ini:

Catatan:
Masing-masing kode Section harus menggunakan id yang berbeda, seperti misalnya <b:section id='sidebar1' class='sesuaikanstyle' preferred='yes' /> atau <b:section id='footer' class='sesuaikanstyle' preferred='yes' /> dan sebagainya.

Semoga tutorial singkat diatas ini dapat berguna buat anda, silahkan berikan tanggapan nya pada form komentar dibawah ini, jangan lupa LIKE ya...

Wassalam...

IKLAN:

Posting Komentar

4 Komentar

Unknown2 Desember 2013 pukul 15.21
hatur nuhun info na!!!
BalasHapus
Balasan
usaha19 Januari 2014 pukul 01.51
Asalamualiakum
dari iklanzoom.com dan tivasi.com
sukses untuk semuanya
waslaamaulaikum
fresh media
BalasHapus
Balasan
Anonim5 Mei 2014 pukul 23.38
Mohon maaf sebelumnya mas Ujang, Saya mau tanya fungsi CSS yang mas berikan di atas "word-wrap:break-word" itu untuk apa mas ?.

Saya mencoba untuk memasang 2 section baru sidebar di blog saya (berukuran masing-masing 120 px) yang di apit oleh 2 section sidebar yang lebih lebar (berukuran masing-masing 336 px) dan saya sudah berhasil memasangnya di blog saya mas.

Yang jadi masalah adalah ketika saya menempatkan widget di sidebar 120 px tersebut, tampilan widget nya menumpuk dengan widget 336 px yang berada di bawahnya.

Hal itu terjadi apakah karena saya tidak menambahkan kode CSS yang saya tanyakan di atas mas ?. Terima kasih sebelumnya dan mohon maaf jika ada yang salah dengan pertanyaan saya di atas.

BalasHapus
Balasan