Assalamu'alaikum Warahmatullaahi Wabarakaatuh

HEADER TERBAGI DUA

Header blog alias kepala blog sangat penting dalam keindahan blog tersebut, blog tanpa header seperti seseorang yang keluar rumah tanpa pakai celana dan ingin dilihat semua orang,intinya "GEULEUH",

Header berperan juga untuk menampilkan Judul blog beserta descriptinya. Jika anda merasa headernya kepanjangan dan ingin menambah banner atau widget lainnya, cara penambahan elemennya.dengan cara:
membagi dua header tsb dengan cara dibawah ini;
1. login ke blog anda
2. Pilih Tata Letak
3. Klik Edit HTML.
4. Donload Template
5. Kemudian tambahkan variable berikut ke template anda sebelum kode */
<Variable name="amuysdicolor" description="Header Description Color"
type="color" default="#F5F5F5" value="#000000">
6. Ganti kode Header pada template anda dengan kode Header berikut
#BGheader{
width: 960px;/* samakan deengan outher wrapper */
margin: 0;
padding: 0;
}
#header-wrapper {
width: 960px; /* samakan deengan outher wrapper */
height:150px;
font-size: 12px;
margin: 0 ;
padding: 0;
overflow: hidden;
}
#head-kiri {
width:500px;/* sesuaikan */
margin:0;
padding:0;
float:left;
}
#header h1 {
color: #000000;
margin: 0;
padding: 10px 0 0 20px;
text-decoration: none;
font: $amuysdicolor;
}
#header .description {
color: #0000000;
margin-left: 12px;
padding: 10px 0 0 10px;
font: $amuysdicolor;/* sesuaikan */
text-align: left;
}
#head-kanan{
width:440px;/* sesuaikan */
height:150px;
float: right;
padding:0;
margin:0;
text-align:left;
font-size:12px;
}
#head-kanan h2{color: #FFFFFF; font: $amuysdicolor; text-align:
center;background:#000000; padding:5px 0px 5px 0px;/* untuk judul gadget */}
#head-kanan a, #head-kanan a:hover, #head-kanan a:visited{
color:$amuysdicolor;/* sesuaikan */
6.Kemudian cari lagi kode header di dekat kode <div id='main-wrapper'> delete dan ganti dengan kode berikut; /* delete dengan tepat ulah mupus anu lain pupusen */
<div id='amuysheader'>
<div id='header-wrapper'>
<div id='head-kiri'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='percobaan templates (Header)'
type='Header'/>
</b:section>
</div>
<div id='head-kanan'>
<b:section class='head-kanan' id='head-kanan' preferred='yes'>
<b:widget id='HTML1' locked='false' title='Ada Apa Disini' type='HTML'/>
</b:section>
</div>
</div>
</div><!-- end amuysheader -->
5.Simpan Template,
Selamat mencoba



No Response to "HEADER TERBAGI DUA"

Leave a Reply

Silahkan tulis komentar sobat, saya akan senang membalasnya.
Asal bukan spam, sara, dan pornography; saya tidak akan menghapusnya.

Wabillaahit Taufiiq Wal Hidaayah|Wassalaamu'alaikum|Warahmatullaahi Wabarakaatuh|
 
powered by Blogger | For Blogservices
nama-blog-anda