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

Mengambil Kutipan Ringkasan Artikel Wikipedia Dengan API (Javascript)

Saya terkesan melihat Google dengan cepatnya mengerti maksud saya. Ketika saya mengetik "nama latin kunyit", muncul banyak sekali hasil dan salah satunya yang ditempatkan paling atas adalah kutipan dari Wikipedia.

Saya terheran, bagaimana bisa teknologi crawler milik Google bisa melakukan ekstraksi data seperti itu?

Namun, setelah saya mengagali banyak informasi dari internet, tertujulah saja pada fakta mencengangkan. Ternyata Wikipedia menyediakan API yang bisa diakses tanpa batasan ataupun bayaran sepeserpun.

Contoh implementasinya adalah ketika saya ingin mengekstrak data ringkasan dan gambar mengenai Ikan Nila (Oreochromis niloticus).

https://id.wikipedia.org/w/api.php?format=jsonfm&action=query&prop=extracts|pageimages&pithumbsize=300&exintro=&explaintext=&titles=Oreochromis%20niloticus&redirects

Atau, ketika saya hendak memperoleh informasi yang berkaitan dengan flora/fauna.

https://id.wikipedia.org/w/api.php?action=query&generator=search&gsrlimit=50&gsrsearch=intitle:udang+incategory:Artikel_dengan_format_mikro_%27spesies%27&prop=revisions&rvprop=content&rvsection=0&format=jsonfm

Jika kalian ingin tahu lebih banyak mengenai fitur API Wikipeda, silahkan kunjungi:

https://www.mediawiki.org/wiki/API:Main_page

Eh, tunggu dulu. Apa gunanya Anda mempelajari hal ini? Banyak, salah satunya apabila anda ingin mempresentasikan informasi kepada user ketika mengetik kata kunci di kotak pencarian blog anda. Dengan setikit ketrampilan Javascript/JQuery, data API yang tersusun sebagai JSON dapat diinterpretasikan dan diolah dengan mudah. Berikut contoh implementasinya.

<html>
<head>
<meta charset="utf-8">
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<script>
 $(document).ready(function() {
  $("#wiki-search").click(function(e) {
   e.preventDefault();
   var katakunci = $("#wiki-search-input").val();
   var url =  "https://id.wikipedia.org/w/api.php?format=json&action=query&prop=extracts&exintro=&explaintext=&titles="+katakunci+"&redirects&callback=?";
   $.getJSON(url ,function(data) {
    $.each(data.query.pages, function(i, item) {
     $("#wiki-title").html (item.title);
     $("#wiki-content").html (item.extract);
    });
   });
  });
 });
</script>
</head>
<body>
 <form > 
   <input type="text" id="wiki-search-input"> <button id="wiki-search"> Search!!</button>
 </form>
 <div id='wiki-title' style="font-weight:bold;"></div>
 <p id='wiki-content'></p>
 <a href="http://www.komputoo.pw">Wikipedia Search Widget</a>
</body>
</html>

Agar API dapat diakses melalui client dengan JS, URL API harus disisipkan "&callback=?", agar server wikipedia menyetujui permintaan kita. Jika implementasi ini dilakukan dari server-side, hal tersebut boleh diabaikan saja.

Saya juga sudah menyisipkan contoh implementasi kode di bawah ini untuk menunjukkan bahwa kode bekerja dengan baik. Silahkan dicoba.

### Coba ketik : kucing, macan, atau lainnya ###

### Hasilnya akan terlihat di atas ###

Kode di atas self-explained bagi yang sudah terbiasa dengan pemrograman web. Jadi apabila mungkin ada unek-unek yang perlu disampaikan, silahkan scroll ke bawah untuk berkomentar :)

Read more

Pasang Iklan Bisa Meningkatkan SEO, Mungkinkah?

Saya memiliki salah satu artikel di blog ini yang sempat saya promosikan dengan Facebook Ads. Berikut ini adalah judul bertaut link menuju artikel tersebut.

