* { margin: 0; padding: 0; box-sizing: border-box; font-family: Arial, Helvetica, sans-serif; } body { background-color: black; } .badan { width: 880px; margin: 35px auto; background-color: white; padding: 20px; overflow: hidden; } .badan h2 { color: crimson; border-bottom: 1px solid gainsboro; margin: 5px; margin-bottom: 13px; } .list-produk { border: 1px solid gainsboro; padding: 10px; float: left; width: 200px; margin: 5px; } .list-produk:hover { transition-duration: 700ms; box-shadow: 5px 5px gainsboro; } .list-produk img { width: 100%; height: 175px; display: block; margin-bottom: 5px; } .list-produk h4, .list-produk h5 { color: crimson; text-align: center; margin-bottom: 5px; } .tombol { text-decoration: none; border-radius: 7px; padding: 7px; display: block; float: left; width: 45%; margin: 4px; text-align: center; color: white; } .tombol:hover { background-color: black; transition-duration: 700ms; } .tombol-detail { background-color: green; } .tombol-beli { background-color: crimson; }
Skip to content Skip to sidebar Skip to footer
Home / blog

Membuat Judul Posting Blog Blogspot di Depan

Cara membuat Judul Posting ada di depan Judul Blog. Defaultnya judul posting berada setelah judul blog. Di Firefox 4 ke atas judul posting tidak terlihat karena tertutup oleh judul Blog. Optimasi SEO juga lebih baik jika Judul posting berada di depan.
Berikut adalah cara untuk menjadikan judul posting berada di depan.
Edit template Blogger Ganti Line :
<title><data:blog.pageTitle/></title>
dengan ini
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> || <data:blog.title/></title>
</b:if>
Simpan template Blogger anda dan lihat hasilnya.
m