Cara membuat tata letak blogger dari nol dasar bener
Template blogger merupakan bisa di bilang ruang ,tempat,rumah untuk blogger atau juga tampilan antar muka
Bagi anda yang ingin membuat struktur dasar template menggunakan css dan html karena hanya denga kedua kode css dan html anda bisa membuat tampilan template blog
Contoh kode seperti di bawah ini coba tes saja dengan sendirinya
<div class='outer'>
<div class='header'>
<h2>Ini header </h2>
</div>
<div class='main'>
<h2>Ini Isi blog </h2>
</div>
<div class='sidebar'>
<h2>Ini Sidebar </h2>
</div>
<div class='footer'>
<h2>Ini Footer </h2>
</div>
<div>
<style>
.outer {width:200px;
margin:0 auto;
padding:0;}
.header{width:170px;background:black;padding:10px;color:#fff;}
.main{width:95px;float:left;background:blue;padding:10px;color:white;margin-left:4px;}
.sidebar{width:55px;float:right;background:yellow;padding:10px;color:white;}
.footer{width:170px;padding:10px;overflow:hidden;background:black;color:white;}
</style>
Nanti tampilan yang keluar seperti di bawah ini
Template blogger merupakan bisa di bilang ruang ,tempat,rumah untuk blogger atau juga tampilan antar muka
Bagi anda yang ingin membuat struktur dasar template menggunakan css dan html karena hanya denga kedua kode css dan html anda bisa membuat tampilan template blog
Contoh kode seperti di bawah ini coba tes saja dengan sendirinya
<div class='outer'>
<div class='header'>
<h2>Ini header </h2>
</div>
<div class='main'>
<h2>Ini Isi blog </h2>
</div>
<div class='sidebar'>
<h2>Ini Sidebar </h2>
</div>
<div class='footer'>
<h2>Ini Footer </h2>
</div>
<div>
<style>
.outer {width:200px;
margin:0 auto;
padding:0;}
.header{width:170px;background:black;padding:10px;color:#fff;}
.main{width:95px;float:left;background:blue;padding:10px;color:white;margin-left:4px;}
.sidebar{width:55px;float:right;background:yellow;padding:10px;color:white;}
.footer{width:170px;padding:10px;overflow:hidden;background:black;color:white;}
</style>
Nanti tampilan yang keluar seperti di bawah ini
Ini header
Ini Isi blog
Ini Sidebar
Ini Footer
Terima kasih telah membaca artikel tentang Cara Membuat Tata letak template Blogger di blog successful blogger jika anda ingin menyebar-luaskan artikel ini dimohon untuk mencantumkan link sebagai Sumbernya, dan bila artikel ini bermanfaat silahkan bookmark halaman ini di web browser anda, dengan cara menekan Ctrl + D pada tombol keyboard anda.
