Download Software Full Version Tip and Trick Blog

12 Situs Penyedia Iklan Selain Google Adsense Terbukti Membayar

2022-07-06T20:58:00.004-07:00

Situs penyedia iklan selain Adsense di blog, website, Youtube yang terbaik dan terbukti membayar tinggi melalui PPC, segera pasang serta monetisasi.

Sumber Gambar: reviewsteknologiku.tech
(Alternatif iklan selain Google Adsense)
>Di era digital seperti sekarang ini, banyak kemudahan yang bisa didapatkan, tak terkecuali mendapatkan penghasilan dari blog atau website. Penghasilan blog ini didapat dalam bentuk ikan-iklan yang terpasang di halaman website. Iklan yang terpasang di website memiliki harga yang lumayan besar, sehingga para blogger atau-pun Youtuber menjadi tertarik dengan program kerjasama itu. Namun ketika mendaftar di situs penyedia iklan, tak banyak juga dari mereka yang berkali-kali ditolak, dan kadang membuat mereka berhenti berharap. Ditolak boleh, tapi setelah itu bangkitlah lagi! Tidak mau melangkah karena ditolak Adsense? Jika kalian sudah berusaha mati-matian, mengikuti petunjuk aturan pendaftaran Adsense dengan benar tapi tetap ditolak. Sudahlah, mungkin itu belum rezeki kalian. Saran Review Tech, Cobalah tambah referensi kalian atau join di forum komunitas blog, pasti akan diarahkan atau paling tidak ada jawaban (karena mereka lebih duluan merasakan bagaimana rasanya mendaftar di Adsense), nah setelah itu barulah kalian memulai lagi mendaftar dengan blog baru kalian. jika gagal lagi bagaimana? Ya iklaskan, Tuhan masih memberi kalian jalan lain. Apa jalannya?

Intinya, kalian berprasangka baik dulu, Tuhan sudah merencanakan cara lain agar kalian tetap bisa menikmati penghasilan lewat iklan, tanpa harus memakai Adsense. Disini, Review Tech akan mengulas tuntas 12 situs penyedia iklan selain Google Adsense, tapi tidak berfokus pada cara kerja iklannya, karena cara kerja iklan hampir sama disetiap situs penyedia iklan tersebut, dan ulasan ini mengacu pada beberapa referensi dan peninjauan langsung ke situs penyedia iklan tersebut. Berikut adalah ulasannya untuk kalian.

Adsterra

Sumber Gambar: adsterra.com

Apa itu Adsterra?Adsterra adalah salah satu platform digital yang bisa dimanfaatkan untuk mendapatkan uang di internet lewat pemasangan iklan pada website atau blog. Tak hanya terbatas pada website saja, jika kalian memiliki aplikasi permainan, bisa coba menggunakan iklan Adsterra ini.

Secara singkat mengenai Adsterra ini, bahwa platform penyedia iklan tersebut didirikan pada tahun 2013 oleh afiliasi profesional. Saat ini, Adsterra menjadi situs penyedia iklan terkenal dengan reputasi yang baik dan telah diakui oleh banyak blogger dan afiliasi sebagai platform adtech terbaik.

Adapun beberapa mitra dari jasa iklan Adsterra ini adalah seperti Mobinner, Global Wide Media, CyberGhost, Coinis, BaseBone, Big Bang Ads, Moar Offers dan PSafe. Untuk memperjelas, berikut adalah kelebihan dan kekurangan Adsterra.

Kelebihan Adsterra

Di Adsterra ini, tidak jauh berbeda dengan iklan Google Adsense. Jumlah pengiklan yang mempromosikan brandnya di Adsterra ini cukup banyak, sekitar 12.000+ pengiklan.

Tak hanya itu saja, berbagai opsi pembayaran bisa disesuaikan dengan kebutuhan, entah itu menggunakan Paypal, Mastercards dan lain sebagainya. Untuk lebih lengkap, berikut adalah beberapa kelebihan dari penyedia iklan Adsterra.

1. Proses persetujuan akun yang mudah

Berdasarkan pengalaman dan berbagai forum Adsense, ternyata tak sedikit yang mengeluh akan proses pendaftaran Google Ads. Hal ini tentu karena penyaringan konten (review) yang begitu ketat. Oleh karena itu, banyak publisher yang merevisi konten websitenya, dan bahkan ada yang ditolak karena tidak memenuhi kriteria yang ditetapkan Adsense.

Berbeda dengan situs penyedia iklan seperti Adsterra ini, yang dimana untuk mendaftar akun hanya butuh waktu 10 menit tanpa review sudah diterima. Dan review penambahan website begitu mudah dan cepat.

2. Keamanan akun terjamin

Adsterra menggunakan kombinasi yang efektif dari sistem deteksi penipuan pihak ketiga yang inovatif dan handal, serta memberikan pengalaman seaman mungkin. Jadi, tidak perlu khawatir soal keamanan akun, karena platform Adsterra menjamin hal itu.

3. Platform yang mudah digunakan

Adsterra memberikan pengalaman sistem yang otomatis tanpa perlu susah dalam mengelola iklan, penempatan daftar iklan, melacak statistik, membuat kode iklan, mengubah pengaturan iklan dan masih banyak lagi.

4. Banyak pilihan format iklan

Kalian bisa mendapatkan peluang penghasilan yang banyak dengan berbagai jenis iklan yang bisa ditampilkan, seperti Popunder, Push Ads, Native Ads, Banner Ads, Social Bar, Direct Link dan lain-lain.

5. Opsi pembayaran yang beragam

Khusus di situs penyedia iklan Adsterra, berbagai metode pembayaran bisa digunakan untuk mencairkan penghasilan lewat iklan. Metode pembayaran tersebut seperti Paypal, Mastercard, Wire, Webmoney, QIWI, Bitcoin, Yandex Money, Cpitalist, Paxum, serta yang lainnya.

Selain itu, payout rendah sebesar $5 yang bisa ditarik setiap dua minggu sekali melalui Paxum dan Webmoney, USDT serta Bitcoin. Berbeda dengan Google Adsense yang hanya bisa ditarik setiap bulan jika memenuhi ambang batas 1,3 juta. Tak hanya itu saja, di Adsterra juga bisa menarik via wesel dengan minimal jumlah penarikan $1000.

Kekurangan Adsterra

Setiap situs pengiklan pastinya memiliki kelebihan dan kekurangannya masing-masing, dan kembali lagi pada kebutuhan. Kalau di Adsterra ini, apa saja kelemahannya? Berikut adalah beberapa kelemahan yang ditemukan dari Review Tech terkait platform Adsterra.

1. Tidak menggunakan sistem klik seperti iklan Google Adsense yang rata-rata nilai per kliknya besar

2. Pendapatan besar jika trafik iklan besar. Berbeda dengan Google Ads, walaupun trafik kecil, tetapi jika yang mengklik dan CPC besar, maka penghasilan tetap tinggi.

Lantas bagaimana menyiasati kekurangan tersebut? ya tentu kalian harus memperbanyak trafik yang masuk ke website, sehingga iklan tersebut bisa tayang sebanyak mungkin. Kalian bisa share artikel web tersebut ke berbagai platform media sosial seperti WhatsApp, Facebook, Instagram dan lain sebagainya.

Bagaimana, apakah kalian masih bingung dengan perbedaan antara penyedia iklan Adsterra dengan Google Adsense? Review Tech menyediakan tabel pembanding secara singkat mengenai perbedaan kedua jenis platform penyedia iklan tersebut pada tabel dibawah ini.

Adsterra	Google Adsense
daftar akun mudah tanpa review	daftar akun perlu review
review penambahan website mudah	penambahan perlu proses
kode iklan bisa di semua web	kode iklan khusus terdaftar
lebih aman dari suspend	agak rawan jika melanggar
pembayaran 2x tiap bulan	pembayaran 1x tiap bulan
pendapatan berdasarkan cpm	pendapatan berdasarkan cpm & cpc

AdNow

Sumber Gambar: https://id.adnow.com/

Apa itu Adnow?

AdNow adalah sebuah layanan penyedia iklan digital selain Adsense dengan format iklan native. AdNow sudah menggunakan RTB, Big Data, media buying, kampanye pay per click dan juga iklan mobile.

Dikutip dari situs AdNow, format tersebut dirancang untuk melayani iklan dan membantu pengunjung dalam menemukan konten baru yang benar-benar menarik. Tak hanya itu saja, format tersebut memungkinkan penggunaan spanduk digital dan Native Ads (sangat berguna untuk klien dan agensi dalam melakukan promosi merek).

Kelebihan AdNow

Dari beberapa referensi dan peninjauan langsung dari situs AdNow tersebut, ada beberapa kelebihan yang dimiliki AdNow, diantaranya adalah sebagai berikut.

1. Jangkauan global yang luas, dimana AdNow memiliki 160 ribu publisher, 1 juta rekomendasi/hari, 1700 pengiklan, 114 negara.

2. Iklan AdNow dalam bentuk Native Ads ini menerima dua kali lipat lebih banyak fokus visual;

3. Menghasilkan total atensi konsumen 3 kali lebih besar dari iklan banner;

4. Kombinasi setiap judul iklan native, thumbnail, nama merek dan logo telah terbukti mendorong kenaikan 18% untuk niat dalam melakukan pembelian;

5. Platform iklan native yang responsif untuk publisher dan juga pengiklan premium;

6. Penargetan dengan mengidentifikasikan pengunjung berdasarkan geolokasi dari negara tertentu;

7. Cocok untuk jenis website yang membahas seputar kecantikan, kesehatan, aplikasi mobile, E-commerce, film dan kuliner;

8. Memiliki proses persetujuan yang sangat cepat, jika dibandingkan dengan Adsense;

9. Iklan AdNow boleh dikombinasikan dengan iklan Adsense.

Kekurangan Adnow

1. Jika dilihat dari profile audiens, audiens dari AdNow adalah 65% wanita dan 35% pria. Oleh sebab itulah, kenapa jenis tema web seperti kecantikan, kuliner, E-commerse merupakan website yang paling cocok dengan jenis iklan AdNow ini.

2. Profile audiens selanjutnya adalah mengenai platform yang paling banyak digunakan adalah platform dengan versi desktop, desktop 60% dan mobile 40%. Kalau dihubungkan dengan era digital, sudah pasti versi mobile yang paling banyak dipakai oleh masyarakat.

3. Dari 107 negara, sama sekali tidak ada negara di Asia yang menjadi top 10. Justru lebih banyak yang mendominasi dari negara Eropa, seperti Inggris, Jerman dan Spanyol. Ini menandakan bahwa pasar Asia masih belum diminati.

4. Dari segi mitra kerja yang digunakan, hanya Amazon, AliExpress, dan Ebay yang paling populer.

Media Net

Sumber Gambar: www.media.net

Apa itu Media Net?

Ini dia, yang menurut Review Tech yang merupakan pesaing Google Adsense. Dari segi pengajuannya, Media Net sangat simpel daripada situs penyedia iklan lainnya. Kalian bisa mendapatkan uang dari konten dengan akses ekslusif ke permintaan pencarian yang bernilai miliaran dari jaringan Yahoo dan Bing. Untuk memaksimalkan penghasilan kalian, dapat memanfaatkan permintaan kompetitif dari pencarian.

Kelebihan Media Net

1. Super keren, dari segi tampilan, fitur yang disajikan sangat variatif;

2. Memiliki market place yang sangat luas;

3. Jenis dan penempatan iklannya juga sangat baik dan responsif, seperti iklan kontekstual, iklan bergambar dan iklan asli;

4. Menyediakan display ads, native ads, contextual ads dan video ads;

5. Nilai iklan sangat besar jika dibandingkan dengan situs penyedia iklan lainnya.

6. Memiliki customer service yang selalu setia 24 jam.

Kekurangan Media Net

1. Walaupun terbilang baik, tapi jenis iklan ini mengharuskan mengklik 2x untuk mendapatkan penghasilan dari klik, kalau Adsense cukup sekali klik saja;

2. Untuk pasar Asia masih kurang mendominasi, dan kebanyakan dari benua Eropa dan Amerika.

Propller Ads

Sumber Gambar: propellerads.com

Apa itu Propeller Ads?

Propeller Ads adalah suatu jaringan periklanan yang menyediakan layanan untuk monetisasi dan promosi produk, menghubungkan penerbit dan pengiklan melalui layanan tersebut secara global. Iklan Propeller Ads telah menawarkan layanannya kepada pengiklan dengan hasil yang maksimal.

Propeller Ads memiliki jangkauan 1 miliar pengguna dengan format iklan berkinerja terbaik. Selain itu, iklan Propeller dapat juga mengizinkan multi akun. Sudah 150 ribu publisher dari 195 negara di dunia telah bergabung dalam pengiklanan ini. Dan untuk jenis iklan bervariasi, mulai dari push notification, iklan on click, dan native ads.

Kelebihan Propeller Ads

1. Memiliki jenis iklan yang bervariatif;

2. Dapat menjangkau 1 milyar pengguna dengan format iklan berkinerja terbaik;

3. Memiliki 350 juta pengguna tetap

4. Kampanye iklan yang mudah, optimasi otomatis dan memiliki hasil yang cepat.

5. Dapat mendukung niche apapun

6. Memiliki sistem filter iklan

7. Dalam pencairan dananya cukup hanya $5 saja, kalau di Adsense harus $100

Kekurangan Propeller Ads

1. Karena kebanyakan iklan menggunakan bahasa inggris, sehingga pendapatan bisa saja lebih kecil;

2. Ada iklan pop under yang memiliki pengalaman yang buruk bagi pengunjung;

3. Tidak semua format iklan dapat menyesuaikan dengan platform.

PopCash

Sumber Gambar: popcash.net

Apa itu PopCash?

PopCash adalah salah satu layanan jaringan iklan yang cukup populer, karena memiliki cakupan pengguna yang luas di berbagai penjuru dunia. Hasil yang diperoleh dapat dijamin, dan tentunya memiliki support di multi platform.

Dari segi penggunaan, PopCash memiliki tampilan yang user friendly dan mudah digunakan. Tak hanya itu saja, pengiklanan yang lebih ramah, jika dibandingkan dengan penyedia iklan yang sudah dijelaskan sebelumnya. Untuk jumlah minimum pencairannya adalah berkisar $10, dan bisa dicairkan lewat akun PayPal.

Kelebihan PopCash

1. Proses pembayarannya yang mudah dan cepat karena diproses setiap hari;

2. Cakupan pengguna dari seluruh dunia yang lumayan besar;

3. Dukungan khusus 24 jam dalam 7 hari (full time) dan bisa melalui Email dan Skype;

4. Antarmuka yang ramah;

5. Berfokus pada kinerja lewat fitur penargetan dan pengoptimalan;

6. Memiliki jumlah pengunjung bulanan 850 ribu/bulan, 50 ribu penerbit aktif.

Kekurangan Popcash

1.Memiliki jumlah unit iklan yang dibatasi penggunaan-nya, sehingga berpengaruh terhadap penghasilan;

2. Jenis iklan yang muncul salah satunya adalah jenis iklan yang memiliki penggunaan yang buruk bagi penggunanya.

BuySellAds

Sumber Gambar: buysellads.com

Apa itu BuySellAds?

BuySellAds merupakan salah satu jenis iklan alternatif selain Adsense. Situs iklan BuySellAds ini dapat menjangkau pengembang, desainer, pengguna awal dan peng-enkripsian. Disitus ini kalian bisa memilih menjadi penerbit, dengan akses yang sangat mudah.

Kelebihan BuySellAds

1. Memiliki jenis iklan yang sangat beragam, seperti iklan asli, iklan konten, iklan Podcast, iklan bergambar dan iklan Email;

