untuk itu kali ini saya akan mengeshare cara memasang widget amoung tanpa menggunakan javascript itung itung sedikit mengurangi beban load atau muat pada blog sobat blogger sekalain.
langsung saja kita bahas triknya, silahkan ikuti langkah di bawah ini:
Buat sobat blogger yang belum memiliki widget amoung silahkan daftar di wibsitenya secara gratis di whos.amung.us
Setelah itu copy javascriptnya lalau ambil id yang ada dalam javascript tersebut, lihat pada gambar berikut
gunakan kode di bawah ini sesuai selera anda dan letakkan di widget sobat
kodenya
<a href="http://whos.amung.us/stats/kode-anda"><img src="http://whos.amung.us/widget/ kode-anda" /></a>
kodenya
<a href="http://whos.amung.us/stats/kode-anda"><img src="http://whos.amung.us/cwidget/kode-anda/ff0000ffffff/" /></a>
kodenya
<a href="http://whos.af/mung.us/stats/kode-anda"><img src="http://whos.amung.us/cwidget/kode-anda/ffc20e000000/" /></a>
kodenya
<a href="http://whos.af/mung.us/stats/kode-anda"><img src="http://whos.amung.us/swidget/kode-anda" /></a>
agar valid dalam validator html5, berikan gambar dengan atribut alternatif dengan alt seperti berikut ini:
<a href="http://whos.af/mung.us/stats/kode-anda"><img alt='online' src="http://whos.amung.us/swidget/kode-anda" /></a>
simpan dan lihat hasilnya...
demikian saja share saya kali ini, tentang memasang widget amoung tanpa javascript semoga berguna.
17 komentar
Waah mantap nih widgetnya,, jadi pingin coba nih.
BalasHapussilahkan di coba gan...
Hapusizin coba mas :)
BalasHapussilahkan sob :-bd
Hapuslangsung di praktekkan deh, biar lebih ringan yah loadingnya :D
BalasHapussip sob langsung sja :)
HapusTrik Yang Bermanfaat Gan. Jgn Lupa Mampir Ya..
BalasHapusok sob di tunggu :)
HapusMantab mas, tips yang sangat berguna. Ternyata bisa juga hehe :D
BalasHapusada ralat tutor di atas sob, yang saya beri tanda di gambar itu kode warna, untuk contoh kode sebelahnya...
HapusIya mas :)
Hapussudah di perbaiki :)
Hapusikkut nyomot gan. permisi
BalasHapussilahkan gan semoga berhasil :-bd
HapusThank's gan tutornya, sudah saya terapkan di blog saya. Mudah-mudahan dengan tanpa js, blog saya bisa tampil lebih cepat.
BalasHapussip gan, semoga tambah ringan loadnya :-d
Hapussilahkan :)
BalasHapusLink aktif dalam komentar akan terhapus secara otomatis.
Untuk menyisipkan kode, gunakan tag <i rel="code">...KODE ANDA DI SINI...</i>
Untuk menyisipkan script, gunakan <i rel="pre">...KODE SCRIPT ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">...URL GAMBAR ANDA ...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">...JUDUL ANDA...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">...CATATAN ANDA...</b>
Untuk menciptakan efek tebal gunakan tag <b>...TEKS ANDA...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>...TEKS ANDA...</i>