Home » » Cara membuat kolom widget di sebelah kanan header

Cara membuat kolom widget di sebelah kanan header

Written By Unknown on Saturday, June 16, 2012 | Saturday, June 16, 2012


1. Masuk ke akun Blogger Anda.
2. Klik Rancangan >> Edit HTML.
3. Klik Download Template Lengkap untuk membuat salinan template. Hal ini berguna jika nanti terjadi kesalahan dalam pengeditan, kita dapat dengan mudah mengembalikan template seperti semula.
4. Cari deretan kode seperti di bawah ini.

#header-inner {
background-position:center center;
margin-left:auto;
margin-right:auto;
}
#header {
color:#000000;
text-align:left;
}
#r_head{
width:300px;
float:left;
padding-top:10px;
}

5. Kemudian ganti kode-kode tersebut dengan kode di bawah ini.

#header-inner {
width:432px;
background-position:left;
margin-left:auto;
margin-right:auto;
float:left;
}
#header {
color:#000000;
text-align:left;
}
#r_head{
width:468px;
float:left;
padding-top:10px;
}

6. Setelah itu carilah kode seperti di bawah ini.

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Klik Munadi (Header)' type='Header'/>
</b:section>
</div>

7. Kemudian tambah kode berwarna merah sehingga hasilnya menjadi seperti di bawah ini.


<div id='header-inner'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Klik Munadi (Header)' type='Header'/>
</b:section>
</div>
<div id='r_head'>
<b:section class='header' id='header2' preferred='yes'/>
</div>
</div>

8. Klik tombol "SIMPAN TEMPLATE".
Bagikan ke:

leave comment

Semua umpan balik saya hargai dan jika sempat saya akan membalas pertanyaan yang menyangkut artikel di Blog ini sesegera mungkin.

1. Komentar SPAM akan dihapus segera setelah saya review
2. Pastikan Anda tidak berkomentar dengan menggunakan kata-kata kasar, sara, p*rn* dan lain-lain.
3. Jika Anda memiliki masalah cek dulu komentar, mungkin Anda akan menemukan solusi di sana.
4. Jangan Tambah Link ke tubuh komentar Anda karena saya memakai system link exchange

5. Jika perlu sebarluaskan artikel dengan cara klik tombol SHARE di atas.

Bila anda senang dengan artikel ini silahkan Join To Blog atau berlangganan geratis Artikel dari blog ini. Pergunakan vasilitas diatas untuk mempermudah anda. Bila ada masalah dalam penulisan artikel ini silahkan kontak saya melalui komentar atau share sesuai dengan artikel diatas.

Me

Post a Comment

 
Copyright © 2012 - 2015 Renviletieft Blog - All Rights Reserved
Template Craeted by : RenvileTieft Blog
Proudly Powered by Blogger