2. Tidak berpengaruh pada Adblock, sehingga iklan dapat menjangkau lebih banyak pengguna;

3. Dapat memilih penempatan yang sempurna berdasarkan tujuan kalian, semua format iklan sesuai dengan antarmuka pengguna;

Kekurangan BuySellAds

1. Jumlah penggunanya di seluruh dunia tidak sepopuler jenis situs seperti yang sudah dijelaskan sebelumnya;

2. Jenis pembayaran yang masih kurang terkenal

BidVertiser

Sumber Gambar: bidvertiser.com

Apa itu BidVertiser?

BidVersiter adalah jaringan iklan langsung yang menemukan kecocokan optimal, antara pengiklan dan penerbit. Dalam proses pengajuannya, sangat mudah dan cepat, dan inilah salah satu kelebihan dari Bidvertiser yang menjadi banyak pilihan selain Google Adsense.

Yang terpenting disini adalah niche kalian tidak melanggar kebijakan, seperti jenis situs tidak mengandung SARA, spam, bahkan konten yang bersifat tidak layak ditonton. Banyak yang menyukai situs Bidvertiser sebagai tempat para Blogger menaruh iklannya, karena Bidvertiser dapat menargetkan iklan secara otomatis berdasarkan kata kunci.

Kelebihan BidVertiser

1. Memiliki kualitas lalulintas yang difilter;

2. Memiliki penargetan yang cukup akurat;

3. Memiliki iklan harian sebanyak 45juta+ dari 196 negara di dunia;

4. Proses pengajuan yang mudah, cepat dan transparan;

5. Layanan yang selalu berjalan 24 jam nonstop.

6. Kerangka kerja dari BidVertiser memastikan bahwa setiap tayangan iklan yang dimuat adalah tayangan yang layak.

Kekurangan BidVertiser

1. Tidak tersedianya laporan data terkait impression dan CTR;

2. Situs iklan BidVertiser sangat menjunjung jenis konten dalam situs, apakah sesuai atau tidak. Jika tidak, penyedia iklan BidVertiser tidak segan-segan menolak pengajuan kalian.

Revenue Hits

Sumber Gambar: revenuehits.com

Apa itu Revenue Hits

Revenue Hits adalah salah satu situs yang memungkinkan kalian mendapatkan penghasilan lewat penempatan iklan dalam konten website ataupun blog. Revenue Hits juga merupakan salah satu cara yang paling sederhana untuk mengubah aset digital (website) kalian menjadi sebuah pendapatan yang menjanjikan. Dengan menggunakan platform ini, pengoptimalan iklan akan semakin mudah dengan penawaran terbaik dari industri tertentu.

Kelebihan Revenue Hits

1. Memiliki 20 ribu penerbit diseluruh dunia;

2. Bermitra dengan situs penyedia iklan Propller Ads;

3. Menampilkan iklan yang paling relevan untuk audiens dan lebih banyak unit iklan;

4. Jenis dan penempatan iklan yang bervariasi, mulai dari display banners, Pop Ads, button, footer, interstitial, shadox box, slider, top banner, dan dialog;

5. Penghasilan yang dihasilkan dari iklan ini lumayan tinggi.

Kekurangan Revenue Hits

1. Karena banyaknya iklan, bisa saja membuat pengguna menjadi tidak betah membaca;

2. Tampilan yang masih kurang user friendly.

RevContent

Sumber Gambar: revcontent.com

Apa itu RevContent?

RevConten adalah salah satu platform dengan konten terkemuka yang dapat membantu pengiklan mengarahkan audiens melalui teknologi digital terbesar didunia. Situs ini memungkinkan penggunanya mendapatkan penghasilan yang tinggi. Nah, silakan ini bisa dijadikan alternatif untuk mengisikan iklan di konten website ataupun di blog.

Kelebihan RevContent

1. Termasuk jenis iklan dengan penghasilan tinggi sekitar 30-50% daripada platform lain;

2. Widget sepenuhnya menyesuaikan dengan konten untuk pengguna;

3. Memiliki rata-rata 3,0 VCTR;

4. Memiliki trafik yang berkualitas dan penargetan yang handal.

Kekurangan RevContent

1. Tentunya harus memiliki jumlah trafik yang tinggi;

2. Proses pengajuannya yang cukup lama.

Evadav

Sumber Gambar: evadav.com

Apa itu Evadav?

Evadav adalah salah satu jenis situs dengan iklan terbaik selain Adsense, dan sangat rekomended untuk kalian yang ingin menggunakannya. Evadav juga memiliki jumlah penggguna yang banyak diseluruh dunia, dan itulah yang menyebabkan situs penyedia iklan ini cukup diminati oleh para Blogger.

Kelebihan Evadav

1. Memiliki metode pembayaran yang sangat variasi dan banyak juga yang populer, seperti ada bitpay, PayPal, Payoneer dan masih banyak lagi;

2. Memiliki rasio BPS tertinggi diantara semua format iklan;

3. Memiliki jumlah pemirsa yang banyak di seluruh dunia;

4. Memiliki kualitas iklan yang sangat baik.

Kekurangan Evadav

1. Adanya banyak variasi iklan, sehingga membuat pengguna menjadi tidak betah;

2. Harus memiliki jumlah trafik yang signifikan;

3. Proses pengajuan yang lumayan ketat.

OIO Publisher

Sumber Gambar: oiopublisher.com

Apa itu OIO Publisher?

OIO Publisher adalah salah satu jenis penyedia iklan yang jarang diketahui oleh sebagian orang. Padahal jika dimanfaatkan, situs ini dapat memberikan kalian penghasilan yang sangat fantastis. Situs ini menggunakan berbagai platform penambah untuk mendukung akses.

Kelebihan OIO Publisher

1. Tidak perlu trafik yang tinggi;

2. Memiliki penghasilan yang sangat tinggi.

Kekurangan OIO Publisher

1. Terlebih dahulu harus membayar $47;

2. Tidak ada OIO yang versi gratis;

3. Terdapat berbagai instalasi yang perlu di install terlebih dahulu.

YlliX

Sumber Gambar: yllix.com

Apa itu Yllix?

Yllix adalah platform penyedia iklan dalam website yang sudah memiliki versi bahasa Indonesia. Situs ini sangat layak untuk dijadikan referensi dalam pengiklanan di website ataupun di blog kalian karena memiliki beberapa keungguan yang patut dicoba.

Kelebihan Yllix

1. Berbagai jenis iklan support (desktop dan seluler);

2. Dapat dibayar secara harian;

3. Proses yang tidak terlalu susah.

4. Metode pembayaran yang mudah.

5. Sudah support bahasa Indonesia.

Kekurangan Yliix

1. Pembayaran didasarkan pada trafik

2. Belum sepopuler Google Adsense.

Chitika

Sumber Gambar: monetizemore.com

Apa itu Chitika?

Chitika merupakan suatu jaringan iklan dan perusahaan analisis data yang membayar per klik. Kantor Chitika sendiri berpusat di India dan Amerika. Iklan yang ditampilkan Chitika menggunakan kata kunci yang diterapkan pengguna di mesin pencari untuk menemukan situs web kalian. Chitika ini mungkin menjadi referensi terakhir kalian dalam memilih jenis iklan yang tepat untuk website kalian.

Kelebihan Chitika

1. Memiliki kinerja iklan yang baik;

2. Antarmuka yang cukup disukai pengguna;

3. Memiliki fitur yang komplit;

Kekurangan Chitika

1. Kurang populer;

2. Iklan yang dihasilkan tidak sebesar Google Adsense;

3. Kurangnya fitur informasi.

Kesimpulan

Dari ke-12 situs penyedia iklan tersebut, bisa dijadikan alternatif selain Google Adsense. Setiap situs penyedia memiliki kelebihan dan kekurangannya masing masing, sehingga disesuaikan dengan kebutuhan kalian. apakah ingin yang proses pendaftarannya cepat atau ingin penghasilan tinggi? Itu tergantung kalian.

Namun tetaplah bijak dalam menggunakan situs tersebut, agar kedepannya tidak terjadi permasalahan. Yang belum beruntung di Google Adsense, semoga dengan alternatif situs ini kalian dapat memanfaatkan iklan untuk mendapatkan penghasilan di website.

Sumber : Reviewsteknologiku

Cara Redirect 301 Domain Blogspot Lama ke Domain Blogspot Baru (Blogger)

2021-10-02T21:16:00.009-07:00

Redirect 301 Disana saya membahas terlebih bagaimana merubah / redirect alamat domain blogspot lama ke alamat seft domain yang baru, dan saya rasa pembahasannya sangatlah lengkap dan jelas.

Nah, kali ini yang saya bahas adalah bagaimana me-redirect URL atau permalink blogspot lama ke permalink blogspot baru. Sehingga jika pengunjung mengetikan alamat domain lama anda, apakah itu pada halaman utama ataupun halaman-halaman artikel maka secara otomatis akan mengarah ke alamat domain baru anda.

Banyak alasan mengapa kita melakukan redirect domain ini, diantaranya ;

Agar pengunjung tetap kita yang mungkin menyimpan alamat permalink tertentu tidak akan kehilangan apa yang mereka cari sewaktu mengunjungi kembali.
Memiliki beberapa blog yang mana konten nya ingin digabungkan dalam satu domain.
Agar URL blog kita tetap terindex di mesin pencari Google, Yahoo, Bing dan sebagainya.

Dari tiga alasan diatas mungkin yang sangat dipertimbangkan adalah poin 3, betapa tidak sudah capek-capek membangun blog dan sudah terindex dari pencarian namun semuanya harus dimulai dari awal lagi, walaupun konten sudah siap (impor konten) ke domain baru. Belum lagi apabila telah menyimpan alamat permalink tertentu dan sewaktu-waktu mengunjungi kembali maka yang didapat hanya kembali menemukan halaman domain yang lama saja.

Apapun alasannya, cara dibawah ini mungkin saja dapat membantu anda dalam mengarahkan alamat domain lama ke domain baru. Teknik / pengalihan yang akan dilakukan adalah menggunakan pengalihan "301 redirect".

Apa itu 301 Redirect ?

301 redirect atau bisa disebut permanen redirect yang tujuannya digunakan untuk memberitahu bots mesin pencari bahwa halaman yang ada telah dipindahkan ke lokasi (halaman url) baru, sehingga semua tautan permalink lama akan merubah permalink baru, sehingga meminimalisir kerugian peringkat pada SERP (Search Engine Result Pages).

Apa yang perlu dipersiapkan untuk melakukan 301 Redirect ?

Baiklah, apabila anda berniat untuk melakukan Redirect 301 Domain Blogspot Lama ke Domain Blogspot Baru ataupun hanya ingin coba-coba saja yang perlu anda lakukan adalah hanya mempersiapkan dua domain blogspot.

Berikutnya adalah melakukan backup/import konten dari blog lama yang nantinya di ekspor ke blog yang baru, dan caranya lakukan seperti dibawah ini :

Langkah #1 : Awal yang anda lakukan adalah login ke akun blogger anda, lalu pilih domain blogspot lama yang akan dialihkan setelahnya rujuk ke Setelan lalu pilih Lainnya.

Langkah #2 : Klik tombol "Cadangkan Konten" lalu ikuti intstruksi berikutnya :

Langkah #3 : Pilih domain blogspot yang baru untuk melakukan impor konten, sama seperti langkah #1 tetapi tidak seperti pada langkah #2 klik "Cadangkan Konten" tetapi klik "Impor Konten".

Langkah #4 : Kembali pada dasbor domain blogspot lama, pilih Template lalu Edit HTML. Lalu copykan kode script dibawah ini dibawah kode <head> :

<script type='text/javascript'>
var d='<data:blog.url/>';
d=d.replace(/.*\/\/[^\/]*/, '');
location.href = 'http://domainbaru.blogspot.com' + window.location.pathname;
</script>

Catatan! : Ubah alamat domainbaru.blogspot sesuai domain anda.

Klik Simpan template.

Selanjutnya kita eksekusi, apabila alamat link yang diketik :

http://domainlama.blogspot.com/
http://domainlama.blogspot.com/p/halaman.html
http://domainlama.blogspot.com/2016/04/cara-merubah-link-domain.html

maka akan secara otomatis akan me-redirect ke halaman seperti dibawah ini :

http://domainbaru.blogspot.com/
http://domainbaru.blogspot.com/p/halaman.html
http://domainbaru.blogspot.com/2016/04/cara-merubah-link-domain.html

Lalu bagaimana beberapa domain blogspot lama di redirect ke domain baru?

Baiklah, setelah saya bereksperimen yang perlu dilakukan hanyalah melakukan hal yang sama seperti langkah-langkah diatas, yaitu jika ada blog lain yang akan dialihkan juga ke domain baru yang sama maka setiap blog domain lama hanya memasukan kode script diatas kebawah kode <head>, selanjutnya lakukan impor konten ke blog domain baru maka proses redirect 301 bisa berjalan dengan baik.

Bagaimana? masih tidak percaya silahkan dicoba. Dan apabila masih mengalami masalah bisa kita diskusikan pada kotak komentar. hanyapedia

Cara redirect 301 dari domain lama ke domain baru di Blogger atau Blogspot

2021-10-02T21:14:00.005-07:00

Cara redirect 301 dari domain lama ke domain baru di Blogger atau Blogspot ini juga berlaku bagi blog yang sudah menggunakan TLD (Top Level Domain). Intinya, masih pakai platform Blogger untuk membuat postingan.

Apa Itu Redirect 301?

Redirect 301 ialah upaya untuk me-redirect (mengalihkan) URL atau permalink blog lama ke permalink blog baru secara otomatis. Yang dialihakan bukan hanya antar halaman homepage saja, tetapi juga berlaku untuk halaman post dan static/page.

Adapun model redirect 301 ini bisa dengan mengalihkan nama domain lama ke nama domain baru, misalnya https://domainlama.blogspot.com di redirect ke https://domainbaru.blogspot.com.

Atau bisa juga mengahlikan ke TLD yang baru (dengan nama domain yang sama). Contohnya https://www.namadomainku.com menjadi https://www.namadomainku.net

Secara lengkapnya, ilustrasi redirect 301 adalah sebagai berikut:

https://www.namadomainku.com/
https://www.namadomainku.com/p/halaman-static.html
https://www.namadomainku.com/2019/07/permalink-postingan-blogger.html

Jika kita ingin me-redirect ke TLD baru, maka masing-masing hasilnya akan seperti ini:

https://www.namadomainku.net/
https://www.namadomainku.net/p/halaman-static.html
https://www.namadomainku.net/2019/07/permalink-postingan-blogger.html

Redirect 301 khususnya di Blogger atau Blogspot, akan sangat membantu banyak hal. Yang akan diuraikan berikut ini.

Alasan Melakukan Redirect 301

Ada berbagai alasan mengapa kita perlu melakukan redirect domain 301, antara lain sebagai berikut.

1. Domain dibanned Google Adsense; Jika domain yang telah di banned oleh Adsense, maka kemungkinan untuk diterima kembali menjadi mitra Google Adsense adalah sebuah mimpi yang tak akan pernah terwujud. Solusinya adalah, semua artikel dipindahkan ke domain baru, lalu di redirect 301 dari domain lama.

2. Ingin menggabungkan beberapa blog menjadi satu; Karena blog di domain lama masih bagus posisinya di Google serv, maka cara cerdas yang hendaknya dilakukan setelah mengimpor seluruh konten ke domain baru adalah, mengalihkan URL (permalink) domain lama ke URL domain baru. Sehingga pengunjung blog di domain baru makin bertambah. Bukan malah menghapus blog yang lama. Itu blunder!

