Archive for September 2012

Mengkonfigurasi Header Template Gallery Hex

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 :
  1. Sign in ke dashboard blogspot
  2. Pilih Template > Edit HTML > Lanjutkan
  3. Carilah kode  /* Header
  4. Ubah sehingga menjadi seperti di bawah ini
/* Header
-----------------------------------------------
*/
#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;
}
5. Simpan template dan pilih "tutup"

Selanjutnya masukkan gambar yang akan dijadikan header image. Caranya sebagai berikut :
  1. Pilih "Tata Letak"
  2. Pilih "tambah gadget" pada bagian atas
  3. Upload gambar yang akan dijadikan header image dengan ukuran 728 x 90 px
  4. Simpan dan lihat hasilnya

Semoga bermanfaat

Posted in | 2 Comments
Related Posts Plugin for WordPress, Blogger...
Diberdayakan oleh Blogger.

Search

Swedish Greys - a WordPress theme from Nordic Themepark. Converted by LiteThemes.com.