Menampilkan Real Time di Blogspot Jilid 1

Trik ini saya dapatkan dari melihat hasil karya template suhu Herro,  sangat menarik sekali menurut saya karena ketika kita membuka blog akan terlihat hari kita mengaksesnya yang saya sebut real time , sehingga tampilan blog menjadi dinamis. Pemakaian real time dapat sobat lihat di blog ini, atau lihat screenshootnya di bawah ini :

Cara menampilkan realtime ini sangat mudah sekali, hanya membutuhkan kode javascript dan penempatan real timenya bisa menurut selera sobat blogger.

Langkah-langkah menampilakan real time di blogspot:

1. Login terlebih dahulu ke blogspot masuk ke Tata Letak > Edit HTML dan jangan lupa untuk membackup template sobat

2.  Jangan centang  Expand Widget Templates,  letakan script ini di bawah </head>

<script src='http://subagya.googlepages.com/tampil_tanggal.js' type='text/javascript'/> 

3. Kemudian untuk penempatan real time ini bisa di sesuaikan dengan keinginan sobat dengan menaruh kode di bawah ini ke dalam struktur template:

Hari ini : <script>tampiltanggal();</script>   

 4. Pada contoh ini saya menaruh kode tersebut di dalam header-wrapper yang sebelumnya saya tulis untuk code cssnya :

.realtime {
margin:10px;
text-align: left;
color:#ffffff;
float:right;
font-weight: bold;
}

Taruh kode tersebut di atas ]]></b:skin>

5. Langkah selanjutnya masukkan kode yang berwarna merah ke dalam struktur header-wrapper :

<div id='header-wrapper'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Thinking Out Of The Box (Header)' type='Header'/>
</b:section>
<div class='realtime'>
Hari ini : <script>tampiltanggal();</script>    
</div>
</div> 
NB : Perhatikan kode header-wraper dan tag penutupnya </div>!!

6. Langkah terakhir adalah save hasil pekerjaan sobat