Cara membuat Section Widget baru di Tata Letak

Rabu, 20 Februari 20130 komentar

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;

}
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'>

<!-- Gadget akan ditempatkan disini! -->
</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 misalnyaHTML/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.
Share this article :

Posting Komentar

 
Support : Zv-eLite | TipSeoFriendly | Top Five
Copyright © 2011. Tips Buat Blogger - All Rights Reserved
Template Created by Zv-eLite .com Published by Septa Praseya Hanafi
Proudly powered by Blogger