Membuat Widget atau Gambar Berada di Pojok

Membuat Widget atau Gambar Berada di Pojok

Berikut adalah tutorial blog mengenai Membuat Widget atau Gambar Berada di Pojok bawah kanan , Membuat Widget atau Gambar Berada di Pojok bawah kiri , Membuat Widget atau Gambar Berada di Pojok atas kanan , Membuat Widget atau Gambar Berada di Pojok atas kiri .

1. Kode Css Membuat Widget atau Gambar Berada di Pojok atas kanan

#amricow_pojok { position:fixed;_position:absolute;top:0px; right:0px; clip:inherit; _top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

2. Kode Css Membuat Widget atau Gambar Berada di Pojok atas kiri

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

3. Kode Css Membuat Widget atau Gambar Berada di Pojok bawah kiri

#amricow_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. Kode Css Membuat Widget atau Gambar Berada di Pojok bawah kanan

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

5. Cara penggunaan Membuat Widget atau Gambar Berada di Pojok sebagai berikut :

- Login akun blogger kamu
- Pilih rancangan kemudian edit html dan centang expand template widget
- Copy dan paste kode css yang kamu inginkan di bawah kode ]]></b:skin>
- Setelah itu copy dan paste kode html di bawah ini sebelum kode </body> atau bisa juga kamu copy dan paste kode html di bawah ini di gadget atau widget (html/javascript)

6. Kode Html Membuat Widget atau Gambar Berada di Pojok

<div id="amricow_pojok"><a href="http://tutorial-blog-amricow.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia8IO5cQJGds7gu2kUTNPUYHItOSGMpd0ajmFDt50JutgquGW7HheWY_SwIzdJAIEYXoX4zwo988A7kq1dh5THH0Scg_qi3VvNPB1oLIzH6KbYVRfrYTxIQmPZOh_LURP0EpBNdbJob5c/s1600/PasangGambardiPojokBlog.jpg" border="0" /></a>Letakkan kode html kamu disini </div>

7. Save dan lihat hasilnya.