Cara Mudah Membuat Komik Strip dari Gambar Tangan dengan Bantuan Software Gratis 

Di antara sekitar 280 artikel, judul di atas sering kali memperoleh kunjungan dari search engine. Awalnya sudah lama; semenjak saya mengiklankan artikel tersebut melalui grup Facebook official Komputoo. Beberapa hari kemudian, banyak kata kunci mengenai komik strip yang berhasil masuk terjerat artikel.

Saya jadi curiga, apakah mungkin Google sudah bekerja sama dengan Facebook, untuk mengelabuhi daya minat advertiser? Atau mungkin hanya kebetulan saja?

Entahlah, mungkin teman-teman pembaca di sini mau melakukan eksperimen serupa. Jika ada pengaruh, silahkan share bersama komentar artikel ini, ya...

Read more

Copy-Paste Artikel, Dibayar Dollar

Hah? Serius itu pak? Halal ndak ya?

Semua orang di dunia ini ingin mendapatan uang yang banyak dengan cara yang mudah. Akan tetapi hukum alam selalu mengatakan "High risk, high return". Artinya kalau anda ingin uang banyak, mau tak mau anda harus memakan semua rasa sakit dan perih. Tentu saja, semua itu jelas akan mengganggu tidur nyenyak kita tiap malam.

Kemudahan yang menawarkan penghasilan tinggi sudah patut dicurigai. Jika bukan penipuan, ya, haram.

Lhoh, lalu bagaimana bisa kita mendapatkan uang hanya dengan copas artikel?
Hehehe, sebenarnya judul di atas hanya sebagai pemanis belaka. Namun jangan salah sangka. Judul tersebut terbukti benarnya. Jangan kawatir soal halal tidaknya. InsyaAllah 100% halal kok. *

* Syarat dan ketentuan berlaku :D

Agar bisa meraup penghasilan dollar hanya dengan copy-paste / copas artikel, blog anda haruslah berkualitas. Baik dari segi artikel maupun trafik yang datang tiap harinya. Jika sudah yakin dengan aspek tersebut, kunjungi situs RankExperience dan daftaran akun anda untuk memulainya.

Sesuai dengan deskripsinya, Get MONEY for placing unique articles to your website or blog!, anda bisa dibayar uang setelah anda menaruh artikel yang disediakan dari RankExperience ke dalam blog anda. Yap, benar. Tidak perlu susah-susah menulis; semua artikelnya ditentukan oleh mereka. Jadi, tidak salah dong kalau saya menyebutnya copy-paste? :D

RankExperience sendiri adalah salah satu situs pengiklan yang mencetuskan ide  tersebut. Di sini ada advertiser yang membutuhkan artikel unik mereka dibaca dan dikenal oleh publik. Sementara anda sendiri akan berlaku sebagai publisher yang bertugas menaruh artikel tadi ke dalam blog. Tidak tanggung-tanggung, mereka berani menawarkan bayaran mulai dari $5 hingga $200 untuk bentuk kerjasama ini.

Penasaran seperti apa? langsung saja daftarkan diri anda ke RankExperience. Segera dapatkan peluang manis meraup puluhan hingga ratusan dollar dari situs anda.

Read more

Cara Verifikasi AdSense dengan KTP

Pengalaman pertama sering kali adalah merupakan pengalaman yang paling mendebarkan. Tak jarang, kita akan melakukan kesalahan di kesempatan ini. Walau begitu, pengalaman ini tentu saja tidak akan menjadi hal yang berharga jika belum lengkap dengan kesalahan.

Sudah 4 bulan lebih saya menunggu surat berisi kode verifikasi PIN (disebut juga surat cinta) dari AdSense. Tapi setelah melakukan 3 kali permintaan pengiriman, surat tak kunjung sampai di tangan. Hati saya jadi gusar dan pikiran saya terus saja ingin menyalahkan tukang pos.

