Membuat Widget Tombol Like Melayang Kucoba.com Dengan Tombol Close - Selamat berakhir pekan sahabat kucoba. Hari ini kang salman akan mengulas lagi sebuah trik membuat widget tombol like melayang seperti yang ada di kucoba.com. Widget ini merupakan widget yang kang salman buat sendiri dengan bermain-main dengan koding selama 3 Jam. Dan merupakan update dari widget sebelumnya silakan lihat versi lamannya klik disini. Widget ini bisa berjalan di wordpress, jomla, dan platfrom lainnya selain blogspot. karena memang pembuatannya hanya dengan menggunakan css dan sedikit html.
Widget ini tampil dinamis dengan scroll yang sempurna dan juga close yang cepat tanpa basa - basi.
Jika versi lama bentuknya seperti gambar ini,
Kelemahan versi lama :
yang bisa kamu lihat demonya di lounge.kucoba.com
Sedangkan Versi barunya adalah seperti yang kang salman gunakan sekarang.
Kelebihan versi baru :
Anda Tertarik untuk membuat dan memasang widget buatan kang salman ini di web atau blog? caranya gampang.
Ambil kode berikut ini :
Langkah 1 :
CSS :
Simpan kode di atas
Langkah 2
1. Ambil Kode ini :
2. Cari kode kalau tidak ada cari kode <--end outer-wrapper-->
bila sudah ketemu simpan kode pada yang sudah Anda paste tepat setelah kode atau kalau di blog kamu tidak ada cari alternatif lain dengan kode <--end outer-wrapper-->
hasilnya akan sama saja.
Setelah selesai Simpan Template. Dan lihat hasilnya. Maka blog kamu kini akan mempunyai widget baru yang sama persis dengan www.kucoba.com.
Baik semoga widget yang kang salman buat ini bermanfaat buat Anda.
Selamat mencoba!
Widget ini tampil dinamis dengan scroll yang sempurna dan juga close yang cepat tanpa basa - basi.
Jika versi lama bentuknya seperti gambar ini,
Kelemahan versi lama :
- Tidak bisa di close.
yang bisa kamu lihat demonya di lounge.kucoba.com
Sedangkan Versi barunya adalah seperti yang kang salman gunakan sekarang.
Kelebihan versi baru :
- Loading lebih cepat
- penambahan fitur close
- Tidak menggangu pembaca untuk membaca blog kita lebih luas karena bisa di close
Anda Tertarik untuk membuat dan memasang widget buatan kang salman ini di web atau blog? caranya gampang.
Ambil kode berikut ini :
Langkah 1 :
CSS :
#floating-ads {background: #fff;background:#444;filter:alpha(opacity=79);opacity:0.8;
position:fixed;_position:absolute;bottom:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
.bgfloat{background: #33; color:#000}
Simpan kode di atas
Langkah 2
1. Ambil Kode ini :
Keterangan :
LIKE KUCOBA on Facebook Share the awesomeness with your friends. KUCOBA.com
on
@kucoba
- Tulisan berwarna merah adalah kata-kata yang bisa Anda ubah dan sesuaikan
- Tulisan berwarna biru adalah link url alamat facebook Anda atau Twitter Anda
2. Cari kode kalau tidak ada cari kode <--end outer-wrapper-->
bila sudah ketemu simpan kode pada yang sudah Anda paste tepat setelah kode atau kalau di blog kamu tidak ada cari alternatif lain dengan kode <--end outer-wrapper-->
hasilnya akan sama saja.
Setelah selesai Simpan Template. Dan lihat hasilnya. Maka blog kamu kini akan mempunyai widget baru yang sama persis dengan www.kucoba.com.
Baik semoga widget yang kang salman buat ini bermanfaat buat Anda.
Selamat mencoba!