Pada posting (Cara membuat Template Part 2) sebelumnya, saya membahas bagaimana kita membangun sebuah template dan sudah di coba melalui Template dan berhasil dalam keadaan kosong, jika anda masih jenuh karena kapan membuatnya dan bosan dengan artikel maka saatnya ikuti Langkah-langkahnya Berikut :
< Buatlah 2 blog >
< 1 blog anda isi
dengan artikel >
</ 1 blog berikutnya
Anda poloskan atau tidak ada posting di dalamnya >
untuk mendukung pembuatan template karena sangat di perlukan untuk memasang posting blog dan sidebarnya
 |
| GAMBAR 1 (membuat header) |
 |
| GAMBAR 2 (membuat header) |
Selanjut pada langkah ini silahkan anda copykan kode ini
1. outer-wrapper
2. header-wrapper
3. main-wrapper
4. sidebar-wrapper
5. footer
Selanjut pada langkah ini silahkan anda copykan kode ini
1. outer-wrapper
<div id='outer-wrapper'> atas <b:section class='navbar' atau di bawah <body>
2. header-wrapper
<div id='header'>
<div id='wrapper'>
<header id='header-wrapper'>
<b:section
class='header' id='header' maxwidgets='1'>
<b:widget id='Header1'
locked='true' title='Nama judul blog (Header)' type='Header'></b:widget>
</b:section>
<b:section
class='header' id='header-ads' maxwidgets='0'/>
</header>
Tepat di bawah <body>
langkah berikutnya untuk mengunci silahkan copy kode ini </div> </div> di letakan di atas </body>
3. main-wrapper
<div id = 'content-wrapper'>
<div id = 'main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div>
di atas </div>
4. sidebar –wrapper
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML3' locked='false' title='nurhajid' type='HTML'/>
<b:widget id='HTML5' locked='false' title='y renza' type='HTML'/>
</b:section>
</div>
<div class='clear'> </div>
</div>
pasang kode tersebut di bawah ''main-wrapper''
5. Footer-wrapper
<footer id='footer-wrapper'>
<b:section class='footer' id='footer-1' showaddelement='no'/>
<b:section class='footer' id='footer-2' showaddelement='no'/>
</footer>
lalu save template, maka hasilnya akan seperti ini (lihat tata letak anda)
tata letaknya seperti di atas maka silahkan anda save jika ada penempatan yang salah, anda bisa meng cut nya dan silahkan anda sesuaikan dengan keinginan anda. pada bagian ini sangat penting untuk posisi dan tata letaknya, jika penempatan salah maka apa yang kita inginkan, tidak akan dapat merubah apa-apa
silahkan komentar anda setelah anda mengetahui
No comments :
Post a Comment