Sekitar 1 bulan lalu, saya juga sempat mendatangi kantor pos terdekat, mungkin saja hal ini bisa dipertanyakan kepada petugas di sana. Tapi kisah saya ternyata berakhir sama seperti publisher AdSense Indonesia yang lain. Yap, petugas meminta nomor resi pengiriman. Karena Google sama sekali tidak memberikan clue mengenai ini, terpaksa saya harus pulang ke rumah dengan tangan hampa.

Untungnya ini bulan liburan. Setiap hari, saya bisa siaga di kampung halaman, menunggu surat terakhir (replacement PIN) yang belum lama ini saya minta. Tapi rupanya tak kunjung datang, meski batas 4 bulan sudah terlewati. Saya harus mulai bersabar, karena revenue bulan ini harus mulai terhenti sementara pada detik itu juga. Ini adalah hari terakhir toleransi yang diberikan Google AdSense.

Sayapun memutuskan untuk melakkukan verifikasi AdSense saya dengan ID card/kartu identitas. Dengan cara ini, kita cukup mengirimkan scan bukti identitas. Kartu ini bisa berupa SIM, KTP atau paspor. Katanya, cara ini hanya bisa dilakukan jika sudah lewat 4 bulan.

Ternyata, masalah tidak sampai di situ. Saat saya klik link "formulir ini" / "this form", saya malah dialihkan ke halaman PIN troubleshooter.

Bukan hanya sekali atau dua kali; sampai lewat satu minggu pun saya belum bisa mendapatkan halaman untuk verifikasi ID card, seperti yang saya harap. Akhirnya saya pasrah, berharap agar pak pos datang membawa surat cinta, sebelum akun saya benar-benar kena banned.

Dua minggu belalu, tapi yang dinanti tak kunjung datang. Saya kembali berusaha melakukan verifikasi ID card.

Ulala... ternyata muncul juga halaman verifikasi yang sudah lama dinanti. Dengan semangat, saya mengisikan form dengan teliti, disertai berkas scan KTP yang sudah sedari lama saya siapkan.

Rasanya tidak sabar menunggu akun ini terverifikasi, dan pundi-pundi dolar kembali mengalir ke dompet saya. Dan, kali ini keberuntungan mulai berpihak. Belum genap 1 hari menunggu hasilnya, sebuah email berisi kabar bahagia melayang dan segera mendarat cepat di kotak masuk.

Read more

Cara Membuat Tombol Share di Blogger Dalam 3 Langkah (Gaya Simple + Elegant)

Sebuah blog populer biasanya akan banyak memperoleh feedback dari pembacanya. Contoh bentuknya adalah share artikel ke media sosial. Mulai dari yang paling populer, Facebook, sampai dengan media sosial ala chatting seperti Whatsapp.

Pengetahuan utama yang harus diketahui adalah alamat link share media sosial yang dituju. Setelah diketahui, sebuah tombol share baru bisa ditambahkan berdasarkan link tersebut. Agar terliihat menarik, tombol share dilengkapi dengan ikon yang berkorelasi dengan tujuan share media sosial.

Contoh link share (Facebook & Twitter) :
https://www.facebook.com/sharer/sharer.php?u=LINK_ARTIKEL&t=JUDUL_ARTIKEL
https://twitter.com/intent/tweet?source=LINK_ARTIKEL&text=TWEET

Simpelnya, kita bisa membuat link share dengan tag HTML anchor ( <a>), lalu menambahkan ikon di dalamnya agar terlihat menarik. Pertanyaannya, dimana kita tahu judul dan link artikel yang perlu disisipkan pada link tersebut?

Untuk platform blogger,  judul dan link artikel bisa diperoleh dengan script layout data tags. Pakai data:post.title untuk memperoleh judul dan data:post.link untuk link artikel. Contohnya...

