Cara Agar Domain Blog Tetap blogspot.com Tidak Dialihkan

Cara agar domain blog tetap blogspot.com tidak dialihkan ke alamat blogspot.co.id atau negara lain pada blogger. Menurut google pada dasarnya tidak akan ada perubahan pada konten blog, yang berubah hanya alamat url blog dari blogspot.com ke blogspot dimana pengunjung itu berasal. Semisal dari Indonesia (blogspot.co.id), dari kanada (blogspot.ca) dan lain sebagainya. Untuk lebih lengkapnya kamu dapat baca notice dari google di https://support.google.com/blogger/answer/2402711?hl=id.

Cara agar domain blog tetap blogspot.com

Langkah 1. Copy kode dibawah ini

<script type="text/javascript">
var blog=document.location.href.toLowerCase();if(!blog.match(/\.blogspot\.com/)){blog=blog.replace(/\.blogspot\..*?\//,".blogspot.com/ncr/");window.location.replace(blog)}
</script>

Langkah 2. Login akun blogger >> Tema >> Edit HTML >> Klik kiri kotak kosong Edit HTML dan cari (ctrl+f) </head>. Lalu Paste kode pada langkah 1 tepat diatasnya.

</head>

Langkah 3. Simpan Tema

Alasan tetap menggunakan blogspot.com

Alasan untuk tetap menggunakan alamat domain blogspot.com daripada redirect ke domain negara tertentu dimana pengunjung blog berasal ada beberapa:

1. Iklan adsense yang hanya menampilkan background putih blank space pada url khusus negara. Mungkin dikarenakan tidak tersedianya layanan iklan yang tepat sesuai dengan konten dan negara tersebut. Karena ada banyak laporan kasus, menurut opini saya karena low traffic dan demand pada negara itu atau postingan artikel memang baru.

setelan jika tidak tersedia layanan iklan

Server blogspot url khusus negara overload

Saya berpendapat seperti ini karena melihat blog lain yang memang memiliki konten bagus meskipun menggunakan domain khusus negara pengunjung (misal blogspot.co.id), iklan google adsense tetap muncul. Bisa juga karena IP address yang digunakan menampilkan iklan google berkali-kali (biasa terjadi pada webmaster blog untuk memeriksa iklan) sehingga secara otomatis iklan akan tidak ditampilkan. Seperti memang cara kerja mekanis google adsense sendiri.
Contoh kasus di grup diskusi:
https://productforums.google.com/forum/#!topic/blogger/mpb9Ll3W6ck
https://productforums.google.com/forum/#!msg/adsense/ENUwp4WBOPw/3tXWc-UMAQAJ

2. Memang webmaster blog lebih prefer menggunakan blogspot.com daripada url khusus negara tertentu. Munkin karena lebih familiar dan simpel.

List url domain tiap negara

No	url	Negara
1	blogspot.ae	UAE
2	blogspot.al	Albanian
3	blogspot.am	Armenia
4	blogspot.ba	Bosnia & Herzegovina
5	blogspot.be
6	blogspot.bg	Bulgaria
7	blogspot.bj
8	blogspot.ca	Canada
9	blogspot.cf
10	blogspot.ch
11	blogspot.cl
12	blogspot.co.at
13	blogspot.co.id	Indonesia
14	blogspot.co.il
15	blogspot.co.ke
16	blogspot.co.nz
17	blogspot.co.uk	United Kingdom
18	blogspot.co.za	South Africa
19	blogspot.com	United States
20	blogspot.com.ar
21	blogspot.com.au
22	blogspot.com.br
23	blogspot.com.by	Belarus
24	blogspot.com.co	Colombia
25	blogspot.com.cy	Cyprus
26	blogspot.com.ee	Estonia
27	blogspot.com.eg	Egypt
28	blogspot.com.es
29	blogspot.com.mt	Malta
30	blogspot.com.ng	Nigeria
31	blogspot.com.tr
32	blogspot.com.uy	Uruguay
33	blogspot.cv
34	blogspot.cz
35	blogspot.de
36	blogspot.dk
37	blogspot.fi
38	blogspot.fr	France
39	blogspot.gr
40	blogspot.hk	Hongkong
41	blogspot.hr	Croatia
42	blogspot.hu
43	blogspot.ie
44	blogspot.in	India
45	blogspot.is	Iceland
46	blogspot.it
47	blogspot.jp	Japan
48	blogspot.kr
49	blogspot.li	Liechtenstein
50	blogspot.lt	Lithuania
51	blogspot.lu	Luxembourg
52	blogspot.md	Moldova
53	blogspot.mk	Macedonia
54	blogspot.mr
55	blogspot.mx
56	blogspot.my	Malaysia
57	blogspot.nl	German
58	blogspot.no
59	blogspot.pe	Peru
60	blogspot.pt
61	blogspot.qa	Qatar
62	blogspot.re
63	blogspot.ro
64	blogspot.rs	Serbia
65	blogspot.ru	Rusia
66	blogspot.se	Slovenia
67	blogspot.sg	Singapore
68	blogspot.si
69	blogspot.sk
70	blogspot.sn	Senegal
71	blogspot.td
72	blogspot.tw	Taiwan
73	blogspot.ug	Uganda
74	blogspot.vn	Vietnam

Selengkapnya..

Cara Menampilkan Iklan Adsense di Paragraf Pertama Postingan

Cara menampilkan iklan adsense di paragraf pertama postingan artikel blogger merupakan salah satu penempatan memasang iklan yang baik. Cara ini membuat iklan google adsense agar muncul setelah enter pertama artikel atau dapat dikatakan pada alinea pertama artikel ketika kamu mengeditnya.

Iklan akan muncul pada posisi atas tepatnya setelah paragraf pertama selain daripada dibawah judul postingan, diakhir postingan ataupun ditengah postingan. Sehingga akan mudah dilihat oleh pengunjung blog. Untuk itu langsung saja ikuti cara menampilkan iklan google adsense pada paragraf pertama postingan blogger.

Cara Menampilkan Iklan Adsense di Paragraf Pertama Postingan

Langkah 1. Login akun blogger >> Tema >> Edit HTML >> Klik kiri kotak Edit HTML dan Cari (ctrl+f) kode dibawah ini. Secara default template blogger, kamu akan menemuinya dua kali. Ada yang untuk tampilan mobile (kode pertama) ataupun desktop (kode kedua). Jika ketemu kodenya lagi coba yang terakhir.

<data:post.body/>

Langkah 2. Tambahkan kode yang berwarna biru diantara <data:post.body/>

<div id='adsense-target'><data:post.body/></div>

Langkah 3. Copy dan Paste kode pengkondisian berikut diatas <data:post.body/> yang sudah diedit pada langkah 2. Tentunya kode iklan google adsense kamu sudah di parse >> https://opinionatedgeek.com/Codecs/HtmlEncoder

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='adsense-content' style="display:block;text-align: center">
Kode adsense yang telah diparse
</div></b:if>

Seperti gambar berikut:

Note :
Untuk mengubah posisi iklan menjadi menjorok ke kiri silahkan ganti kode pengkondisian yang bergaris bawah pada Langkah 3. dengan kode berikut. float:left; artinya ke kiri, jika ingin menampilkan ke kanan tinggal kamu ganti dengan float:right;

<div id='adsense-content' style="display: inline-block;float:left; margin:15px 15px 15px 0px">

Langkah 4. Tambahkan kode berikut tepat dibawah <div id='adsense-target'><data:post.body/></div> seperti contoh gambar diatas.

<script type='text/javascript'>
function insertAfter(addition,target) {
var parent = target.parentNode;
if (parent.lastChild == target) {
parent.appendChild(addition);
} else {
parent.insertBefore(addition,target.nextSibling);
}
}
var adscont = document.getElementById(&quot;adsense-content&quot;);
var target = document.getElementById(&quot;adsense-target&quot;);
var linebreak = target.getElementsByTagName(&quot;br&quot;);
if (linebreak.length &gt; 0){
insertAfter(adscont,linebreak[0]);
}
</script>

Note :
~ Untuk menampilkan iklan adsense pada paragraf kedua ganti angka 0 menjadi 2 pada tulisan berwarna merah
~ Untuk menampilkan iklan adsene dibawah heading tag h2 atau h3 ganti br menjadi h2 atau h3 pada tulisan berwarna biru

Langkah 5. Simpan Tema
Silahkan lihat tampilan iklan google adsense kamu akan muncul pada paragraf pertama di postingan dengan meggunakan kondisi br enter.

Selengkapnya..

Cara Menampilkan Iklan Adsense di Mobile Blog

Cara menampilkan iklan google adsense di tampilan mobile blogger pada perangkat seluler smartphone hp sangat diperlukan. Berhubung semakin majunya teknologi sehingga semakin banyaknya orang yang menggunakan smartphone android dan iphone mereka untuk menjelajah dunia maya. Dengan memasang iklan adsense di tampilan mobile adalah suatu kesempatan bagi blogger untuk menambah revenue.

Untuk google adsense sendiri tersedia layanan Page-Level ads dimana iklan google akan muncul secara overlay sticky dan full screen pada layar hape. Namun iklan responsive, 300x250 dan mobile banner 320x100 dapat digunakan juga. Untuk itu dapat kamu baca Cara Memasang Iklan Google Adsense ditengah Artikel Postingan dan Memasang Iklan dibawah dan diatas Posting Blog.

Penempatan Kode Iklan Google Adsense

Ada dua cara menampilkan iklan google adsense berdasarkan cara meletakkan kodenya.
Cara 1. Kode yang diletakkan melalui Tambahkan Gadget >> HTML/JavaScript
Cara 2. Kode yang disematkan pada body postingan blogger dengan encode kode iklan htmlnya.

Untuk menampilkan iklan google adsense pada tampilan mobile blogger kamu harus menggunakan tema seluler. Hal ini wajib dilakukan baik untuk cara 1 maupun cara 2.
~ Pada dashboard blogger pilih Tema >> klik icon gear pada tampilan seluler >> pilih Ya. Tampilkan tema seluler di perangkat seluler dan pilih tema seluler Khusus >> Simpan.

Cara Menampilkan Iklan Adsense di Mobile Blog

Cara 1. Untuk iklan adsense yang menggunakan fitur Gadget Blogger

Langkah 1. Tambahkan Gadget >> HTML/JavaScript >> Paste kode adsense dan Simpan.

Langkah 2. Setelah itu buka lagi Edit HTML/JavaScript adsense tadi >> Klik kiri alamat bar widget adsense dan geser ke Kanan. Kamu akan temukan nama HTML untuk widget itu.

Caranya sama seperti -->> Menampilkan Gadget Blogger di Mobile

Langkah 3. Lanjut ke Tema >> Edit HTML >> Klik kiri kotak kosong Edit HTML dan cari (ctrl+f) nama ID HTML adsense yang kamu buat.
Dengan menambahkan mobile='yes' (tampil di tampilan seluler), mobile='no' (tidak tampil di tampilan seluler), mobile='only' (hanya akan tampil di mobile) pada widget iklan adsense yang diinginkan seperti contoh dibawah ini.

<b:widget id='HTML4' locked='false' mobile='yes' title='Advertisement' type='HTML'>

Saran, jangan lupa gunakan tag kondisi blogger untuk menampilkan atau menyembunyikan iklan pada beranda, postingan dan laman statis di Cara Menyembunyikan dan Menampilkan Gadget di Blog.
Langkah 4. Simpan Tema

Cara 2. Untuk iklan adsense yang disematkan pada postingan blog

Namun untuk kode adsense yang disematkan ditengah postingan, dibawah judul postingan atau diakhir artikel blog silahkan mengikuti cara dibawah berikut:
Langkah 1. Cari kode dibawah ini :

<data:post.body/>

untuk template default blogger kode itu ada dua, untuk tampilan desktop dan mobile. Untuk tampilan mobile cari yang dekat

<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>

seperti gambar berikut:

Langkah 2. Letakkan kode iklan adsense yang telah diparse diatas atau dibawah <data:post.body/>. Kamu dapat kunjungi https://www.opinionatedgeek.com/codecs/htmlencoder untuk memparse kode iklan google adsense.

Kode <data:post.body/> merupakan postingan dari blog sendiri, jadi ketika kamu meletakkan kode iklan adsense yang telah diparse diatasnya berarti iklan akan muncul diatas postingan atau dibawah judul postingan. Jika kamu meletakkan kode iklan adsense yang telah diparse dibawahnya berarti iklan akan muncul diakhir postingan. Tapi untuk ditengah postingan silahkan baca Menampilkan Iklan Google Adsense ditengah Postingan Blog.

Saran, jangan lupa gunakan tag kondisi blogger untuk menampilkan atau menyembunyikan iklan pada beranda, postingan dan laman statis di Cara Menyembunyikan dan Menampilkan Gadget di Blog.

Langkah 3. Simpan Tema
Silahkan lihat blog kamu pada tampilan mobile melalui smartphone atau dengan mengunjungi https://alamatblog.blogspot.com?m=1

Selengkapnya..

Cara Defer Async Kode CSS Blogger

Kali ini saya bagikan cara menggunakan defer atau async kode css di blogger. Karena selain dari widget css bundle yang memblokir perenderan konten paruh atas di blog. Ada kode css lain yang biasa dipanggil untuk mempercantik tampilan blog seperti dari maxcdn dan font awesome. Biasanya kode css eksternal itu ada karena menggunakan template luar selain dari template default bawaan blogger.

Dan sudah pasti kamu sering melihatnya. Pertanyaannya bagaimana kita menggunakan async atau defer kode css eksternal itu? Biasanya untuk font awesome bisa disematkan inline pada ]]></b:skin> blogger, namun apabila kode external css lainnya tidak dapat disematkan didalam Edit HTML blogger dan tetap ingin kamu defer, itu juga bagus karena akan lebih simpel dan menghemat ukuran HTML blog.

