Buat kawan- kawan yang baru mencoba-coba membangun blog, pasti lah harus mampir sana, mampir sini untuk menambah referensi mempercantik blognya. Dan ketika menjelajahi sebuah blog mungkin kamu menemukan blog yang memiliki gambar yang terdapat disudut kanan, kiri,halaman ataupun disudut bawah halaman dan itu dinamakan Gambar melayang atau Float Image (itu loh.. contohnya gambar yang ada dipojok kiri atas blog ini), Seketika itupun kamu tertarik untuk mengaplikasikannya di blog kamu.ternyata trik untuk membuat itupun sangat simple.Tanpa panjang lebar saya akan membagi ilmu untuk membuat trik tersebut.
- Langkah pertama , siapkan gambar animasi (format animasinya GIF), kemudian
- Login ke blog --> pilih add elemen --> pilih html/java script
- copy-paste kode dibawah ini,
<a href='http://link kamu' style='display:scroll;position: fixed; top:5px;left:5px;' title='change with your title'><img src='http://gambar kamu'/></a>
- Save
Clue :
- Ganti kode yang berwarna merah
- Display:scroll adalah untuk membuat gambar selalu mengikuti scroll halaman kita
- Position: fixed; top:5px;left:5px; adalah untuk menetapkan posisi gambar kita.
pilih posisi gambar berdasarkan keinginanmu,
pojok kiri atas = top-left
pojok kanan atas = top-right
pojok kiri bawah = bottom-left
pojok kanan bawah= bottom-right
Dengan sedikit kreasi kamu bisa menggunakan gambar (image) tersebut untuk banner dalam bentuk yang menarik.
Selamat bereksperimen!!!
0 komentar:
Posting Komentar