Ads

Kumpulan Lagu Cinta Terbaru 2012, Love Song

Nabil Ftd – The Killermedia
Rabu, 26 Mei 2010 09:08 WIB

NegeriAds.com Solusi Berpromosi
Beberapa hari lalu Admin IndonesiaNews! pernah membahas bagaimana cara membuat tiga kolom elemen di atas footer dan hari ini Admin IndonesiaNews! akan membahas bagimana cara membuat tiga kolom elemen dibawah header mirip dengan blognya kang rohman yang tersohor itu ^_^. Untuk membuatanya hampir sama dengan cara membuat kolom elemen di atas footer. Silakan ikuti langkah-langkah di bawah ini :

*  Log in dulu ke blogger
*  Lalu pilih Tata Letak
*  Klik Edit HTML
*  Beri tanda centang pada kotak kecil kanan atas
*  Kemudian cari kode ]]></b:skin> dan
*  Letakkan kode di bawah ini datas ]]></b:skin>

/* 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;
}

Silahkan anda modifikasi anda sendiri sesuai kreasi anda. Atau ada yang mau di editin. Tanyakan semuanya di kotak komentar dibawah. Pasti saya jawab!

*  Kemudian kita akan membuat id untuk properti elemen yang baru saja ditambahkan. Cari kode 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:widget></b:section></div>

*  Kemudian tambahkan kode di bawah ini persis dibawah nya
<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">
</b:section></b:section></b:section></div>

*  Simpan tamplate anda dan lihat hasilnya.

Selamat mencoba. Moga berhasil yahh,....

Saya tidak lupa untuk selalu mengingatkan kepada anda semua untuk meluangkan sedikit waktu anda untuk berkomentar di kontes SEO NegeriAds.com Solusi Berpromosi sebagai dukungan anda kepada IndonesiaNews! Terimakasih
Description: Cara Mudah Membuat Tiga Kolom Elemen Baru di Bawah Header Rating: 5 Reviewer: Nabil Muhammad Firdaus - ItemReviewed: Cara Mudah Membuat Tiga Kolom Elemen Baru di Bawah Header

2 komentar

DISCLAIMER BOS!!
[Disclaimer]
[Emoticons]

Thank bos...OK banget, kebetulan lagi dicari.

Sukkes sama Negeriads.com nya.

Balas
26/5/10 16:39

@ asep syam : Terimakasih kembali sobat Syam. Silahkan di coba. Jika ada kekeliruan bisa di tanyakan di kotak komentar ini. Sukses buat anda juga di Kontes SEO NegeriAds.com

Balas
26/5/10 17:55
 
IdWebDesign Company Logo

+62 81 328 733 696 | Email : idwebdesign@yahoo.com