Menampilkan Tanggal Setelah Title Postingan 3

Ketika anda mempublikasikan postingan pada blogger,tanggal postingan hanya akan tampil untuk postingan terbaru setiap hari tertentu,artinya jika anda membuat beberapa postingan dalam satu hari,postingan tanggal hanya akan tampil untuk postingan terakhir yang dipublikasikan pada hari ini.Pada templete standar blogger (pada kebanyakan third party (pihak ketiga) templete),untuk menampilkan tanggal postingan setiap hari tidak ada pilihan lain selain menggunakan tag <b:if cond=’data:post.dateHeader’> tag.Maka sesuai judul postingan kali ini yaitu Menampilkan Tanggal Setelah Title Postingan , saya akan menjelaskan cara kustomisasi cepat dan sederhana yang memungkinkan Anda untuk menampilkan tanggal di semua posting blog Anda, dimana akan menginformasikan pembaca blog Anda tentang tanggal yang tepat dari posting yang akan di tampilkan Setelah Title Postingan .

Dan adapun langkah-langkah Menampilkan Tanggal Setelah Title Postingan adalah:

1. Login ke account blogger anda di www.blogger.com

2. Pilih opsi lainya >>>Pilih Setelan.

3. Selanjutnya klik Bahasa dan Pemformatan (lihat gambar di bawah ini).

4. Kemudian cari kode .date-header { } dan ganti dengan kode di bawah ini :

.date-header {display:block;color:#fff;height:45px;width:40px;margin-left:2px;text-align: center;font-family: georgia;font-size:11px;padding:0 ;}
.date-back {display:block;float:right;
text-align: center;height:45px;width:45px;margin:.2em 0 0 0;padding:3px 0 0 0;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;-box-shadow:01px 1px #ccc; border-radius: 400px; /*really large border radius to create round borders*/-moz-border-radius: 400px;-webkit-border-radius: 400px;padding:3px;background:#0F5079;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;}

Keterangan:

Anda dapat mengedit kode css di atas dan disesuaikan dengan tempelete anda.

5. Selanjutnya cari kode di bawah ini :

<b:if cond=’data:post.dateHeader’>
<h2 class=’date-header’><data:post.dateHeader/></h2>
</b:if>

atau

<b:if cond=’data:post.dateHeader’>
<div class=’date-header’><data:post.dateHeader/></div>
</b:if>

Keterangan :

Biasanya ada dua kode yang sama seperti kode pertama dan kedua diatas.

Setelah menemukan kode tersebut ganti kedua kode yang sama seperti diatas dengan kode di bawah ini :

<b:if cond='data:post.dateHeader'>
<div class='date-back'> <div class='date-header'><data:post.dateHeader/></div></div>
</b:if>

6. Simpan templete anda.


Selesai dan semoga bermanfaat....