Baca juga:
~ Cara menghilangkan javascript yang memblokir rendering di konten paruh atas
~ Cara menghilangkan css yang memblokir blogger

Tujuan Defer Kode CSS

Tujuannya jelas karena ingin mempercepat loading blog agar rendering kode eksternal ditunda dulu sehingga konten utama blog dapat ditampilkan untuk pengunjung. Karena loading yang lama dapat membuat pengunjung pergi dari blog.

Cara Defer Kode CSS

Langkah 1. Copy kode script defer dibawah ini dan gantikan url link kode css yang ingin di defer.

<script type='text/javascript'>
//<![CDATA[
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
loadCSS("https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css");
//]]>
</script>

Langkah 2. Letakkan kode yang telah di copy, diatas </head> blog kamu dan Simpan.

Sangat mudah bukan? Silahkan kamu cek dengan pagespeed insight milik google apakah kode css eksternal masih memblokir render konten paruh atasnya.

Selengkapnya..

Cara Memasang Anti Adblock di Blog

Kali ini saya akan membagikan cara untuk memasang script anti-adblock dengan menampilkan konten alternatif berupa gambar ketika pengunjung menggunakan extension atau add-ons adblocker pada browsernya. Sehingga iklan google adsense anda yang tidak muncul akan digantikan dengan konten alternatif berupa gambar dengan tujuan pengunjung blog mau menonaktifkan adbcloker untuk domain pada blog kita.

