Membuat Gambar Melayang Di Blog

Cara membuat gambar melayang di blog, gambar melayang adalah gambar yang letaknya selalu tetap dan tidak berpengaruh pada scroll mouse. sebelum membuatnya anda harus menyiapkan gambarnya terlebih dahulu, terserah anda mau gambar bergerak (.gif) atau gambar biasa (.jpg, .png),

Gambar yang ingin dipasang lalu di upload atau disimpan di image hosting, anda bisa menyimpannya di photobucket.com, imageshack.com, flickr.com atau image hosting lainnya. tapi untuk gambar yang bergerak (.gif) bisa disimpan di imageshack.com, dan saya sarankan gambar yang ingin dibuat melayang sebaiknya gambarnya jangan terlalu besar karena dapat menganggu pengunjung blog kita.

Berikut akan saya jelaskan step by step untuk membuatnya, setelah anda menyimpan di image hosting :

1. Login akun blogger anda
2. Masuk pada Pengaturan 
3. Pilih Tata Letak
4. Edit html
5. Kemudian copy kode dibawah ini dan paste diatas kode ]]></b:skin>

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

Ket : kode yang berwana hijau (bottom dan left) menunjukan letak gambar, letak gambar dapat diubah dengan mengganti kode tersebut (left=kiri, bottom=bawah, right=kanan, top=atas) sesuai dengan keinginan anda.

      6. Berikunya cari lagi didalam template anda kode </body> , kemudian copy kode dibawah ini dan paste diatas kode tersebut.

<div id='melayang'>
<img src='http://i478.photobucket.com/albums/rr146/tovarossi/bird_ann.gif'/></a>
</div>

Ket : kode yang berwana hijau diganti dengan url tempat gambar anda disimpan.

      7. Kemudian Simpan.

Semoga bermanfaat untuk anda, jangan lupa tinggalkan komentar jika anda belum paham.

Baca Selengkapnya →

Cara Membuat Tulisan Berjalan Pada Titlebar Blog

Cara membuat tulisan berjalan pada titlebar blog. Mungkin ada yang bertanya bagaimana caranya dan bagaimana contohnya? Dan apa keistimewaannya? disini anda dapat menuliskan kata-kata yang ingin anda sampaikan kepeda pengunjung blog seperti "welcome to my blog". Bagaimana caranya? mari kita pelajari bersama.

1. Login blog kemudian ke menu edit HTML
2. Klik menu tambah gadget
3. Tambahkan HTML/JavaScript kemudian paste kode dibawah ini. 

<script language=javascript> var rev = "fwd"; function titlebar(val) { var msg = "Welcome to Mt Blog"; var res = " "; var speed = 100; var pos = val; msg = "|===> "+msg+" <===|"; var le = msg.length; if(rev == "fwd"){ if(pos < le){ pos = pos+1; scroll = msg.substr(0,pos); document.title = scroll; timer = window.setTimeout("titlebar("+pos+")",speed); } else{ rev = "bwd"; timer = window.setTimeout("titlebar("+pos+")",speed); } } else{ if(pos > 0){ pos = pos-1; var ale = le-pos; scrol = msg.substr(ale,le); document.title = scrol; timer = window.setTimeout("titlebar("+pos+")",speed); } else{ rev = "fwd"; timer = window.setTimeout("titlebar("+pos+")",speed); } } } titlebar(0); </script>

Keterangan :

Warna Biru : Ganti dengan kalimat yang ingin anda sampaikan
Warna Merah : Untuk mengatur kecepatan tulisan berjalan.
  
      5. Kemudian save.

Semoga bermanfaat untuk anda, jangan lupa tinggalkan komentar jika anda merasa belum paham.

Baca Selengkapnya →