Memasang Jam Digital di Pojok Bawah Blog

Mempercantik blog adalah salah satu hal yang harus blogger perhatikan. Blog yang cantik dan sedap dipandang akan membuat betah pengunjung untuk mengeksplor isi konten yang ada di dalam blog anda. Dan sudah pasti akan membuat pengunjung datang kembali untuk melihat update posting terbaru pada blog anda. Salah satu cara mempercantik blog anda adalah memasang widget. Widget ini bisa berupa gambar/image, photo, animasi, traffic blog, ads/iklan, status yahoo messenger, badget facebook, shout box, jam, kalender, hit counter dan lain-lain. Sebenarnya kita dapat memasang widget pada badget yang sudah ada dalam template yang kita pilih. Tapi sekali kali kita pakek cara laen... hehehehe Oke langsung saja ke tutorialnya. 

Step 1 

-pertama anda harus login untuk masuk ke blogger anda. 

-lalu masuk ke TATA LETAK/LAYOUT lalu pilih tab EDIT HTML. 

-sebelumnya anda harus centang EXPAND TEMPLATE WIDGET. 

-cari (Ctrl+F) kode 

 ]]></b:skin>

lalu copy paste kode dibawah ini tepat di atas nya. 

#sudut-widget { position:fixed;_position:absolute;bottom:0px; left:0px; clip:inherit; _top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); } 

Text yang berwarna merah adalah kode untuk posisi nya, jika anda ingin posisinya berubah tinggal mengganti: bottom = untuk yang ingin widget nya di bawah top = untuk yang ingin widget nya di atas right = untuk yang ingin widget nya di sebelah kanan left = untuk yang ingin widget nya di sebelah kiri 

Step 2 

- selanjutnya yaitu meletakan kode dibawah sebelum kode 

</body>

Lalu pastekan kode ini sebelum atau di atas kode body tadi :

<div id='sudut-widget'>

<p class='tanda'> </p>

          <div align='center'>

                  <script src='http://www.clocklink.com/embed.js'/><script language='JavaScript' type='text/javascript'>obj=new Object;obj.clockfile=&quot;5010-orange.swf&quot;;obj.TimeZone=&quot;JOG&quot;;obj.width=150;obj.height=45;obj.wmode=&quot;transparent&quot;;showClock(obj);</script>

<script src='http://www.clocklink.com/embed.js'/></div>

</div>

Step 3 

Kalau sudah selesai Klik pratinjau Jika suda ok klik simpan.....

Gimana mudah kan???? Semoga Bermanfaat

Ok di tunggu komentarnya