<a expr:href='&quot;https://www.facebook.com/sharer/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' target='_blank'>....</a>

Agar lebih menarik, kita gunakan ikon font awesome. Sehingga menjadi seperti ini...

<a expr:href='&quot;https://www.facebook.com/sharer/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' target='_blank' title='Share on Facebook'>
   <i aria-hidden='true' class='fa fa-facebook-square fa-2x'></i>
</a>

Oke, langsung saja. Pertama cari kode <b:includable id='shareButtons' pada template anda.

<b:includable id='shareButtons' var='post'>
 ...
</b:includable>

Ubah semua isinya menjadi kode berikut ini.

<b:includable id='shareButtons' var='post'>
  <ul class='custom-share-buttons'>
<li>
 <a expr:href='&quot;https://www.facebook.com/sharer/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' target='_blank' title='Share on Facebook'>
<i aria-hidden='true' class='fa fa-facebook-square fa-2x'>
</i>
<span class='sr-only'>
 Share on Facebook
</span>
 </a>
</li>
<li>
 <a expr:href='&quot;https://twitter.com/intent/tweet?source=&quot; + data:post.url + &quot;&amp;text=&quot;+ data:post.title + &quot;:%20&quot; + data:post.url' target='_blank' title='Tweet'>
<i aria-hidden='true' class='fa fa-twitter-square fa-2x'>
</i>
<span class='sr-only'>
 Tweet
</span>
 </a>
</li>
<li>
 <a expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' target='_blank' title='Share on Google+'>
<i aria-hidden='true' class='fa fa-google-plus-square fa-2x'>
</i>
<span class='sr-only'>
 Share on Google+
</span>
 </a>
</li>
<li>
 <a expr:href='&quot;http://www.tumblr.com/share?v=3&amp;u=&quot; + data:post.url + &quot;&amp;t=&quot; +  data:post.title + &quot;&amp;s=&quot;' target='_blank' title='Post to Tumblr'>
<i aria-hidden='true' class='fa fa-tumblr-square fa-2x'>
</i>
<span class='sr-only'>
 Post to Tumblr
</span>
 </a>
</li>
<li>
 <a expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;media=&quot; +  data:post.thumbnailUrl + &quot;&amp;description=&quot; + data:post.snippet' target='_blank' title='Pin it'>
<i aria-hidden='true' class='fa fa-pinterest-square fa-2x'>
</i>
<span class='sr-only'>
 Pin it
</span>
 </a>
</li>
<li>
 <a expr:href='&quot;http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Submit to Reddit'>
<i aria-hidden='true' class='fa fa-reddit-square fa-2x'>
</i>
<span class='sr-only'>
 Submit to Reddit
</span>
 </a>
</li>
<li>
 <a expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;summary=&quot; + data:post.snippet + &quot;&amp;source=&quot; + data:post.url' target='_blank' title='Share on LinkedIn'>
<i aria-hidden='true' class='fa fa-linkedin-square fa-2x'>
</i>
<span class='sr-only'>
 Share on LinkedIn
</span>
 </a>
</li>
<li>
 <a expr:href='&quot;mailto:?subject=&quot; + data:post.title + &quot;&amp;body=&quot; + data:post.snippet + &quot;:%20&quot; + data:post.url' target='_blank' title='Send email'>
<i aria-hidden='true' class='fa fa-envelope-square fa-2x'>
</i>
<span class='sr-only'>
 Send email
</span>
 </a>
</li>
  </ul>
</b:includable>

Langkah berikutnya, sisipkan kode CSS berikut di atas tag </head> template anda.
<style>
ul.custom-share-buttons li {
display: inline-block;
border: none !important;
padding: 5px !important;
}
.custom-share-buttons li a, .custom-share-buttons li a:visited {
color: #888;
}
.custom-share-buttons li a:hover {
color: #444;
}
</style>

