kode-kode template lima elemen blog

Nah di sini anda dapat mencopy paste kode template, jika anda sebelumnya sudah menghapus dan sudah menambahkannya tetapi jika anda belum mengambil kode HTMLnya anda dapat mengambilnya di sini selanjutnya anda tingal mengcopykan lima dasar elemen template yang ada di blogger.


1. outer-wrapper
2. header-wrapper
3. main-wrapper
4. sidebar-wrapper
5. footer

Silahkan anda 
copykan kode dibawah 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> 


lima kode di atas anda dapat mencopaskannya di template anda sendiri agar anda lebih mudah untuk mempraktekannya anda dapat lihatnya di sini. dan pastinya anda juga memerlukan ukuran elemen di dalam blognya silahkan anda tambahkan ukuran elemen blog anda

Related Posts
Previous
« Prev Post