3. Nama domain lama terlihat jelek; Mungkin karena ada kenangan mantan, maka nama blog pun akan terlihat seperti nama makhluk yang suka tulang.

Intinya, tujuan atau alasan utama untuk melakukan redirect 301 ini adalah mempertahakan eksistensi pengunjung dan page views blog, ke domain baru. Karena sejatinya pengunjung tetap akan menikmati konten yang dia inginkan, tanpa disadari bahwa dia telah berada di URL domain baru.

Baca lainnya: Cara Mengatasi Tidak Bisa Centang Redirect non WWW to WWW pada Blogger

Langkah-langkah Menerapkan Redirect 301 di Blogger atau Blogspot

1. Siapkan nama domain baru atau TLD baru. Silahkan beli dulu ke jasa penyedia domain favorit Anda.
2. Bikin blog baru, lalu ganti domainnya dengan nama domain atau TLD yang baru dibeli tadi.

3. Setelah proses propagasi domain selesai, dan domain baru itu sudah bisa diakses, silahkan login ke blog lama. Masuk ke menu Setelan > Lainnya > klik Cadangkan Konten.

4. Buka lagi dashboard domain baru tadi, lalu Impor Konten yang tadi di download dari blog lama. Melalui menu Setelan > Lainnya.

Catatan:
Sebelum melakukan Impor Koten jangan pilih Publish Otomatis. Disarankan untuk posting artikel secara manual. Karena permalink blog lama harus sama persis dengan permalink di blog baru. Utamanya permalink halaman postingan.

5. buka dashboard domain lama, pilih menu Template > Edit HTML. Cari kode </head> atau <head> lalu letakkan kode berikut ini di atas kode tadi.

<script type='text/javascript'>
var d='<data:blog.url/>';
d=d.replace(/.*\/\/[^\/]*/, '');
location.href = 'https://www.namadomainku.net' + window.location.pathname;
</script>

Perhatian:
Silahkan ganti https://www.namadomainku.net dengan domain baru Anda.

6. Simpan Template

7. Buka dashboard domain baru, buka menu Postingan > Draf. Silahkan edit satu-satu artikel yang ada disitu, dengan menyamakan permalink dari domain lama ke domain baru.

Jangan lupa juga edit bagian body postingan melalui HTML (bukan Compose), barangkali Anda menggunakan teknik internal link, yang domainnya dianjurkan untuk di ubah ke domain baru.

Mengapa Ribet?

Itu karena kompleksitas Blogger tidak diberi fasilitas yang menyamankan layaknya WordPress, yang tinggal pakai plugin Velvet Blues Update Urls dan seluruh permalink seketika berubah domainnya.

Sebagai saran saja, alangkah baiknya selesaikan dulu masalah postingan dan permalink di domain baru. Setelah seluruh artikel sukses terposting dan permalink telah dipastikan sama persis dengan yang ada di blog lama, maka barulah menerapkan langkah ke 5.

Demikian penjelasan tentang cara redirect 301 dari domain lama ke domain baru di Blogger atau Blogspot. Semoga bermanfaat. Jika ada komentar silahkan tuliskan, jika ada keinginan silahkan bagikan. Terima kasih!bungfrangki

Cara Redirect 301 Domain Lama Ke Domain Baru blogger

2021-10-02T21:12:00.004-07:00

Maraknya pengguna internet membuat orang juga berbondong-bondong membuat blog. Salah satu penyedia blog ialah blogger.

Jika pada awalnya Anda sudah memiliki sebuah blog gratisan di blogger, misalnya namabloganda.blogspot.com lalu karena ingin menampilkan nama domain sendiri tanpa perlu pindah hosting gratis di blogspot tersebut maka Anda cukup melakukan proses custom domain.

Misalnya ada nama blog yang sudah Anda buat di blogger dengan nama masternetkom.blogspot.com lalu diganti atau custom domain-nya dengan domain TLD yang sudah dibeli sendiri sehingga berubah menjadi masternetkom.com (tidak ada lagi embel-embel blogspot).

Tutorial merubah domain blogspot ke nama domain sendiri sudah banyak dibahas di internet (cari dengan kata kunci “custom domain blogspot”).

Lalu bagaimana jika nanti kita ingin mengubah atau mengganti kembali domain tersebut ke nama domain lain yang baru?

Alasannya mungkin karena Anda merasa bahwa nama domain sebelumnya terlihat kurang begitu mudah diingat netizen sehingga harus merubahnya lagi ke nama lain.

Nah, pada artikel kali ini, kita akan membahas bagaimana cara redirect 301 domain lama ke domain baru. Penasaran bukan?

Simak penjelasan berikut ini!

Cara dari domain lama ke domain baru di Blogger atau Blogspot ini juga berlaku bagi blog yang sudah menggunakan TLD (Top Level Domain).

Intinya, jika Anda masih pakai platform Blogger untuk membuat postingan.

Apa Itu ?

Ini adalah upaya untuk me-redirect atau bahasa indonesianya adalah mengalihkan. Yang dialihkan bukan hanya antar halaman homepage saja, tetapi juga berlaku untuk halaman post dan static atau page.

Adapun model ini bisa dengan mengalihkan nama domain lama ke nama domain baru, misalnya https://domainlama.blogspot.com di redirect ke https://domainbaru.blogspot.com Atau bisa juga mengahlikan ke TLD yang baru (dengan nama domain yang sama).

Contohnya https://www.namadomainku.com menjadi https://www.namadomainku.net khususnya di Blogger atau Blogspot, akan sangat membantu banyak hal.

Alasan Melakukan Redirect 301

Mungkin Anda memiliki banyak alasan mengapa anda perlu melakukan redirect domain 301, antara lain sebagai berikut.

Domain dibanned Google Adsense

Jika domain yang telah di banned oleh Adsense, maka kemungkinan untuk diterima kembali menjadi mitra Google Adsense adalah sebuah mimpi yang tak akan pernah terwujud.

Solusinya adalah, semua artikel dipindahkan ke domain baru, lalu di dari domain lama.

Ingin menggabungkan beberapa blog menjadi satu

Karena blog di domain lama masih bagus posisinya pada Google servis, maka cara pintar yang hendaknya dilakukan setelah mengimpor seluruh konten ke domain baru adalah, mengalihkan URL (permalink) domain lama ke URL domain baru.

Sehingga pengunjung blog di domain baru makin bertambah. Bukan malah menghapus blog yang lama.

Nama domain lama terlihat jelek

Mungkin dulu ketika Anda membuat domain tidak dipikir panjang terlebih dahulu, sehingga ketika Anda menyadari bahwa domain Anda terlihat jelek dan segera ingin menggantinya.

Intinya, tujuan atau alasan utama untuk melakukan ini adalah mempertahakan eksistensi pengunjung dan page views blog, ke domain baru.

Karena sejatinya pengunjung tetap akan menikmati konten yang dia inginkan, tanpa disadari bahwa dia telah berada di URL domain baru.

Cara Redirect 301 Domain Lama Ke Domain Baru di Blogger

Siapkan nama domain baru atau TLD baru. Silahkan beli dulu ke jasa penyedia domain pilihan Anda. Klik www.namecheap.com bagi yang belum punya jasa penyedia domain favorit.
Bikin blog baru, lalu ganti domainnya dengan nama domain atau TLD yang baru dibeli tadi.
Selanjutnya setelah proses propagasi domain selesai, dan domain baru itu sudah bisa diakses, silahkan login ke blog lama anda. Masuk ke menu Setelan > Lainnya > klik Cadangkan Konten

Cara Redirect 301 Domain Lama Ke Domain Baru

Buka lagi dashboard domain baru yang tadi, lalu Import Konten yang tadi di download dari blog lama anda. Melalui menu Setelan > Lainnya

Catatan:

Sebelum melakukan Impor Konten jangan pilih Publish Otomatis. Disarankan untuk posting artikel secara manual.

Karena permalink blog lama anda harus sama persis dengan permalink di blog baru andaa . Utamanya permalink halaman postingan.

Buka dashboard domain lama anda , lalau pilih menu Template > Edit HTML. Cari kode </head> lalu letakkan kode berikut ini di atas kode tadi.

Cara Redirect 301 Domain Lama Ke Domain Baru

Perhatian:

Silahkan ganti https://www.namadomainku.net dengan domain baru Anda.

Simpan Template
Selanjutnya sbka dashboard domain baru anda, buka menu Postingan > Draf. Silahkan edit satu-satu artikel yang ada disitu, dengan menyamakan permalink dari domain lama ke domain baru.
Langkah terakhir ialah edit bagian body postingan Anda melalui HTML (bukan Compose), ini dilakukan mungkin saja Anda menggunakan teknik internal link, yang domainnya dianjurkan untuk di ubah ke domain baru.

Mengganti domain di blogger ini memang terkesan ribet. Alasannya karena kompleksitas Blogger tidak diberi fasilitas yang menyamankan layaknya WordPress, yang tinggal pakai plugin Velvet Blues Update Urls dan seluruh permalink seketika berubah domainnya.

Akan lebih baik bagi Anda jika selesaikan dulu masalah postingan dan permalink di domain baru Anda.

Demikianlah penjelasan mengenai cara redirect 301 domain lama ke domain baru. Semoga penjelasan ini bisa bermanfaat bagi pembaca sekalian. jokowarinoblog

Membuat Elemen Marquee Dengan CSS

2020-05-22T08:31:00.002-07:00

Marquee adalah sebuah tag HTML yang berguna untuk membuat teks atau gambar yang bergulis baik text atau gambar yang melintas secara horizontal ataupu secara vertikal pada sebuah halaman web.
Namun sayangnya tag <marquee> ini sekarang sudah tidak digunakan lagi meskipun kenyataannya tag ini masih berfungsi. Itu artinya, jika sekarang masih menggunakan tag <marquee> maka halaman web tersebut tidak valid HTML5, dan ke depannya akan benar-benar tidak disupport oleh browser.
Namun kita tetap bisa membuat sebuah elemen bergulir tanpa menggunakan <marquee> tag, yaitu dengan menggunakan CSS animation, sehingga bisa juga digunakan pada halaman AMP HTML.
Membuat elemen marquee yang sederhana dengan CSS bisa menggunakan kode seperti berikut:
Kode CSS:


.marquee-text {

  height: 30px;

  display: block;

  line-height: 30px;

  overflow: hidden;

  position: relative;

  background: #ddd;

}



.marquee-text:before,

.marquee-text:after {

  content: '';

  position: absolute;

  width: 5px;

  height: 100%;

  background: #ddd;

  top: 0;

  z-index: 2;

}



.marquee-text:before {

  left: 0;

}



.marquee-text:after {

  right: 0;

}



.marquee-text div {

  height: 30px;

  line-height: 30px;

  font-size: 16px;

  white-space: nowrap;

  color: #555;

  z-index: 1;

  animation: marquee 15s linear infinite;

}



.marquee-text:hover div {

  animation-play-state: paused

}



@keyframes marquee {

  0% { transform: translateX(100%); }

  100% { transform: translateX(-100%); }

}

Kode HTML:


<div class="marquee-text">

  <div>Selamat Datang di KompiAjaib.com - Blog yang membahas tentang tutorial, trik, dan widget Blogger juga SEO dan Internet Marketing.

  </div>

</div>

Hasilnya

Dan jika ingin membuat kalimatnya bersambung atau jarak antar kalimatnya tidak terlalu jauh, bisa menggunakan kode berikut:
Kode CSS:


.marquee-text {

  height: 30px;

  display: block;

  line-height: 30px;

  overflow: hidden;

  position: relative;

  background: #ddd;

}



.marquee-text:before,

.marquee-text:after {

  content: '';

  position: absolute;

  width: 5px;

  height: 100%;

  background: #ddd;

  top: 0;

  z-index: 2;

}



.marquee-text:before {

  left: 0;

}



.marquee-text:after {

  right: 0;

}



.marquee-text div {

  display: block;

  width: 200%;

  height: 30px;

  line-height: 30px;

  position: absolute;

  overflow: hidden;

  font-size: 16px;

  color: #555;

  z-index: 1;

  animation: marquee 15s linear infinite;

}



.marquee-text span {

  float: left;

  width: 50%;

}



.marquee-text:hover div {

  animation-play-state: paused

}



@keyframes marquee {

  0% {

    left: 0;

  }



  100% {

    left: -100%;

  }

}



.on-768px,.on-425px {

  display: none;

}



@media screen and (max-width: 1024px) {

  .marquee-text div {

    animation: marquee 10s linear infinite;

  }

}

@media screen and (max-width: 768px) {

  .marquee-text div {

    animation: marquee 8s linear infinite;

  }

  .on-768px {

  display: block;

  }

  .on-425px,.on-1440px {

  display: none;

  }

}

@media screen and (max-width: 425px) {

  .marquee-text div {

    animation: marquee 5s linear infinite;

  }

  .on-425px {

  display: block;

  }

  .on-768px,.on-1440px {

  display: none;

  }

}

Kode HTML:


<div class="marquee-text on-1440px">

  <div>

  <span>Selamat Datang di KompiAjaib.com - Blog yang membahas tentang tutorial, trik, dan widget Blogger juga SEO dan Internet Marketing.</span>

  <span>Selamat Datang di KompiAjaib.com - Blog yang membahas tentang tutorial, trik, dan widget Blogger juga SEO dan Internet Marketing.</span>

  </div>

</div>



<div class="marquee-text on-768px">

  <div>

  <span>Selamat Datang di KompiAjaib.com - Blog tutorial, trik, dan widget Blogger juga SEO dan Internet Marketing.</span>

  <span>Selamat Datang di KompiAjaib.com - Blog utorial, trik, dan widget Blogger juga SEO dan Internet Marketing.</span>

  </div>

</div>



<div class="marquee-text on-425px">

  <div>

  <span>Selamat Datang di KompiAjaib.com</span>

  <span>Selamat Datang di KompiAjaib.com</span>

  </div>

</div>

Kode HTML nya dibuat per media query agar kalimatnya tidak terpotong sembarang. Silahkan cek responsive-nya di demo berikut.

Hasilnya

Selamat berkreasi, semoga bermanfaat.

Statically Support Minify CSS, JS, SVG, HTML, XML

2020-05-22T08:30:00.003-07:00

Sebenarnya saya sudah dikasih tahu oleh mas Frans tentang fitur baru dari Statically ini beberapa waktu yang lalu, tetapi saya baru sempat buat postingannya hari ini buat kasih tahu ke teman-teman semua yang belum mengetahuinya.
Jadi sekarang ini Statically sudah support on-the-fly untuk minify file CSS, JS, SVG, HTML, dan XML. Statically akan secara otomatis melakukan minify terhadap file CSS, JS, SVG, HTML, dan XML ketika file-file tersebut ditulis secara standar.
Secara sederhana, minify adalah memadatkan kode dari file-file tersebut agar menjadi memiliki ukuran yang lebih kecil sehingga akan lebih cepat dimuat oleh peramban.
Agar lebih mudah dimengerti, kita contohkan pada kode berikut. Ini adalah kode sebuah js yang ditulis secara standar.


    function loadscript(filename) {

      var scr=document.createElement('script');

      scr.setAttribute("type","text/javascript");

      scr.setAttribute("src",filename);

      document.getElementsByTagName("head")[0].appendChild(scr);

    }

    var waitElm=null;

    function urltinyfyprompt_callback(response) {

      if(waitElm) waitElm.style.display="none";

      var txt="Short URL";

      if(response.title && response.title!="") txt+=' for "'+response.title+'"';

      else if(response.longurl && response.longurl!="") txt+=" for "+response.longurl;

      if(response.tinyurl && response.tinyurl!="")

        prompt(txt+":", response.tinyurl);

      else

        alert("Could not get short URL, try again later." + ((response.error && response.error != "") ? ("nError: " + response.error) : ""));

    }

    function shortenUrl(elm, long_url, service) {

      waitElm=elm.parentNode.nextSibling;

      if(waitElm) waitElm.style.display="inline";

      loadscript("https://urltinyfy.appspot.com/"+service+"?unify=1&url="+encodeURIComponent(long_url) + "&callback=urltinyfyprompt_callback");

    }

