Tips Menampilkan Gambar atau Widget di Pojok Blog

Jika anda ingin menampilkan gambar pilihan anda di pojok blog atau ingin menampilkan widget semacam jam seperti milik saya, caranya sangatlah mudah. Di bawah ini ada beberapa tahapan untuk menampilkannya. Yaudahh gak usahh basa-basi langsung aja ke TKP, . .hehehe. . .

Langkah-langkahnya:
1. Login ke blogger dulu, klik Layout -->> Edit HTML

2. Cari kode ini ]]></b:skin> , biar lebih cepat tekan Ctrl+F lalu copy kode tersebut di kotak find.

3. CoPas kode di bawah ini di sebelah atas ]]></b:skin> :

#trik_pojok {
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); }

4. Text yang dicetak tebal di atas adalah posisinya, jika anda ingin mengganti posisinya di pojok kanan bawah, anda tinggal mengganti "left" dengan "right". Begitu juga dengan tulisan "bottom", jika anda ingin merubah posisinya di sebelah atas bisa diganti dengan "top".

5. CoPas kode di bawah ini sebelum kode </body>:

<div id="trik_pojok">
<a href="http://gammaz77.blogspot.com">
<img src="http://img18.imageshack.us/img18/4760/logoblog1.gif" border="0" /></a>
</div>

6. "http://gammaz77.blogspot.com" adalah linknya, ganti dengan link anda.
"http://img18.imageshack.us/img18/4760/logoblog1.gif" adalah lokasi gambarnya, ganti dengan lokasi gambar milik anda.

7. Apabila anda ingin yang berada di pojok bukan gambar melainkan jam/kalender/hit counter/widget-widget yg lain, maka gantilah text yang berwarna merah dengan script widget-widget tersebut.
contohnya seperti kode di bawah ini:

<div id='trik_pojok'>
<script src='http://clockwidgets.net/clocks/d4_006/clockwidget.js' type='text/javascript'/><div style='width:160px; text-align:center; font-size:11px;'/>
</div>

yang tercetak tebal adalah kode widgetnya.

8. Simpan template, kemudian lihat hasilnya.

Good Luck^^