panduan blogger kali ini saya akan memberikan cara menambah kolom di bawah header , menambah kolom di bawah header fungsinya untuk menambah ruang pada tampilan blog ataupun website dan hal ini bisa di gunakan untuk menambah widget ataupun bisa di pakai untuk menampilkan iklan dan lainya
panduan menambahkan kolom di bawah header ini saya akan memberikan cara untuk menambah kolom sebanyak 3 kolom berjajar posisinya kanan kiri dan tengah
walau pertamanya hanya 3 kolom namun jika kolom tersebut di gunakan maka akan otomatis menambah kolom lagi di atas kolom tersebut maka hasil keseluruhan kolom akan semakin banyak lebih dari 6 kolom tergantung mau menambahkan berapa widget nya .
3 kolom pertama itu hanya formasi atau letak kolom nya yang adanya di kanan tengah dan kiri untuk lebih jelasnya penambahan 3 kolom header tersebut akan seperti pada gambar di bawah ini
jika yang di inginkan menambah kolom hanya 2 kolom di kanan dan kiri silahkan untuk membuka panduanya
Cara menambah 2 kolom di bawah header
kalau pada artikel ini saya akan memberikan panduan menambah 3 kolom di bawah header , dan untuk cara pembuatanya silahkan ikuti caranya di bawah :
1.buka blog anda lalu login
2.pilih setelan dan pilih lagi template
3.lalu klik edit HTML
4.cari kode dii dalam html kode ini ]]></b:skin>
5.selanjutnya kopi kode di bawah ini dan pastekan di atas kode ]]></b:skin>
<div id="box3" style="float: left; margin: 0; text-align: left; width: 35%;"> <b:section class="box-widget" id="col3" preferred="yes" style="float: left;"> </b:section></div>
panduan menambahkan kolom di bawah header ini saya akan memberikan cara untuk menambah kolom sebanyak 3 kolom berjajar posisinya kanan kiri dan tengah
walau pertamanya hanya 3 kolom namun jika kolom tersebut di gunakan maka akan otomatis menambah kolom lagi di atas kolom tersebut maka hasil keseluruhan kolom akan semakin banyak lebih dari 6 kolom tergantung mau menambahkan berapa widget nya .
3 kolom pertama itu hanya formasi atau letak kolom nya yang adanya di kanan tengah dan kiri untuk lebih jelasnya penambahan 3 kolom header tersebut akan seperti pada gambar di bawah ini
jika yang di inginkan menambah kolom hanya 2 kolom di kanan dan kiri silahkan untuk membuka panduanya
Cara menambah 2 kolom di bawah header
kalau pada artikel ini saya akan memberikan panduan menambah 3 kolom di bawah header , dan untuk cara pembuatanya silahkan ikuti caranya di bawah :
1.buka blog anda lalu login
2.pilih setelan dan pilih lagi template
3.lalu klik edit HTML
4.cari kode dii dalam html kode ini ]]></b:skin>
5.selanjutnya kopi kode di bawah ini dan pastekan di atas kode ]]></b:skin>
<div id="box3" style="float: left; margin: 0; text-align: left; width: 35%;"> <b:section class="box-widget" id="col3" preferred="yes" style="float: left;"> </b:section></div>
6.dan kopi lagi kode di bawah ini lalu pastekan di bawah kode ini <div id='outer-wrapper'><div id='wrap2'> atau pastekan di atas kode ini <div id="main-outer"> jika tidak bisa silahkan pastekan di bawah kode ini <body>
<div id='box-kolom-widget'> <div id='box1' style='width: 35%; float: left; margin:0; text-align: left;'> <b:section class='box-widget' id='col1' preferred='yes' style='float:left;'/> </div> <div id='box2' style='width: 30%; float: left; margin:0; text-align: left;'> <b:section class='box-widget' id='col2' preferred='yes' style='float:left;'/> </div> <div id='box3' style='width: 35%; float: left; margin:0; text-align: left;'> <b:section class='box-widget' id='col3' preferred='yes' style='float:left;'/> </div> <div style='clear:both;'/> </div>
7.jika sudah berhasil silahkan simpan template anda
8.selesai
sampai disini panduan blogger wonogiri tentang cara menambah 3 kolom di bawah header dan jika masih kesulitan silahkan untuk bertanya , terimakasih dan semoga berguna
7.jika sudah berhasil silahkan simpan template anda
8.selesai
sampai disini panduan blogger wonogiri tentang cara menambah 3 kolom di bawah header dan jika masih kesulitan silahkan untuk bertanya , terimakasih dan semoga berguna
No comments:
Post a Comment