Widget Online Visitor Counter Realtime Untuk Blog Tanpa Credit Links

Belum banyak blogger yang sudah memiliki layanan hosting. Saya pun berpikir bahwa tutorial yang kemarin saya berikan mengenai Cara Menghitung Pengunjung Online Dengan PHP dan SQLite belum bisa diimplementasikan dengan mudah. Akhirnya saat ada waktu luang, saya membuat tool realtime online visitor counter widget. Tool ini saya tuis dengan bahasa PHP mirip seperti tutorial membuat online visitor counter kemarin, namun dengan beberapa penambahan fungsional agar widget ini bisa digunakan oleh banyak situs.

Kelebihan dari realtime online visitor counter widget ini terletak pada fitur dinamis dan realtime nya. Hasilnya nampak seperti ini:

Widget realtime online visitor counter ini secara default ditempatkandi pojok kanan bawah page blog anda. Tapi saya membuatnya lebih dinamis dengan menerapkan CSS styling di sisi user. Jadi anda bisa mengubah warna, tata letak ataupun gaya dari widget ini.

Yang harus jadi perhatian juga, widget ini dibuat untuk bekerja secara realtime. Basis kode juga dilengkapi script untuk merefresh jumlah realtime visitor online secara otomatis.

Meski hanya ada 2 fitur utama yang saya tonjolkan pada realtime online visitor counter, kenyataannya di luar sana anda akan sangat jarang menemui widget semacam ini. Biasanya style disediakan statis oleh penyedia layanan, dan kita sama skali tidak bisa mengubahnya sesuai keinginan kita. Saya juga sulit menemkan online visitor counter widget yang bekerja secara realtime.

Sebenarnya ada satu lagi kelebihan widget ini. Jika anda memasangnya di blog, widget ini sama sekali tidak meminta imbalan dalam bentuk apapun, termasuk backlink. Ya, saya pastikan widget ini akan selalu gratis dan bebas credit links.

Tertarik untuk memasang widget ini? Kunjungi Komputoo Tools pada seksi Realtime Online Visitor Counter Widget (link).

Masukkan link blog anda pada kotak yang sudah disediakan tanpa http://www. Klik Get code lalu copy-paste script online visitor counter yang sudah anda dapatkan.

Read more

Membuat Animasi Loading Blog Seperti Youtube

Sekarang kita akan membahas hal baru dan unik, yaitu membuat animasi loading / progress seperti youtube. Siapapun blogger, pasti ingin melihat pengunjungnya terkesan dan betah berlama-lama di blognya. Salah satujaln yang dilakukan adalah membuat blog terlihat interaktif dengan menambah animasi loading pada blog.

Banyak yang mengira bahwa cara membuat animasi loading blog adalah hal yang kompleks dan membutuhkan skill pemrograman tingkat dewa. Mungkin ada benarnya, sih. Walau begitu, sebenarnya hal tersebut bisa dipermudah dengan memanfaatkan automatic page load progress bar library jQuery. Dengan kata lain, cara membuat animasi loading blog / progress bar blog cukup dilakukan dengan menambahkan referensi script library.

Lalu, library yang mana yang bisa dipakai dan mudah diimplementasikan untuk membuat animasi loading blog / progress bar blog ?
Dari penelusuran saya, ternyata ada banyak library javascript ataupun jquery untuk hal ini. Dari semuanya itu, akhirnya saya memilih PACE.js karena mudah dan praktis.

Demo : http://github.hubspot.com/pace/docs/welcome/
Download : http://github.com/HubSpot/PACE/

Cara implementasi animasi loading blog / loading halaman website dengan PACE.js sangatlah mudah, kita hanya perlu memasukkan referensi pace.js dan salah satu tema CSS pace.js (lihat macam-macam tema) di atas kode penutup </head>.

  <script src="/pace/pace.js"></script>
  <link href="/pace/themes/pace-theme-barber-shop.css" rel="stylesheet" />
</head>

