Wednesday, July 13, 2011

Cara Membuat Gambar Bergerak Di Pojok Blog

Kali ini saya akan memberikan tips untuk mempercantik blog kamu, yaitu dengan membuat gambar bergerak di pojok blog. Kalau ada gambar bergerak di pojok blog kan para pengunjung pasti tidak akan terlalu bosan ketika membaca. Selain itu gambar bergeraknya juga dapat diberikan script agar orang yang menekan gambar bergerak itu maka komputer akan mengarahkan orang itu kepada profil facebook atau twittermu. Nah inilah cara membuat gambar bergerak di pojok blog


1. Pertama, kamu pilih gambar bergerak yang bagus di http ://www.gifs.net/gif/
2. Kalau sudah ketemu gambar bergerak yang bagus menurutmu, copy URL nya
3. Lalu masuk ke Dashboard
4. Klik Layout
5. Klik Edit HTML
6. Centang kotak kecil Expand Template Widget
7. Silahkan cari kode ]]></b:skin> di template
8. Sebelum kode tersebut, copy pastekan script dibawah ini

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

9. Text yang berwarna merah menunjukkan posisi penempatan dari gambar bergerak yang akan dimasukkan
10. Silahkan ganti tempat yang mau dimunculnyan penampakan gambar bergeraknya, (kiri=left, kanan=right, atas=top, bawah=bottom)
11. Berikutnya cari lagi di dalam template anda kode </body>
12. Sebelum kode tersebut, copypastekan script berikut ini

<div id="trik_pojok">
<a href="http://o-funny.blogspot.com">
<img src="url link gambar anda" border="0" /></a>
</div>

13. Silahkan ganti http://o-funny.blogspot.com dengan alamat blog kamu
14. Ganti juga url link gambar bergerak kamu dengan alamat URL gambar bergerak pilihan anda, yang telah anda copy (lihat langkah no. 2)
15. Cara mendapatkan URL gambar bergeraknya, silahkan anda klik kanan pada gambar bergerak yang anda inginkan, kemudian klik Properties, kemudian copy alamat URL yang ditampilkan pada baris Location
16. Klik Pratinjau untuk melihat gambar bergerak di pojok blog kamu
17. Jika sudah sesuai dengan keinginan kamu, klik Simpan Template
18. Selesai deh cara membuat gambar bergerak di pojok blog

:Selamat mencoba tutorial cara membuat gambar bergerak di pojok blog ini :D

4 comments:

  1. Whаtѕ up verу cоol blog!
    ! Guy .. Eхcellent .. Αmazіng .. I'll bookmark your site and take the feeds additionally? I am glad to search out numerous useful info right here in the put up, we want work out more strategies on this regard, thank you for sharing. . . . . .

    my website; payday loans

    ReplyDelete
  2. Hi there, its niсe post сoncerning meԁia ρrint,
    we all be aware of medіa is a fantаstiс source οf infоrmation.



    Reviеw my wеbpage; short term loans

    ReplyDelete
  3. What a ѕtuff of un-ambiguity and ρreserveness of ргеcіouѕ familіarity conсеrnіng
    unexpected emotіons.

    My web page payday loans

    ReplyDelete

Related Posts Plugin for WordPress, Blogger...