Terakhir, cari kode awesome.min.css atau awesome.css di template anda. Jika keduanya tidak ada, sisipkan kode berikut di bawah tag <head> atau sebelum kode CSS di atas.

<link crossorigin='anonymous' href='https://opensource.keycdn.com/fontawesome/4.7.0/font-awesome.min.css' integrity='sha384-dNpIIXE8U05kAbPhy3G1cz+yZmTzA6CY8Vg/u2L9xRnHjJiAK76m2BIEaSEV+/aU' rel='stylesheet'/>

Dan, selesai. Selamat mencoba :)
Btw, jika tampilan belum sesuai keinginan atau melenceng dari screenshot artikel ini, silahkan berkomentar. Nanti akan saya bantu mengarang kodenya.

Read more

Cara Melacak Akun Pemilik Blog AGC/Pencuri Konten

Akhir-akhir ini marak ditemukan tindakan pelanggaran hak cipta di internet dalam bentuk pencurian artikel. Saya prihatin sekaligus bersedih, karena pelaku ini akan selalu berusaha menyembunyikan diri dan rasanya akan sulit dilacak.

Yang menyakitkan, ada pencuri yang berani menyalin konten secara habis-habisan (semua posting blog). Mereka menggunakan script AGC(Auto Generated Content) yang menyalin konten dari RSS Feed. Sebenarnya, hal ini bisa mudah dihindari dengan menyajikan feed dalam bentuk ringkasan. Namun, bagaimana bila sudah terlanjur dan pelaku bersembunyi?

Kejadian kasus AGC pernah menimpa blog Komputoo dan salah satu teman penulis, namanya Kholid Farhan. Pelaku berusaha mengelabuhi korban dengan menyembunyikan nama pengarang pada tiap posting blog. Kami sempat kebingungan. Dalam waktu bersamaan saya menemukan blog kami dicuri oleh sebuah blog AGC yang sama.

Bodohnya, kami mencari pelaku di grup facebook Blogger Indonesia secara terang-terangan. Lagian, mana ada maling yang mau ngaku, sih? Apa lagi dipaksa ngaku di depan umum! :v

Dalam keadaan bingung, saya mencoba memutar akal.
- Klik kanan blog tersangka
- Pilih view source
- Ctrl+F
- Cari Email atau kontak lain dengan pattern tertentu.

Ternyata tidak ada data berarti yang dapat saya temukan. Namun, jika beruntung bisa saja kita menemukan kontak dalam berbagai bentuk yang disembunyikan, misalnya nomor ponsel, akun media sosial atau email.

Taktik kedua, saya menggali informasi dari RSS feed. Beruntung sekali, pelaku menggunakan platform Blogger. Sebaik apapun ia menyembunyikan link RSS nya, tetap saja, alamat feed posting blogger akan selalu berwujud demikian:
http://pelaku.blogspot.com/feeds/posts/default
atau
http://pelaku.blogspot.com/feeds/posts/default?alt=rss

Dari pelacakan ini, kita bisa memperoleh nama dan akun G+ si pelaku AGC.

Selanjutnya, tinggal cari kontak yang bisa dihubungi untuk merembugkan kasus ini dengan baik-baik. Lacak juga namanya dari list anggota grup Blogger yang sering anda kunjungi untuk sharing link. Karena umumnya pelaku tahu link anda dari grup tersebut. tidak perlu marah-marah, pasti dia ngerti kok, Kalau marah, takutnya pelaku malah kabur. :D

Read more

4 Tema Baru Untuk Blogger Dirilis Secara Official. Dijamin Keren!

Memang menurut saya hal yang masih kurang di blogger adalah dalam hal tampilan dan temanya. Karena hal ini, banyak blogger yang merancang template tanpa mengikuti standar yang ada, sehingga fitur penyesuaian template dan pengaturan layout seringkali tidak bisa menyesuaikan dengan fitur template yang telah dibuat.

