,,p9i ini saya ingin share ilmu dengan sobat2 blogger semua,,, yaitu cara memasang gambar/tulisan agar selalu dipojok.
,,Sekarang kita menuju ke topik pembahasan yaitu cara membuat / menampilkan gambar poto atau sesuatu agar selalu berada di pojok.
Sekarang anda cukup mengcopy seluruh code di bawah ini :
#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); }
Lalu masukkan ke bagian HEAD dan untuk lebh tepatnya biar ga binun taruhlah tepat di atas code :
]]></b:skin>
Dan sedikit tambahan jika anda ingin mengubah posisi atau tempat ke yang lain, semisal mau anda taruh di bagian pojok kanan bawah atau pojok kanan atas atau pojok kiri atas atau bahkan berada tepat di tengah tengah blog (kalo yg ini ga mungkin dech... sangat menggangu pengunjung blog yang membaca artikel anda jadinya) silahkan anda berfokus pada tulisan :
position:fixed;_position:absolute;bottom:0px; left:0px;
(#) kata bottom : menunjukkan posisi di bawah, jika anda ingin mengubah posisi di atas silahkan ganti kata " bottom " menjadi " top " (tanpa tanda petik) dan nilai 0px; bisa anda sesuikan sendiri (pokoknya di coba2 aja dech... ga meledak, hehehe)
(#) kemudian lihat pada kata left : menunjukkan posisi berada di kiri, jika anda ingin mengubah posisi menjadi di kanan silahkan ganti kata " left " menjadi " right " (tanpa tanda petik) dan nila 0px; bisa nada sesuikan sendiri juga...
Kemudian tahap selanjutnya adalah pemasangan code script pada bagian body blog yaitu caranya copy seluruh code di bawah ini :
SEBELUM ANDA MENCOPY SELURUH CODE DIBAWAH INI MOHON DI BACA DAN DI TELITI, KARENA ADA KATA KATA YANG MUSTI DI IKUTI DAN DI GANTI DI DALAM CODE TERSEBUT...!! (jangan asal comot/copy aja tanpa memperhatikannya)
<div id='pojok'>
<img src='http://alamat-url-gambar-or-poto-anda.jpg' border='0' height='isi terserah anda' width='isi terserah anda'/>
</div>
( contoh script diatas jika hanya menampilkan image aja, jika ingin menampilkan image dengan link silahkan pilih code yang di bawah ini.. )
<div id='pojok'>
<a href='http://pockieblog.blogspot.com'><img src='http://alamat-url-gambar-or-poto-anda.jpg' border='0' height='isiterserahanda' width='isi terserah anda'/></a>
</div>
(dan jika anda ingin menampilkan gambar beserta sedikit tambahan tulisan, seperti pada blog ini silahkan copy code script di bawah ini..)
<div id='pojok'>
<table bgcolor='pink' width='350'><tr><td align='center'><img src='http://alamat-url-poto-anda.jpg'/><a><blockquote/><a href='ymsgr:sendIM?donytata75 '><img border='0' src='http://opi.yahoo.com/online?u=donytata75&m=g&t=2' width='95'/></a></a></td><td bgcolor='yellow'><div align='justify' style='font-weight:bold; color:red'>MASUKKAN KATA KATA ATAU PESAN ANDA DISINI</div></td></tr></table>
</div>
Sekarang anda cukup mengcopy seluruh code di bawah ini :
#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); }
Lalu masukkan ke bagian HEAD dan untuk lebh tepatnya biar ga binun taruhlah tepat di atas code :
]]></b:skin>
Dan sedikit tambahan jika anda ingin mengubah posisi atau tempat ke yang lain, semisal mau anda taruh di bagian pojok kanan bawah atau pojok kanan atas atau pojok kiri atas atau bahkan berada tepat di tengah tengah blog (kalo yg ini ga mungkin dech... sangat menggangu pengunjung blog yang membaca artikel anda jadinya) silahkan anda berfokus pada tulisan :
position:fixed;_position:absolute;bottom:0px; left:0px;
(#) kata bottom : menunjukkan posisi di bawah, jika anda ingin mengubah posisi di atas silahkan ganti kata " bottom " menjadi " top " (tanpa tanda petik) dan nilai 0px; bisa anda sesuikan sendiri (pokoknya di coba2 aja dech... ga meledak, hehehe)
(#) kemudian lihat pada kata left : menunjukkan posisi berada di kiri, jika anda ingin mengubah posisi menjadi di kanan silahkan ganti kata " left " menjadi " right " (tanpa tanda petik) dan nila 0px; bisa nada sesuikan sendiri juga...
Kemudian tahap selanjutnya adalah pemasangan code script pada bagian body blog yaitu caranya copy seluruh code di bawah ini :
SEBELUM ANDA MENCOPY SELURUH CODE DIBAWAH INI MOHON DI BACA DAN DI TELITI, KARENA ADA KATA KATA YANG MUSTI DI IKUTI DAN DI GANTI DI DALAM CODE TERSEBUT...!! (jangan asal comot/copy aja tanpa memperhatikannya)
<div id='pojok'>
<img src='http://alamat-url-gambar-or-poto-anda.jpg' border='0' height='isi terserah anda' width='isi terserah anda'/>
</div>
( contoh script diatas jika hanya menampilkan image aja, jika ingin menampilkan image dengan link silahkan pilih code yang di bawah ini.. )
<div id='pojok'>
<a href='http://pockieblog.blogspot.com'><img src='http://alamat-url-gambar-or-poto-anda.jpg' border='0' height='isiterserahanda' width='isi terserah anda'/></a>
</div>
(dan jika anda ingin menampilkan gambar beserta sedikit tambahan tulisan, seperti pada blog ini silahkan copy code script di bawah ini..)
<div id='pojok'>
<table bgcolor='pink' width='350'><tr><td align='center'><img src='http://alamat-url-poto-anda.jpg'/><a><blockquote/><a href='ymsgr:sendIM?donytata75 '><img border='0' src='http://opi.yahoo.com/online?u=donytata75&m=g&t=2' width='95'/></a></a></td><td bgcolor='yellow'><div align='justify' style='font-weight:bold; color:red'>MASUKKAN KATA KATA ATAU PESAN ANDA DISINI</div></td></tr></table>
</div>
Untuk yang berwarna merah diganti dengan ID Yahoo anda
Nah setelah anda memilih salah satu atau bahkan semua script yang saya tunjukkan di atas, kemudian taruhlah tepat di atas code :
</body>
mudah kan..? selamat mencoba ya... kalo masih bingung tanyakan aja yah... n tinggalkan di kotak komentar di bawah ini... thx