panduan blogger kali ini akan memberikan tutorial tentang cara menambahkan 2 kolom widget di header pada template atau cara menambahkan kolom pada blog
kolom-kolom pada tampilan blogger atau website itu kerangka nya dari yang bernama Template , dari sebuah template ini lah yang bisa membuat tampilan blog atau website bisa menarik sedap di pandang mata
Template pada dasarnya sudah di sediakan oleh blogger namun jika kita tidak puas sama template default dari blogger kita bisa saja menggunakan template dari jasa penyedia template ,jasa penyedia template ada template yang berbayar dan ada juga template yag di berikan secara gratis oleh penyedia jasa template tersebut
yang namanya selera orang berbeda-beda maka tetep saja template yang sudah bagus masih aja mau di renovasinya, namun hal renovasi template itu sah-sah saja guna memuaskan selera kita masing-masing.
pada postingan agen pulsa kali ini akan memberikan sedikit cara merenovasi template yaitu menambahkan kolom pada template , tepatnya adalah menambahkan 2 kolom di atas header
kolom tambahan ini nanti nya bisa untuk menempatkan widged , iklan ataupun gambar terserah fungsi dan tujuan anda menambahkan 2 kolom di atas helder tersebut
dan untuk tambahan 2 kolom di atas sidebar tampilanya akan seperti pada gambar di bawah ini
jika anda suka dan ingin mencoba menambahkan 2 kolom di atas header silahkan untuk mengikuti panduanya di bawah ini :
1.buka blog anda lalu login dan klik setelan
2.pilih template lalu klik edit HTML
3.dan cari kode di dalam html template anda kode ini ]]></b:skin>
4.lalu kopi kode di bawah ini dan pastekan di atas kode ]]></b:skin>
#box-main-container {
clear:both;
}
.box-column {
padding:0px 10px 10px 10px;
border:1px dotted $bordercolor;
}
5.selanjutnya kopi kode di bawah ini dan pastekan di bawah kode <body>
<div id='box-main-container'>
<div id='box1' style='width: 24%; float: left; margin:0; text-align: left;'>
<b:section class='box-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='box2' style='width: 76%; float: right; margin:0; text-align: left;'>
<b:section class='box-column' id='col2' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>
6.selanjutnya silahkan klik pratinjau dulu fungsinya untuk mengecek penempatan kode nya eror atau tidak jika tidak eror silahkan simpan template nya , jika eror silahkan ikuti panduan dari awal kembali
7.selesai...
sampai disini panduan blogger wonogiri tentang cara menambahkan dua kolom widget di atas header, jika masih ada kesulitan silahkan untuk bertanya saja, terimakasih
kolom-kolom pada tampilan blogger atau website itu kerangka nya dari yang bernama Template , dari sebuah template ini lah yang bisa membuat tampilan blog atau website bisa menarik sedap di pandang mata
Template pada dasarnya sudah di sediakan oleh blogger namun jika kita tidak puas sama template default dari blogger kita bisa saja menggunakan template dari jasa penyedia template ,jasa penyedia template ada template yang berbayar dan ada juga template yag di berikan secara gratis oleh penyedia jasa template tersebut
yang namanya selera orang berbeda-beda maka tetep saja template yang sudah bagus masih aja mau di renovasinya, namun hal renovasi template itu sah-sah saja guna memuaskan selera kita masing-masing.
pada postingan agen pulsa kali ini akan memberikan sedikit cara merenovasi template yaitu menambahkan kolom pada template , tepatnya adalah menambahkan 2 kolom di atas header
kolom tambahan ini nanti nya bisa untuk menempatkan widged , iklan ataupun gambar terserah fungsi dan tujuan anda menambahkan 2 kolom di atas helder tersebut
dan untuk tambahan 2 kolom di atas sidebar tampilanya akan seperti pada gambar di bawah ini
jika anda suka dan ingin mencoba menambahkan 2 kolom di atas header silahkan untuk mengikuti panduanya di bawah ini :
1.buka blog anda lalu login dan klik setelan
2.pilih template lalu klik edit HTML
3.dan cari kode di dalam html template anda kode ini ]]></b:skin>
4.lalu kopi kode di bawah ini dan pastekan di atas kode ]]></b:skin>
#box-main-container {
clear:both;
}
.box-column {
padding:0px 10px 10px 10px;
border:1px dotted $bordercolor;
}
<div id='box-main-container'>
<div id='box1' style='width: 24%; float: left; margin:0; text-align: left;'>
<b:section class='box-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='box2' style='width: 76%; float: right; margin:0; text-align: left;'>
<b:section class='box-column' id='col2' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>
6.selanjutnya silahkan klik pratinjau dulu fungsinya untuk mengecek penempatan kode nya eror atau tidak jika tidak eror silahkan simpan template nya , jika eror silahkan ikuti panduan dari awal kembali
7.selesai...
sampai disini panduan blogger wonogiri tentang cara menambahkan dua kolom widget di atas header, jika masih ada kesulitan silahkan untuk bertanya saja, terimakasih
No comments:
Post a Comment