Cara Menampilkan Hari Dan Tanggal Di Blog

Posting cara memasang atau menampilkan hari dan tanggal di blog ini, sebelumnya sudah dites dan berhasil dikala CB memodifikasi template New Fastest Magz dan berhasil pula dipasang di blog ini (di atas logo/nama blog).

Sebentar! Apa perlu menampilkan hari dan tanggal di blog? Bukankah user atau pengunjung blog tidak memerlukannya alasannya yakni sudah ada di komputer masing-masing?

Oke deh, kalau merasa perlu, ibarat CB lakukan di blog ini dan di New Fastest Magz, ini ia cara menampilkan hari dan tanggal di blog. Ada tiga cara:

Cara #1 Menampilkan Hari dan Tanggal di Blog
1. Dashboard > Layout
2. Page Element
3. Klik salah satu Gadget
4. Pilih HTML/Javasript
5. Masukkan instruksi berikut ini:

<script type="text/javascript">
now = new Date();
if (now.getTimezoneOffset() == 0) (a=now.getTime() + (7*60*60*1000))
else (a=now.getTime());
now.setTime(a);
var tahun=now.getFullYear()
var hari=now.getDay()
var bulan=now.getMonth()
var tanggal=now.getDate()
var hariarray=new Array("Minggu","Senin","Selasa","Rabu","Kamis","Jum'at","Sabtu")
var bulanarray=new Array("Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember")
document.write(hariarray[hari]+" "+tanggal+" "+bulanarray[bulan]+" "+tahun)
</script>

6. Save!

Cara #2 Menampilkan Hari dan Tanggal di Blog
Cara ini dilakukan CB di blog ini (Template Johny Wuss).

1. Template > Edit HTML
2. Masukkan instruksi tersebut di bawah instruksi <div id='wrap2'> atau di atas instruksi <div id='header-wrapper'>
3. Save!

Cara #3 Menampilkan Hari dan Tanggal di Blog
Cara ini yang dilakukan CB di Template New Fastest Magz. Perhatikan instruksi di bawah ini, khususnya yang berwarna merah.

<div id='topwrapper'>
  <form action='/search' id='search-top' method='get'> <input name='q' placeholder='Search...' size='40' type='text'/><input id='search-button-top' type='submit' value='GO'/></form>
  <div class='newspic'>
<span class='breakingnews'>Latest News</span> 
    <script type='text/javascript'>
var cssfeed=new gfeedrssticker(&quot;example1&quot;, &quot;example1class&quot;, 5000, &quot;_new&quot;)
cssfeed.addFeed(&quot;Feed Blog&quot;, &quot;http://free-btemplate.blogspot.com/feeds/posts/default&quot;) //Specify &quot;label&quot; plus URL to RSS feed
cssfeed.displayoptions(&quot;date&quot;) //show the specified additional fields
cssfeed.setentrycontainer(&quot;span&quot;) //Wrap each entry with a DIV tag
cssfeed.filterfeed(10, &quot;date&quot;) //Show 10 entries, sort by date
cssfeed.entries_per_page(1)
cssfeed.init()
    </script>
  </div>

Semua instruksi yang berwarna biru di atas dihapus semuanya, sehingga menjadi begini:
<div id='topwrapper'>
  <div class='newspic'>
  </div>

Nah, instruksi hari dan tanggal di atas kemudian masukkan sesudah instruksi   <div class='newspic'>, menjadi sebagai berikut:

<div id='topwrapper'>
  <div class='newspic'>
<script type="text/javascript">
now = new Date();
if (now.getTimezoneOffset() == 0) (a=now.getTime() + (7*60*60*1000))
else (a=now.getTime());
now.setTime(a);
var tahun=now.getFullYear()
var hari=now.getDay()
var bulan=now.getMonth()
var tanggal=now.getDate()
var hariarray=new Array("Minggu","Senin","Selasa","Rabu","Kamis","Jum'at","Sabtu")
var bulanarray=new Array("Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember")
document.write(hariarray[hari]+" "+tanggal+" "+bulanarray[bulan]+" "+tahun)
</script>
  </div>

Anda dapat memalsukan langkah di atas untuk blog Anda. Intinya, instruksi yang berwarna biru itulah untuk memasang atau menampilkan hari dan tanggal di blog Anda, contohnya di atas nama/logo blog atau di navigasi Good Luck!

Share this post