Cara Membuat Widget Melayang Dalam Blog

Cara Membuat Widget Melayang Dalam Blog

W

idget 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/AVvXsEjeiDD38xQXv6M4brNJJGmi-q-0tUc1pfFX0Br15tGRjNDj-rxz-Gdd38s25kgZHh9aBphDRtYl8fEWKjMScm-gz_-909m1xMVKnGDOkxKeChBaJURzttZD93gkwlYDSTOxuDTtB433dldp/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/AVvXsEjeiDD38xQXv6M4brNJJGmi-q-0tUc1pfFX0Br15tGRjNDj-rxz-Gdd38s25kgZHh9aBphDRtYl8fEWKjMScm-gz_-909m1xMVKnGDOkxKeChBaJURzttZD93gkwlYDSTOxuDTtB433dldp/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. 

Demikianlah cara membuat widget melayang dalam blog, semoga bermanfaat. Bye-bye….