Saya sangat senang, hari ini blogger sudah mulai aktif berinovasi kembali. Setelah template dinamis yang sebelumnya diusung ternyata tidak selaris yang diharapkan, kali ini Blogger kembali menyajikan muka template baru. Totalnya ada 4 buah template baru dengan masing-masing varian warna yang berbeda, antara lain:

• Contempo;
• Soho;
• Emporio; dan
• Notable.

Setiap template memiliki keunikan yang berbeda-beda. Sama halnya dengan template-template ini. Berikut ulasan yang kami kutip dari blog official Blogger:

Contempo
Bagus untuk berbagi foto dan juga untuk berbagi sebuah cerita, Contempo menempatkan, sentuhan modern segar pada banyak petualangan hidup

Soho
Bertampilan lapang dan sederhana, Soho adalah template galeri yang dibangun untuk menampilkan foto terbaru Anda, desain atau renungan dalam cahaya terbaik mereka.

Emporio
Dari proyek ke objek, Emporio dapat mengambil berbagai tulisan dan menampilkan mereka dalam cara yang teratur dan rapi.

Notable
Apakah anda merasa penuh arti atau banyak hal yang ingin dibagi, Notable adalah notepad anda untuk membagikan coretan, cerita, dan banyak lagi.

Sudah mencoba salah satu dari mereka? Yuk, langsung aja dibuka bloggernya. Siapa tahu, template ini cocok untuk niche blog kalian, lho,

Read more

Cara Membuat Judul Posting Berhuruf Kapital Pada Blogger (3 Baris Kode)

Judul posting blog nolmalnya sesuai dengan saat kita menulis post. Tapi, kadang template yang kita pakai menggunakan pengaturan CSS agar teks judul tampil dalam bentuk khusus, misalnya uppercase(kapital), lowercase(non-kapital) ataupun capitalize(kapital tiap awal kata).

• Ini judul posting normal (none)
• INI JUDUL POSTING UPPERCASE (uppercase)
• ini judul posting lowercase (lowercase)
• Ini Judul Posting Capitalize (capitalize)

Jika kita mau, kita bisa mengubah judul posting menjadi UPPERCASE hanya dengan 3 baris kode CSS, atau bisa juga ke salah satu bentuk di atas. Caranya mudah, cukup paste kode berikut, tepat di atas </head>. Buka dulu pengaturan template Blogger, pilih edit HTML, lalu temukan kode </head>.

<style>
.post-title {text-transform: uppercase !important;}
</style>

Penting untuk menambahkan kode !important pada atribut set CSS di atas. Ini berguna untuk meng-override pengaturan bawaan template yang sedang digunakan. Dengan !important, artinya kita memaksa pengaturan ini sebagai pengaturan yang penting disamping adanya pengaturan lain.

Sebenarnya bisa juga pengaturan ini bekerja dengan normal tanpa kode tersebut, namun untuk berjaga-jaga, kode ini sengaja di taruh di urutan paling bawah (di atas </body>). Hal ini karena pengaturan yang valid adalah pengaturan yang paling terakhir terbaca oleh engine web browser. Kalaupun di pengaturan lain sudah ada yang memberlakukan catatan !important dengan bentuk teks lain, yang berlaku tetaplah yang ada di bagian terakhir.

O iya, jika ingin style judul postingan selain uppercase, silahkan ubah kode uppercase pada baris kode di atas sendiri. Berikut rekomendasi pilihan yang valid untuk text-transform:

• uppercase
• lowercase
• capitalize
• none

OK, selamat mencoba.

Read more

Cara Ganti Domain Blogger Tanpa Kehilangan Trafik (Dengan 7 Baris Kode)

Cara mengganti domain bukanlah hal yang sulit. Tapi yang sulit adalah mengganti domain tanpa kehilangan trafik, khususnya yang datang dari mesin pencari.

