Cara Membuat Widget Melayang pada blog

Daftar isi [Tampil]

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.

Widget Melayang pada blog ini fungsinya bisa diterapkan untuk beberapa jenis keperluan seperti untuk memasang media sosial seperti Facebook, Twitter, youtube, Feed atau untuk mengarahkan pengunjung menuju kesebuah halaman atau situs tertentu

Cara Mudah Membuat Widget Melayang pada blog

Di bawah ini, saya sudah menyiapkan sebuah script untuk membuat sebuah media menjadi melayang dalam tampilan blog, sobat tinggal meng-coppy saja kemudian sedikit merubah atau memodifikasi beberapa kode yang sengaja saya warnai, pada script tersebut dan Inilah penampakan scriptnya di bawah :

<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="URL GAMBAR" height="148" width="48" /> </a>

Disini saya mengambil contoh ketika saya memasang sosial media Youtube 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://bit.ly/BRWyoutube" target="_blank">



<img title="youtube" alt="youtube" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb3YVEbev9Z6GlHJ3Adw8PF7-mXxY2u3_BnllSVVnHZhyphenhyphenIXWfZnrxDSMqckq0sd_yCpJquimAR_yrW1FmJq-8SxnXF6ysrReAoZiFB0Y0ZJkdXMBjI8qfHz5byewqgTpsm4Z7nS0Gi0sE/s320/PicsArt_11-15-03.56.31.png" height="331" width="72" /> </a>

- Keterangan warna:

• Merah adalah posisi gambar berada
• Biru adalah alamat URL yang ingin di arahkan
• Kuning adalah Title dan Alt (nama gambar yang sudah di beri nama)
• 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
• Hijau adalah untuk mengubah tinggi serta lebar gambar

Adapun cara pemasangannya kedalam blog blogspot dan wopdress anda adalah sebagai berikut: 

- Untuk pengguna 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. 

- Untuk pengguna wordpress :

• Di dalam dasbor blog pilih tampilan
• kemudian pilih widget
• Terus pilih lagi Teks
• Masukan kode script tadi dan terakhir pilih simpan. 

Mudah-mudahan share kali ini ada manfaatnya kalau tidak ada baiknya mohon jangan diambil. demikianlah postingan tentang Cara Membuat Widget Melayang pada blog yang bisa saya sampaikan semoga bisa menambah pengetahuan anda, mungkin ada tambahan dari kamu sekalian? kalau ada silahkan isi di kolom komentar jangan lupa juga berikan sebuah saran  .

Berbagi :