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/AVvXsEgIN_TZl_pVNTsSa1oGvcsogWUpm4lZ2hpn-yz0FS-GLQ6NHccctc0bPxoAfSM8m1rmqtV06rUHcP7kK_qnRQmqtXyi8ODXDK5RYX1yejtQqLne6nhhqoMKobhwoyU-OSOO50A-lnTiVlY/s1600/PasangGambardiPojokBlog.jpg" border="0" /></a> Letakkan kode html kamu disini </div>

7. Save dan lihat hasilnya.