kumpulan kabar bagus |
Cara menampilkan judul postingandi depan judul blog, mungkin hal ini tidak pernah terpikir bagi sobat blogger pemula. Demikian pula dengan saya, sebagai blogger pemula tidak pernah sedikitpun terpikir untuk menampilkan judul postingan di depan judul blog.
Ketika melihat blogger lain dapat menampilkan judul postingan di depan judul blog, saya berinisiatif dan mencari Cara Menampilkan Judul Postingan di DepanJudul Blog. Setelah berpetualang kesana kemari di dunia mbah google akhirnya menemukan pula cara tersebut. Semoga ini tidak hanya menjadi kabarbagus untuk saya pribadi tetapi juga sobat semua.
Bagi para sobat bolgger yang sudah tidak sabar ingin mnegetahui cara menampilkan judul postingan di depanjudul blog, ini dia caranya. Langsung saja dicomot sob..!
Ini Caranya :
1. Masuk ke akun blogger
2. Pilih menu “template”
3
3. Edit HTML
4
4. Cari kode </head> (gunakan tombol Ctrl+F untuk menemukanya)
5. Letakan kode berikut ini di atas code </head>
<style type='text/css'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
.post {
margin:.5em 0 1.5em;
border-bottom:0px dotted $bordercolor;
padding-bottom:1.0em;
height:50px;
}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:20px;
font-family:Tahoma,Georgia,Century gothic,Arial,sans-serif;
font-weight:normal;
line-height:1.4em;
color:#33AAFF;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:#33AAFF;
font-weight:normal;
}
.post h3 strong, .post h3 a:hover {color: #333333;}
.post-body {display:none;}
.post-footer {display:none;}
.comment-link {display:none;}
.post img {display:none;}
.post blockquote {display:none;}
.post blockquote p {display:none;}
h2.date-header {display:none;}
.post-labels {display:none;}
.post-rating {display:none;}
</b:if>
</style>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
.post {
margin:.5em 0 1.5em;
border-bottom:0px dotted $bordercolor;
padding-bottom:1.0em;
height:50px;
}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:20px;
font-family:Tahoma,Georgia,Century gothic,Arial,sans-serif;
font-weight:normal;
line-height:1.4em;
color:#33AAFF;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:#33AAFF;
font-weight:normal;
}
.post h3 strong, .post h3 a:hover {color: #333333;}
.post-body {display:none;}
.post-footer {display:none;}
.comment-link {display:none;}
.post img {display:none;}
.post blockquote {display:none;}
.post blockquote p {display:none;}
h2.date-header {display:none;}
.post-labels {display:none;}
.post-rating {display:none;}
</b:if>
</style>
6. Setelah itu, langkah terakhir adalah simpa (save template)
Bagaimana sobat blogger mudah bukan..?
Silahkan dicoba dulu...
Semoga ini dapat menjadi pengetahuan baru
terimakasih banyak infonya sob..
BalasHapus