widget amoung tanpa javascript

sitemap Trik Widget

Memasang widget amoung memang bukan hal yang rahasia bagi blogger, widget among berguna sebagai counter banyak user yang sedang mengunjungi laman di blog kita tapi mungkin penggunaan javascript dari widget ini menambah beratnya dan waktu memuat laman kita dalam blog apalagi blog sobat yang sdah memasang banyak javascript.

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

online
kodenya

<a href="http://whos.amung.us/stats/kode-anda"><img src="http://whos.amung.us/widget/
kode-anda" /></a>

online
kodenya

<a href="http://whos.amung.us/stats/kode-anda"><img src="http://whos.amung.us/cwidget/kode-anda/ff0000ffffff/" /></a>

online
kodenya

<a href="http://whos.af/mung.us/stats/kode-anda"><img src="http://whos.amung.us/cwidget/kode-anda/ffc20e000000/" /></a>

online
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.

Artikel Terkait

  • Memahami Apa Fungsi Blogger Conditional Tag
    Blogger Conditional Tag merupakan suatu tag yang terdapat pada template blogger. Dinamakan Conditional Tag karena memiliki fungsi untuk mengkondisikan suatu elemen / widget tampil di halaman tertentu, sehingga dengan adanya Blogger Conditional Tag akan membuat sebuah template blogspot bisa menjadi lebih flexibel dan dapat mengatur sebuah eleme…
  • Membuat iklan muncul sesuai dengan kategori posting
    Trik ini masih menggunakan tag Conditional yang telah saya tulis sebelum untuk "Membuat tampilan template berbeda dengan tag Conditional" dalam setiap kategori, perbedaannya hanya syntax atau exsekusi yang di tujukan adalah sebuah element. dengan mengatur munculnya iklan sesuai kategori akan membuat pengunjung lebih mudah mlihat iklan anda te…
  • Berbagai trik membuat single page
    Single page/halaman penuh adalah satu halaman yang tidak dihiasi oleh widget atau pun element sidebar. ada tujuan dan kebutuhan tertentu sehingga author atau pemilik blog membuah sebuah single page di blognya, misalnya untuk menempatkan forum, membuat halaman daftar isi, aboute blog juga alasan lainnya. untuk demo, silahkan klik link aboute at…
  • Post info di bawah judul artikel
    Ketika tidak ada komentar yang dibuat untuk posting Anda, ada link yang mengatakan 'Jadilah yang pertama untuk berkomentar!' dan ketika hanya ada satu komentar maka akan muncul '1 komentar sejauh ini'. Jika Anda ingin membuat blog Anda lebih bergaya dengan mengganti teks-teks dengan beberapa ikon lucu kecil bersama dengan default Nama Penulis,…
  • Template berbeda dengan tag Conditional
    Pernah berkunjung ke blog kang rohman ? jika pernah, sobat akan melihat dua perbedaan yang begitu jelas antara warna background header dan posting per label. ketika sobat membaca posting yang berlabel blogger maka sobat akan melihat warna header dengan tampilan orange dan background posting dengan logo blogger, dan ketika sobat membaca posting…
  • Cara memasang kotak pencarian pada menu navigasi
    Terkadang kita tertarik pada sebuah tampilan menu navigasi drop down yang cantik, namun kemudian muncul kekecewaan bagi para sobat yang ingin dalam menu navigasi yang cantik tersebut seharusnya di sertai dengan kotak pencarian agar lebih cantik sehingga semuanya menjadi praktis dalam satu paket dan tidak perlu untuk menambah pekerjaan lagi unt…

17 komentar

  1. Waah mantap nih widgetnya,, jadi pingin coba nih.

    BalasHapus
  2. langsung di praktekkan deh, biar lebih ringan yah loadingnya :D

    BalasHapus
  3. Trik Yang Bermanfaat Gan. Jgn Lupa Mampir Ya..

    BalasHapus
  4. Mantab mas, tips yang sangat berguna. Ternyata bisa juga hehe :D

    BalasHapus
    Balasan
    1. ada ralat tutor di atas sob, yang saya beri tanda di gambar itu kode warna, untuk contoh kode sebelahnya...

      Hapus
  5. Thank's gan tutornya, sudah saya terapkan di blog saya. Mudah-mudahan dengan tanpa js, blog saya bisa tampil lebih cepat.

    BalasHapus
Kode klik emo: :) :( =( :wa: :s ^_^ :D =D ^:D @@, ;) :-bd :-d :ya: :'( T_T :\ :p B) :Q :Ozz 7:( \o/ **p

Link 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>

Konversi KodeOOT
:) :( =( :wa: :s ^_^ :D =D ^:D @@, ;) :-bd :-d :ya: :'( T_T :\ :p B) :Q :Ozz 7:( \o/ **p
Jika anda memiliki bahasan atau topik lain yang sama sekali tidak ada hubungan dengan tutorial diatas anda bisa menyampaikannya di halaman OOt. klik [link ini] untuk membuka halaman OOT.

Back to Top
Loading...