Web Hosting, Pengembang Website & Internet Marketing

  • Kontak

    .............................................
    Project Manager
    Rikval
    .............................................
    Customer Service
    Fian    
    Ulum
    CS
    .............................................
    Technical Support
    Irfan
    Jamal
    .............................................
    Email:info@mediainovatif.com
    .............................................
  • Join Yuk…

  • Hotline

    MEDIA INOVATIF
    (www.mediainovatif.com)
    (0341) 486036 Call +62-856-4672-0009 SMS
  • Address

    Perum. GRIYA SHANTA
    Jl. Soekarno Hatta F-204 Malang, Jawa Timur 65152
  • Statistik Blog

    • 3,120 hits
  • Komentar Terakhir

  • Top Clicks

    • Tidak ada
  • Top Posts

Membuat letak gambar animasi di Blog

Posted by mediainovatif pada November 30, 2009

PhotobucketJika melihat diatas pojok kiri site ada tu gambar kartun yg lagi jalan. Untuk membuat blog anda menjadi seperti itu ikutilah tutorialnya sebagai berikut :

  1. Login ke blogger trus klik “Layout –>> Edit HTML
  2. Cari kode ini ]]></b:skin> kalo dah ketemu taru kode berikut ini di atasnya.
  3. #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 adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal text “left” diganti dengan “right”. Begitu juga tulisan “bottom”, jika pingin di posisi atas bisa diganti dengan “top”.
  5. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>
  6. <div id=”trik_pojok”>
    <a href=”http://ceritamenghibur.blogspot.com”>
    <img src=”http://i201.photobucket.com/albums/aa226/jhonas_2007/download-2.gif” border=”0″ /></a>
    </div>

    “http://ceritamenghibur.blogspot.com” adalah link. ganti dengan link kamu.
    “http://i201.photobucket.com/albums/aa226/jhonas_2007/download-2.gif” adalah lokasi gambarmu. ganti dengan lokasi gambar kamu.

  7. Jika kamu pingin yang ada disitu bukan gambar tetapi jam/kalender/hit counter/widget-widget yg lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.
  8. Simpan hasil kerja kamu dan lihat hasilnya.

Tinggalkan Balasan

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Ubah )

Twitter picture

You are commenting using your Twitter account. Log Out / Ubah )

Facebook photo

You are commenting using your Facebook account. Log Out / Ubah )

Connecting to %s

 
Ikuti

Get every new post delivered to your Inbox.