Jika kita hanya memiliki blog/website gratisan seperti blogger; saya sarankan untuk menggunakan referensi dari CDN tanpa harus mendownload source PACE.js. Selain itu, pastikan kita juga sudah mengikutsertakan referensi jquery sebelumnya. Khusus untuk platform Blogger, anda tidak perlu menambahkan referensi jquery, karena secara default, blogger sudah menambahkannya secara otomatis dalam template kita.

CDN PACE.js : https://cdnjs.com/libraries/pace
CDN JQuery : https://cdnjs.com/libraries/jquery/

Sebenarnya, baik website personal ataupun blog gratisan, mendownload library PACE.js adalah opsional, karena sudah ada beberapa CDN yang menyediakan library tersebut di servernya.

Berikut ini merupakan contoh penggunaan CDN untuk membuat animasi loading blog / progress bar dengan PACE.js (tema Flash). Jika anda menggunakan Blogger, cukup letakkan kode tepat di atas tag </head>. Hasilnya bisa anda lihat di blog Komputoo ini :D

  <script src="https://cdnjs.cloudflare.com/ajax/libs/pace/1.0.2/pace.min.js" integrity="sha256-EPrkNjGEmCWyazb3A/Epj+W7Qm2pB9vnfXw+X6LImPM=" crossorigin="anonymous"></script>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/pace/1.0.2/themes/black/pace-theme-flash.min.css" integrity="sha256-HsWJ70tOKcd52gFzhVX319egmTCvQbMOs0DYg3bDMi8=" crossorigin="anonymous" />
</head>

Yap, sekian tutorial singkat mengenai cara membuat animasi loading blog / cara membuat progress bar blog. Mudah-mudahan bisa bermanfaat.

Read more

Promo Domain .COM September 2017 Dari NiagaHoster

Bulan September ini memang terasa penuh berkah, apalagi karena ada promo domain .COM murah dari niagahoster. Perlu diketahui, promo domain .COM niagahoster ini berlaku hanya di bulan September saja, jadi jangan sampai ketinggalan. Dari promo sebelumnya, harga promo yang ditawarkan niagahoster ternyata jauh lebih terjangkau. Tapi tidak perlu menyesal kalau sebelumnya anda sudah membeli promo domain .COM dari Qwords, lagipula promo domain .COM dari niagahoster ini tidak terpakut jauh dari promo domain Qwords yang sudah ditawarkan sebelumnya.

Sejujurnya penulis belum tahu persis kenapa akhir-akhir ini banyak yang membanting harga domain .COM. Entah karena memang harga resmi ICANN saat ini memang dalam kisaran segitu atau karena ada persaingan pasar yang menuntut program promo domain .COM ini ada.

Sejauh ini, promo domain .COM termurah adalah dari GoDaddy. Namun, pendaftar harus memiliki kartu kredit untuk membeli promo domain dari GoDaddy. Hal ini sepertinya membuat para blogger semakin giat mencari promo domain lain yang disediakan oleh layanan hosting lokal. Dan, kali ini hadir beberapa promo domain .COM di September 2017. Di antaranya adalah dari JagoanHosting, Qwords, hingga promo terbarunya adalah promo domain .COM dari niagahoster.

Promo domain .COM di bulan September 2017 dari niagahoster tersebut bisa jadi adalah yang termurah di kelasnya. Untuk mendapatkan promo tersebut, kita hanya perlu menyiapkan dana Rp 59.000 saja (belum termasuk PPN). Jangan sampai ketinggalan, karena promo domain .COM niagahoster hanya berlaku sampai 30 September mendatang. Syarat dan keterangan lengkap mengenai promo tersebut adalah:

• Gunakan kode kupon COM59
• Promo berlaku hingga 30 September 2017 pukul 21.00 WIB
• Promo hanya untuk tahun pertama dan tidak berlaku perpanjangan
• Promo berlaku untuk pembelian periode 1 tahun saja
• Satu akun hanya bisa mendaftarkan satu domain .COM 59rb
• Pembayaran dan konfirmasi pembayaran diluar masa promo tidak berlaku

Sudah siap untuk mendaftarkan domain murah dari promo niagahoster?
Langsung saja, banting setir ke https://www.niagahoster.co.id/domain-murah sebelum masa promo berakhir.