Kalau sudah yakin tak apalah berharap ganti domain.
Tapi kalau trafik sudah tinggi, perasaan dilema pun akan datang di sini.
Apalagi jika faktanya sebagian besar trafik blog ini berasal dari mesin pencari.
Semua pengunjung kamu nantinya bisa dipastikan akan tersesat, di halaman 404.
Apa boleh buat, blog harus tetap diisi, meski nama domainnya belum sreg di hati.

Eits, jangan kawatir, masalah ini sebenarnya bisa diatasi dengan sangat mudah, kok. Setelah membaca ini kamu akan bisa mengganti domain tanpa kehilangan trafik dari mesin pencari. Simak saja penjelasan singkat yang disajikan berikut ini.

Sebagai contoh, studi kasus ini akan berusaha mengubah domain dari situslama.blogspot.com ke situsbaru.blogspot.com. Untuk melakukan hal ini dengan benar adalah; pertama-tama, ganti domain atau subdomain blog kamu ke situsbaru.blogspot.com saat sepi pengunjung. Cocoknya ya, malam hari kalau situs beraudien lokal. Paling jam 10 sudah banyak yang tidur, kok.

Kemudian buat blog baru dengan nama domain lamamu (situslama.blogspot.com). Kontennya tidak perlu diisi, ya. :D

Sekarang masuk ke edit HTML template blog baru kamu yang sudah diatur sehingga berdomain situslama.blogspot.com. Yang perlu kamu lakukan adalah memasukkan kode berikut tepat di bawah kode tag <head>.

  <script>
  //<![CDATA[
   var u = window.location.href;
   u = u.replace(window.location.host, 'situsbaru.blogspot.com');
   window.location.href = u;
  //]]>
  </script>

Simpan, dan selesai. Mulai dari sini, apabila situslama.blogspot.com diakses, secara otomatis browser akan teralih ke situsbaru.blogspot.com, tapi tetap dengan list konten artikel yang sama seperti sebelumnya.

Bukan cuma homepagenya saja, semua artikel yang memiliki permalink unik dengan alamat basis situslama.blogspot.com pasti akan diarahkan secara otomatis dengan benar.
Contohnya:
situslama.blogspot.com/2017/03/cara-menyembunyikan-link-aktif-pada.html

akan mengarah menuju:
situsbaru.blogspot.com/2017/03/cara-menyembunyikan-link-aktif-pada.html

Tambahan tips opsional ini juga bisa kamu lakukan untuk mempercepat proses pengalihan. Ini karena saat situs lama dibuka, browser harus mengunduh dan memproses seluruh kode HTML sebelum pengalihan dilakukan. Tentu saja ini perlu waktu sedikit lebih lama, karena browser harus melakukan loading 2 kali untuk benar-benar bisa menampilkan konten yang diminta. Untuk itu, baik juga apabila kode template situslama.blogspot.com ini kita sederhanakan scriptnya.

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
  <b:skin><![CDATA[]]></b:skin>
  <script>
  //<![CDATA[
   var u = window.location.href;
   u = u.replace(window.location.host, 'situsbaru.blogspot.com');
   window.location.href = u;
  //]]>
  </script>

  </head>

  <body>
 <b:section id='main' name='Main'/>
  </body>
</html>

Paste saja semua kode di atas untuk menggantikan kode template yang lama dari situslama.blogspot.com. Insyaallah ini bisa membantu mempercepat proses pengalihan. Setelah terlihat pengalihan terproses dengan benar, anda juga tidak boleh lupa mensubmit ulang sitemap dan URL ke direktori dan banyak mesin pencari, seperti awal membuat domain. Maaf saja, SEO dari domain lama tidak bisa dengan mudah ikut serta di domain baru. Kecuali untuk Google. Setelah, kita mengkonfirmasikan penggantian domain dari webmasters tools, semua skor reputasi SEO domain lama akan diikutkan secara otomatis olehnya.

Oke, mudah-mudahan artikel ini bermanfaat... :)

