Friday, March 18, 2011

Cara Membuat Sesuatu Muncul DI Pojok Blog

 Judul di atas maksudnya membuat sesuatu di pojok blog kita yang selalu ngikutin, seperti di pojok kiri bawah pada gambar di samping.
jadi dalam postingan kali ini membahas tentang bagaimana membuat sesuatu tampil di pojok blog. Untuk menampilkan sesuatu di pojok blog kita, maka kita butuh mengotak-ngatik beberapa kode CSS blog kita, bagi teman-teman yang belum tahu caranya jangan khawatir, karena di postingan kali ini akan dijelaskan secara mendetail.

Oke kita langsung ke TKP....

1. So pasti kita buka blogger terlebih dahulu.
2. Klik Rancangan, lau klik Edit HTML.
4. Kemudian Cari Kode ]]></b:skin> (Gunakan Ctrl+F). Kalau sudah ketemu, letakkan kode berikut di atas kode tadi:
#pojok_blog {
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); }
Keterangan:
bottom = berarti di bagian bawah, anda juga bisa menggantinya dengan top {atas}, left{kiri}, right{kiri}
left = karena sebelumnya ada kata bottom berarti di bawah sebelah kiri bisa di ganti dengan right{kanan}, bisajuga di kosongkan dalam artian di hapus.

5. Selanjutnya, cari kode </body> (Jangan lupa menggunakan Ctrl+F, agar lebih cepat), lalu letakan kode ini di atas nya


<div id="pojok_blog">
<a href="http://www.zamal-tkj.co.cc/">
<img src="http://2.bp.blogspot.com/_UOG1B5PS4L8/TS13bdWR_TI/AAAAAAAAARg/FMzEBQcRPdg/S1600-R/bblog.jpg" border="0" /></a>
</div>

Keterangan:
- Tulisan yang berwarna biru di ganti dengan alamat yang akan anda pasang, entah itu alamat twitter, facebook, atau RSS.
- Tulisan yang berwarna merah di ganti dengan alamat gambar anda, seperti logo twitter, facebook, atau RSS.

6. Simpan Template

selesai........

3 comments:

  1. judulmu aneh jay, tapi begitu baca dalemnya it's OK lha ^^
    jangan lupa mampir ke tempatq.dtunggu..

    ReplyDelete
  2. keren gan,, jangan lupa mampir di blog saya,, FOLLOW me

    ReplyDelete

Powered by Blogger.