Read more

Berapa Trafik Minimal Untuk Daftar AdSense Dan Bisa Diterima?

Suntuk rasanya kalau sudah berkali-kali daftar AdSense tapi ditolak. Kebanyakan memang terjadi pada blogger yang belum lama terjun di dunia blog monetizing. Jadi, banyak pula yang curiga dan bertanya berapa trafik minimum untuk daftar Adsense agar dapat diterima?

Menurut pengalaman saya sendiri, sebenarnya tidak ada batasan minimum page views ataupun batasan minimum unique visitor agar dapat diterima Adsense. Bahkan, anda bisa diterima Adsense hanya dengan domain .tk ataupun domain gratisan lain. Hah, serius?

Iya, saya dulu mendaftar AdSense saat Komputoo masih memiliki domain TLD gratis .tk. Saya sebenarnya cuma iseng tanpa mempedulikan jumlah trafik agar dapat dipasang Adsense. Tapi saya senang karena keisengan saya berbuah manis. Komputoo diterima Adsense hanya dengan trafik sedikit, sekitar 100 PV/day.

Menurut salah satu sumber terpercaya, memang sama sekali tidak ada peraturan mengenai trafik minimum agar dapat diterima AdSense (link). Tapi, apa sih faktor terbesar yang mempengaruhi ditermi atau tidaknya pengajuan Adsense?

Secara personal, saya berpendapat bahwa faktor diterima tidaknya Adsense adalah konten, tampilan dan navigasi blog. Sebisa mungkin, blog harus terlihat professional. Ini bisa dilakukan dengan mengganti template blog berjenis magazine atau mirip situs berita. Jangan biarkan sidebar, navbar/menu dan footer kosong. Penuhilah menu di bagian-bagian tersebut. Meski kelihatan sepele, hal ini bisa membuat situs terlihat professional.

Mengubah gaya penulisan juga penting. Posting blog sebaiknya diusahakan untuk ditulis dengan bahasa sewajarnya, tidak terlalu banyak emoticon dan menggunakan EYD. Ini penting, karena proses review dilakukan secara manual oleh perseorangan yang ditugaskan dari Google. Jadi, agar blog terlihat menarik dan meyakinkan, buatlah situs blog anda lebih baik dari yang terbaik. Kita tidak tahu bagaimana standar kata terbaik bagi reviewer. Tapi, jika kita terus berusaha membuat blog kita terlihat sangat baik, besar kemungkinannya untuk dapat diterima AdSense.

Jangan senang dulu jika sudah diterima AdSense. Lihat nasib anda ke depan. Faktanya situs blog lokal Indonesia memiliki rate CPC/BPK rendah. Berapa BPK/CPC blog lokal? Hmm, miris, rata-rata tidak lebih dari Rp 600 per klik.

Diterima Adsense bisa jadi adalah kebanggaan. Tapi hanya semu jika blog ternyata memiliki trafik rendah. Jangan sampai ini menjerumuskan Anda ke dunia black blogging. Misalnya meningkatkan trafik dengan blog walking dan mengajak mereka meng-klik iklan Anda. Sangat tidak etis, rejeki tidak barokah dan merugikan orang lain.

Intinya, tidak ada syarat trafik minimum agar bisa diterima Adsense. Akan tetapi, ada beberapa hal yang perlu diperhatikan. Syarat agar diterima AdSense dan bisa meraup dolar secara maksimum dari AdSense; secara garis besar adalah meningkatkan kualitas blog baik dari segi inernal(konten) maupun eksternal(tampilan). Bukan agar terlihat meyakinkan, lebih tepatnya agar pengunjung Anda merasa termanjakan. Otomatis hal itu bisa meningkatkan trafik dan penghasilan anda jika sudah diterima Adsense.

Read more

Alhamdulillah, Komputoo Sudah Mencapai Posting Ke-300

Alhamdulillah, penulis merasa sangat bersyukur. Bagaimana tidak, sudah sejak 2013 lalu Komputoo ada. Meski belum bisa menjadi yang terbaik, kami terus berusaha menyampaikan tulisan-tulisan hangat yang bermanfaat bagi seluruh pembaca.