Read more

Cara Menyembunyikan Link Aktif Pada Komentar Blogger (Dengan 15 Baris Kode Saja)

Komentar dengan link aktif bisa menurunkan reputasi SEO blog, begitulah kata para bloggers yang sering saya baca. Tapi dari pribadi saya sendiri, hal ini kurang begitu saya akui kebenarannya. Buktinya saja Facebook, Twitter, Instagram dan banyak situs besar lainnya tetap bisa menduduki peringkat atas, meskipun sebagian besar situs di dunia ini menautkannya.

Kalau anda termasuk golongan orang yang percaya hal ini, maka pilihan yang paling tepat adalah segera menghapus komentar semacam ini. Lalu bagaimana jika jumlah pengunjung dan komentar hariannya relatif besar? Tetap, anda harus menghapusnya secara manual. Terkhususnya untuk yang menggunakan platform Blogger. Tidak seperti Wordpress, Blogger tdak memiliki banyak pilihan plugin untuk dipakai. Sebagian besar atribut widget tambahan dibuat dengan Javascript. Termasuk dalam hal menyembunyikan komentar dengan link aktif pada blog.

Lihat Juga : Komentar Blogger Sembunyi Karena Pakai Link Aktif? Tenang, Masih Bisa Terindex

Nah, pada kesempatan kali ini, Komputoo akan menunjukkan serta menjelaskan bagaimana cara menyembunyikan komentar blogger dengan javascript. Sangat cocok bagi kalian yang menginginkan cara instan untuk mengusir spammer secara halus. Perlu diingat ya, meski komentar dengan link aktif ini sudah sembunyi, kita tetap harus menghapusnya secara manual. Kenapa? baca saja postingan yang saya lampirkan di atas.

Di Blogger, seluruh komentar blog tersimpan pada elemen <div> dengan nama atribut id "comment-block", lalu tiap teks komentar yang berhasil diposting akan ditampilkan dalam blok elemen <p>teks komentar</p>. Untuk mendeteksi adanya link aktif pada komentar tersebut, kita akan memeriksa apakah di dalam blok <p> tersebut terdapat tag semacam <a ...>...</a>. Jika iya, langsung saja kita bantai komentar tersebut. Metode inilah yang akan dilakukan oleh script berikut:

<script>
//<![CDATA[
function blockComments() {
    var comments = document.getElementById('comment-holder'),
        content = comments.getElementsByTagName('p');
    for(var i = 0; i < content.length; i++) {
        if(content[i].innerHTML.indexOf('</a>') !== -1) {
            content[i].innerHTML = "Maaf, dilarang menambahkan link aktif di komentar!";
            content[i].className = "blocked-comment";
        }
    }
}
blockComments();
//]]>
</script>

Masuk ke bagian manajemen Template di Blogger kamu, lalu pilih Edit HTML. Paste kode di atas, tepat di atas </body>. Simpan dan selesai. Sangat mudah! Hasilnya pun tidak diragukan lagi, bro.

Secara detil, fungsi kerja script di atas sangat sederhana lho sebenarnya. Misalnya salah satu komentar berwujud seperti ini:
<p>
   <a href='http://www.numpanglewat.xxx'>numpang lewat</a>
</p>

Setelah script tersebut bekerja, komentar tersebut akan berubah menjadi seperti ini:
<p class='blocked-comment' >
   Maaf, dilarang menambahkan link aktif di komentar!
</p>

Loh, kenapa ada tambahan class='blocked-comment' ?
Ini sebenarnya untuk mempermudah kita jika ingin pesan block komentar tersebut memiliki gaya tertentu, Misalnya, jika ingin teks pesan blokir tersebut berwarna merah, tambahkan script CSS ini di atas </head>. Sisanya, anda bisa menambahkan style lain juga pada script ini.

<style>
   p.blocked-comment {
     color: red;
   }
</style>

Ok, That's all...

Read more