Ruko Dikontrakan Disewakan DiBalikpapan di Jalan Ahmad Yani Letak Strategis di Jalan Utama, Cocok buat usaha Disekitarnya Bank, Toko, Restauran dll. Peminat Call/Sms ke 62 085654810001, 082250568492 Selengkapnya >> Disini

6.Membuat 3 Kolom Dibawah Header

Posted By Top Triks on Monday, May 9, 2011 | 5/09/2011 11:54:00 AM

thumbnail





Cara Membuat 3 Kolom Dibawah Header
Cara Membuat 3 Kolom Dibawah Header
Widget 3 kolom dibawah header ini sebenarnya bisa sobat tambahkan jika pada bagian sidebar template sudah penuh dan terlalu panjang. Sebagai alternatif untuk meletakkan kode html ataupun javascript yang mungkin sobat perlukan. Kurang lebih sama dengan postingan saya yang dulu tentang membuat multi kolom yang diletakkan di bagian bawah blog, namun kali ini saya meletakkannya bagian atas atau tepatnya dibawah header. Widget 3 kolom ini bisa sobat lihat demonya disini.

Langsung menuju lokasi pengeditan template-nya.
•     Silahkan login ke blogger.
•    Lalu Tata Letak.
•    Pilih tab Edit HML.
•    Jangan di klik Expand Template Widget, karena akan memusingkan sobat.
•    Letakkan kode css berikut ini diatas kode ]]></b:skin>

/* –- Top --*/
#top {
background:#fff;
margin-top:10px auto;
width:960px;
overflow:hidden;
font-size:12px;
padding:10px;
}

#top h2 {
background:#000 url(http://lh5.ggpht.com/_7Y9pl24WpQY/Ss37F0ZA9kI/AAAAAAAAB2k/c_ySi8QZg20/header_thumb%5B2%5D.jpg) repeat-x;
font-size:14pt;
font-weight:400;
text-align:center;
font-style:normal;
line-height:1.3em;
color:#fff;
padding:5px;
margin-top:-10px;
margin-left:-10px;
margin-right:-10px;
}

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

#top ul li {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjikpGM_SbTKLQvIvS-cFrf4FWoFEWdQvpt40evUI8p5mg7dfLyxadX7Js6pjAdOiQ0Adp1d7KfTFHYs-kLYY6RWZAMBolq7ztB86kLQKWI_qBv-tXLfhyphenhyphenAJ289OX_v2Ps5pvMR8uAlVKLH/s320/b3.gif) no-repeat;
list-style-type:none;
border-bottom:1px dashed #CCC;
margin:0 0 10px;
padding:0 0 5px 20px;
}

#top ul li a:hover {
margin:0px 0px 5px;
padding:0px;
}

#topcenter {
width:300px;
float:left;
margin-left:10px;
background:#fff;
padding:10px
}

#topleft {
width:280px;
float:left;
margin-left:10px;
background:#fff;
padding:10px;
}

#topright {
width:280px;
float:right;
margin-left:10px;
background:#fff;
padding:10px;
}


Cari kode yang mirip seperti ini, biasanya letaknya dibawah </head>

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


Kemudian letakkan kode berikut ini tepat setelah kode diatas :

<div id='top'>
<b:section class='top' id='topleft' preferred='yes' showaddelement='yes'>
</b:section>
<b:section class='topcenter' id='topcenter' preferred='yes' showaddelement='yes'>
</b:section>
<b:section class='topright' id='topright' preferred='yes' showaddelement='yes'>
</b:section>
</div>
•    Simpan Template.

Semoga Bermanfaat dan Sukses
6.Membuat 3 Kolom Dibawah Header | IKLAN88
Blog, Updated at: 5/09/2011 11:54:00 AM

0 Comment:

Post a Comment

Silahkan Beri Komentar Anda disini, Pergunakan Bahasa yang Singkat dan Sopan, Berikan Komentar Anda Sesuai Topic Artikel.

Rumah Bergaya Mediterania 3 Lantai Jalan Danau Sentarum, Pontianak Barat, Sertifikat SHM, Luas Tanah 320, Luas Banguanan 160 Selengkapnya >> Disini Dijual Ruko Murah Siap Pakai 2 Lantai Atrani Residence Wagir Malang Lokasi Atrani Residence,Wagir Malang. Luas Tanah 72 M2, Luas Bangunan 144 M2, Listrik Air PDAM tersedia. Selengkapnya >> Disini
RUMAH 2 LANTAI TERMURAH SE MALANG RAYA HANYA 200JUTAAN Dengan konsep dan gaya hunian yang kekinian, D’Park City mengusung tema Modern Minimalis dengan sentuhan gaya islami. Selengkapnya >> Disini Ruko Dikontrakan Disewakan DiBalikpapan di Jalan Ahmad Yani Letak Strategis di Jalan Utama, Cocok buat usaha Disekitarnya Bank, Toko, Restauran dll. Peminat Call/Sms ke 62 085654810001 Selengkapnya >> Disini
Sewa Rumah 2 Lantai Di Rest Area Villa bagus di Puncak Bogor dengan view panorama lembah dan pegunungan merupakan sesuatu yang spesial Daftar Sewa Villa di Puncak Untuk Rombongan dan Keluarga bisa Hubungi kami. Selengkapnya >> Disini Dijual Rumah Minimalis 2 Lantai Semarang Lokasi Rumah Sendangguwo, Kec. Tembalang, Kota Semarang Sertifikat SHM, Luas Tanah 700, Luas Banguanan 90. Selengkapnya >> Disini
Dijual Rumah Mewah Bergaya Eropa di Pondok Kelapa, Jakarta Timur, DKI Jakarta. Sertifikat SHM Luas Tanah 900 M2 Selengkapnya >> Disini TANAH DI Jual Villa Lereng Merapi Jl. Lintas Liwa No. 39 Sumber Jaya, Lampung Barat, Luas 1300 Sertifikat SHM. Selengkapnya >> Disini
Rumah Dijual Balikapapan Letak Strategis Di Jalan Utama Ahmad Yani, Sertifikat Hak Milik, Peminat bisa menghubungi di 085654810001, 082250568492 Selengkapnya >> Disini Dijual Ruko Murah Siap Pakai 2 Lantai Atrani Residence Wagir Malang Lokasi Atrani Residence,Wagir Malang. Luas Tanah 72 M2, Luas Bangunan 144 M2, Listrik Air PDAM tersedia. Selengkapnya >> Disini

Total Pageviews

Rumah Dijual Balikpapan

Rumah Dijual Balikpapan Letak Strategis Di Jalan Utama Ahmad Yani, Sertifikat Hak Milik, Peminat bisa menghubungi di 085654810001 Selengkapnya >> Disini Peta Lokasi >> Disini

Blog Archive