Membuat Nama Author, Label, Tanggal Post Di Bawah Judul Postingan

Membuat Nama Author, Label, Tanggal Post Di Bawah Judul Postingan | Membuat Nama Author Blog Di Bawah Judul Postingan | Membuat Nama Label Blog Di Bawah Judul Postingan | Membuat Tanggal Post Di Bawah Judul Postingan. Itulah beberapa keyword yang mungkin cuycok itu postingan kali ini setelah kemarin selesai dengan postingan Kuroko No Basuke Episode 12-16 Sub Indonesia, Trik Internet Gratis Telkomsel Agustus 2012, serta Kumpulan Status Facebook Lucu. Dan masih berputar soal tutorial blogspot seperti halnya tutorial kemarin Membuat Blockquote Keren, nah pada kesempatan ini saya akan berbagi cara Membuat Nama Author, Label, Tanggal Post Di Bawah Judul Postingan. Okey nggak usah basa-basilagi langsung saja ke TKP.

Membuat Nama Author, Label, Tanggal Post Di Bawah Judul Postingan | Membuat Nama Author Blog Di Bawah Judul Postingan | Membuat Nama Label Blog Di Bawah Judul Postingan | Membuat Tanggal Post Di Bawah Judul Postingan

Membuat Nama Author, Label, Tanggal Post Di Bawah Judul Postingan

DEMO

1. Login ke Blogger
2. Masuk ke Rancangan >> Edit HTML
3. Centang Expand Template Widget

4. Tambahkan kode CSS dibawah ini sebelum kode ]]></b:skin>

.tanggal, .penulis, .kategori { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwSOTGJZzPbngWAGSq3C1gKtWZv-1ZFwIfW3e4FXTUGgmAdGIWTvaV1bd52bIqPpraRuBqzRj6it8VtpSbTMajbl1XFQkN0QdVzRpcK0H3ifmmgX4Zvhicak8zW1BntJAoV3mhnDWyMYxq/s320/icons.png) no-repeat }
.date { padding:0px; float:right; text-align:right; font-weight:normal; font-size:13px; margin:0 0 0 13px; }
.tanggal {background-position: 3px -66px; height:16px; padding:0 0 0 23px; color:#333; }
.info{margin-top:-7px;padding-top:-5px;line-height:2em;font-size:13px; text-align:left; }
.penulis {background-position:3px 0; height:16px; padding:0 0 0 23px; color:#333; margin-right:6px; }
.kategori {background-position:3px -22px; height:16px; padding:0 0 0 23px; margin:0 0 0 4px }

5. Jika sudah cari kode yang mirip seperti ini :

<b:else/>

<h1 class='post-title entry-title'> <b:if cond='data:post.link'> <a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a> <b:else/> <data:post.title/> </b:if>

</b:if>

</h1>      

Jika sudah ketemu silahkan copykan kode dibawah ini diatas kode tadi:

<div class='info'><span class='penulis'><span class='vcard'><span class='hcard'> <span class='fn n'> <span class='given-name'><data:post.author/></span></span></span></span></span> <span class='kategori'><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a> <b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if> </b:loop> </b:if></span>
<span class='tanggal'><abbr class='updated published' expr:title='data:post.timestampISO8601'><data:post.dateHeader/></abbr></span><div class='clear'/></div>

Sekian tutorial Membuat Nama Author, Label, Tanggal Post Di Bawah Judul Postingan ini, semoga bisa bermanfaat..

Ditulis Oleh : Luthfi Mazda | Admin Shift-7