Trik Jitu Sembunyikan Atribut Bawaan Blogger

Jika pada pembahasan sebelumnya, mengulas tentang panduan lengkap tentang cara menghapus seluruh atribut-atribut bawaan pada template asli blogger. Maka kali ini fungsinya hanya untuk menyembunyikan saja, barangkali suatu saat anda berubah pikiran ingin menampilkannnya kembali.

Keseluruhan langkah-langkahnya adalah dengan cara, masuk ke akun blogger anda. Kemudian pilih menu “Template”, lalu klik tombol “Edit HTML”. Jika sudah melakukan proses editing, maka tekan tombol “Simpan Template” dan bisa anda lihat sendiri hasilnya. Agar cepat cara kerja menemukan kode-kode yang dimaksud, sebaiknya menggunakan fungsi kotak pencarian, tekan CTRL+F pada keyboard komputer. 

Adapun beberapa atribut standar yang biasa ada di template bawaan blogger, adalah sebagai berikut. Anda bisa pilih sendiri bagian mana yang mau disembunyikan, ataupun mau diumpetin semuanya juga boleh.

Tampilkan posting dengan label

Cari kode;
]]></b:skin>

Taruh kode berikut ini, di atas/sebelum kode tersebut.
.status-msg-wrap{
display:none;
}
.status-msg-body{
display:none;
}
.status-msg-border{
display:none;
}

Obeng dan Tang

Cari kode;
]]></b:skin>

Tambahkan kode berikut ini, di atas/sebelum kode tersebut.
.quickedit{display:none;}

Diberdayakan oleh Blogger

Cari kode;
]]></b:skin>

Taruh kode berikut ini, di atas/sebelum kode tersebut.
#Attribution1
{height:0px;visibility:hidden;display:none;}

Langganan : Entri (Atom)

Cari kode;
]]></b:skin>

Taruh kode berikut ini, di atas/sebelum kode tersebut.
.feed-links{display:none;}

Tombol berbagi

Cari kode;
<b:includable id=’shareButtons’ var=’post’>
<b:if cond=’data:top.showEmailButton’><a clas=dan seterusnya sampai kode<data:post.dummyTag/></div></b:if></b:includable>

Sisipkan kode yang berwarna hijau di antara kode yang berwarna merah, sehingga struktur kodenya berubah jadi seperti di bawah ini.
<b:includable id=’shareButtons’ var=’post’>
<b:if cond=’data.blog.pageType ==”item”’>
<b:if cond=’data:top.showEmailButton’><a clas=dan seterusnya sampai kode<data:post.dummyTag/></div></b:if></b:if></b:includable>

Garis Bawah Pada Link

Cari kode ini;

a:visited{
color: #ccc;
text-decoration:underline;
}

a:hover{
color: #000;
text-decoration:underline;
}

Ganti tulisan “underline;” dengan “none;”. Penulisannya jadi seperti ini;
text-decoration:none;

Pewarnaannya juga dapat dikreasikan sesuai selera. Pada kode colour: #ccc; adalah tampilan warna pada link yang pernah diklik, sedangkan colour: #000; adalah tampilan warna link ketika disorot oleh kursor.