Selasa, 18 Februari 2014
Cara menambahkan Section Baru Di Blog
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>
Kemudian untuk menambahkan Section baru, tempatkan kode dibawah ini pada bagian <body>Disini...</body> penerapanya adalah seperti ini:
Atau bisa juga seperti ini:
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.
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;
}
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 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.