Suka dan duka sudah dilalui. Kalau jujur, mungkin lebih banyak dukanya. Tapi itulah senyatanya hidup. Kadang tidak harus mencari titik kebahagian, tapi justru membiasakan diri dengan kekurangan yang ada.

Di tulisan ke-300 ini, saya selaku blogger dan penulis tetap Komputoo hanya punya sedikit harapan utama. Mudah-mudahan tulisan yang sudah dipublikasikan bisa bermanfaat bagi pembaca. Selain itu, saya juga berharap agar blog ini bisa terus berjaya dan semakin melekat di hati pembaca. Untuk itu, saya juga mngharapkan do'a dan restu dari para pembaca di sini. :)

Terima kasih sudah mengunjungi komputoo. Dan mungkin ungkapan terima kasih lebih banyak lagi untuk kalian yang sudah sudi mau menjadi pembaca setia blog nista ini :'v. Sekali lagi, mudah-mudahan artikel di sini bisa digolongkan menjadi salah satu bahan pembelajaran yang bisa bermanfaat di masa depan. :)

Read more

Mengatasi Tulisan Posting Berantakan Jika Di Copy Dari Microsoft Word

Sesekali menulis posting tidak harus saat sedang terkoneksi internet. Bahkan akan lebih baik jika ide tulisan segera dituliskan saat masih semangat. Tidak melulu menunggu koneksi internet. Kita bisa mengetik langsung draft ide artikel yang ingin dipublikasikan dari Microsoft Word.

Akan tetapi ada sedikit masalah yang sudah biasa kita rasakan jika melakukan metode demikian. Yaitu, format posting menjadi berantakan, dan beberapa kali muncul kode yang tidak jelas.

Untuk mengatasi permasalahan ini ada beberapa macam solusi yang bisa anda coba agar posting blog yang dicopy dari word tidak berantakan.

1. Paste Dulu Di Notepad
Sebelum di-paste ke blogger, sebaiknya tulisan di-paste di notepad terlebih dahulu. Dengan cara ini, tulisan anda akan berubah ke format plain text yang bebas kontaminasi kode internal Microsoft Word.

2. Menggunakan HTML Cleaner
Solusi yang kedua ini bisa dilakuan lebih mudah daripada solusi pertama. Cara pertama mengharuskan kita memformat ulang tulisan(menebalkan, memiringkan, mengubah size, dll). Dengan cara ini, hal semacam itu tidak lagi harus diperlukan.

Contoh situs HTML cleaner antara lain:
https://word2cleanhtml.com
https://html-cleaner.com
https://wordhtml.com

3. Menggunakan Software Platform Blogging Windows Live Writer
Lupakan Microsoft Word. Metode ini bisa jadi adalah yang paling efektif dan efisien. Windows Live Writer adalah software platform untuk blogging yang mendukung platform blogging yang saat ini mayoritas banyak dipakai, misalnya Wordpress dan Blogger. Dengan software ini, anda akan mendapatkan pengalaman ngeblog dilengkapi editor WYSIWYG. Saat menulis, anda tidak harus langsung terhubung internet. Anda bisa menulis draft saat offline dan mempublikasikan saat tersedia internet.

Yak, sampai disini tips yang isa saya sampaikan terkait cara mengatasi posting blog berantakan ketika di copy-paste dari Microsoft Word. Mudah-mudahan bisa bermanfaat.

Read more

Cara Mudah Grab Konten Blog Orang Dengan PHP

Komputoo sudah lahir sejak beberapa tahun yang lalu, sampai sekarang masih kurang dari 300 artikel yang berhasil diterbitkan. Ada saja perasaan malas untuk melanjutkan blogging, tapi dengan dedikasi dan percaya bahwa kerja kerasa tidak akan pernah ada ruginya; Komputoo tetap setia berada di internet menyajikan informasi dan tutorial berkualitas. :D

