Sabtu, 06 Oktober 2012

Memasang Gambar Pada Pojok Blog

Sebenarnya gambar untuk sebuah blog mempunyai banyak maksud dan fungsinya, fungsi yang paling menonjol adalah untuk memperjelas suatu pembahasan. Dan fungsi lainya hanya sebagai aksesoris atau mempercantik tampilan suatu blog saja, supaya pengunjung lebih betah dan lama-lama mengintip blog yang kita kelola. Kali ini saya akan memberikan tutorial yang sangat sederhana, tutorial yang sifatnya hanya untuk menambah aksesoris blog anda. Tapi bisa juga berfungsi untuk menghemat ruangan blog, karena lokasi penempatannya berada di pojok kanan atau kiri.
Nah, bagi temen-temen yang tertarik dan ingin menambah aksesoris untuk blog, di bawah ini akan saya jelaskan langkah-langkah pemasangannya :
  1. Login ke blogger dengan akun anda
  2. Rancangan >> Edit HTML
  3. Cari kode ini ]]></b:skin> kalo dah ketemu taruh kode berikut ini di atasnya.
    #gambar_mojok {
    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, kalau 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>
    <div id="gambar_mojok">
    <a href="http://creatingwebsite-maskolis.blogspot.com">
    <img src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" border="0" /></a>
    </div>
  6. Jika anda pingin yang ada disitu bukan gambar tetapi jam, kalender, hit counter atau widget-widget yang lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.
  7. Simpan hasil kerja kamu dan lihat hasilnya
Keterangan :
  • Kode url yang berwarna bitu http://creatingwebsite-maskolis.blogspot.com" ganti dengan url blog anda.
  • Warna merah http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif adalah url gambar yang anda bisa ganti sesuai keinginan.
Jika anda sudah selesai, jangan lupa kasih komentar di bawah. Dan jika anda ingin copy paste artikel ini silahkan saja, karena blog saya ini blog bebas copy paste. Selamat mencoba dan semoga bermanfaat.

0 komentar:

Posting Komentar