Majalah Blogger Indonesia kali ini mengangkat topik cara menghilangkan dan menyembunyikan title dan deskripsi pada blogger blogspot.
Hakikatnya template blog ada yang sudah disembunyikan atau dihilangkan title dan deskripsi, namun secara default template bawaan blogspot selalu menampilkan title dan deskripsi pada bagian header template blog. Namun, ada kalanya kita bosan dan ingin mengganti title blog kita dengan icon atau logo dan naasnya menghilangkan title dan deskripsi, sumber pertanyaan dalam hati kita, kalau dihilangkan nanti jadi nggak Seo Friendly ga ya.....
Majalah Blogger ijin menjawab, "kurang tau juga, karena Majalah Blogger bukan cucunya paman google...". kalau boleh Majalah Blogger bersaran, sebaiknya disembunyikan saja jangan dihilangkan.
Langsung ke TKP tanpa panjang lebar,pertama Majalah Blogger bahas mengenai cara MENGHILANGKAN title dan deskripsinya,
Buka LAYOUT >> EDIT HTML >> Klik Expand Widget Template.
Cari kode: #header .description {
seperti ini kodenya, #header .description {
margin:0;
padding:0 20px 10px;
text-transform:none;
letter-spacing:0em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
}
seperti ini kodenya, #header .description {
margin:0;
padding:0 20px 10px;
text-transform:none;
letter-spacing:0em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
}
Tambahkan kode: display:none;
Hasilnya seperti ini
#header .description {
margin:0;
padding:0 20px 10px;
text-transform:none;
letter-spacing:0em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
display:none;
}
margin:0;
padding:0 20px 10px;
text-transform:none;
letter-spacing:0em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
display:none;
}
Keterangan tambahan, untuk menghapus title tinggal diganti pencariannya #header h1 {
Kedua Majalah Blogger bahas mengenai cara MENYEMBUNYIKAN title dan deskripsinya, buka LAYOUT >> EDIT HTML >> Klik Expand Widget Template.
Cari kode: #header .description {
seperti ini kodenya, #header .description {
margin:0;
padding:0 20px 10px;
text-transform:none;
letter-spacing:0em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
}
Cari kode: #header .description {
seperti ini kodenya, #header .description {
margin:0;
padding:0 20px 10px;
text-transform:none;
letter-spacing:0em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
}
Tambahkan kode: text-indent: -1000px;
Hasilnya seperti ini
#header .description {
margin:0;
padding:0 20px 10px;
text-transform:none;
letter-spacing:0em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
text-indent: -1000px;
}
margin:0;
padding:0 20px 10px;
text-transform:none;
letter-spacing:0em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
text-indent: -1000px;
}
Keterangan tambahan, jika masih ada deskripsi yang masih muncul tambahkan jumlah text-indentnya menjadi -2000 atau -3000 dan selanjutnya. Dan untuk menyembunyikan title tinggal diganti pencariannya #header h1 {
Nah, kira-kira seperti di atas tadi cara menghilangkan title dan deskripsi atau cara menyembunyikan title dan deskripsi pada blogspot.
0 komentar:
Posting Komentar