widget amoung tanpa javascript

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

  • Membuat efek linknudge pada label blog
    Salam sobat blogger, masih senantiasa berbagi untuk sobat semua dan kali ini saya akan share tentang membuat efek linknudge pada label posting blogger. walau pun trik ini sebenarnya dapat di terapkan menggunakan css yang pernah saya tulis disini, namun saya kali ini akan berbagi trik membuat linknudge menggunakan jquery. Blogging CSS SE…
  • Menu navigasi blogger responsive CSS3
    Menu navigasi adalah hal yang di perlukan sebuah blog untuk mengarahkan seorang pengunjung ke halaman tertentu, buat sobat yang belum memasang ini di blog milik sendiri sekarang saya share caranya dengan tampilan responsive yang bisa menyesuaikan di semua resolusi tampilan. menu ini sederhana, hanya sebagai dasar saja jika ingin lebih menarik…
  • Membuat Responsive pada ADSENSE
    Mengatasi masalah iklan dari google yang tidak responsive adalah satu trik menyesuaikan tampilan blog agar tampil bagus di resolusi berbeda dan hal ini perlu kita lakukan apa lagi bagi sobat yang memasang di blognya. pada awal Agustus 2013, Google Adsense resmi support untuk dukungan iklan dengan Style Responsive. Untuk saat ini memang masih d…
  • Menandai komentar admin dengan css
    Buat sahabta blogger yang masih bertanya tanya tentang cara membuat tanda pada komentar admin untuk mempermudah pengunjung mencari mana komentar admin kali ini saya beri trik dan caranya. blogger tidak memberikan ijin secara penuh untuk melakukan modifikasi penuh komentar admin, lalu bagaimana jika kita ingin membuat tampilan komentar yang ber…
  • Template responsive Mazda DB V.2
    Setelah sebelumnnya saya berbagi template Mazda DB pada kesempatan kali ini saya akan bagikan template personal Mazda DB v2, template yang sudah saya perbaiki ini lebih menarik dari versi sebelumnya dan ada beberapa sedikit ubahan. lihat demo template Mazda DB V.2 responsive Demo Download Beberapa fitur dari template ini : Seo…
  • Download Template Dafin Blogger versi belajaran
    Salam sahabat bogger terimakasih sudah berkunjung sebelumnya, saya ingin membagikan template blog saya ini yang dulu pernah saya gunakan template bikinan pertama belajar, walaupun masih banyak yang perlu di benahi silahkan sobat lakukan sendiri dengan sesuka hati sesuai dengan kreasi. untuk tampilan dan fitur silahkan lihat langsung demonya.…

17 komentar

  1. Yahya Doank7 April 2014 pukul 22.38

    Waah mantap nih widgetnya,, jadi pingin coba nih.

    BalasHapus
  2. Shiro8 April 2014 pukul 03.26

    izin coba mas :)

    BalasHapus
  3. Rz Bot8 April 2014 pukul 06.57

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

    BalasHapus
  4. Fiqri Alfianto8 April 2014 pukul 09.00

    Trik Yang Bermanfaat Gan. Jgn Lupa Mampir Ya..

    BalasHapus
  5. Prisma Try Laksana9 April 2014 pukul 12.09

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

    BalasHapus
    Balasan
    1. Dafin defandaky10 April 2014 pukul 06.36

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

      Hapus
    2. Prisma Try Laksana15 April 2014 pukul 16.02

      Iya mas :)

      Hapus
    3. Dafin defandaky16 April 2014 pukul 01.57

      sudah di perbaiki :)

      Hapus
  6. Sugiyono ID29 Mei 2014 pukul 18.36

    ikkut nyomot gan. permisi

    BalasHapus
  7. Irfan Syahputra3 Juli 2014 pukul 14.07

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

    BalasHapus
  8. Dafin defandaky3 Juli 2014 pukul 16.47

    silahkan :)

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