ASSALAMUALAIKUM WR.WB... SELAMAT DATANG DI ILMU-MIRZA.BLOGSPOT.COM | Di Blog ini terdapat berbagai info dan posting yang menarik | Mulai dari kisah yang unik-unik | tips dan trick | social budaya | Info seputar geografi dan Astronomi | serta posting posting lainnya | Selamat menikmati..

google translate

Jumlah Seluruh Pengunjung

FC Barcelona

Selasa, 15 Februari 2011

Cara Menambahkan Gambar di pojok bawah dan atas template


Berikut inilah langkah-langkah Menambahkan Gambar di pojok bawah dan atas template

  • Login dulu di akun  Blogger anda
  • Klik Design/Rancangan
  • Klik Edit Html dan expand template widget
  • Cari kode ]]</b:skin>
  • kemudian letakkan  kode di bawah ini tepat di atas kode ]]</b:skin>

#rdl_image{
position:fixed;
_position:absolute;
bottom:5px;
left:5px;
clip:inherit;
_top:expression(document.documentElement.scrollTop + document.documentElement.clientHeight-this.clientHeihgt);
_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);
}



  • Kemudian cari kode <body> 
  • Pastekan kode di bawah ini tepat di bawah kode <body>

<div id='rdl_image'>
<img src='http://wismanet.com/wp-content/uploads/2010/08/bendera_merah_putih.gif'/>
</div>


  • kode warna kuning silahkan anda ganti dengan alamat/url gambar anda. Kemudian simpan template.

  • Untuk mengatur template posisi gambar anda bisa mengedit-nya, coba anda perhatikan kode warna biru di bawah ini

#rdl_image{
position:fixed;
_position:absolute;
bottom:5px;
left:5px;

clip:inherit;
_top:expression(document.documentElement.scrollTop + document.documentElement.clientHeight-this.clientHeihgt);
_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);
}


  • Kode warna biru itu adalah posisi gambar anda bisa menggantinya menjadi kanan bawah atau atas bawah.
  • Untuk pojok kanan atas kodenya seperti ini :
top:5px;
right:5px;


  • Untuk pojok kanan bawah :
bottom:5px;
right:5px;

  • Pojok kiri bawah :
bottom:5px;
left:5px;

  • Pojok kiri atas :
top:5px;
left:5px; 



1 komentar:

Posting Komentar

Related Posts Plugin for WordPress, Blogger...

Blog Archive