Cara Memasang Jam Di Pojok Kiri

Written By Phuad Cahyono on 1 Mar 2011 | 10.31

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>

<div id="sudut-widget">
<p class="tanda"> </p>
          <div align="center">
                  <script src="http://www.clocklink.com/embed.js"></script>
                  <script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="0011-green.swf";obj.TimeZone="JOG";obj.width=150;obj.height=150;obj.wmode="transparent";showClock(obj)</script><span style=";font-family:comic_sans_ms;color:red;"  ><span class="style1"><span class="style2"><span class="style3"><span class="style4"><blink><a href="http://www.blogger.com/affiliasikontes.php"><strong></strong></a></blink></span></span></span></span></span>
<script src="http://www.clocklink.com/embed.js"></script></div>

</div>

Step 3 
Kalau sudah selesai Klik pratinjau Jika suda ok klik simpan.....
Gimana mudah kan????

0 komentar:

Follow by Email

Pengikut