Cara Memasang Gambar Tetap di Kiri Halaman Blog

           Halo....,teman., bagaimana kabarnya ? ya mudah-mudahan baik-baik aja ya., hehe.,  Kali ini ku mau posting tentang cara "membuat gambar tetap di kiri halaman"., kalau masih belum tau apa itu.., liat di blog percobaanku DISINI., tau kan ? yang bannernya Akatsuki Blog™ di sebelah kiri itu loh..,  yah begitulah maksudku.,  blog kalian mau dipasang gambar seperti gitu ?? ya sudah dech.., ku kasih tau carannya ni..,
       
Caranya :
  1. Login ke blogspot.com.
  2. Lalu menuju ke Rancangan >> Edit HTML.
  3. Cari kode  ]]></b:skin> ( Ctrl+F )
  4.  Lalu coPpas kode dibawah ini tepat di atas kode ]]></b:skin> 
    #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); }   
  5.  Kemudian cari lagi kode </body>. CopPas kode ini tepat diatasnya :

    <div id="trik_pojok">
    <a href="
    http://29101996.blogspot.com">
    <img src="
    http://i1031.photobucket.com/albums/y380/DeoNagato/th_anigif.gif?t=1276860992" border="0" /></a>
    </div>


  6.  Kemudian ganti http://29101996.blogspot.com dengan alamat blog anda. Dan juga ganti http://i1031.photobucket.com/albums/y380/DeoNagato/th_anigif.gif?t=1276860992 dengan alamat gambar yang ingin anda jadikan gambar tetap di kiri halaman blog anda.

  7.  Lalu saVe.., dan liatlaH hasilnya.., bagus kan.., hehe..,
     JangaN lupA berI komEntar ya..,
BegitULah cara memasang gambar tetap di kiri halaman blog..,
ty for visIt mY friends.........,

Artikel Terkait

26 komentar:

muhammad nurhidayat mengatakan...

asik gan

sd mengatakan...

oke thanks you, kalau pindah ke kanan gimana?

Deo Pradipta mengatakan...

left:0px; clip:inherit; ganti right:0px; clip:inherit;

Deo Pradipta mengatakan...

kalau mau pasang 2.. yang satu nya ganti aja dengan #trik_pojok2 , tapi dua2nya hrz beda.. yg satu right yang satu left

yang bawah juga jadi gini

<div id="trik_pojok2">
<a href="http://29101996.blogspot.com">
<img src="http://i1031.photobucket.com/albums/y380/DeoNagato/th_anigif.gif?t=1276860992" border="0" /></a>
</div>

sd mengatakan...

kode trik pojok2 tadi ditaruh ndek atas trik pojok apa dibawahnya? dan yang kode selanjutnya juga pertanyaannya juga sama

Deo Pradipta mengatakan...

terserah gan.. diacak juga berfungsi kok.. :D

Aqeyla Beby Musyiee mengatakan...

gimana ya ? ngak ngerti lorrrh

azzwaniamir mengatakan...

tak jadi lah...macam mane nak buat??

Deo Pradipta mengatakan...

@aqeyla @azwa : coba dicoba dulu.. di coppas.. pasti tau :D

Aqeyla Beby Musyiee mengatakan...

yaya :D

Deo Pradipta mengatakan...

udah tau ? :3

alomban mengatakan...

makasih banyak kk,banyak membantu,,,Salam super,,

Deo Pradipta mengatakan...

iya... sama2 yakkk.. salam super ! ^^

Karina Julita mengatakan...

makasih...membantu banget

Deo Pradipta mengatakan...

iya sob.. sama2 yakk ^_^

Damai Dank mengatakan...

Makasi infox sob..

Deo Pradipta mengatakan...

iya sob.. samasama yaa ^^

Software Gratis & Games mengatakan...

Gambarnya bisa di Pindah Gk???
Tapi Lumayan Koq
Visit My blog : erichspegatuban.blogspot.com

Deo Pradipta mengatakan...

bisa dong sob.. dilangkah ke tiga kan udah ada posisinya itu.. :D

D'Evil mengatakan...

mantaf gan . ijin sedot

Deo Pradipta mengatakan...

silahkan sob.. sedot sampe abiz ^^

suka suka mengatakan...

test test

Deo Pradipta mengatakan...

test test juga ^^

Pak Yan mengatakan...

semuianya siiippp

makasie tas tipsnya jadi mempermudah pembuatanya

Deo Pradipta mengatakan...

yeeee , semoga bermanfaat sob bagi blog sobat :D

Aconk Perkasa mengatakan...

kode body banyak gan,trus yg mana nih gan?

Posting Komentar

Askorus Distro Askorus Distro
Copyright 2010 - 2012 ^ Akatsuki Blog™ - Compatible with Chrome 1024 x 768 -