Mengapa user menggunakan Adblocker?

~ Iklan yang tidak tertata rapi sehingga menyulitkan pengunjung blog membaca konten atau bahkan konten tertutupi oleh iklan.
~ Loading yang lebih cepat, karena memang script dari iklan terhalang sehingga tidak perlu menampilkannya di tampilan blog.
~ Iklan pop up dan under. Banyaknya situs yang belum diterima Google Adsense membuat webmasternya memasang iklan pop up dan under dari penyedia jasa iklan selain google adsense. Sehingga sangat membuat risih pengunjung blog.

Sebelumnya saya telah membagi Bagaimana menyikapi pengunjung yang menggunakan adblocker. Karena alasan yang sudah saya sebutkan diatas sehingga mereka menggunakannya. Menurut anda logis bukan? Karena saya sendiri juga menggunakannya walaupun disisi lain Dewa Inside blog ini menampilkan iklan dari google adsense sebagain revenue tambahan.

Memasang Script Anti-Adblock Universal

Langkah 1. Copy kode script dibawah ini

<script>
    window.onload = function(){
    setTimeout(function() {
    var ad = document.querySelector("ins.adsbygoogle");
    if (ad && ad.innerHTML.replace(/\s/g, "").length == 0) {
    ad.style.cssText = 'display:block !important';
    $(".adsbygoogle").after('<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuuze1SWVOdu_b-WJsjYPIxJj5lorvj_dgeggvbjcegsYkR3jLucFVGcPcRt1gJQkinUSR15qNiXOMoelkv-ynBSqfI0zOoVRpkpTtYogZlTc7OTVBLu0jYK3JNzwsToKqyhUFu1mXWmNY/s320/anti-ablock.jpg" alt="anti-adblock" width="300" height="250"/>');
    }
    }, 1000);
    };
</script>
<script async='async' src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Jika kamu lihat ada script jquery, jika di blog kamu sudah ada cukup gunakan satu. Dan diatas sudah ditambahkan asinkronnya.

Langkah 2. Paste kode script diatas bisa diatas </body> atau </head> ataupun juga dengan Tambahkan Gadget >> HTML/JavaScript.

Note:
~ url link gambar dapat kamu ganti dengan gambar kreasimu sendiri.
~ width dan height dapat kamu sesuaikan keinginan.
~ 1000 = 1 detik delay setelahnya gambar akan dimunculkan.

Selamat mencoba dan tinggalkan komentar jika ada yang dirasa sulit atau error. Mudah bukan?

Selengkapnya..