Widget melayang ini fungsinya bisa diterapkan untuk beberapa jenis keperluan seperti untuk memasang media sosial seperti Facebook, Twitter, Feed
atau untuk mengarahkan pengunjung menuju kesebuah halaman atau situs
tertentu. Dan cara ini ternyata berhasil untuk digunakan pada blogspot
maupun wordpress, pada kedua blog tersebut hal ini dapat beroperasi
dengan baik serta sebagai mana mestinya. Tertarik untuk mencobanya? Oke,
kita lanjutkan saja.
Di bawah ini, aku sudah menyiapkan sebuah script untuk membuat sebuah media menjadi melayang
dalam tampilan blog, sobat tinggal meng-coppy saja kemudian sedikit
merubah atau memodif beberapa kode yang sengaja aku warnai, pada script
tersebut. Inilah penampakan script tersebut:
<a
style="display:scroll;position:fixed;top:222px;right:5px;"
href="URL yang Anda kehendaki" target="_blank">
<img title="Title yang Anda kehendaki" alt="Kalimat apa saja yang anda kehendaki (ketika tersorot oleh kursor)"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjou8g4GE7H4qVStaw4IhZ36zZ-TG7ZbeD5iVSeOiJtF0HenB23fERcW7CyS4iSKO5qQcJ9roRjV36pa10UEkA6xABk2VkI3suiqTY_r2HjIQurIbpTNGXEzQVC8ndayLCaJnqAQ8ahyzmR/s1600/Facebook.jpg"
height="148" width="48" />
</a>
Disini aku mengambil contoh ketika aku memasang sosial media
Facebook yang melayang seperti yang terlihat pada gambar berikut ini:
Dimana kode script untuk memasang sosial media melayang tersebut kode scriptnya adalah sebagai berikut:
<a
style="display:scroll;position:fixed;top:222px;right:5px;"
href="http://www.facebook.com/profile.php?id=8379837368262799036/" target="_blank">
<img title="Facebook" alt="Facebook"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjou8g4GE7H4qVStaw4IhZ36zZ-TG7ZbeD5iVSeOiJtF0HenB23fERcW7CyS4iSKO5qQcJ9roRjV36pa10UEkA6xABk2VkI3suiqTY_r2HjIQurIbpTNGXEzQVC8ndayLCaJnqAQ8ahyzmR/s1600/facebook.jpg"
height="148" width="48" />
</a>
Keterangan: warna merah adalah posisi gambar berada, warna biru ganti dengan id facebook sodara, jika belum tahu cara melihat kode ID facebook masing-masing, silahkan search pada Google pencarian. Sementara warna Kuning adalah Title dan Alt, Warna Ungu
adalah URL gambar. Untuk mengetahui url gambar caranya adalah upload
sebuah gambar (melalui tulisan baru) setelah gambar tersimpan dalam
album blog anda klik lihat gambar, coppy alamat url gambar yang berada
dalam kotak browser, dan warna hijau adalah untuk mengubah tinggi serta lebar gambar.
Adapun cara pemasangannya kedalam blog sobat adalah sebagai berikut:
Untuk blogspot.
- Masuk kedalam dasbor blog,
- kemudian pilih tata letak,
- terus pilih tambah gadget,
- pilih lagi HTML/JavaScript,
- kemudian masukan kode script tadi lalu pilih simpan.
Sementara untuk pengguna wordpress sendiri, didalam dasbor blog
- pilih Tampilan,
- kemudian pilih widget,
- terus pilih lagi Teks.
- Masukann kode script tadi dan terakhir pilih simpan.