Salah satu template yang bagus digunakan untuk photography di blogspot adalah template Gallery Hex dari Dillip Kumar. Tampilannya sederhana namun elegan.
Ada di antara pembaca blog saya yang menanyakan bagaimana cara mengkonfigurasi header template ini supaya Header Imagenya bisa tampil memanjang sepanjang body blog dan ad di top bannernya tidak mengganggu pemandangan.
Berikut ini tipsnya :
- Sign in ke dashboard blogspot
- Pilih Template > Edit HTML > Lanjutkan
- Carilah kode /* Header
- Ubah sehingga menjadi seperti di bawah ini
/* Header5. Simpan template dan pilih "tutup"
-----------------------------------------------
*/
#navbar-iframe {
display:none;
}
#header-wrapper {
height:180px;
margin:0 auto;
width:970px;
}
#header {
color:#FFFFFF;
text-align:center;
width:970px;
float:left;
height:150px;
overflow:hidden;
}
#header h1 {
margin:5px 5px 0;
padding:30px 5px 5px;
line-height:1.2em;
text-transform:Normal;
font-size:2.8em;
color:#000000;
font-family:Arial,Verdana;
font-weight:bold;
visibility:hidden
}
#header a {
text-decoration:none;
color:#000000;
}
#header .description {
margin:0 0 5px;
line-height: 1.4em;
color: #0081c5;
font-size: 12px;
font-weight:bold;
text-transform: Normal;
padding-left:13px;
visibility:hidden
}
#header img {
margin-left:auto;
margin-right:auto;
}
/* Top Banner
-----------------------------------------------
*/
.ad {
margin:0;
padding:0;
text-align:center;
} */
#top-widget {
float:right;
margin-top:23px;
margin-right:13px;
width:728px;
height:90px;
background:#eee;
border:1px solid #ccc;
padding:3px;
}
Selanjutnya masukkan gambar yang akan dijadikan header image. Caranya sebagai berikut :
- Pilih "Tata Letak"
- Pilih "tambah gadget" pada bagian atas
- Upload gambar yang akan dijadikan header image dengan ukuran 728 x 90 px
- Simpan dan lihat hasilnya
Semoga bermanfaat