Cara Membagi Widget Header menjadi dua kolom

Cara Membagi Widget Header menjadi dua kolom

Jalak Ikal 15 November 0 komentar
Cara mudah membagi kolom widget menjadi dua kolom - ini adalah pengalaman saya tentang membagi kolom widget menjadi dua kolom,biasanya saya membuat blog dengan template yang sudah jadi yaitu dari hasil para blogger yang kemudian saya unduh dan memasang nya di template,namun ketika saya mencoba membuat blog dengan template hasil blogger,saya merasa kebingungan ketika melihat kolom header yang nampak hanya satu kolom saja

Dan kemudian saya otak atik malah selalu salah,yaudah saya mencari cara dengan meng googling ke blog lain nya,dan pada kahir nya saya bisa membagi kolom header menjadi dua bagian,kebanyakan blogger ketika membuat blog nya menjadi keren mereka selalu merubah kolom H1 nya dengan menggunakan logo blog nya masing masing namun pada bagian kolom hedaer yang berada di sebelelah kanan mereka suka di gunakan untuk menyimpan iklan


Namun itu tergantung kepada ke kreatipan mereka tentang peletakan nya,mungkin bagi mereka yang mempunyai atau menggunakan template dari blogger secara default akan merasa kebingungan seperti saya dengan kolom Header nya yang hanya satu,dan akan mencari cara untuk bisa membagi Kolom header tersebut yang dulu nya satu dan merubah nya menjadi dua kolom

Cara membagi Kolom Header menjadi dua kolom kiri dan kanan

Nah jika anda para blogger yang pernah ke susahan membagi kolom hedaer menjadi dua kolom disini saya akan berbagi pengalaman saya yang benar benar berhasil dan sudah saya buktikan sendiri,dan cara nya pun sangatlah mudah dan anda hanya perlu mengikuti langkah-langkah di bawah ini
  1. Silahkan anda msuk ke blogger
  2. Kemudian klik template > edit html
  3. Setelah itu silahkan anda cari Header template anda,dan kemudian silahkan anda cari kode seperti ini <a expr:href='data:blog.homepageUrl'>
  4. Tetapi menurut saya untuk memudahkan pencari anda silahkan anda tekan tombol Ctrl+F secara bersamaan,kemudian masukan kode tersebut ke kolom yang tersedia kemudian enter,maka kode tersebut akan ketemu dan lihat kode selngkahp nya disini
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
5. Silahkan anda cari kode seperti itu di template anda,namun biasanya semua template tidak sama seperti itu,cari aja yang mirip seperti itu kemudian hapus semua kode tersebut dan kemudian ganti semua nya dengan kode berikut
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
</b:widget>
</b:section>
<b:section id='header-right' showaddelement='yes'/>
<div style='clear: both;'/>
</div>
</div>
6. Langkah selanjut nya silahkan anda letakan kode css berikut
#header, body#layout #header {width:260px;display:inline-block;float:left;}
#header-right, body#layout #header-right {width:468px;display:inline-block;float:right;padding:15px;height:60px;backgound:#ccc;margin:15px}
#header-right .widget {margin:0;}
7. Kemudian silahkan anda Save template dan lihat hasil nya
Keterangan:
- Untuk angka 260 itu untuk hedaer kiri yang biasa anda gunakan untuk menyimpan logo blog atau title blog
- Untuk yang 468 itu hedaer kanan yang biasanya di gunakan untuk menyimpan iklan dari adsense atau sejenis nya

Nah itulah cara membagi dua kolom hedaer di template semoga artikel nya bisa membantu sobat blogger semua .salam blogger

loading...
Ratings: 
Posted by Jalak Ikal, Published at 15 November and have 0 komentar

I manage this blog and post tutorials related to Blogger, SEO, Software Tools, Windows, CSS and Social Media. Did you find this blog helpful? Please socialize with us !!


Perlihatkan Semua Komentar Tutup Semua Komentar

* Silahkan Berkomentar Tetapi Sopan
* Jangan Meninggalkan Spam atau terkait lain nya
* Jangan Promosi