Silahkan cek file js tersebut yang saya hosting di Github dan disajikan oleh Statically.

CEK DI SINI

Kemudian file tersebut di minify secara otomatis oleh Statically menjadi seperti berikut.


function loadscript(filename){var scr=document.createElement('script');scr.setAttribute("type","text/javascript");scr.setAttribute("src",filename);document.getElementsByTagName("head")[0].appendChild(scr);}

var waitElm=null;function urltinyfyprompt_callback(response){if(waitElm)waitElm.style.display="none";var txt="Short URL";if(response.title&&response.title!="")txt+=' for "'+response.title+'"';else if(response.longurl&&response.longurl!="")txt+=" for "+response.longurl;if(response.tinyurl&&response.tinyurl!="")

prompt(txt+":",response.tinyurl);else

alert("Could not get short URL, try again later."+((response.error&&response.error!="")?("nError: "+response.error):""));}

function shortenUrl(elm,long_url,service){waitElm=elm.parentNode.nextSibling;if(waitElm)waitElm.style.display="inline";loadscript("https://urltinyfy.appspot.com/"+service+"?unify=1&url="+encodeURIComponent(long_url)+"&callback=urltinyfyprompt_callback");}

Silahkan cek file js yang sudah diminify tersebut untuk membandingkan dengan file sebelumnya.

CEK DI SINI

Untuk bisa seperti itu, caranya cukup mudah yaitu tinggal menambahkan .min di depan ekstensi file seperti .js seperti berikut ini.


https://cdn.statically.io/gh/KompiAjaib/FileX/master/shortenurl.js

Menjadi


https://cdn.statically.io/gh/KompiAjaib/FileX/master/shortenurl.min.js

Bagaimana, cukup mudah bukan? Semoga bermanfat.

Packet Tracer Perangkat Pembelajaran Simulasi Jaringan

2020-05-22T08:29:00.003-07:00

Packet tracer merupakan sebuah software dari Cisco System yang digunakan untuk media belajar, biasanya anak jurusan TKJ atau teknik komputer jaringan menggunakan aplikasi cisco packet tracer untuk membuat topologi jaringan dan membuat simulasi serta merancang sebuah sistem jaringan agar nantinya dapat diterapkan di dalam dunia nyata.
Di packet tracer sendiri banyak hal yang bisa dibuat dan di pelajari misalkan saja memahami tentang prinsip jaringan komputer, membuat konfigurasi jaringan seperti : Konfigurasi HDLC, DHCP, PPP, membuat simulasi jaringan server https, dns dan beberapa simulasi jaringan lainya.
Note: Untuk aplikasinya sendiri, Anda bisa download di Google dengan kata kunci: download aplikasi packet tracer.
Apa saja manfaat dan fungsi menggunakan packet tracer?
Packet tracer memiliki beberapa manfaat dan fungsi yaitu:

Sebagai media pembelajaran

Packet tracer umumnya digunakan sebagai media pembelajaran untuk memperdalam ilmu mengenai jaringan melalui beberapa simulasi agar nantinya lebih mudah memahami serta bisa menerapkanya di dalam dunia nyata. Selain sebagai media pembelajaran packet tracer bisa juga sebagai acuan atau gambaran sistem jaringan agar nantinya bisa lebih mengenal sistem apa yang nantinya akan dibuat.

Perancang jaringan yang mudah digunakan

Packet tracer merupakan perangkat simulasi jaringan yang mudah digunakan terutama sebagai pemahaman mengenai sistem jaringan dibandingkan simulator jaringan lainya. dalam merancang sebuah jaringan kita dapat mengatur serta menetapkan perangkat lebih mudah dan melakukan settingan konfigurasi perangkatnya selain itu cara menginstall packet tracer pun juga mudah untuk dilakukan.

Memahami konsep jaringan

Packet tracer memang ditujukan untuk memahami konsep jaringan, konsep jaringan disini adalah : sebuah pengertian yang berhubungan mengenai dunia jaringan seperti penghubungan sebuah perangkat dari sebuah komponen terhubung dan dapat melakukan transmisi serta dapat saling berbagi informasi. Selain agar memahami konsep jaringan, packet tracer digunakan juga untuk merancang sebuah sistem jaringan secara simulasi dengan murah karena jika menggunakan perangkat aslinya harganya sangat mahal.

Membuat simulasi jaringan yang dapat di terapkan di dalam dunia nyata

Packet tracer dapat di terapkan di dunia nyata misalkan pembuatan jaringan warnet. disini kita bisa membuat simulasinya seperti menggunakan jenis topologi, jumlah komputer pc client dan server, banyaknya kabel dan bagaimana perangkat tersebut dapat beroperasi. Jadi menggunakan simulasi jaringan menggunakan packet tracer dapat dilakukan agar nantinya dapat melihat gambaran serta dapat melihat kekurangan sistem jaringan yang di terapkan untuk di optimasi sebelum di terapkan ke dunia nyata.

Simulasi jaringan sederhana menggunakan packet tracer

Membuat jaringan sederhana di packet tracer dapat di jalankan misalkan saja menggunakan 2 buah pc dalam hal ini dapat di bagi menjadi 5 tahap penyelesaian hingga berhasil yaitu:

Susunan komponen jaringan

Karena disini membuat sebuah simulasi jaringan sederhana. Jadi hanya memerlukan 2 komponen yaitu 2 buah pc. Caranya anda klik pada menu END Device dan pilih PC-PT sehingga nanti seperti Gambar seperti di bawah ini:

Memasang kabel

Nah setelah menyusun perangkat jaringan seperti di atas selanjutnya menyambungkan kedua perangkat melalui kabel. Di sini saya menggunakan kabel silang, karena kabel silang digunakan untuk menghubungkan perangkat yang sama seperti pc dengan pc. Contoh pemasangan kabel Gambaranya di bawah ini:

Selanjutnya maka akan mucul tanda kabel di kursor untuk menghubungkan kabel ke Pc anda klik pada Pc0 dan pilih fastethernet dan lakukan juga hal yang sama pada Pc1 sehingga nantinya seperti gambar di bawah ini:

Memasukan Ip Address

Selanjutnya yaitu: Anda double klik pada Pc0 dan anda pilih menu desktop lalu klik ip configuration dan masukan ip address: 10.10.10.1 dan subnetmask : 255.0.0.0 dan lakukan juga pada Pc1 dengan ip address 10.10.10.2 dan subnetmask: 255.0.0.0 seperti gambar di bawah ini:
Untuk Pc0:

Untuk Pc1:

Test ping

Untuk test ping anda lakukan dengan cara: anda double klik Pc0 lalu anda pilih desktop selanjutnya anda klik command promp dicommand promp anda ketik: 10.10.10.2 untuk melakukan ping dari pc0 ke pc1 dan juga lakukan hal yang sama juga dengan pc1. Untuk melihat sukses dalam ping maka akan muncul hasil seperti di bawah ini:

Sukses melakukan test ping di tandai ada tanda reply from …. Seperti di gambar di atas ini.

Melakukan transfer data

Selanjutnya melakukan transfer data yaitu dari sebuah fitur add simple PDU yang berbentuk seperti icon pesan yang berfungsi untuk test transfer data. Cara menggunakanya anda arahkan pesan yang ada di kursor ke pc0 ke pc1 lalu akan muncul tampilan bar hasil dari transfer data apakah berhasil atau gagal lakukan juga pada pc1 ke pc0.
Jika seperti di bawah ini pada bagian bawah seperti di tandai, maka simulasi jaringan sederhana telah berhasil dilakukan. Jika belum coba ulangi tahap di atas dan pastikan ikuti dengan benar atau anda bisa comment di kolom komentar.

Nah itulah beberapa pembahasan mengenai packet tracer serta contoh simulasi jaringan sederhananya, dengan menggunakan packet tracer di harapkan agar membantu dalam proses pembelajaran serta pemahaman mengenai dunia jaringan.
Packet tracer ini memanglah sebuah aplikasi yang mudah digunakan tetapi memiliki fitur yang belum bisa menyaingi komponen aslinya, sehingga jika ingin lebih lengkap dalam fitur dan pemanfaatanya haruslah menggunakan perangkat alat jaringan aslinya.

Optimalkan Wordpress Dengan Statically

2020-05-22T08:26:00.004-07:00

Akhirnya Statically merilis plugin untuk semakin mengoptimalkan blog Wordpress, khususnya bagi Anda yang tidak menggunakan CDN. Plugin Statically ini gratis dan tanpa batas.
Dengan menggunakan plugin Statically, maka semua file web seperti CSS, JS, dan gambar akan disajikan melalui CDN Statically sehingga akan menjadi lebih cepat untuk dimuat browser ketika menampilkan web kepada pengguna.
Terlebih bagi Anda yang banyak menggunakan plugin, tentunya akan terdapat banyak CSS dan JS. Dengan Statically, maka file CSS dan JS tersebut akan otomatis di-minify jika file-file tersebut masih ditulis dengan format standar. Sehingga ini akan membuat file-file tersebut akan semakin ringan untuk dimuat browser.
Untuk gambar, Statically akan mengompres otomatis dan menghapus metadata yang tidak diperlukan dari gambar sehingga gambar bisa disajikan lebih cepat.
Untuk menggunakan Statically pada Wordpress Anda, caranya cukup mudah seperti berikut ini.
Pertama, silahkan unduh plugin Statically lalu silahkan upload pluginnya lalu aktifkan. Untuk mengunduh plugin Statically masuk ke URL berikut: https://statically.io/wordpress/
Kedua, silahkan dapatkan API Key masih di halaman Statically tadi pada form yang disediakan.

Ketiga, silahkan masukan API Key di setting Statically di dashboard Wordpress, kemudian simpan perubahan setting-nya, selesai.
Setelah itu maka selanjutnya Statically akan melakukan tugasnya.
Mudah, bukan? Selamat mencoba.

UPDATE:

Sekarang plugin Staticaly sudah tersedia di direktori Wordpress, silahkan download plugin di https://wordpress.org/plugins/statically/
Atau lakukan seperti berikut:

Kunjungi halaman plugin di dasbor Anda dan pilih "Add New";
Cari "Statically";
Aktifkan Statically dari halaman Plugin Anda;
Akses pengaturan plugin dari menu "Setting".

Cara Agar Ikon Link Embed Google Drive Tidak Bisa Diklik

2020-05-22T08:23:00.001-07:00

Pada embed Google Drive yang biasa akan terdapat sebuah ikon link atau ikon pop-out di sebelah kanan atas yang apabila diklik akan menuju ke halaman preview Google Drive.
Nah, bagi beberapa pengguna yang menyimpan embed Google Drive di halaman blognya ternyata tidak menginginkan ikon link tersebut karena menyebabkan pentalan pengunjung blognya.

Sebenarnya saya sudah memberikan solusi untuk ini, khususnya untuk file video yaitu dengan menggunakan elemen video HTML5. Namun bagi beberapa orang mungkin trik tersebut agak ribet karena harus terlebih dahulu membuat Google Drive API Key.
Untuk itu, kini saya berikan trik untuk dapat tetap menggunakan kode embed Google Drive yang biasa dengan kode iframe.

Sebenarnya tidak ada cara untuk menghapus atau menyembunyikan ikon link pada embed Google Drive, namun di sini kita akan membuat penghalang sehingga ikon tersebut tidak bisa diklik.
Untuk demonya, silahkan coba untuk klik ikon link pada embed video Google Drive di bawah ini.

Jika Anda ingin mencobanya, silahkan gunakan kode-kode berikut ini.
Tambahkan kode CSS berikut di style blog Anda.


.drive-responsive {

  position: relative;

  padding-bottom: 56.25%;

  height: 0;

  overflow: hidden;

}

.drive-responsive iframe {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  border: 0;

  z-index: 1;

}

.drive-responsive::before {

  content: "";

  position: absolute;

  top: 0;

  right: 0;

  width: 80px;

  height: 80px;

  opacity: 0;

  z-index: 2;

}

Kemudian untuk menampilkan video Google Drive di postingan blog, gunakan kode HTML berikut.


<div class="drive-responsive">

<iframe width="560" height="315" src="https://drive.google.com/file/d/ID_FILE_GOOGLE_DRIVE/preview" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

</div>

Silahkan ganti ID_FILE_GOOGLE_DRIVE dengan ID file video Google Drive Anda.
Semoga bermanfaat.

KA

Mengatasi PIN AdSense Yang Tidak Kunjung Datang

2020-05-22T08:22:00.003-07:00

PIN Adsense atau Personal Identification Number adalah kode rahasia yang dikirimkan oleh tim Google untuk melindungi keamanan akun Anda dengan cara memverifikasi alamat Anda sebelum Google mengirimkan pembayaran kepada Anda.

Ketika penghasilan Adsense Anda mencapai ambang batas yang ditentukan untuk verifikasi, yaitu ketika penghasilan Anda telah mencapai $10 atau Rp. 130.000 maka Google akan otomatis mengirimkan Nomor Identifikasi Pribadi (PIN) ke alamat pembayaran Anda.

Biasanya pengiriman PIN ini memerlukan waktu sekitar 2-4 minggu untuk sampai ke alamat rumah Anda, tetapi mungkin saja bisa lebih lama dari itu tergantung pada lokasi tempat tinggal Anda.

Ketika Anda sudah menerima PIN, maka Anda tinggal memasukkan kodenya di AdSense untuk kemudian memverifikasi alamat Anda.

Anda diberikan waktu selama 4 bulan sejak tanggal pengiriman PIN, dan jika Anda belum memasukkan PIN setelah 4 bulan tersebut, maka Adsense akan berhenti untuk menampilkan iklan di blog Anda.

Namun kadang kala PIN tersebut belum datang meskipun sudah 4 minggu dari tanggal PIN dikirimkan, biasanya karena tempat tinggal Anda jauh dari jangkauan POS dan sulit ditemukan.

Dalam hal ini Anda memiliki 3 kali kesempatan untuk request PIN. Jika ternyata setelah 4 minggu sejak permohonan PIN pertama tetapi PIN tidak kunjung datang, maka Anda bisa kembali mengajukan permohonan PIN kedua dan tunggu lagi selama 4 minggu.

Dan kenyataannya banyak publisher Adsense yang belum menerima PIN meskipun sudah melakukan 3 kali permintaan. Dan muncul masalah baru yaitu kini setelah 3 kali request, tombol request PIN tidak muncul lagi seperti sebelumnya.

Tentu saja hal tersebut membuat kita bingung untuk melakukan hal selanjutnya untuk memverifikasi alamat kita.

Tetapi tenang saja, ada cara untuk mengatasi PIN Adsense yang tidak kunjung datang meskipun sudah 3 kali request.

Jika kita belum memverifikasi PIN, maka di halaman pembayaran akan terdapat notifikasi merah dengan pesan kurang lebih seperti ini "Pembayaran Anda saat ini ditangguhkan karena Anda belum memverifikasi alamat."

Nah jika PIN Adsense Anda tidak kunjung datang meskipun sudah 3 kali request dan tidak ada tombol untuk request PIN lagi, maka silahkan klik link "Pelajari Lebih Lanjut" yang terdapat pada kotak notifikasi merah tersebut.

