Cara Bikin Float Gambar Pada Blog ~ Dieboxs

Jika ada pertanyaan apa sih floating image,. yaitu Image / Gambar dengan efek melayang. Selain untuk mempercantik tampilan blog, floating image juga bisa digunakan apabila sidebar blog kita sudah terisi penuh dengan widget. Selain itu, tampilannya yang terlihat unik akan membuat pengunjung tertarik mengklik gambar floating tersebut.

Untuk cara memasangnya, silakan login ke akun blogspot anda. Caranya Klik :
Tata Letak > Tambahkan Gadget, lalu pilih HTML/JavaScript.
Setelah itu masukkan kode berikut ini.

<style type="text/css">
#corner {
        position:fixed;
        left:10px;
        bottom:5px;
}
#corner img {
        height:67px;
        width:100px;
        border:1px solid #888;
        padding:1px;
        background:#aaa;
        border-radius:5px;
       -moz-border-radius:5px;
       -webkit-border-radius:5px;
       -o-transition:all 1.2s ease-out;
       -moz-transition:all 1.2s ease-out;
       -webkit-transition:all 1.2s ease-out;
}
#corner:hover img {
        z-index:99;
        background:#666666;
        border-color:#333333;
       -o-transform:rotate(360deg) scale(1.3) translate(25px,-30px);
       -moz-transform:rotate(360deg) scale(1.3) translate(25px,-30px);
       -webkit-transform:rotate(360deg) scale(1.3) translate(25px,-30px);
}
</style>
<div id="corner">
<a href="https://www.dieboxs.net/float image baru/" target="_blank" title="Sang Penghayal">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitKTL6IxW6bW6ZCO-oEHBhj5GWXWD4kr-x2R_3tQ3kriXkj6xq8Ok_9Km4ORzCKyr4fDcMfYHNfh_qYl24PURPPiH_D5qLr2zolnppQpi2cCERB3mS3FAGExvKj59dkdiVl_9ZMpvX2Q8/s1600/SangPenghayal.JPG"/></a>
</div>