Membuat Gambar Mengambang

Membuat Gambar Mengambang

Tutorial ini tentang membuat gambar mengambang yang akan selalu muncul di sudut blog Anda meskipun Anda menarik bilah gulir samping. Anda dapat menempatkan gambar, widget, jam, dll. di sudut tersebut.

Membuat Gambar Mengambang

Langkah-langkah untuk Membuat Gambar Mengambang:

1. Login ke Blogger:

   • Masuk ke Blogger kemudian klik "Layout -->> Edit HTML".

2. Tambahkan Kode CSS:

   • Temukan kode ini ]]></b:skin>, kemudian letakkan kode berikut di atasnya:

   css
   #float_corner {
       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);
   }
   

3. Atur Posisi:

   • Teks tebal adalah posisinya. Anda dapat mengubahnya dengan "atas" (top), "bawah" (bottom), "kiri" (left), atau "kanan" (right).

4. Tambahkan Kode HTML:

   • Langkah selanjutnya adalah memasukkan kode berikut sebelum tag </body>:

   html
   <div id="float_corner">
       <a href="http://trik-tips.blogspot.com">
           <img src="http://blogoholic.info/files/soniclari.gif" border="0" />
       </a>
   </div>
   

   • "http://trik-tips.blogspot.com" adalah tautan.
   • "http://blogoholic.info/files/soniclari.gif" adalah URL gambar. Ganti dengan gambar Anda sendiri.

5. Mengisi dengan Widget (Opsional):

   • Jika Anda ingin mengisi dengan widget, ganti kode merah dengan kode widget Anda.

6. Simpan dan Pratinjau:

   • Simpan dan pratinjau blog Anda.