Selanjutnya Anda akan masuk ke halaman bantuan Adsense. Lalu silahkan klik link "masalah dengan PIN."

Lalu temukan tombol "Mengatasi Masalah PIN" kemudian silahkan jawab pertanyaan yang ada di halaman selanjutnya. Dan di bagian paling bawah silahkan klik link "Hubungi kami."

Kemudian di halaman berikutnya silahkan masukan data-data yang diminta yang sesuai dengan akun Adsense Anda. Di halaman itu juga kita harus mengupload foto KTP kita, lalu silahkan klik "Kirim."

Setelah itu silahkan tunggu selama minimal 24 jam, dan Adsense akan menghubungi Anda melalui email.

Jika pada saat tersebut penghasilan Adsense Anda sudah mencapai batas minimum pembayaran Rp. 1.300.000 maka Google akan langsung mengirimkan pembayaran.

Semoga bermanfaat.

Pengalaman Mengatasi Pembatasan Iklan Adsense

2020-05-22T08:21:00.002-07:00

Bagi Anda yang sering berkunjung ke blog Kompi Ajaib mungkin pada antara bulan Januari - Februari lalu sempat heran karena iklan Adsense di blog ini tidak tampil. Itu karena pada akun Adsense saya mengalami limit atau pembatasan iklan Adsense karena ada pihak yang jahil.
Tidak tahu alasannya apa, seseorang melakukan tindakan tidak terpuji pada blog saya sehingga mendapatkan invalid traffic yang berakibat pembatasan penayangan iklan di semua blog pada akun tersebut.
Hampir satu bulan pembatasan iklan ini berlangsung, dan alhamdulillah masalah ini bisa diatasi dan akun Adsense pulih kembali dari pembatasan penayangan iklan Adsense sehingga iklan bisa tampil lagi di semua blog saya.
Untuk itu, kini saya bagikan pengalaman saya ini dalam mengatasi pembatasan iklan Adsense ini bagi teman-teman yang kebetulan mengalami hal yang sama.

Penyebab Pembatasan Iklan Adsense

Dalam upayanya Google untuk melindungi pengiklan serta penayang dari penipuan pihak yang tidak bertanggung jawab, terkadang Google membatasi jumlah iklan yang ditampilkan pada sebuah akun AdSense.
Dan pembatasan penayangan iklan Adsense terjadi karena 2 faktor, yaitu Google perlu mencari tahu dan mengevaluasi tentang kualitas traffic pada sebuah akun, dan pembatasan iklan Adsense ini terjadi karena Google mendeteksi terdapat masalah traffic tidak valid atau invalid traffic di akun AdSense.

Akun sedang dinilai

Jika penayangan iklan di akun Adsense Anda dibatasi karena masalah traffic sedang dinilai, berarti untuk sementara Google sedang menilai kualitas traffic Anda dengan waktu yang tidak bisa ditentukan.

Tindakan yang harus dilakukan

Karena masalah ini berhubungan dengan traffic, maka tindakan yang harus dilakukan untuk mengatasinya yaitu dengan terus membuat konten atau mengupdate blog dengan membuat postingan-pontingan yang berkualitas untuk membangun audiens untuk meningkatkan lalu lintas pada blog Anda.

Saran dari saya

Saran dari saya adalah sebaiknya pada sebuah akun Adsense sebaiknya jangan digunakan pada 1 blog saja, tetapi digunakan untuk beberapa blog aktif sehingga traffic pada akun tersebut saling mendukung dari blog-blog tersebut.

Masalah traffic tidak valid

Jika masalah pembatasan penayangan iklan di akun Anda saat ini diakibatkan karena masalah traffic tidak valid atau invalid traffic, maka ini adalah masalah yang lebih serius dari masalah traffic sedang dinilai tadi.
Untuk itu maka kita harus proaktif untuk mengatasi masalah ini, karena jika tidak maka akan berakibat fatal yaitu akun bisa dibanned.
Dan hal ini juga yang sebelumnya saya alami pada akun saya yaitu invalid traffic yang diakibatkan oleh orang yang tidak terpuji.

Tindakan yang harus dilakukan

Karena masalah ini berhubungan dengan invalid traffic, maka kita harus memastikan bahwa blog kita sudah memenuhi pedoman Adsense. Salah satunya yaitu tentang penempatan iklan yang sesuai petunjuk Google serta tidak menggunakan trik-trik yang dapat menyebabkan invalid click seperti penggunaan popup atau elemen yang melayang di tengah blog dengan tombol close.
Namun jika invalid traffic ini diakibatkan oleh perbuatan seseorang yang sengaja melakukan tindakan tidak terpuji, silahkan ikuti saran saya di bawah ini untuk mengatasinya.

Saran untuk mengatasi invalid traffic

Dalam hal ini kita harus benar-benar mengetahui blog mana yang bermasalahnya jika pada akun tersebut terdapat beberapa blog.
Di sinilah pentingnya melakukan pemantauan terus-menerus pada akun kita, sehingga ketika terjadi sesuatu yang mencurigakan maka kita bisa langsung mengambil tindakan.
Pada kasus yang saya alami, ternyata script anti bom klik pun tidak bisa mencegah perbuatan keji seseorang. Jika orang tersebut benar-benar berniat mencelakai kita, maka dia bisa melakukan apa pun.
Jika hal itu sedang terjadi pada akun kita, maka tindakan terbaiknya yaitu dengan menonaktifkan atau menyembunyikan atau tidak menampilkan iklan pada blog kita yang sedang diserang.

Untuk menonaktifkan iklan pada blog, bisa dengan menghapus dulu kode-kode iklannya atau cukup menghapus kode JS Adsense saja.

Atau bisa menyembunyikan iklan dengan kode CSS. Silahkan tambahkan kode CSS berikut di style blog Anda:

amp-ad,amp-ad[height],amp-ad[layout=fixed-height][height],ins.adsbygoogle,.google-auto-placed{display:none}

Namun jika terlanjur mendapatkan pembatasan iklan, maka langkah berikut bisa dicoba dan berhasil pada akun saya. Silahkan cabut dulu domain blog yang bermasalahnya, bukan menghapus domain yang ada di dashboard Adsense tetapi mencabut domain di dashboard blogger atau di hostingan jika menggunakan WordPress.
Tunggu sampai iklan muncul kembali dengan cara memantau iklan pada blog lainnya yang tidak bermasalah atau sampai notif pembatasan iklan hilang dari dashboard Adsense. Setelah itu silahkan pasang lagi domain blog yang dicabut tadi.
Untuk waktunya sampai iklan tampil kembali ini tidak bisa ditentukan, tetapi pengalaman saya yaitu dalam waktu satu bulan iklan sudah tampil kembali, alhamdulillah.
Note bagi yang jahil: Ingatlah, semua perbuatan kita ada karmanya.
Semoga bermanfaat.

Lazyload Adsense Dengan Auto Ads Terbaru 2020

2020-05-22T08:20:00.001-07:00

Lazyload Adsense ini berguna mempercepat loading blog dengan menunda sementara pemuatan JS Adsense. Dan selanjutnya JS Adsense akan dimuat ketika halaman digulirkan oleh pengguna.
Pada trik lazy load Adsense yang sebelumnya saya bagikan, di situ saya tidak menyertakan dengan kode auto ads, jadi kini saya bagikan lazy load iklan Adsense terbaru dengan menyertakan auto ads.
Ini karena saat ini Adsense sudah merubah kode auto ads menjadi lebih simpel lagi yaitu disatukan langsung dengan JS Adsense seperti berikut ini.


<script data-ad-client="ca-pub-xxxxxxxxxxx" async="async" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

Kode yang ditandai adalah kode untuk auto ads.
Nah, jika kita menggunakan lazyload iklan Adsense maka kita harus merubah penulisan kodenya menjadi dinamik seperti berikut ini.


(function() {

    var ad = document.createElement('script');

    ad.setAttribute('data-ad-client', 'ca-pub-xxxxxxxxxxx');

    ad.async = true;

    ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js';

    var sc = document.getElementsByTagName('script')[0];

    sc.parentNode.insertBefore(ad, sc);

})();

Sehingga kode lazyload Adsense-nya menjadi seperti berikut ini.


<script>

//<![CDATA[

var lazyadsense2 = false;

