Tampilkan postingan dengan label Widget. Tampilkan semua postingan
Tampilkan postingan dengan label Widget. Tampilkan semua postingan

Rabu, 30 Desember 2015

Macam Macam Widget di Blog dan Cara Membuatnya

  /     /   18 komentar   
Sebelumnya saya pernah membahas tentang Cara Membuat Widget Translate, Live Traffic Feed dan Kotak Kolom Pengunjung di Blog. sekarang saya akan membahas Macam Macam Widget di Blog dan Cara Membuatnya.
1. Cara Memberi Jam Pada Blog
  • Pertama, login ke akun blog anda.
  • Kunjungilah web yang menyediakan jam gratis. Misalnya http://www.clocklink.com
  • Kemudian pilihlah jam sesuai dengan keinginan atau selera anda. Karena telah disediakan berbagai macam jam, mulai dari analog, digital, animal, holidays, dan lain-lain.
  • Pilih 'accept' dan tentukan daerah waktu. Misalnya untuk daerah Yogyakarta (GMT + 07:00)
  • Copy kode yang berada di bawahnya.
  • Pilih Desain -> Tambahkan Gadget -> HTML/java script -> beri judul -> 'Paste'kan kode tadi -> Simpan.
 Selesai!

2. Cara Mengganti Kursor Pada Blog
  • Login ke akun blog anda.
  • Kemudian kunjungilah web yang menyediakan kursor gratis. Misalnya http://cursorpedia.com, http://www.cursors-4u.com, atau http://www.123cursors.com
  • Pilihlah kursor sesuai selera anda.
  • Klik tepat pada kursor tersebut, lalu copy kode yang terdapat di bawahnya.
  • Pilih Desain -> Edit HTML -> cari 'body'.
  • Paste kode yang telah disalin tadi. Dengan format misalnya {cursor: url(http://cur.cursors-4u.net/people/peo-6/peo618.cur), default.
  • Simpan Template, Lihat Blog, Selesai!
3. Cara Memberi Lagu Pada Blog
  • Login ke akun anda.
  • Kunjungi web yang menyediakan lagu, seperti http://videokeman.com,  http://www.mixpod.com, dan web lain yang tersedia.
  • Pilihlah lagu kesukaan anda. Anda juga bisa mencarinya melalui nama artis.
  • Setelah itu, klik judul lagunya, copy kode yang terdapat di sana.
  • Pilih Desain -> Tambahkan Gadget -> HTML/Java Script -> paste kode tadi -> Simpan-> selesai!
TAPI jangan terlalu banyak menggunakan widget karena bisa membuat lemot blog sehingga membuat pengunjung merasa terganggu. Semoga Bermanfaat

Cara Membuat Widget Translate di Blog

  /     /   12 komentar   
Hhmm posting lagi, posting lagi, itulah keseharian blog mungkinperluandaketahui . Setelah sebelumnya saya membahas Cara Membuat Live Traffic Feed di Blog sekarang saya akan membahas Cara Membuat Widget Translate di Blog.

Sebagian blogger yang mendapatkan traffic juga pasti menggunakan widget translator sebagai penerjemah online di konten blognya. Blog tersebut sendiri akan merasa lebih lengkap jika menggunakan widget ini karena dianggap fiturnya semua ada. Disini, kita akan menggunakan translator dari Google Translate.
Sobat semuanya,memasang translate atau penterjemah di blog itu penting. untuk menerjemahkan isi artikel kita jika orang yang membacanya orang asing alias orang luar negeri. Ada berbagai macam trnslate untuk blog salah satunya translate yang menggunakan bendera untuk menegaskan dengan bahasa negara mana kita akan men translate artikel tersebut.

Nah sekarang saya akan berbagi script untuk membuat translate blog dengan lambang bendera.
Caranya masih seperti biasa dalam memasang widget HTML di blog.



   1. Copy script di bawah ini :

<center><a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;" style="cursor: pointer;" target="_blank" rel="nofollow" title="English"><img alt="English" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjAwQNiFP0Od8wPBcLUX2fpcTyM0ySps7DG22B-PW1JM3aJnBqvnypoY1OHd9mlUHf0TzgOfwKerTQsR825Vz1_m357uLoi4ce7Re3z0LUG2_OGblbPADjM4IbEbAUfctS1oJgrYXX3xM/?imgmax=800" title="English" align="absbottom" border="0" height="20" /></a> <a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;" style="cursor: pointer;" target="_blank" rel="nofollow" title="French"><img alt="French" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_V9LkREYx6_tgTgki62l50NcoEQE3lOXsVTIa3g9bsHuGmBZnhy7Vcz_Y8XvI58jYbG5NXAmc8p34rKDAcXtJ6NSUanOQ-0J3Ko_I0-mfZtfH7W4agGtZ_IIqaShjsv8UXp9J7-iWs4U/?imgmax=800" title="French" align="absbottom" border="0" height="20" /></a> <a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;" style="cursor: pointer;" target="_blank" rel="nofollow" title="German"><img alt="German" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifL7VjPvfEVoT5pEY1hOOxCqePzeHzH1adbKgL51Vl5w0DjZvAXBCApg9uptQb8zdefQM5GLRNjx7nYHsUJl8q31gZX3i2IpNIHA_ta1Wpw58D0Dkv9TcSPWuQ2dPOwwhbw17SkDIdy32o/?imgmax=800" title="German" align="absbottom" border="0" height="20" /></a> <a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;" style="cursor: pointer;" target="_blank" rel="nofollow" title="Spain"><img alt="Spain" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2zs8i5nzSIjCET83IkPyMegHxqXSrlfvsSrAgpyahALbqbsA1bI7sk_ehMfjrGOIkoGChIcpYW-1Ph8mNRbablye-CuAhLJK4ZC_g6sVCp8-ZobsFIZ7mkEuO7GNjDnY8EFpZQ6GHSOv_/?imgmax=800" title="Spain" align="absbottom" border="0" height="20" /></a> <a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;" style="cursor: pointer;" target="_blank" rel="nofollow" title="Italian"><img alt="Italian" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikL5-vIneDAlEkBcORdOJF8X9BM3E6TT6yZqQ4Jj41PcIxwwqrWYOleZuEVv5hd4z1PvQVy9q_g-TcHDRTUPblbxXg0z0stI5ecnY9WyxN3PPkYRnW0lhN-pftJoKzheSvML0WUTDgpxk/?imgmax=800" title="Italian" align="absbottom" border="0" height="20" /></a> <a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;" style="cursor: pointer;" target="_blank" rel="nofollow" title="Dutch"><img alt="Dutch" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjszW8EfP8w3inkJCTDY4R4RYQLmmCdWdUlflaWZ6F9AY18EEmXUTk6IcNz6sYGKHydDyE9IAD26BN902X6649ESxM11CQ_bM4PEfFoa4A8QM1qTOUG5iYaZcynSLnYFM-usSD7us7jHz8/?imgmax=800" title="Dutch" align="absbottom" border="0" height="20" /></a> <a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;" style="cursor: pointer;" target="_blank" rel="nofollow" title="Russian"><img alt="Russian" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZXJVv_33E0ZDYl1CQ33uCicuzUsSTI_Gv51wH8yTpLk1z1wmn0TVNwiLkYyEcsP_r0xyxFLSMPcIbkKPFRa9ZDElL16NUoDjHXEMPLYndNk6dOX71r_uIPR-TH-cOp8rBD8caXhqGAkI/?imgmax=800" title="Russian" align="absbottom" border="0" height="20" /></a> <a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;" style="cursor: pointer;" target="_blank" rel="nofollow" title="Portuguese"><img alt="Portuguese" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVgWSJ5B22aFGmxRqb1yfpf_jxtQpBFFHE9xVnnXkHUBilPF8zVltglX9ik36SyewsV8DulpUGw6oVv2SKkvDyfSuslvSly-QBarig9wGibOZKnGKAEWn2OvP0o8yw_bKDDCpDop9Xiv0/?imgmax=800" title="Portuguese" align="absbottom" border="0" height="20" /></a> <a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;" style="cursor: pointer;" target="_blank" rel="nofollow" title="Japanese"><img alt="Japanese" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs8gxA4IxjIYhXgcJdpRJdBK0Eoes_imHEkEMPV3Jwsmrok8dt8xTadUJ9-mz76oZw1FhsqEnAuI49bs3PSjFKjOgzN7gfzTlED4HxuwzdxCjNsywtWDAqlCKOaQ3R974N3_MtvTu89V-k/?imgmax=800" title="Japanese" align="absbottom" border="0" height="20" /></a> <a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;" style="cursor: pointer;" target="_blank" rel="nofollow" title="Korean"><img alt="Korean" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJE8SqboMYS5eoZmxOQa8J4NlsycbTSIpVaBF_RNUOPpub5HOklwaHX0MNCAO83NYBSFqmdYq96yt3_GbX-yrD4WkLZMGzq8iDgoHKV6N3RJXrEANej1-LcIfBjkBTbRPFhqpUPV0roD4/?imgmax=800" title="Korean" align="absbottom" border="0" height="20" /></a> <a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;" style="cursor: pointer;" target="_blank" rel="nofollow" title="Arabic"><img alt="Arabic" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi079enxl2oq8O1s_61Gy8kaI96iig4jvwQaljtL4yvMxZr_sLy0IOEp7UkPqV4fh4-V0CGHGNy2CMRIGtm2Ja9D2jB9ixpqJghGYAZJ_E2TA67A-9PT65HufrezJekoSSdr_Vkkm8NPsM/?imgmax=800" title="Arabic" align="absbottom" border="0" height="20" /></a> <a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;" style="cursor: pointer;" target="_blank" rel="nofollow" title="Chinese Simplified"><img alt="Chinese Simplified" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw7zvvL_3crLmEMMPPaYgdY5dq21E6dPKaQg0htj3hab3AQJWbQdrpRnahse8JJHF1Hxfs1R8GRtXdOOB93v6b2DAhcHTijml9Qn-BU2KvJAP9k53-7HO6nyIZUdud01_4fVmwRyw97KM/?imgmax=800" title="Chinese Simplified" align="absbottom" border="0" height="20" /></a></center><a href="http://mungkinperluandaketahui.blogspot.co.id/" style="font-style: italic;align='right'">Widget by RonnyBoniL</a>

   2. Login ke blog sobat.
   3. Buka tata letak dan tambahkan widget HTML
   4. Paste script yang sudah di copy tadi ke widget tersebut.
   5. Simpan dan lihat hasilnya

Cara Membuat Live Traffic Feed di Blog

  /     /   5 komentar   
Sebelum menuju langkah Cara Membuat Live Traffic Feed di Blog. Saya akan menjelaskan sedikit apa itu Live Traffic Feed. Live Traffic Feed berguna untuk kita mengetahui pengunjung blog, mengetahui dari mana, lewat mana, sudah berapa lama dan sebagainya. Menarik bukan? makanya segera pasang. Untuk cara pemasangan ikuti tutorial berikut
  • Login ke blog sobat
  • kunjungi feedjit.com
  • klik choose your feedjit
  • Untuk sobat yang suka gratisan, klik sign up pada Feedjit Completely Free
  • Nanti asobat akan dibawa ke menu pengaturan, atur sepuasnya
  • Jika sobat pengguna blogger ganti dengan blogger
  • Jika anda pemakai wordpress ganti dengan wordpress.
  • Klik GO
  • Pilih sebuah blog : Isi dengan nama blog sobat
  • Judul                     : Isi dengan judul sesuka sobat
  • Klik menambah widget
  • Lihat hasilnya
Disamping mempunyai kelebihan, feedjit juga memiliki KELEMAHAN antara lain memperberat blog karena widget, mengganggu pengunjung, seharusnya pengunjung tidak di sebarkan tetapi feedjit menyebarkan.

Maka dari itu jika sobat ingin memasangnya, sebaiknya pertimbangkan dulu. Itulah sedikit ulasan dari saya tentang cara membuat live traffic feed di blog.

Buat sobat yang ingin membuat Cara membuat Kotak Kolom Pengunjung di Blog

Selasa, 29 Desember 2015

Cara Membuat Kotak Kolom Pengunjung di Blog

  /     /   1 komentar   
Hai sobat selamat datang di mungkinperluandaketahui.blogspot.co.id . Sebelumnya kita pernah membahas Pengertian, Fungsi Dan Kegunaan HTML dan sekarang kita akan membahas sedikit tentang Cara Membuat Kotak Kolom Pengunjung di Blog

Apa saja keuntungan dari memasang widget jumlah
pengunjung online di blog?
  1. Mengetahui berapa banyak pengunjung blog yang sedang online.
  2. Mengetahui dari mana asal pengunjung blog kita.
  3. Mengetahui berapa banyakah total pengunjung blog kita.
  4. Mengetahui dari mana datangnya pengunjung blog, apakah dari google, dari facebook atau dari referral blog lain.
  5. Mendapatkan statistik gratis untuk anda analisa.
Demo widget bisa sobat lihat di bagian bawah pada halaman blog ini, Oke langsung saja kita terapkan bagaimana cara memasang widget jumlah pengunjung yang sedang online di blog.
Cara Pertama :
1. Kunjungi blogger dan login seperti biasa.
2. Klik menu Layout seperti gambar berikut.
3. Klik Add a Gadget kemudian pilih HTML/Javascript seperti gambar di bawah ini.
4. Masih pada halaman tersebut, kemudian anda buka tab baru pada browser anda dan kunjungi situs http://whos.amung.us/ di tab baru.
5. Jika sudah anda sedang berada di situs whois amoung, silahkan klik menu Widgets seperti gambar dibawah ini.
6. Anda akan melihat 6 jenis model widget amung, silahkan pilih yang anda sukai dan copy paste code tersebut pada halaman blogger pada urutan nomor 3 diatas.
7. Kemudian simpan dan lihat hasilnya.
adapun Cara Kedua : 
 1. Kunjungi blogger dan login seperti biasa.
 2. Klik menu Layout seperti gambar berikut.
  3. Klik Add a Gadget kemudian pilih HTML/Javascript seperti gambar di bawah ini.




4. Masukan script ini ke kotak konten  <a href=”http://whos.amung.us/stats/cl4ibw7nzzry/”><img src=http://whos.amung.us/widget/cl4ibw7nzzry.png” width=”81″height=”29″border=”0″ title=”click to see how many people are online”/> </a>

5. Selesai dan lihat hasilnya