Cara Menampilkan Judul Postingan di Depan Judul Blog | Kumpulan Kabar Bagus

Cara Menampilkan Judul Postingan di Depan Judul Blog | Kumpulan Kabar Bagus

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> 

6.  Setelah itu, langkah terakhir adalah simpa (save template)

Bagaimana sobat blogger mudah bukan..?
Silahkan dicoba dulu...

Semoga ini dapat menjadi pengetahuan baru
bagi sobat semua

Komentar

Posting Komentar