Cara Menambah 3 Kolom di Bawah Header - Kali ini saya akan membagikan sebuah tips menambahkan 3 kolom di bawah header blog.
1. Login ke Blogger.com
2. Masuk ke menu edit html, Dashboard > Template > Edit HTML.
3. Cari kode ]]></b:skin>, kemudian copy paste script berikut diatasnya.
4. Kemudian cari kode <div id='post-wrapper'> atau <div id='main-wrapper'> (tergantung type template Anda), lalu copy paste script berikut diatasnya.
Sekian tips menarik yang mengenai cara menambahkan 3 kolom dibawah header blog, sampai jumpa lagi ditutorial yang lain
1. Login ke Blogger.com
2. Masuk ke menu edit html, Dashboard > Template > Edit HTML.
3. Cari kode ]]></b:skin>, kemudian copy paste script berikut diatasnya.
/* –- 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/AVvXsEhcqbku3QIwAGuEpH39uDCK36-gdFk9YsZqjZoPMXiBaRnfb1Z8_PjB3OVxYAM0jIkd7fdeELzjrZrt7Zs__Hs3-S1xpc0Lw-6fza46A8cm8Dlh4LrYHhc0JPVJAGk7Jl7zq1tQMR2GHUx4/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;
}
4. Kemudian cari kode <div id='post-wrapper'> atau <div id='main-wrapper'> (tergantung type template Anda), lalu copy paste script berikut diatasnya.
<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>
5. Simpan kembali template anda dan masuk ke Tata Letak/Layout dan lihat disana akan ada 3 kolom dengan nama topleft, topcenter, topright.
:)
:(
=(
^_^
:D
=D
|o|
@@,
;)
:-bd
:-d
:p