Trik dasar modifikasi template blogspot.com

Sebenarnya free theme atau template gratis untuk pengguna blogspot.com sudah banyak dan semuanya dapat di download dengan gratis. Namun saya cukup berbangga dengan design yang saya buat sendiri, walaupun hasilnya tidak seprofesional situs penyedia template gratis ada.

Sebelumnya saya telah menulis tentang modifikasi tanggal postingan, menganti pesan komentar atau memasang page view counter di blogspot.com. Kali ini saya akan menulis kumpulan trik dasar modifikasi template. Semoga cukup membantu bagi sahabat-sahabat pemula.

Menghilangkan navbar blogger

#navbar-iframe {height:0px; visibility:hidden; display:none; }
atau
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

Menghilangkan icon obeng atau quick edit

.quickedit{ display:none;}

Menghapus Feed Link (Menghilangkan tulisan Subscribe to : post (atom)

.feed-links{display:none; visibility:hidden;}

Menghilangkan Pesan Pencarian Blogger

status-msg-wrap{display:none;}

Modifikasi Pesan Pencarian Blogger

Ubah ukuran kode dibawah ini sesuai kebutuhan
#main .status-msg-wrap{width:90%; padding:5px;}  
#main .status-msg-body{font-size:12px; text-align:left; padding:5px 5px 5px 30px; width:auto;}   
#main .status-msg-border{border:0;  opacity:1;}   
#main .status-msg-bg{background: #fff;}

Memasang Favicon

<link href='...alamat favicon anda...' rel='icon' type='image/x-icon'/>

Menganti author name

Cari kode di bawah ini
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/> <data:post.author/>
</b:if>
Ganti dengan kode ini
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>Sutan
</b:if>

Menghilangkan atau mengedit border/garis image

Cari kode HTML seperti dibawah ini
.post img {
padding:4px;
border:1px solid $bordercolor;
}
Ubah angka 1 pada boder dengan angka 0 atau dengan angka lain untuk memperbesar border
.post img {
padding:4px;
border:0px solid $bordercolor;
}

Sedikit tips diatas saya harapkan membantu para sahabta pemula, jika ada yang lain silahkan ditambah. Terimakasih...

Ditulis dalam: memasang penghitung jumlah kunjungan per postingan, page viewer counter, modifikasi template blogger, cara mendesain template, tips trik blogspot.com, blogger hack, cara membuat vavicon, memasang icon blog, navigasi blogger