Cara Menambah Tiga kolom elemen di bawah header

15.28  Adias-PC  No comments

|Cara Menambah Tiga kolom elemen di bawah header| 
|Created Posted By : adias-PC| 



Hallo Sob... Sekarang Saya Mau Posting Tentang Cara menambah 3 Kolom dibawah Header .Bagi Sobat yang mau membuat 3 Kolom dibawah Header Ikuti Langkah Langkah Berikut ini...





1. Login Ke Blogger
2. Masuk Ke Menu Rancangan --> Edit HTML
3. Centang Expand Template Widget/Kotak Kecil Di kanan Atas
4. Cari Kode ]]></b:skin> (Gunakan CTRL + F biar Mudah Mencarinya)
5. Copas Kode di Bawah ini Tepat diatas Kode Tadi.

/* Top Header
---------------------------- */
#topheader {
width:930px;
clear:both;
float:left;
color:#333;
background:#fff;
margin:0 auto;
padding:0 0 10px;
}

#topheader a:visited {
color:gray;
text-decoration:none;
}

#topheader h2 {
font-size:11px;
font-weight:700;
line-height:1.4em;
text-transform:uppercase;
border-bottom:1px dotted silver;
margin:0 0 10px;
padding:20px 0 2px;
}

#topheader ul {
color:#333;
margin:0;
padding:0;
}

#topheader ul li {
list-style-type:none;
background:fff;
border-bottom:1px dotted #ccc;
padding-left:17px;
margin-top:2px;
}

#left-topheader {
width:360px;
float:left;
padding-left:15px;
}
#center-topheader {
width:230px;
float:left;
padding:0 20px;
}
#right-topheader {
width:260px;
float:right;
padding-right:15px;
}

6. Kemudian Cari Kode sperti dibwah ini :

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

7. Kemudian tambahkan kode dibawah ini tepat dibahnya.

<div id='topheader'>
<b:section class='topheader' id='left-topheader' preferred='yes'/>
<b:section class='topheader' id='center-topheader' preferred='yes'/>
<b:section class='topheader' id='right-topheader' preferred='yes'/>
</div>

8. Simpan Template

 
Created Posted By : adias-pc.blogspot.com



Kalau ada yang kurang di mengerti atau ingin di tanyakan silakan berkomentar 



Lihat Yang Lainnya...

Posted in: ,

0 komentar:

:10 :11 :12 :13
:14 :15 :16 :17
:18 :19 :20 :21
:22 :23 :24 :25
:26 :27 :28 :29
:30 :31 :32 :33
:34 :35 :36 :37
:38 :39 :40 :41
:42 :43 :44 :45
:46 :47 :48 :49
:50 :51 :52 :53
:54 :55 :56 :57
:58 :59 :60 :61
:62 :63

Posting Komentar

Bagi sobat yang mau berkomentar silakan berkomentar dengan kata-kata yang sopan.

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites