Showing posts with label Blogging. Show all posts
Showing posts with label Blogging. Show all posts

Cara Memasang LinkWithin-Related Posts with Thumbnails

Cara Pasang Script Whos Amung untuk Mengetahui realtime visitor

Tahukah anda bagaimana cara melihat pengunjung (visitor) yang sedang online membuka/ mengakses blog kita secara realtime (saat itu juga)? Apakah anda ingin mengetahui, artikel apa yang sedang dibaca pengunjung blog kita saat ini? dalam artikel ini, akan saya jelaskan cara mengetahui pengunjung yang sedang mengakses blog kita saat ini dan sedang membaca artikel apakah ia saat ini, dengan menggunakan script / widget yang kita pasang di blog kita.

Pernahkah Anda melihat penampakan seperti di bawah ini?



Di bagian sebelah kiri-tengah blog bandungtimur.net di atas, ada kotak berwarna merah (ini yang disebut widget pengunjung online, dalam kasus ini menunjukkan ada 2 (dua) orang sedang online mengunjungi blog bandungtimur.net. 

Berminat untuk memasang widget pengunjung seperti itu? 

Memang, kalau blog anda terintegrasi dengan google analytic, kita bisa juga melihat pengunjung yang sedang berkunjung ke blog kita secara realtime, lihat pic di bawah:


Hanya saja bila menggunakan google analytic, kita harus masuk dulu ke https://www.google.com/analytics/web/ -----> realtime -----> overviews atau content.

Sebenarnya, ada banyak situs penyedia widget pengunjung online/ active users on site, diantaranya adalah whos.amung.us seperti yang dipakai blog ini.

Caranya? Silakan ikuti panduan berikut:



2. Copy CODE (blok/klik kiri mouse 2x script yang ditunjukkan).
sebagai contoh code yang muncul sebagai berikut :

<script id="_waur4s">var _wau = _wau || []; _wau.push(["classic", "uz6eo63d4n0f", "r4s"]);
(function() {var s=document.createElement("script"); s.async=true;
s.src="http://widgets.amung.us/classic.js";
document.getElementsByTagName("head")[0].appendChild(s);
})();</script>

3. Paste (tempel) code tersebut di widget blog anda.

1)  Login Ke blogger anda
2)  Pilih rancangan/ layout 
3) Pilih tambah gadget (add a gadget), silakan bebas bisa di bagian sidebar atau footer ---> HTML/Java script
4)  Paste / simpan script yang tadi anda copy dari whos.amung.us di dalam content java scriptnya.
5)  Jangan lupa simpan dan lihat hasilnya

Bagaimana Cara Memilih Tampilan dari Type Whos Amung yang lain

Jika anda ingin memilih tampilan lain dari type yang disediakan, ikuti panduan berikut ini :

1. Klik gallery (yang ditunjukkan dengan panah pada gambar di bawah).


2. Pilih type yang disediakan
Setelah kita klik gallery, kita akan dibawa ke halaman berikut:




Beberapa Pilihan Type Widget Whos Amung


Ada beberapa pilihan type yang bisa anda pilih sesuai selera : the classic widget, the colored widget, the small widget, the tab widget, the map widget, chrome and firefox.

The Classic Widget




Seperti langkah di atas, tinggal copy kode yang ditunjukkan dan paste di widget blog kita.

The colored widget

The Small Widget

The Tab Widget

The tab widget seperti yang dipakai di blog bandungtimur.net. Anda juga bisa memilih posisi widget sebagai berikut:

- Left (sebelah kiri blog) : *Top (atas) *Center (tengah) *Bottom (bawah) 
- Bottom (bagian bawah blog) : *Left (kiri)  *Center (tengah)  *Right (kanan)
- Right(bagian kanan blog) : *Top (atas) *Center(tengah), dan *Bottom (bawah)

The Map Widget

Chrome and Firefox



Di situs whos.amung.us kita juga bisa melihat artikel yang sedang dibaca/ diakses pengunjung yang sedang online secara realtime. Anda tinggal klik kotak whos amung di blog kita.

ada 2 pengunjung sedang online dan artikel apa yang sedang dibaca/ diakses pengunjung


Demikian cara memasang script widget whos.amung.us di blog untuk mengetahui active users on site atau pengunjung yang sedang online secara realtime. Semoga bermanfaat!







Inilah Cara Memasang Kalender Gratis di Blog

Mungkin ada pembaca blog ini, saat ini sedang mencari bagaimana cara memasang kalender gratis di blog, untuk mempercantik blognya, atau untuk alasan tertentu misalnya sebagai pengingat tanggal, dan sebagainya.

Sebenarnya bila anda menggunakan platform blogspot, sudah disediakan fitur kalender, caranya sebagai berikut:

Pertama, masuk ke blogger anda.
Kedua, bila anda memiliki beberapa blog, maka pilih blog yang akan dipasang kalender, lihat gambar di bawah, lalu pilih lay out/ tata letak.


Ketiga, tambahkan gadget (add gadget), terserah mau diletakkan dimana kalender tersebut, misalnya di bagian side bar maka add gadget di bagian side bar, bila ingin diletakkan di bagian bawah (footer) maka add gadget di bagian footer. NB: yang penting jangan di bagian header..hehe



Keempat, pilih gadget lainnya (more gadgets) lalu klik tanda + di bagian daily calendar.





Kelima, klik simpan / save. Anda juga bisa mengatur tinggi (height) kalender dan rubah angkanya, tekan save.

Terakhir, jangan lupa juga save arrangement



Dan, lihat pula preview di blog anda, misal penampakannya seperti gambar di bawah ini:



Bila Anda tidak puas dengan tampilan sederhana daily calendar tersebut, sebenarnya Ada banyak situs pihak ketiga yang menyediakan kelender gratis untuk blog kita. Anda bisa ketikkan di mesin pencari google : " free calendar for blog  atau free blog calendar".

Silahkan coba kunjungi salah satu blog berikut :


Di situs tersebut anda juga akan mendapat tutorial memasang clock/jam, memasang animasi, dll). 

Cara memasang kalender di blog  :

1. Pilih model kalender yang disukai (ada beberapa pilihan jenis calendar : animated calendars, animal calendar, nature calendar, calendar with clock, dll). 

2. copy kode yang di berikan di bawah gambar kalender (COPY the code below onto your Site or Blog), untuk calendarlabs.com kode diperoleh setelah kita klik: use the widget kemudian klik 2x mouse dan copy semua kode yang muncul (yang nantinya kita tempel/paste di widget kita).



----> blok kode yang ada dengan klik-kanan mouse pilih select all (atau klik kiri mouse kiri 2x), klik-kanan lagi mouse, pilih:copy) lalu paste pada kode Html di blog kita yakni seperti cara di atas, masuk ke Design/rancangan - add gadget/tambah gadget + HTML/JavaScript - Paste kode yang di copy tadi dan kalau mau beri judul di kolom title)







3.simpan/save..

Untuk lihat hasilnya : preview blog

Memasang kalender Hijriah di Blog

Pertama
, masuk ke Islamic Calendar
Kedua, pilih kalender yang disukai, klik Get This Widget




Ketiga, Edit kalender sesuai keinginan, bila sudah dirasa cocok, tekan BLOG ME!

Keempat, copy kode yang muncul


Kelima, tempelkan/paste di widget blog anda seperti cara di atas.

Jadi deh tampilan Kalender di blog kita....
Demikian cara memasang kalender gratis di blog kita. Gampang ya?
Selamat Mencoba..