window.addEventListener("scroll", function(){

if ((document.documentElement.scrollTop != 0 && lazyadsense2 === false) || (document.body.scrollTop != 0 && lazyadsense2 === false)) {

(function() { var ad = document.createElement('script'); ad.setAttribute('data-ad-client','ca-pub-xxxxxxxxxxx'); ad.async = true; ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'; var sc = document.getElementsByTagName('script')[0]; sc.parentNode.insertBefore(ad, sc); })();

lazyadsense2 = true;

  }

}, true);

//]]>

</script>

Jadi kode di atas adalah lazyload Adsense yang sudah termasuk dengan auto ads, Anda tinggal menyesuaikan kode ID publisher-nya.
Jika sebelumnya tema blog Anda menggunakan kode lazyload Adsense yang disatukan dengan kode auto ads lama seperti di bawah ini, silahkan perbaharui dengan kode lazyload di atas.


<script>

//<![CDATA[

var lazyadsense2 = false;

window.addEventListener("scroll", function(){

if ((document.documentElement.scrollTop != 0 && lazyadsense2 === false) || (document.body.scrollTop != 0 && lazyadsense2 === false)) {

(function() { var ad = document.createElement('script'); ad.type = 'text/javascript'; ad.async = true; ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'; var sc = document.getElementsByTagName('script')[0]; sc.parentNode.insertBefore(ad, sc); })();

lazyadsense2 = true;

  }

}, true);



     (adsbygoogle = window.adsbygoogle || []).push({

          google_ad_client: "ca-pub-xxxxxxxxxxx",

          enable_page_level_ads: true

     });

//]]>

</script>

Kode yang ditandai adalah kode auto ads Adsense versi lama.

KA

Pengertian dan Cara Mendapatkan Layanan Web Hosting

2020-05-22T08:19:00.001-07:00

Apakah Anda berencana ingin membuat situs web milik sendiri untuk mengelola bisnis Anda secara online? Dan apakah Anda sudah mengetahui bagaimana cara untuk mengelola bisnis Anda dengan melalui toko online?

Secara sederhana, yang pertama dilakukan untuk mulai membuat toko online yaitu Anda harus memiliki tempat di internet di mana nantinya toko tempat bisnis Anda bisa ditemukan oleh orang lain.

Ini seperti layaknya Anda menyewa lokasi komersial atau Anda menyewa sebidang tanah untuk membangun toko fisik untuk menjajakan produk-produk Anda dan menampilkan barang-barang dagangan Anda.

Jadi dengan kata lainnya adalah bahwa situs web merupakan toko online Anda, dan untuk web hosting adalah tempat di dunia maya di mana toko online Anda berada.

Dengan web hosting maka Anda dapat menyimpan semua file untuk toko online Anda seperti gambar produk, video, teks, dan lainnya yang diperlukan untuk menjalankan website.

Dan ada baiknya ketika akan memilih web hosting yang handal untuk toko online Anda untuk menyediakan ruang penyimpanan file-file toko online Anda, membaca dulu review web hosting agar mendapatkan pilihan web hosting yang terbaik dan bisa diandalkan ataupun tentang info teknologi terbaru dan terupdate lainnya.

Pengertian Web Hosting

Dengan layanan web hosting maka dapat memungkinkan Anda untuk dapat menyimpan file-file web dengan melalui jaringan komputer yang memiliki kemampuan tinggi yang disebut juga dengan istilah web server.

Ilustrasinya secara sederhana seperti berikut, ketika seorang pengunjung memasukkan alamat web Anda di browser, maka web server pada web hosting yang menyimpan file situs web Anda akan segera mentransfer informasi situs web Anda ke komputer pengunjung. Selanjutnya pengunjung dapat melihat dan kemudian menjelajahi web Anda secara online.

Layanan Web Hosting

Ada dua metode tentang bagaimana cara untuk mendapatkan layanan web hosting seperti berikut ini:

Membuat server sendiri

Jika memang Anda ingin menjalankan situs web Anda menggunakan server sendiri, maka Anda harus memiliki koneksi tetap ke Internet serta memiliki peralatan yang tepat untuk membangun web server. Internet Server Provider (ISP) Anda juga tentunya harus memiliki kemampuan untuk penggunaan tersebut. Selain itu, tertunya Anda juga harus memiliki waktu serta memiliki keterampilan dalam hal mengelola dan mengkonfigurasi web server, menginstal firewall, melakukan perlindungan virus, dan lain-lain.

Sewa layanan web hosting

Jika Anda tidak memiliki waktu dan kemampual untuk mengelola hosting situs web milik sendiri, maka cara yang mudahnya adalah dengan menggunakan penyedia web hosting dari pihak ketiga. Dengan begitu maka Anda bisa fokus dalam mengembangkan situs web Anda dan serahkan pekerjaan hosting yang rumit ke ahlinya.

Dan sebaiknya sebelum Anda memutuskan untuk memilih penyedia layanan web hosting, maka pastikan bahwa mereka memiliki serta menyediakan fitur-fitur berikut:

Memiliki server dengan koneksi jaringan yang kuat, hal ini untuk memastikan kalau situs web Anda nantinya akan dapat dimuat dengan cepat.

Dukungan Pelanggan 24/7, pastikan bahwa Anda bisa menghubungi support untuk layanan pelanggan untuk membantu masalah apa pun yang terjadi yang terkait dengan web hosting kapan pun.

Bandwidth, jumlah data yang bisa dikirimkan oleh situs web Anda dalam jangka waktu tertentu.

Control Panel, dengan ini dapat memungkinkan Anda untuk bisa mengelola situs web Anda untuk melakukan hal-hal seperti membackup file, membuat alamat email, dan lain-lain.

Database Management System, hal ini agar Anda bisa menambahkan basis data web Anda sendiri ketika saat dibutuhkan.

FTP (File Transfer Protocol) Access, hal ini digunakan pada saat Anda mentransfer file dari komputer Anda ke server.

Umumnya sebuah layanan web host biasanya menawarkan fitur-fitur tambahan seperti addon domain, sertifikat SSL, perlindungan spam, backup file, dan lain-lain.

Jenis Layanan Web Hosting

Berikut ini adalah jenis-jenis dasar layanan web hosting yang harus Anda perhatikan agar sesuai dengan jenis situs web yang Anda miliki, apakah itu untuk situs toko e-commerce, blog pribadi, halaman HTML statis, atau pun database-driven.

Website builder

Shared Web Hosting

Hosting VPS (Virtual Private Server)

Dedicated Hosting

Cloud Hosting

Selain dengan menggunakan layanan website hosting, hal lainnya yang harus Anda lakukan juga adalah membeli domain.

Namun, apa sebenarnya perbedaan antara web hosting dengan nama domain?

Seperti disebutkan di atas, web hosting adalah space server untuk sebagai tempat situs Anda, sedangkan untuk domain adalah alamat situs Anda.

Ketika pengunjung ingin mengakses situs Anda, maka mereka akan menuliskan nama domain ke kolom address pada browser, yang selanjutnya server akan menampilkan konten yang diminta.

Sama halnya dengan menyewa paket hosting, maka Anda wajib untuk membayar sewa nama domain untuk setiap tahun untuk mengamankan tanda kepemilikan domain.

Image Lightbox Dengan CSS dan Javascript

2020-05-22T08:18:00.001-07:00

Atas permintaan seorang teman, saya mencoba membuat image lightbox sesederhana mungkin dengan CSS dan javascript agar tidak terlalu membebani loading blog.

Namun keduanya menggunakan jquery library serta js lightbox yang ukurannya lumayan dapat mempengaruhi loading blog.
Selain menggunakan jquery library serta js lightbox, kita juga harus menyesuaikan kode HTML untuk menampilkan image agar lightbox-nya bekerja.
Oleh karena itu, saya buatkan image lightbox dengan CSS dan javascript yang sederhana dan hanya beberapa baris serta tidak perlu merubah kode HTML image yang sudah ada.
Namun syaratnya, image dalam postingan tersebut tidak memiliki link.
Untuk demonya bisa dicoba di link berikut, silahkan coba klik pada gambarnya.

DEMO

Prinsipnya, saya membungkus setiap gambar ketika halaman dimuat dengan sebuah div, kemudian membuat toggle class pada div tersebut ketika gambar diklik untuk membuat gambar full screen.
Yang ingin mencobanya, silahkan gunakan kode-kode berikut:
Simpan kode CSS berikut di style blog Anda.


.zoomclick.active{position:fixed;top:0;left:0;bottom:0;right:0;z-index:9999999;background:#000;}

.zoomclick.active img{height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}

.flow{overflow:hidden;position:relative;}

.zoomclick.active:after{content:"";cursor:pointer;width:40px;height:40px;background-image:url("data:image/svg+xml;charset=utf8,%3csvg viewBox='0 0 24 24' width='34' height='34' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%3e%3cpath style='fill:%23cccccc' d='M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");background-position:top right;-webkit-background-size:40px 40px;background-size:40px 40px;position:absolute;top:10px;right:10px;z-index:2;opacity:0;transition:all .4s ease-in-out}

.zoomclick.active:hover:after{opacity:.8}

@media screen and (max-width:800px){.zoomclick.active img{width:100%;height:auto;}}

Kemudian simpan javascript berikut ini di atas kode </body>


function wrap(t, e, r) {

  for (var i = document.querySelectorAll(e), o = 0; o < i.length; o++) {

    var a = t + i[o].outerHTML + r;

    i[o].outerHTML = a

  }

}

wrap("<div class='zoomclick'>", ".post-body img", "</div>");



var container = document.getElementsByClassName("zoomclick");



for (var i = 0; i < container.length; i++) {

  //For each element in the container array, add an onclick event.

  container[i].onclick = function(event) {

    this.classList.toggle('active');

    var element = document.body;

    element.classList.toggle('flow');

  }

}

Untuk Wordpress, silahkan sesuaikan kode yang ditandai dengan class pembungkus postingannya.
Gunakan kode berikut untuk menyimpan javascript, atau gabungkan dengan javascript lain jika sudah ada.


<script>

//<![CDATA[

JAVASCRIPT DI SINI

//]]>

</script>

Dan ini blog yang sudah menggunakannya yaitu blog teman saya yang meminta dibuatkan image lightbox ini. Silahkan coba klik pada gambar postingannya untuk mencoba lightbox-nya.

DEMO ON BLOG

Semoga bermanfaat.
KA

Toggle Class Dengan Javascript

2020-05-22T08:16:00.002-07:00

Banyak kegunaan dari toggle class dengan javascript ini untuk membuat elemen-elemen blog menjadi lebih hidup dengan script yang kecil sehingga tidak terlalu membebani loading blog.

Dengan ini kita bisa membuat banyak elemen seperti image lightbox, menu bar, tab bar, show hide, dan lain-lain sesuai kreasi masing-masing.
Javascript untuk toggle class ini cukup simple, silahkan gunakan javascript di bawah ini.


var container = document.getElementsByClassName("klik");

for (var i = 0; i < container.length; i++) {

  //For each element in the container array, add an onclick event.

  container[i].onclick = function(event) {

    this.classList.toggle('active');

  }

}

Toggle class di atas bekerja ketika single elemen diklik.
Jika toggle class ingin bekerja untuk multi elemen dengan remove class ketika elemen lain diklik, silahkan gunakan javascript berikut.


var container = document.getElementsByClassName("klik");

for (var i = 0, l = container.length; i < l; i++) {

  container[i].onclick = function() {

    for (var j = 0; j < l; j++) {

      if (container[j] != this) {

        container[j].classList.remove("active");

      }

    }

    this.classList.toggle('active');

  }

}

Dan jika toggle class ingin bekerja untuk multi elemen dengan remove class ketika elemen lain diklik dan juga remove class ketika user klik di luar elemen, silahkan tambahkan javascript berikut pada javascript di atas.


window.onclick = function(event) {

  if (!event.target.matches('.klik')) {

    var dropdowns = document.getElementsByClassName("klik");

    var i;

    for (i = 0; i < dropdowns.length; i++) {

      var openDropdown = dropdowns[i];

      if (openDropdown.classList.contains('active')) {

        openDropdown.classList.remove('active');

      }

    }

  }

}

Silahkan gunakan ini untuk mencoba membuat sesuatu di blog Anda, selamat berkreasi.

KA

Memodifikasi Atau Menghapus Post Dengan Label Tertentu Di Homepage

2020-05-22T08:14:00.001-07:00

Kali ini saya akan share sebuah cara untuk menghilangkan postingan dengan label.

Cara ini untuk menghilangkan postingan dengan label tertentu di homepage yang ditanyakan seorang teman blogger. Namun trik ini tidak hanya untuk menghilangkan postingan saja, tetapi bisa juga untuk memodifikasi post di homepage atau bisa juga di halaman postingan.

Ada beberapa blogger dengan alasan tertentu ingin menghilangkan atau tidak menampilkan postingan tertentu di homepage. Atau mungkin sebagian lainnya ingin memodifikasi agar tiap postingan tampil berbeda di homepage atau di halaman postingan.

Nah, di trik ini kita bisa memanfaatkan tag atau label post untuk menandai postinngan sehingga akan lebih mudah dalam membuat style untuk post tersebut.

Bagi Anda yang sedang belajar memodifikasi tema dan ingin mencoba trik ini, silahkan ikuti langkahnya di bawah ini.

1. Menandai Homepage

Ini berguna agar kita lebih mudah membuat style khusus untuk homepage. Kita bisa menambahkan sebuah class khusus pada tag <body> dengan kode seperti di bawah ini.

Simpan kode berikut tepat di bawah kode <body>




<b:class cond='data:blog.pageType == &quot;index&quot;' name='home_page'/>

Jika kode di atas di baca akan seperti ini, akan ditambahkan class="home_page" pada <body> di halaman index (termasuk homepage).

2. Menggunakan Label untuk menandai postingan.

Silahkan cari kode berikut.

<b:includable id='post' var='post'>

Kemudian simpan kode berikut ini di bawah kode tadi.

&lt;div class=&#39;<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'> </b:if></b:loop></b:if>&#39;&gt;

Dengan kode itu kita membuat sebuah tag div dengan class dari label post.

Kemudian simpan kode berikut di atas kode penutup <b:includable id='post' var='post'> yaitu </b:includable>

&lt;/div&gt;

3. Membuat style

Langkah terakhir membuat style untuk menghilangkan atau memodifikasi postingan dengan label tertentu.


.home_page .Label-Post .post {



    /* Silahkan simpan style di sini, misalya display: none; untuk menghilagkan post */



}

Ganti Label-Post dengan Label Post yang diinginkan dan penulisannya harus sesuai dengan labelnya.

Sebagai contoh seperti ini.


.home_page .Youtube .post {



    display: none;



}

Maka semua post dengan label Youtube tidak akan tampil di homepage.

Selesai.

Mudah bukan?

Cara Mudah Membuat Table Responsive Valid HTML5 Dan AMP

2020-05-22T08:13:00.002-07:00

Dengan cara ini maka kita akan lebih mudah dalam membuat table di postingan blog.

Seperti kita ketahui bahwa sekarang di editor post terbaru Blogger di tahun 2020 ini terdapat fitur baru untuk insert table ke dalam postingan.

Namun setelah saya coba dan saya cek kodenya, ternyata kode table-nya tidak valid HTML5 dan AMP. Untuk itu kini saya buatkan trik agar mudah dalam membuat table yang responsive, valid HTML5, dan valid AMP HTML.

Langkah Pertama

Silahkan simpan style CSS untuk table responsive di style blog Anda. Jika blognya sudah memiliki CSS table responsive ini, silahkan skip langkah ini.

Langkah Kedua

Selanjutnya silahkan buat table yang dimaksud, agar mudah dalam membuat table, silahkan gunakan aplikasi sejuta umat yaitu Excel. Tentunya Anda sudah familiar dengan Excel, bukan?

Setelah table-nya selesai dibuat, silahkan copy table-nya.

Langkah Ketiga

Silahkan masuk ke https://www.tablesgenerator.com/html_tables lalu klik menu File dan pilih Paste table data, silahkan paste table yang dicopy dari Excel tadi di kotak yang muncul, lalu klik Load.

Kemudian silahkan klik tombol Generate dan centang option Do not generate CSS, lalu klik tombol Copy to clipboard.

Langkah Keempat

Selanjutnya masuk ke editor postingan yang sedang Anda buat lalu paste kode table yang tadi dicopy dari Table Generator di mode HTML.

Kemudian silahkan ganti kode <table> dengan kode berikut:


<div class='table-responsive'>

  <table class="table">

Dan jangan lupa tambahkan penutup </div> di bawah penutup </table>

Selesai, mudah bukan?

Alasan Domain web.id Dan my.id Selalu Ditolak Adsense

2020-05-22T08:12:00.000-07:00

Alasan Domain web.id Dan my.id Selalu Ditolak Adsense - Ternyata alasannya saat ini domain belum didukung Adsense untuk menampilkan iklan di blog.

Hal itu saya ketahui setelah saya melakukan percobaan dengan mencoba mendaftarkan ccTLD Indonesia tersebut ke Adsense.

Berawal dari ketertarikan saya dengan domain my.id yang harganya cukup murah sekitar Rp. 10.000/tahun. Tentunya itu akan sangat membantu bagi blogger yang berniat mengelola banyak blog, dapat mengirit biaya sewa domain.

Mendaftarkan blog dengan domain my.id ke Adsense

Untuk itu, kemudian saya mencoba membuat blog baru dan menggunakan ccTLD my.id untuk kemudian saya akan mencoba mendaftarkan blog tersebut ke Adsense.

Jika domain my.id ini bisa mudah didaftarkan ke Adsense, maka ini tentunya akan sangat menggembirakan bagi para blogger, khususnya blogger Indonesia. Kita bisa membuat banyak blog tanpa merasa keberatan untuk biaya sewa domain blog-blog tersebut dan tentunya mendapat penghasilan tambahan dari Adsense.

Setelah blog dengan domain my.id tersebut saya isi dengan 1 artikel per hari, kemudian saya daftarkan ke Adsense setelah mencapai 10 post. Dalam hal ini saya Add Site di akun Adsense saya yang sudah ada.

Domain my.id ditolak Adsense

Ternyata keesokan harinya saya mendapatkan penolakan, bahwa blog tersebut dinyatakan belum siap untuk menampilkan iklan Adsense. Padahal saya cek blognya sudah tidak ada masalah terkait dengan alasan penolakan Adsense.

Kemudian saya ajukan lagi untuk direview sambil tetap membuat 1 artikel per hari. 2 hari kemudian ada email penolakan dengan alasan yang sama.

Karena saya yakin sudah tidak ada masalah dengan blognya, saya ajukan lagi untuk direview lagi. Dan saya mendapatkan penolakan lagi. Begitu seterusnya sampai Adsense memberikan alasan penolakan yang berbeda dari sebelumnya.

Ganti domain dengan .com

Ahirnya sampai 2 bulan hal tersebut berlangsung dengan puluhan penolakan. Untuk memastikan bahwa masalah penolakan ini muncul dari masalah domain my.id tersebut, kemudian saya mengganti domain blog tersebut dengan domain .com.

Dan benar apa dugaan saya, dengan mengganti domain blog dengan .com ternyata blog tersebut langsung diterima Adsense.

Setelah saya browsing, ternyata alasannya bahwa domain ccTLD Indonesia khususnya untuk domain web.id dan my.id ini belum masuk ke list Adsense untuk bisa menampilkan iklan.

Untuk blog-blog dengan domain web.id yang sekarang menampilkan iklan, itu bukan melalui review pengajuan akun Adsense melainkan melalui Add Site pada akun Adsense yang sudah ada sebelum ada aturan baru untuk review pada Add Site.

Begitulah pengalaman saya ketika mencoba mendaftarkan blog dengan domain my.id.

Penghasilan blog bukan hanya dari Adsense saja

Namun tentu saja penghasilan blog bukan hanya dari Adsense saja, ada banyak cara untuk menghasilkan uang dari blog misalnya dengan ikut influencer marketplace, menjual produk, menjadi affiliater, dan banyak lagi yang lainnya.

Hanya saja, sebagai blogger belum apdol rasanya jika blog tidak menampilkan iklan Adsense. Betul tidak?

UPDATE:

Karena murah, waktu itu saya langsung beli 2 buah domain my.id untuk 2 blog baru dan berharap akan mudah diterima Adsense. Ternyata kenyataannya seperti yang saya ceritakan di atas, dan kemudian dua-duanya saya ganti dengan domain .com dan dua-duanya diterima Add Site.

Sepertinya isunya sama seperti dulu waktu blog Indo tidak support Adsense. Sekarang domain Indo sama juga isunya yaitu belum disupport oleh Adsense.

Tgl. 21 Mei 2020

Bagi teman-teman yang berhasil approve untuk domain web.id atau my.id sekarang ini, boleh share pengalamannya dong..., karena ini akan sangat bermanfaat untuk teman blogger lain di mana kita bisa mengelola banyak blog dan mendapatkan penghasilan tambahan dari Adsense namun tanpa pusing dengan biaya sewa domain.

Mengatasi Masalah Warning Diindeks Meski Diblokir Oleh Robots.txt

2020-02-01T19:00:00.001-08:00

Pada Google Search Console (console versi baru) muncul masalah warning diindeks, meski diblokir oleh robots.txt khususnya untuk blog-blog yang menggunakan platform Blogger.
Kalau kita cek semua URL yang diindeks, meski diblokir oleh robots.txt ini adalah semua halaman Search yaitu untuk halaman Search Label dan untuk halaman navigasi postingan lama.
Seperti yang ditunjukan bahwa halaman-halaman tersebut diindeks, meski diblokir oleh robots.txt. Itu karena blogger menggunakan robots.txt seperti berikut:


User-agent: Mediapartners-Google

Disallow:



User-agent: *

Disallow: /search

Allow: /



Sitemap: https://www.domainanda.com/sitemap.xml

Pada robots.txt di atas menunjukan bahwa semua halaman Search tidak diizinkan untuk dicrawl bot.
Namun karena halaman-halaman search tersebut ditautkan di blog seperti pada breadcrumb, menu, atau widget label atau pada navigasi next prev, maka halaman-halaman tersebut tetap dirayapi bot.
Untuk mengatasi masalah ini, sebaiknya halaman-halaman tersebut diperbolehkan untuk dirayapi bot dan ditampilkan di hasil pencarian.
Silahkan ganti robots.txt dengan kode berikut ini jika Anda menggunakan robots.txt seperti di atas.


User-agent: *

Disallow:



Sitemap: https://www.domainanda.com/sitemap.xml

Sitemap: https://www.domainanda.com/atom.xml?redirect=false&start-index=1&max-results=500

Sitemap: https://www.domainanda.com/feeds/posts/default

Sitemap: https://www.domainanda.com/sitemap-pages.xml

Silahkan ganti kode yang ditandai dengan domain blog Anda.
Untuk kode berikut, buat baris baru jika postingan blog Anda sudah di atas 500.

Sitemap: https://www.domainanda.com/atom.xml?redirect=false&start-index=501&max-results=500

Begitu seterusnya, jika postingan sudah di atas 1000, maka buat baris baru lagi seperti berikut:

Sitemap: https://www.domainanda.com/atom.xml?redirect=false&start-index=1001&max-results=500

Kemudian silahkan simpan kode meta tag noindex berikut di bagian <head> blog untuk memblokir bot pada halaman arsip, search, label dan tidak menampilkannya di halaman hasil percarian Google.


<b:if cond='data:view.isArchive'>

<meta content='noindex,noarchive' name='robots'/>

</b:if>

<b:if cond='data:blog.searchQuery'>

<meta content='noindex,noarchive' name='robots'/>

</b:if>

<b:if cond='data:blog.searchLabel'>

<meta content='noindex,noarchive' name='robots'/>

</b:if>

Dan pastikan Anda tidak menggunakan widget arsip blogger.

Setelah semua hal di atas di lakukan, silahkan submit robots.txt baru Anda di robots.txt testing tool agar Google cepat mengenali robots.txt baru Anda.
Kemudian masuk ke Console dan lakukan validasi pada warning Diindeks, meski diblokir oleh robots.txt dan silahkan pantau terus Search Console.

Breadcrumb microdata schema.org dengan ikon SVG

2020-02-01T18:58:00.004-08:00

Navigasi breadcrumb berfungsi menyediakan tautan kembali ke setiap halaman sebelumnya yang dilalui pengguna, dan menunjukkan lokasi pengguna saat ini di situs web. Secara sederhana, breadcrumb pada halaman menunjukkan posisi halaman dalam hierarki situs tersebut.

Dalam hal ini, Google Search juga menggunakan markup breadcrumb dari sebuah halaman web untuk mengkategorikan informasi dari halaman dalam hasil pencarian. Dengan begitu, pengguna dapat tiba di suatu halaman dan pengguna dapat kembali ke halaman web yang sama dengan kategori yang sama dengan halaman sebelumnya.

Saat ini masih banyak situs atau blog yang menggunakan breadcrumb dengan markup data-vocabulary.org. Namun markup schema.org merupakan markup untuk breadcrumb terbaru yang direkomendasikan. Sebenarnya tidak perlu markup apa pun untuk membuat breadcrumb tampil di hasil pencarian, yang penting ada navigasi halaman berupa list.

Namun apa pun itu, sebaiknya kita mengimplementasikan sesuatu yang direkomendasikan oleh mesin pencari seperti Google. Salah satunya membuat breadcrumb dengan markup schema.org.

Kali ini saya akan membagikan cara membuat breadcrumb untuk Blogger dengan menggunakan markup microdata schema.org dengan menambahkan ikon SVG sebagai separator dari tiap labelnya.

Untuk membuat seperti itu, silahkan ikuti langkahnya berikut ini.

Silahkan copy kode berikut ini.


            <b:includable id='breadcrumb' var='posts'>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<b:loop values='data:posts' var='post'>

<b:if cond='data:post.labels'>

<div class='breadcrumbs' itemscope='itemscope' itemtype='https://schema.org/BreadcrumbList'>

<svg viewBox='0 0 24 24'><path d='M10,20V14H14V20H19V12H22L12,3L2,12H5V20H10Z' fill='#000000'/></svg>

<span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>

<a expr:href='data:blog.homepageUrl' title='Home' itemprop='item'>

<span itemprop='name'>Home</span></a>

<meta content='1' itemprop='position'/>

</span>

<svg viewBox='0 0 24 24'><path d='M5.5,9A1.5,1.5 0 0,0 7,7.5A1.5,1.5 0 0,0 5.5,6A1.5,1.5 0 0,0 4,7.5A1.5,1.5 0 0,0 5.5,9M17.41,11.58C17.77,11.94 18,12.44 18,13C18,13.55 17.78,14.05 17.41,14.41L12.41,19.41C12.05,19.77 11.55,20 11,20C10.45,20 9.95,19.78 9.58,19.41L2.59,12.42C2.22,12.05 2,11.55 2,11V6C2,4.89 2.89,4 4,4H9C9.55,4 10.05,4.22 10.41,4.58L17.41,11.58M13.54,5.71L14.54,4.71L21.41,11.58C21.78,11.94 22,12.45 22,13C22,13.55 21.78,14.05 21.42,14.41L16.04,19.79L15.04,18.79L20.75,13L13.54,5.71Z' fill='#000000'/></svg>

<b:loop index='num' values='data:post.labels' var='label'>

<span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>

<a expr:href='data:label.url + &quot;?&amp;max-results=16&quot;' expr:title='data:label.name' itemprop='item'>

<span itemprop='name'><data:label.name/></span>

</a>

<meta expr:content='data:num+2' itemprop='position'/>

</span>

<b:if cond='data:label.isLast != &quot;true&quot;'>

<svg viewBox='0 0 24 24'><path d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z' fill='#000000'/></svg>

</b:if>

</b:loop>

<svg viewBox='0 0 24 24'><path d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z' fill='#000000'/></svg>

<span><data:post.title/></span>

</div>

</b:if>

</b:loop>

</b:if>

</b:includable>

Silahkan simpan di atas kode <b:includable id='comment-form' var='post'>. Jika sebelumnya sudah ada kode yang seperti atau mirip seperti itu, silahkan ganti dengan kode di atas.

Kemudian tambahkan CSS style berikut agar tampilan breadcrumb menjadi rapih.


/* Breadcrumb */

.breadcrumbs{background:#fff;line-height:1.2em;width:auto;overflow:hidden;margin:0;padding:10px 0;border-top:1px solid #dedede;border-bottom:1px solid #dedede;font-size:80%;color:#888;font-weight:400;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;white-space:nowrap}

.breadcrumbs a{display:inline-block;text-decoration:none;transition:all .3s ease-in-out;color:#666;font-weight:400}

.breadcrumbs a:hover{color:#11589D}

.breadcrumbs svg{width:16px;height:16px;vertical-align:-4px}

.breadcrumbs svg path{fill:#666}

Terakhir, simpan kode berikut di mana Anda ingin menampilkan breadcrumb.


<b:include data='posts' name='breadcrumb'/>

Sebagai contoh, Anda bisa simpan di bawah kode <b:includable id='main' var='top'> dan breadcrumb akan tampil di bagian atas postingan.

Selamat mencoba dan semoga bermanfaat.

Cara Memperbaiki Notif Error Breadcrumbs Markup Di Search Console

2020-02-01T18:58:00.000-08:00

Baru-baru ini muncul notifikasi error breadcrumb di Google Search Console yang dikirimkan ke email webmaster atau admin blog.

Ternyata ini adalah fitur baru dari Search Console baru untuk data tersetrduktur untuk breadcrumb. Namun yang jadi masalahnya adalah bahwa kita sudah yakin untuk breadcrumb yang kita gunakan sudah benar.
Lalu apa penyebabnya muncul error breadcrumb ini?
Dugaan saya adalah bahwa Google mendeteksi ini dari cache index Google, sehingga URL-URL lama yang memang ketika URL tersebut diindex Google memang memiliki error breadcrumb teridentifikasi error.
Itu bisa dilihat dari URL-URL yang terkena error tersebut, bahkan URL 404 juga bisa terdeteksi dan masuk ke notif error breadcrumb ini.
Sebagian besar masalah error breadcrumb ini datang dari masalah "id tidak valid".

Akses Internet Yang Lebih Pribadi Dengan PureDNS

2020-01-18T19:21:00.001-08:00

Ini adalah salah satu layanan gratis dari developer yang sama dengan Statically, yaitu mas Frans Allen. Adalah PureDNS, sebuah layanan DNS rekursif gratis untuk menggantikan pengaturan DNS penyedia layanan Internet pengguna dengan mengarahkan semua lalulintas melalui PureDNS, bukan melalui sistem DNS ISP.
Mengapa PureDNS? Ini adalah pertanyaan yang menarik, selama ini kita tidak menyukai situasi internet di Indonesia saat ini, terutama dalam hal keamanan. Yang terjadi saat ini adalah ISP mencegat akses DNS default dan menyuntikkan koneksi HTTP dengan iklan yang cukup mengganggu.
Karena itu PureDNS dibuat sebagai alat yang berguna untuk kondisi internet saat ini yang dapat digunakan oleh semua orang secara gratis untuk membantu mempercepat dan membuat akses internet menjadi lebih aman.
Ketika Anda terhubung ke PureDNS, maka komputer Anda akan meminta untuk menyelesaikan domain seperti example.com, dan kemudian PureDNS akan berfungsi dan hasilnya akan dikirim kembali kepada Anda dengan hanya memakan waktu 10-30ms, dan yang menariknya PureDNS tidak mencatat alamat IP atau situs web yang Anda kunjungi.
Dengan menggunakan server DNS dari PureDNS ini, maka Anda tidak perlu lagi mempertanyakan motif ISP Anda, dan koneksi Anda ke Internet tidak lagi disensor oleh server DNS ISP Anda.
Cara menggunakan PureDNS ini cukup mudah, ikuti langkah-langkahnya berikut ini.

Klik kanan pada Network Connections di panel ikon kanan bawah, lalu pilih "Open Network and Sharing Center".
Jendela baru akan muncul. Klik menu "Change adaptor setting" di sidebar kiri.
Kemudian klik kanan pada koneksi yang terhubung lalu pilih Properti.
Pilih Internet Protocol Version 4, lalu klik Properties lagi.
Klik Use The Following DNS Server Addresses dan ketik IP 117.53.44.238 di Preferred DNS server. Dan menggunakan 117.53.46.10 untuk Alternate DNS server.
Klik Oke, lalu klik Tutup, dan lagi Tutup.
Bersihkan cache DNS Anda. Klik di Start Menu kiri bawah lalu masukan cmd di kolom pencarian. Klik pada cmd pilih Run as Administrator. Setelah command prompt muncul, masukan ipconfig /flushdns lalu enter.
Uji pengaturan baru DNS dengan menjelajahi situs web apa pun melalui browser. Jika bisa masuk berarti kita sukses menggunakan server DNS publik gratis dari PureDNS.

Cara menggunakan PureDNS pada Android sebagai berikut:
Aplikasi resmi akan segera hadir. Saat ini Anda dapat menggunakan solusi di bawah ini untuk menggunakan PureDNS di Android untuk sementara.
Dalam skenario ini kita akan menggunakan aplikasi Intra dengan PureDNS sebagai server DNS khusus.

Unduh aplikasi Intra. Pastikan Anda mempercayai aplikasi ini, pelajari lebih lanjut tentang aplikasi Intra.
Buka aplikasi Intra, klik Menu, buka Pengaturan.
Tetapkan URL server khusus dengan https://puredns.org/dns-query.
Kembali ke dasbor Intra dan aktifkan.

Dan selanjutnya semua pencarian DNS yang dikirim oleh Android semua akan dilayani oleh Intra dengan PureDNS sebagai server DNS.

UPDATE:

Ternyata dengan penggantian DNS via Network Connections langsung dengan IP address DNS Resolver seperti cara di atas tidak jalan. Khususnya pengguna OS Windows, kita harus menggunakan bantuan aplikasi. Di sini kita bisa menggunakan aplikasi YogaDNS untuk Windows 7, 8, 8.1, 10, Windows Server 2012, 2016, 2019 untuk 32-bit dan 64-bit.
Silahkan unduh YogaDNS kemudian install sampai selesai.
Kemudian silahkan jalankan aplikasi YogaDNS, klik pada DNS Servers dan klik Add lalu isi seperti pada gambar berikut.
DNS1: 117.53.44.238
DNS2: 117.53.46.10
URL:


https://puredns.org/dns-query

Lakukan hal yang sama untuk DNS yang kedua, dengan Nama yang berbeda. Setelah selesai silahkan klik tombol Server Pool lalu Create dan drag kedua DNS Servers yang kita buat tadi dan masukan ke Pool yang kita buat. Ini dibuat agar nantinya DNS Servers nya digunakan secara random.

Kemudian klik Rules lalu klik Add lalu buat seperti gambar. Untuk Hostname cukup dikasih * dan pilih Proses untuk Action. Lalu untuk DNS Server pilih Pool yang tadi sebelumnya kita buat.

Selesai, sekarang silahkan test di DNS Leak, jika hasilnya sudah seperti gambar berarti kita sudah menggunakan PureDNS.

Sekarang coba untuk mengakses reddit.com, harusnya sekarang sudah bisa tanpa harus menggunakan VPN. Trik ini berlaku juga untuk DNS Google, Cloudflare, atau Namecheap. Untuk pengguna OS lainnya silahkan cek list aplikasinya di https://dnscrypt.info/implementations/
Jika Anda ingin memblock welcome page dan iklan yang disisipkan oleh provider Internet atau sebagai AdBlocker, Anda bisa menggunakan Filter PureDNS. Silahkan ganti URL pada DNS Over HTTPS dengan mengedit DNS Server dengan URL berikut pada kotak di gambar di bawah ini.


https://puredns.org/doh/filter:ad+tracker

Untuk selengkapnya bisa Anda pelajari di puredns.org

Semoga bermanfaat.

Adhy S

Update Custom Search Engine Adsense Untuk Blog AMP 2020

2020-01-18T19:20:00.002-08:00

Salah satu kendala atau masalah pada blog AMP HTML adalah belum adanya support penggunaan iklan pencarian atau iklan custom search engine Adsense. Padahal klik pada iklan pencarian Adsense ini cukup bagus juga (jika banyak pencarian di blog), jadi sayang jika custom search engine Adsense ini tidak dioptimalkan, khususnya di blog AMP.
Sebelumnya saya sudah mencoba membuat custom search engine Adsense untuk AMP, dan pencariannya muncul namun iklannya tidak muncul. Anda bisa simak postingan tersebut di link berikut ini.
Sebenarnya trik yang sekarang ini juga hampir sama dengan trik sebelumnya, namun kini tidak menggunakan Github untuk menampilkan hasil pencarian.
Trik yang sekarang ini menggunakan blog yang dibuat khusus untuk menampilkan hasil pencarian dengan menggunakan sub domain.
Dengan sub domain maka iklan pencarian Adsense akan langsung tampil karena blog tidak perlu direview dulu, tinggal menambahkan sub domain di dashboard Adsense.
Dan trik ini 100% working, silahkan coba kotak pencarian blog Kompi Ajaib ini sebagai demonya.
Jika Anda ingin mencobanya, silahkan ikuti langkah-langkahnya berikut ini.

Membuat Blog Baru Untuk Menampilkan Hasil Pencarian

Silahkan buat blog baru untuk menampilkan hasil pencarian dan silahkan gunakan tema khusus yang saya buat. Langsung saja copy semua kode template dari notepad lalu timpah semua kode di edit html. Silahkan unduh tema search results-nya.

Tema Search Results

Kemudian silahkan buat sub domain lalu pasang di blog tadi, jangan lupa aktifkan HTTPS-nya. Seperti blog Kompi Ajaib ini menggunakan sub domain search.kompiajaib.com untuk menampilkan hasil pencarian CSE Adsense. Kemudian tambahkan sub domain tersebut di dashboard Adsense.

Membuat Custom Search Engine di Adsense

Silahkan masuk ke dashboard Adsense Anda lalu pilih Ads for search > Custom Search Engine, lalu silahkan klik tombol +New Custom Search Engine.

Langkah selanjutnya:

Kemudian silahkan berikan nama untuk Custom Search Engine blog Anda.
Untuk What to search silahkan pilih Only sites I select lalu masukan URL blog Anda pada kotak di bawahnya. Silahkan sesuaikan negara dan bahasanya. Kalau mau Anda bisa berikan Custom Channel.
Klik link Configure styles untuk memilih gaya. Ini akan masuk ke halaman Custom Search. Pada bagian Layout silahkan pilih Full Width lalu Save.
Untuk Search Results silahkan pilih on my website
Untuk URL where search results will be displayed silahkan isi dengan URL blog yang menampilkan hasil pencarian CSE Adsense yang dibuat tadi yang menggunakan sub domain.
Lalu Save and Get Code dan copy kodenya yang saya tandai seperti gambar berikut.

Kemudian silahkan masuk ke edit HTML blog yang menggunakan sub domain tadi dan cari kode seperti berikut yang berada di paling bawah edit HTML.


<script async='async' src='https://cse.google.com/cse.js?cx=partner-pub-3597723085513015:6800528525'/>

<div class='gcse-search'/>

 

<a class='back-to-blog' href='https://www.kompiajaib.com/' title='Kembali ke homepage'>Kembali ke homepage</a>

Ganti kode yang ditandai dengan kode yang dicopy di atas tadi. Dan ganti URL https://www.kompiajaib.com/ dengan URL blog utama Anda.

Menyesuaikan Search Box Blog dengan Custom Search Engine Adsense

Sekarang tinggal menyesuaikan Search Box pada blog Anda. Kita tidak akan merubah tampilan Search Box blog, hanya merubah sedikit kode pada form Search Box agar menyambung ke blog hasil pencarian yang sebelumnya kita buat.
Misalkan saya contohkan kode form Search Box blog Anda seperti di bawah ini.


<form action="//www.google.com/search" method="get" target="_top">

  <input class="query" name="q" type="text"/>

  <button type="submit">Search</button>

</form>

Silahkan ganti URL pada action form dengan URL blog hasil pencarian untuk Search Results yang tadi dibuat (perhatian, URL harus HTTPS).
Kemudian silahkan tambahkan kode berikut ini.


<input type='hidden' name='cx' value='partner-pub-xxxxxxxxxxxxxxxx:xxxxxxxxx' />

<input type='hidden' name='ie' value='UTF-8' />

Silahkan sesuaikan kode partner-pub-xxxxxxxxxxxxxxxx:xxxxxxxxx dengan kode yang seperti itu dari kode Search Results.
Sehingga penampakannya menjadi seperti berikut ini.


<form action="URL blog hasil pencarian" method="get" target="_top">

  <input type='hidden' name='cx' value='partner-pub-xxxxxxxxxxxxxxxx:xxxxxxxxx' />

  <input type='hidden' name='ie' value='UTF-8' />

  <input class="query" name="q" type="text"/>

  <button type="submit">Search</button>

</form>

Selesai... silahkan test Search Box blog Anda.
Selamat mencoba....

Adhy S

Cara Ampuh Belajar Pemograman Untuk Orang Awam

2020-01-11T20:00:00.003-08:00

Artikel ini sengaja dibuat untuk anda yang ingin belajar pemograman atau anda orang awam ingin mengetahui dunia pemograman. Dunia progam mungkin bisa berisi mengenai jaringan, sistem, kabel, signal, otomatis, update, dan lain sebagainya yang tidak lain berbasis teknologi.

Namun di sisi lain pemograman adalah sebuah proses tulis menulis, pengujian, memperbaiki, merawat, memelihara, yang di sana terdapat banyak kode.

Bagi pemula, pemograman merupakan pekerjaan yang sangat sulit, penuh dengan analisis, fokus, dan selalu berkelanjutan. Sebaliknya pemograman bagi orang yang sudah profesional, pemograman merupakan seni yang menggunakan algoritme yang berhubungan dengan bahasa pemograman kemudian jadilah sebuah progam komputer. Komputer bisa anda operasikan karena proses pemograman.

Pemograman tidak bisa dilakukan oleh orang yang tidak memiliki keahlian atau berlatar belakang pendidikan khusus. Namun membutuhkan skill dan pendidikan sesuai di bidangnya untuk bisa membuat sebuah progam yang diinginkan.

Untuk membuat progam membutuhkan waktu yang sangat lama, sehingga untuk mempelajari ilmu pemograman juga memerlukan waktu yang tidak sedikit. Itulah sedikit ilustrasi jika anda ingin bergelut di bidang pemograman atau biasa disebut dengan programmer.

Di bawah ini beberapa cara ampuh terbukti bisa membantu orang awam tidak terkecuali anda agar bisa belajar mulai dari nol, diantaranya adalah:

1. Mengetahui Pengertian Program

Meskipun pemahaman mengenai progam anda adalah nol, maka anda harus terlebih dahulu mencari tahu apa arti progam, bagaimana ciri-cirinya, kenapa progam lebih dominan oleh laki-laki daripada perempuan, apa istimewanya progam dengan lain, hingga keuntungan apa yang bisa anda dapatkan jika belajar dan mendalami dunia pemograman.

Semakin banyak anda memiliki data mengenai progam, anda minimal memiliki bekal dan alasan kenapa anda melanjutkan ingin belajar pemograman atau tidak untuk melanjutkan.

Semua ilmu itu baik, tapi semua pekerjaan memiliki resiko. Jangan sampai anda terbelenggu dan tidak menjadi diri anda sendiri saat anda sudah terjun dalam dunia pemograman.

2. Mahir Bahasa Asing

Setelah belajar mencari referensi mengenai dunia pemograman, maka anda harus menentukan pilihan. Selanjutnya jika anda memilih untuk melanjutkan, maka yang bisa anda pelajari adalah mengenai mesin, bahasa yang dalam tingkatan rendah, kemudian perlahan-lahan belajar pada bahasa yang tingkatannya lebih tinggi.

Progam memiliki bahasa yang tidak biasa, jadi anda harus belajar bahasa progam yang sangat jauh berbeda dengan bahasa manusia. Orang awam tentu masih awam dengan maksud bahasa progam yang ditayangkan pada komputer.

Namun berkat pemahaman dan pelajaran yang cukup anda pasti bisa. Pada umumnya progam yang ditemui pada komputer di Negara Indonesia menggunakan bahasa Indonesia dan bahasa Inggris. Jadi kemungkinan besar, anda yang ingin menjadi programmer juga harus memiliki keahlian bahasa inggris dan mahir berbahasa asing terutama bahasa inggris.

3. Membuat Progam Sederhana

Sampai sini ada banyak yang harus anda pelajari, meskipun ilmu bahasa asing anda sudah sangat mahir, segera lanjutkan untuk mengaplikasikan ilmu anda. Anda bisa memulai pembelajaran dengan mencoba progam sederhana. Misalnya anda sedang belajar berkomunikasi, setelah teori sudah anda pelajari dengan cukup maka langkah selanjutnya anda bisa mempraktikkan teori ilmu komunikasi anda.

Untuk progam, anda bisa mengawali dengan mempraktikkan ilmu matematika. Buatlah progam menghitung panjang balok, luas lingkaran, sisi persegi dan ilmu matematika anda yang lain. Anda jangan terburu-buru langsung belajar progam, karena perjalanan belajar untuk menjadi progammer masih panjang.

Di sarankan anda bisa belajar Matematika dahulu, menggunakan analisis, mengerjakan dengan rumus, dan menyelesaikan pekerjaan dengan waktu yang tepat. Sekalipun ada koreksi dan revisi, anda harus mengukur kesalahan anda sebagai bahan evaluasi. Jika anda salah pada perhitungan panjang balok, maka untuk kedepannya jangan sampai terulang lagi untuk praktik selanjutnya.

4. Mencari Informasi

Sebagai pemula anda harus banyak mencari informasi mengenai dunia programmer. Semakin anda memilliki banyak informasi, di jamin anda akan cepat bisa belajar programmer. Anda bisa memperoleh informasi dari mana saja.

Bisa mencari tambahan informasi sebanyak-banyaknya di media sosial, di youtube, di media cetak, pada buku, dan langsung belajar pada master progam. Dengan begitu anda banyak mengantongi informasi mengenai dunia pemograman.

5. Bergabung Dengan Grup Pemograman

Sekarang banyak sekali komunitas yang sengaja di buat untuk diskusi, untuk jasa profesional, untuk bisnis, lowongan kerja, dan untuk belajar bersama. Nah anda juga bisa mengikuti jejak para sang master yang sudah lebih dulu menjadi progammer berpengalaman untuk bergabung pada group khusus progammer.

Tentu di sana ada banyak programmer profesional yang sedikit banyak akan memposting tulisan atau artikel mengenai progam. Group atau komunitas juga sangat efektif sebagai pusat pencarian informasi.

Di sana anda bisa update belajar pemograman, update berita terkini tentang progam, memperbanyak koneksi atau jaringan bisnis, dan mempermudah anda mendapatkan pekerjaan.

Nah demikian artikel yang berisikan tentang cara ampuh belajar pemograman untuk orang awam yang bisa anda jadikan referensi untuk menjadi programmer. Semoga bisa memotivasi anda untuk melanjutkan niat sebagai programmer profesional. Semangat.

Cara Agar Iklan MGID Tidak Memberatkan Loading Blog

2020-01-11T19:59:00.003-08:00

MGID adalah salah satu jaringan periklanan yang juga bisa menjadi sumber pendapatan bagi blogger sebagai publisher seperti halnya Adsense.
Dan kabar baiknya, iklan MGID ini bisa disandingkan dengan iklan Adsense. Iklan MGID merupakan iklan native seperti unit iklan matched content Adsense dan sudah mendukung bahasa Indonesia.
Sama seperti halnya pada histats, iklan MGID juga mengganggu atau menambah loading blog meskipun js-nya sudah asynchronous. Tapi jangan khawatir, setelah saya coba ternyata iklan MGID juga bisa diakali dengan defer seperti histats sehingga tidak mengganggu loading blog.
Untuk itu, bagi Anda yang menjadi publisher MGID kini saya akan memberikan trik cara memasang kode iklan MGID agar tidak memberatkan loading blog, jika Anda memang peduli dengan kecepatan loading blog.
Biasanya kode iklan MGID seperti berikut ini sebagai contohnya.


<!-- Composite Start -->

<div id="M517355ScriptRootC778521">

    <div id="M517355PreloadC778521"> Loading...

    </div>

    </div>

    <script>

(function () { var script = document.createElement('script'); script.src = "//jsc.mgid.com/b/l/bloggue.web.id.778521.js?t=" + ((d = new Date()) ? '' + d.getUTCFullYear() + d.getUTCMonth() + d.getUTCDate() + d.getUTCHours() : ''); script.async = true; document.body.appendChild(script); })();

    </script>

<!-- Composite End -->

Silahkan copy script yang saya tandai itu lalu simpan kode tersebut di notepad lalu simpan sebagai file js, misal disimpan sebagai kode-mgid.js dan hosting di Github.
Kemudian ganti kode iklan MGID menjadi seperti berikut ini sebagai contohnya.


<div id="M517355ScriptRootC778521">

        <div id="M517355PreloadC778521">

        Loading...    </div>

    </div>

<script>

//<![CDATA[

function downloadJSAtOnload(){var d=document.createElement("script");d.src="URL HOSTING kode-mgid.js SIMPAN DI SINI",document.body.appendChild(d)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;

//]]>

</script>

Dan simpan kode berikut di bawah kode <meta charset='utf-8'/>


<link as='script' href='URL HOSTING kode-mgid.js SIMPAN DI SINI' rel='preload'/>

Ganti kode URL HOSTING kode-mgid.js SIMPAN DI SINI dengan URL hosting kode-mgid.js Anda tadi.
Lakukan hal yang sama pada unit iklan lainnya jika Anda memasang iklan MGID lebih dari 1 unit. Pastikan nama js yang dihosting di Github berbeda satu sama lainnya, misal kode-mgid2.js untuk iklan kedua dan seterusnya.
Atau jika Anda ingin iklan MGID ini benar-benar tidak mengganggu loading blog, maka kita bisa menggunakan kode seperti trik lazyload Adsense. Silahkan ganti kode iklan MGID menjadi seperti berikut ini sebagai contohnya.


<div id='M517355ScriptRootC778521'>

        <div id='M517355PreloadC778521'>

        Loading...    </div>

    </div>

<script>

//<![CDATA[

var lazymgid = false;

window.addEventListener("scroll", function(){

if ((document.documentElement.scrollTop != 0 && lazymgid === false) || (document.body.scrollTop != 0 && lazymgid === false)) {

(function() { var ad = document.createElement('script'); ad.type = 'text/javascript'; ad.async = true; ad.src = 'URL HOSTING kode-mgid.js SIMPAN DI SINI'; var sc = document.getElementsByTagName('script')[0]; sc.parentNode.insertBefore(ad, sc); })();

lazymgid = true;

  }

}, true);

//]]>

</script>

Jika menggunakan trik lazyload ini, maka kita tidak perlu menyimpan kode yang di bawah kode <meta charset='utf-8'/>.
Untuk unit iklan kedua dan selanjutnya jika Anda memasang iklan MGID lebih dari 1 unit. Pastikan nama js yang dihosting di Github berbeda satu sama lainnya, misal kode-mgid2.js untuk iklan kedua dan seterusnya. Juga pastikan kode lazymgid seperti yang saya tandai di atas dibedakan, misalnya jadi lazymgid2, dan seterusnya seperti contoh berikut ini.


<div id='M517355ScriptRootC778535'>

        <div id='M517355PreloadC778535'>

        Loading...    </div>

    </div>

<script>

//<![CDATA[

var lazymgid2 = false;

window.addEventListener("scroll", function(){

if ((document.documentElement.scrollTop != 0 && lazymgid2 === false) || (document.body.scrollTop != 0 && lazymgid2 === false)) {

(function() { var ad = document.createElement('script'); ad.type = 'text/javascript'; ad.async = true; ad.src = 'URL HOSTING kode-mgid.js SIMPAN DI SINI'; var sc = document.getElementsByTagName('script')[0]; sc.parentNode.insertBefore(ad, sc); })();

lazymgid2 = true;

  }

}, true);

//]]>

</script>

Atau Anda juga bisa tanpa harus menghostingnya di Github untuk trik lazyload ini. Perhatikan kode iklan MGID berikut:


<!-- Composite Start -->

<div id="M517355ScriptRootC778521">

    <div id="M517355PreloadC778521"> Loading...

    </div>

    </div>

    <script>

(function () { var script = document.createElement('script'); script.src = "//jsc.mgid.com/b/l/bloggue.web.id.778521.js?t=" + ((d = new Date()) ? '' + d.getUTCFullYear() + d.getUTCMonth() + d.getUTCDate() + d.getUTCHours() : ''); script.async = true; document.body.appendChild(script); })();

    </script>

<!-- Composite End -->

Kemudian ganti kode iklan MGID menjadi seperti berikut ini sebagai contohnya. Untuk kode script yang ditandai pada kode di atas silahkan simpan seperti kode script yang ditandai di kode di bawah ini.


<div id="M517355ScriptRootC778521">

        <div id="M517355PreloadC778521">

        Loading...    </div>

    </div>

<script>

//<![CDATA[

var lazymgid = false;

window.addEventListener("scroll", function(){

if ((document.documentElement.scrollTop != 0 && lazymgid === false) || (document.body.scrollTop != 0 && lazymgid === false)) {



(function () { var script = document.createElement('script'); script.src = "//jsc.mgid.com/b/l/bloggue.web.id.778521.js?t=" + ((d = new Date()) ? '' + d.getUTCFullYear() + d.getUTCMonth() + d.getUTCDate() + d.getUTCHours() : ''); script.async = true; document.body.appendChild(script); })();



lazymgid = true;

  }

}, true);

//]]>

</script>

Oh iya, untuk pengguna AMP, kini iklan MGID sudah mendukung AMP juga dengan <amp-ad>.
Selamat mencoba dan semoga bermanfaat.

Adhy S