Membuat Sesuatu Selalu Tetap di sudut

Sebenarnya cara ini sudah ane temuin beberapa waktu lalu, tapi karena belum punya sesuatu yang pas untuk di letakkan di sudut, ane jadi belum sreg untuk menulis postingan ini. Nah, pas lagi blogwalking nemu semacam situs tamagochi, tapi yang dipelihara sejenis naga, lalu supaya bisa mantau peliharan kita, tersedia link gambarnya nah gambar itulah yang ane letakkan di pojok a.k.a sudut (hehehe), btw back to our topic.



Cara ini pun tidak terpaku hanya untuk gambar saja, semua widget yang kita miliki di blog kita pun bisa saja kita letakkan di sudut. Tapi tentu saja hanya widget yang kita tau kode-kode HTMLnya saja yang bisa kita otak-atik. Ok, kita mulai dengan Cara Pertama, ane rasa cara ini yang cukup mudah, tapi menurut pantauan ane (wew, kaya ngasih berita aja) cara ini lebih terpakai untuk kode HTML gambar, kode HTML gambar itu kode yang bisa menampilkan gambar dari situs lain, contoh kodenya seperti ini :

    <img src='urlgambarkamu.png' />

Nah, kode yang perlu di tambahkan supaya gambar ini bisa berada di sudut yang kita mau, tinggal tambahkan atribut style="position:fixed;bottom:0px;left:0px;" di dalamnya, sehingga jadi seperti ini :
  <img src="urlgambarkamu.png" style="position:fixed;bottom:0px;left:0px;" />

Tulisan yang berwarna kuning menandakan posisinya, jika mau merubah posisinya tinggal ganti saja, ada 4 pilihan top,bottom,left,right. Lalu untuk pixelnya pun (0px) bisa dirubah sesuai kebutuhan.

Wih, udah banyak juga ya, tapi ini baru cara pertama, masih mau lanjut ?? kalau mau, ane lanjutkan ke Cara Kedua. Cara yang kedua ini tidak jauh berbeda dengan cara pertama, biar lebih cepet langsung saja, ini caranya :

1. Masuk ke account Blogger, pilih Layout , lalu pilih Page Element
2. Tambahkan Gadget, seperti biasa klik Add a Gadget , pilih HTML/JavaScript
3. Judulnya tidak perlu diisi, langsung saja masukan kode ini
   
   
   
   <style type="text/css">
.fixed {
position:fixed;
bottom:0px;
left:0px;
}
* html .fixed {position:relative;}
</style>
4. Ada kode yang sama kan dengan cara pertama, yaitu bottom:0px; yang masih menunjukkan posisinya, cara merubahnya pun masih tetap sama, jadi tidak perlu ane tulis lagi ya.
5. Setelah itu tambahkan atribut class="fixed" pada "sesuatu" yang mau kamu letakkan, jadi kodenya seperti ini jika kamu ingin meletakkan gambar :
<img src='urlgambarkamu.png' class='fixed' />

Nah, bagaimana dengan cara kedua ?? ane masih punya satu lagi nih, sekarang kita lanjut ke Cara Ketiga. Kalau yang tadi di halaman Layout-PageElement sekarang kita pindah lagi, gak jauh-jauh koq, gak pake kendaraan pula, cuman perlu sekali klik, yaitu klik Edit HTML yang ada di samping PageElement. Berikut adalah urutan langkah-langkahnya :

1. Pastiin kamu sudah masuk halaman Layout-Edit HTML
2. Lalu tekan Ctrl+F lalu ketik "/b:skin" (gak pake kutip)
3. Saat mengetik tadi pasti ada tulisan yang diblok, pastiin tulisan yang diblok itu ]]></b:skin>
kalau sudah pasti letakkan kode berikut di atasnya #kode_sudut { 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. Masih sama dengan kedua cara sebelumnya jika kamu ingin merubah posisi "sesuatu" yang ingin kamu letakkan di sudut, jadi kalo masih lupa, baca lagi aja penjelasannya di atas.
5. Sekarang cari tulisan </body>, kalo susah nyarinya tekan Ctrl+F saja. Kalo sudah ketemu letakkan kode berikut ini di atasnya.
   
   
   
   <div id="kode_sudut">
<a href="http://belajar-iseng.blogspot.com">
<img src="http://tinyurl.com/favbel-ise"/></a>
</div>
6. kamu bisa ganti tulisan yang tebal dengan kode "sesuatu" yang ingin kamu letakkan.

Nah, setelah selesai, simpan hasil percobaan tadi, lalu cek blog kamu. Itulah, beberapa cara untuk membuat sesuatu selalu tetap di sudut, kamu cukup pilih salah satu dari itu, yang menurut kamu lebih mudah saja.
Ya udah deh, bahan postingan ini udah kelar, mohon maaf apabila penyajiannya rada berantakan, sekian dari ane.
Selamat mencoba dan merasakan hasil percobaanmu.