Sebagai gantinya, rasa malas itu mulai dimanfaatkan penulis ke arah lebih positif. Rasa malas tersebut melahirkan ide untuk membuat grabber blog berbasis PHP dan RSS. Tidak sulit membuat grabber, apalagi jika sudah memiliki pengalaman dalam pemrograman OOP. Salah satu objek grabber yang bisa diambil peluangnya adalah RSS(Really Simple Syndication) yang hampir semua situs maupun blog memilikinya.

Untuk melihat RSS tiap blog, kita cukup melihat kode sumber laman dari blog target.

Contoh kode meta RSS adalah sebagai berikut:

<link href='http://www.blogger.com/feeds/5968298389595427058/posts/default' rel='alternate' title='Komputoo Tech - Atom' type='application/atom+xml'/>

Jangan senang dulu, metode grabber melalui RSS kadang butuh keberuntungan. Karena tidak semua blog menyajikan seluruh konten dalam deskriptor RSS. Sering kali hanya ringkasan. Jika target dirasa sudah tepat, buka URL RSS dan kopi semua kodenya di https://codebeautify.org/xmlviewer. Klik Tree View dan pelajari struktur RSS tersebut.

Kode RSS tersaji dalam format XML; dan cara termudah mengolahnya adalah dengan SimpleXML. Berikut referensinya:

http://php.net/manual/en/book.simplexml.php

$rss = simplexml_load_file('URL RSS');
$namespaces = $rss->getNamespaces(true);
$items = $rss->channel->item;
foreach ($items as $item){
 $content->title = $item->title;
 $content->content = $item->children($namespaces['atom'])->summary;
 $content->source = $item->link;
 $content->date = date("Y-m-d", strtotime($item->children($namespaces['atom'])->updated));
 $content->uid = md5($content->source);
 $content->image = $item->children($namespaces['media'])->thumbnail->attributes()->url;
 $content->dump();
 //Tambahkan fungsi untuk memasukkan $content ke database
 echo "<hr/>";
}

Langkah paling awal dalam proses grabber adalah mengunduh kode XML dari RSS dan menjadikannya sebagai objek.

$rss = simplexml_load_file('URL RSS');

Biasanya aanda akan menemukan kode tag XML <dc:creator></dc:creator> dalam RSS. untuk mengakses tag ini, anda harus memproses namespaces terlebih dahulu.

$namespaces = $rss->getNamespaces(true);

Jika sudah, perhatikan baik-baik struktur RSS yang sudah kita lihat di awal. Umumnya, konten posting blogger tersaji dalam bentuk array di bawah $rss->channel->item.

Karena array, kita jadi lebih mudah memilah-milahnya dengan foreach.

foreach ($items as $item){
 //lakukan sesuatu untuk tiap $item
}

Komponen posting tanpa namespavces bisa diakses seperti mengakses objek biasa, contohnya saja $item->title untuk judul. Tapi, kalau sudah berhadapan dengan namespace, mau tak mau gunakan kode yang agak lebih panjang.

<title>Judul</title>
$item->title

<atom:summary>Ringkasan</atom:summary>
$item->children($namespaces['atom'])->summary;

Sesekali kita juga harus mengakses atribut. Kode yang diperlukan ditulis semacam ini:


<thumbnail url="???">...</thumbnail>
$item->thumbnail->attributes()->url;

<atom:thumbnail href="???">...</atom:thumbnail>
$item->children($namespaces['atom'])->thumbnail->attributes()->href;

Yak, mungkin sampai disini saja penjelasan dari saya. Sebenarnya proses grabbing mudah saja kalau targetnya mendukung. Kalau ada kode yang tidak diketahui, ada dokumentasi lengkap dan sebagian besar juga dibahas di stackoverflow.

Ada pula metode grabbing lain, yaitu dengan DOM(Document Object Model). Metode ini bisa dilakukan dengan mengekstrak langsung dari halaman berformat HTML yang biasa kita lihat. Kita tidak akan membahasnya sekali waktu ini, mngkin di kesempatan lain, saya akan tuliskan tutorial untuk itu.

Selamat mencoba, happy coding. ;)

Read more