Susiloblog: Blogger
Tampilkan postingan dengan label Blogger. Tampilkan semua postingan
Tampilkan postingan dengan label Blogger. Tampilkan semua postingan

Minggu, 09 Juni 2019

Blog Google Adsense - Bolehkah Memparse Kode Iklan?



Mungkin pertanyaan ini sering sekali ditanyakan oleh para bloger pemula. Dulu aku juga begitu. Pas pertama diterima google adsense banyak pertanyaan yang ada diotakku, cara meletakan iklan google adsenlah, jumlah unit iklan perhalaman yang dibolehkan berapalah, bahkan kadang bingung bagaimana cara meletakan kode iklan tersebut. Secara standar dari blogspot, google hanya memberi 3 opsi untuk peletakan iklan

1. Tampilan iklan hanya disamping blog atau sidebar halaman blog, baik kiri halaman maupun kanan halaman (tergantung template yang kita gunakan. kalau dikanan ya akan muncul dikanan, begitu juga sebaliknya)


2. Tampilan iklan  disamping dan dibawah artikel, artinya iklan hanya akan muncul di samping dan dibawah artikel


3, Tampilan iklan hanya muncul dibawah artikel


Kita hanya bisa memilih salah satu dari ketiga pilihan diatas. Lalu bagaimana jika iklan ingin kita letakkan sesuai keinginan kita, semisal dibawah judul post, ditengah post, atau dibawah artikel pos. apakah bisa??.


Tentu bisa. Tapi gak secara mentah-mentah. Karena kalau unit kode iklan adsense langsung kita masukkan ketemplat pastilah akan menimbulkan error. maka dari itu kode iklan itu harus kita ubah dengan cara parse html agar bisa diletakkan ditemplate sesuai keinginan kita.



Bolehkan Unit Kode Iklan Google Adsense Diparse?


Pasti banyak yang bertanya "apakah boleh unit kode iklan kita parse?. padahan sesuai TOS kita tidak boleh mengizinkan memodifikasi unit kode iklan".


Oke mari kita teliti lagi kasus ini, google sendiri sebagai pihak yang mengatur iklan mengupayakan agar iklanya muncul ditempat yang strategis, sedangkan tempat yang paling strategis ada di dalam postingan. Terus gak ada pilihan supaya kita bisa meletakkan unit kode iklan didalam post. Agar bisa diletakan didalam post maka caranya unit kode iklan harus kita parse terlebih dahulu. Parse dalam hal ini adalah memfotmat kembali kode iklan tersebut agar menjadi kode html yang bisa kita letakkan didalam template. Artinya apa?. artinya kalau kita memparse sebenarnya hasil dari parse tersebut dianggap sama seperti sebelum diparse.


Kesimpulanya kita BOLEH memparse unit iklan tersebut dan meletakkan ditemplate kita, selama kita tidak mengubah struktur kode tersebut. Jika kode sudah diparse, kode hasil parsenya tidak boleh diubah lagi.



Bagaimana Cara Memparse Google Adsense?

Bisa mengunjungi situs freeformater, setelah itu copikan unit kode lalu klik escape. Maka kode hasil parse akan terpampang dibawahnya.

Mungkin itu informasi yang bisa saya sampaikan. intinya kita BOLEH memparse kode adsense.

Cara Membuat Blog/Website Dengan Nama Sendiri Bagi Pemula

Susiloblog.com - Sesekali saya memang share artikel blog saya di facebook sendiri, nah ketika itu ada teman yang langsung inbok dan bertanya-tanya seputar dunia blogging, dia penasaran kok bisa nama blogku bisa sesuai nama saya yaitu susiloblog. Dia juga ingin sekali mempunyai blog dengan nama dia sendiri dan nama usahanya (kebetulan dia usaha kue dan toko kue didaerahku masih sedikit yang empunyai website). Tapi masalahnya dia tidak tahu menahu masalah dunia blogging.


Oke mungkin kalian juga seperti teman saya yang ingin membuat blog/website tapi takut susah dan belum bisa coding (dulu pas awal saya buat blog juga saya kira susah, ternyata setelah saya praktekan ternyata mudah). Saya akan menerangkan ke kalian bagaimana sih caranya membuat blog/website dengan nama sendiri.

Sebelum kalian membuat blog kenali dulu jenis blog itu sendiri, ada dua macam blog,

1. Blog yang hanya memerlukan pengubahan nama (domain) tanpa perlu hosting. Karena hostingnya dari blogger (untuk blog ini saya menggunakan jenis ini karena menghemat biaya sewa hosting)

2. Blog yang memerlukan domain dan hosting. Biasanya blog jenis ini digunakan oleh para enterprise (usaha) karena memang lebih fleksibel. Tidak seperti jenis yang pertama yang istilahnya hanya menumpang, kalau jenis ini istilahnya rumah sendiri. Untuk membuat blog jenis ini kalian harus mencari web hosting yang terpercaya, kalau saya sih pilih web hosting Indonesia ini karena mudahnya proses transaksi dan CSnya tanggap jika ada masalah dengan blog kita (iya lah kan CSnya orang Indonesia juga dan bisa transaksi dengan transfer bank).

Saya akan menerangkan dari jenis blog yang pertama dulu ya. Kalian harus membeli domain terlebih dahulu (saya memberi contoh beli di hostinger karena memang mudah).

Sebenarnya singkat banget untuk membeli domain di hostinger. Owh ya pastikan kalian memilih nama domain yang singkat dan terlihat terpercaya ya (jangan nama alay). Jika sudah ikuti langkahnya seperti berikut ini

1. Masuk ke www.hostinger.co.id

2. Difitur cek domain ketik nama yang kalian inginkan dan klik Cek domain

cek domain hostinger

3. Pilih domain yang diinginkan dan klik Tambahkan Ke Cart

cek domain hostinger

cek domain hostinger

4. Pilih metode pembayaran (kalau punya bank pilih saja yang pilihan gambar bank bank indonesia)

metode pembayaran hostinger

5. Setelah kalian selesai melakukan pembayaran, kalian akan segera diarahkan ke kontrol panel dan kalian diwajibkan untuk melakukan registrasi nama domain kalian (saya sarankan kalian mengisi kolom informasi dengan benar)

verifikasi data hostinger

verifikasi data hostinger

6. Jika sudah silakan melakukan verifikasi dengan mengklik link verifikasi yang dikirimkan melalui alamat email kalian yang digunakan pada waktu pendaftaran.

Selesai. Selanjutnya setting blogger dan domain agar nama blogger sesuai dengan nama domain yang barusan dibeli caranya seperti berikut ini

Cara Custom Domain Blogger Dengan Nama Sendiri


1. Masuk ke akun blogger kalian

2. Masuk ke Settings --> Basic dan klik +Setup a 3rd party URL for your blog

blogger setting


blogger setting

3. Isi blog address dengan domain yang sudah dibeli tadi dan klik save.

blogger setting

4. Nanti terlihat seperti error, tapi tenang, langkah tersebut sudah benar tinggal setting domainya

5. Masuk ke settingan domain (karena tadi beli di hostinger maka masuk ke www.hostinger.co.id). Setting DNS record CNAME seperti yang ada diblogger.

blogger setting

6. Tambahkan A record dengan IP dibawah ini
216.239.32.21
216.239.34.21
216.239.36.21
216.239.38.21

blogger setting

Tunggu maksimal 24jam sampai bisa terhubung ke blog.

Sekarang coba masuk ke blogger lagi dan  jika sudah sukses maka akan bisa di save. Jangan lupa beri centang pada Redirect ya agar blog bisa diakses tanpa menggunakan www

blogger setting

blogger setting

Selesai

Selanjutnya saya akan menerangkan blog jenis kedua yaitu hosting dan domain.

Saya tidak akan menjelaskan panjang panjang untuk jenis blog ini karena memang sudah dimudahkan oleh hostinger (bagi pemula yang minim codingpun sangat bisa). Apa benar?. Ya benar, karena hostinger sudah menyiapkan template yang bisa kalian pilih sesuai dengan yang kalian inginkan. Silakan kunjungi di hostinger website builder

website builder hostinger

template website hostinger

Terus berapa tarifnya?. Kalian bisa mengintipnya dibawah ini.

harga paket hostinger

Murah kan?. Sebulan tidak sampai 10ribu  kok.

Gimana mudah kan?. Jika ada kendala atau kebingungan kalian juga bisa minta bantuan CS di hostinger kok. Mereka ramah dan mau membantu.

Owh ya, sekarang temenku sudah bisa membuat website sendiri :) dan sekarang usaha kue dia laris karena ada order dari website yang dia buat.

Kalian kapan nih punya blog sendiri? :D



Cara Memasang Iklan Adsense Melayang Di Blog

Susiloblog.com - Adsense kalian masih sedikit kliknya?. Padahal pengunjung blognya sudah ribuan perhari. Mungkin penyebab kesalahannya penempatan iklan adsense yang kurang tepat pada blog kalian. Ingin klik iklanya bertambah?. Solusinya pakai iklan adsense yang melayang pada blog kalian saja.

Cara Memasang Iklan Adsense Melayang Di Blog

Kenapa saya suka iklan adsense yang melayang?. Setelah saya mengamati dan membuktikan sendiri, terjadi peningkatan jumlah klik pada iklan adsense daripada cara konvensional yang biasa blogger lakukan.

Awalnya saya mengetahui teknik iklan adsense melayang dari salah satu blog yang cukup terkenal, saya sampai mengirim email bertanya bagaimana cara membuatnya dan ya gitulah tidak ada balasan sama sekali (dikacangin :( ). Setelah googling sana sini ada juga blogger yang share (terimakasih arlinadzgn). Saya terapkan ke blog saya, dan benar saja ada peningkatan jumlah klik dibanding sebelumnya.

Terus apakah melanggar peraturan adsense?. Kalau soal ini saya sudah tanya ke mastah-mastah di group facebook kata mereka tidak melanggar adsense (mungkin karena tidak ada peraturanya kali ya). Tapi yang merasa ragu, jangan terapkan cara ini mending terapkan cara memasang 3 iklan pada artikel yang biasa para blogger lakukan :)

Teknik iklan adsense melayang ini sudah responsive ya, jadi cocok juga buat pengunjung yang memakai smartphone dan juga sudah dilengkapi tomblog close. Jadi dengan tombol close ini jika pengunjung merasa terganggu dengan iklanya bisa klik tombol close tersebut.

Langsung saja kalian praktekan saja

Cara Membuat Iklan Adsense Melayang Pada Blog


1. Login ke blog kalian

2. Buka Template

3. Tambahkan kode dibawah ini sebelum </body>

<!-- [ iklan melayang ] -->
<script type='text/javascript'>
$(document).ready(function() {$(&#39;img#closed&#39;).click(function(){$(&#39;#bl_banner&#39;).hide(90);});});
</script>
<div id='fixedban' style='width:100%;margin:auto;text-align:center;float:none;overflow:hidden;display:scroll;position:fixed;bottom:0;z-index:999;-webkit-transform:translateZ(0);'>
<div><a id='close-fixedban' onclick='document.getElementById(&apos;fixedban&apos;).style.display = &apos;none&apos;;' style='cursor:pointer;'><img alt='close' src='http://1.bp.blogspot.com/-_A83iDM6JYc/VhtxROLILrI/AAAAAAAADK4/aM4ikIA6aqI/s1600/btn_close.gif' title='close button' style='vertical-align:middle;'/></a></div>
<div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'>
-KODE IKLAN ADSENSE KALIAN-
</div>
</div>

Ubah 728px sesuai keinginan kalian ya (Menentukan lebar iklan), tapi saya sarankan mending jangan diubah. Taruh kode iklanya pada kode iklan adsense kalian. Iklan harus diparse ya, kalau tidak ingin diparse baca Cara Pasang Iklan Adsense Tanpa Parse

Silakan di coba ya :) .

Cara Memasang Anti Adblock Di Blogspot



Susiloblog.com - Sebelumnya saya pernah menulis cara memblokir ucweb dari blog dan sekarang saya akan menulis caranya memblokir adblock dari blog kaum. Script anti adblock ini akan mencegah pengunjung blog kamu untuk memblokir iklan kamu. Ketika Adblock mereka aktif saat mengunjungi blog kamu, script anti adblock ini secara otomatis akan mendeteksi Adblock dan script ini akan menampilkan pesan 
"Please disable your ad blocker! This site is supported by the advertisement Please disable your ad blocker to support us!!!". 
Kamu juga bisa mengganti pesan tersebut sesuai dengan yang kamu inginkan. Dengan begitu kamu bisa melipatgandakan penghasilan dari iklan kamu.


Cara Memasang Script Anti Adblock Blogspot


1. Login keblog kamu, selanjutnya klik tata letak (layout)



2. klik pada tambahkan gadget dan akan muncul pop up



3. Pilih HTML/Javascript



4. Masukkan kode javascript pada area konten, untuk judul biarkan kosong saja



Kopikan script berikut ini
<style>#g207{position:fixed!important;position:absolute;top:0;top:expression
((t=document.documentElement.scrollTop?document.documentElement.scrollTop:document
.body.scrollTop)+"px");
left:0;width:100%;height:100%;background-color:#fff;opacity:0.9;filter:alpha(opacity=90);display:block}#g207 p{opacity:1;filter:none;font:bold 16px Verdana,Arial,sans-serif;text-align:center;margin:20% 0}#g207 p a,#g207 p i{font-size:12px}#g207 ~ *{display:none}</style><noscript><i id=g207><p>Please enable JavaScript!<br />Bitte aktiviere JavaScript!<br />S'il vous pla&icirc;t activer JavaScript!<br />Por favor,activa el JavaScript!<br /><a href="http://antiblock.org/">antiblock.org</a></p></i></noscript><script>(function(w,u){var d=w.document,z=typeof u;function g207(){function c(c,i){var e=d.createElement('i'),b=d.body,s=b.style,l=b.childNodes.length;if(typeof i!=z){e.setAttribute('id',i);s.margin=s.padding=0;s.height='100%';l=Math.floor(Math.random()*l)+1}e.innerHTML=c;b.insertBefore(e,b.childNodes[l-1])}function g(i,t){return !t?d.getElementById(i):d.getElementsByTagName(t)};function f(v){if(!g('g207')){c('<p>Please disable your ad blocker!<br/>This site is supported by the advertisement <br/> Please disable your ad blocker to support us!!! </p>','g207')}};(function(){var a=['Adrectangle','PageLeaderAd','ad-column','advertising2','divAdBox','mochila-column-right-ad-300x250-1','searchAdSenseBox','ad','ads','adsense'],l=a.length,i,s='',e;for(i=0;i<l;i++){if(!g(a[i])){s+='<a id="'+a[i]+'"></a>'}}c(s);l=a.length;for(i=0;i<l;i++){e=g(a[i]);if(e.offsetParent==null||(w.getComputedStyle?d.defaultView.getComputedStyle(e,null).getPropertyValue('display'):e.currentStyle.display
)=='none'){return f('#'+a[i])}}}());(function(){var t=g(0,'img'),a=['/adaffiliate_','/adops/ad','/adsales/ad','/adsby.','/adtest.','/ajax/ads/ad','/controller/ads/ad','/pageads/ad','/weather/ads/ad','-728x90-'],i;if(typeof t[0]!=z&&typeof t[0].src!=z){i=new Image();i.onload=function(){this.onload=z;this.onerror=function(){f(this.src)};this.src=t[0].src+'#'+a.join('')};i.src=t[0].src}}());(function(){var o={'http://pagead2.googlesyndication.com/pagead/show_ads.js':'google_ad_client','http://js.adscale.de/getads.js':'adscale_slot_id','http://get.mirando.de/mirando.js':'adPlaceId'},S=g(0,'script'),l=S.length-1,n,r,i,v,s;d.write=null;for(i=l;i>=0;--i){s=S[i];if(typeof o[s.src]!=z){n=d.createElement('script');n.type='text/javascript';n.src=s.src;v=o[s.src];w[v]=u;r=S[0];n.onload=n.onreadystatechange=function(){if(typeof w[v]==z&&(!this.readyState||this.readyState==="loaded"||this.readyState==="complete")){n.onload=n.onreadystatechange=null;r.parentNode.removeChild(n);w[v]=null}};r.parentNode.insertBefore(n,r);setTimeout(function(){if(w[v]!==null){f(n.src)}},2000);break}}}())}if(d.addEventListener){w.addEventListener('load',g207,false)}else{w.attachEvent('onload',g207)}})(window);</script>

Selesai dan lihat hasilnya. Setelah menggunakan script anti adblock tadi saya jamin penghasilan adsense blog kamu pasti akan meningkat. Jadi kamu akan lebih semangat menulis blog. Tapi ada sisi negatif dari script tadi yaitu mungkin pengunjung blogmu akan menginggalkan blog kamu. Tapi menurutku tidak apa-apa kok.

Selamat mencoba :)

Cara Cek ID Facebook Yang Sudah Ganti Username

Susiloblog.com - Sebenarnya buat apa sih harus repot-repot mencari nomor ID Facebook yang sudah di ganti pakai Username?. Bukanya lebih gampang pakai username saja?. Ya memang lebih gampang menggunakan username facebook daripada menggunakan nomor id facebook yang kepanjangan, tapi kadang kala kita juga membutuhkan id facebook untuk keperluan tertentu.


Baru saja saya membuka salah satu template, dan didalamnya harus memakai ID facebook, sedangkan ID facebook saya sudah saya ganti menjadi username saya. Untungnya ada salah satu situs untuk melacak ID facebook yang sudah diganti menjadi username.

Mau tahu bagaimana caranya?. Silakan kalian kunjungi situs ini. Jika sudah dibuka, akan ada tampilan seperti dibawah ini


Isikan alamat facebook yang ingin dicari IDnya. Misalnya punya saya www.facebook.com/susiloblog

Setelah diklik Find numeric ID, nanti bakal muncul ID facebook yang akan dicari



Tarra !!! Itulah ID facebook yang kamu cari. Untuk mengeceknya apakah itu benar IDnya bisa dilakukan mengubah username dengan id tadi. Misalnya tadi www.facebook.com/susiloblog bisa juga dengan www.facebook.com/1751041941806413

Silakan mencoba :)

Cara Memasang Kode Adsense Tanpa Parse

Susiloblog.com - Pasti dari kalian sudah pada tahu kan jika memasang iklan adsense di blogger dan ingin ditempatkan di HTML template pasti harus di parse?. Karena jika kode iklan tersebut tidak diparse pasti ketika mau disave tidak bisa alias error. Untungnya kali ini saya menemukan cara bagaimana agar iklan adsense tersebut tidak perlu di parse dan bisa disave di template. Owh ya cara ini sangat recomended jika kamu ingin daftar adsense ya. Gak tahu kenapa ketika pas daftar adsense kodenya tidak diparse jawaban dari google lebih cepat daripada belum diparse.


Langsung saja saya kasih caranya.

Pertama kalian masuk adsense, setelah masuk adsense buatlah unit kode iklan. Biasanya jika pas daftar adsense pasti lah di kasih unit iklan kan. Unit iklanya biasanya seperti ini

 <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
  (adsbygoogle = window.adsbygoogle || []).push({
    google_ad_client: "ca-pub-xxxxxxxxxxxx",
    enable_page_level_ads: true
  });
</script> 

Jika kode tersebut langsung kalian save ke html pasti tidak bisa, alias error. Perhatikan kode yang saya blok merah, ubah kode tersebut seperti dibawah ini


<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
  (adsbygoogle = window.adsbygoogle || []).push({
    google_ad_client: "ca-pub-xxxxxxxxxxxx",
    enable_page_level_ads: true
  });
</script>

Sekarang cobalah save kode tersebut ke template blog. Pasti sekarang bisa disave. Ingat ya hanya menambahkan =""

Owh ya menurut para mastah yang pernah saya tanya, cara tersebut aman kok. :) Jadi tenang saja. Karena saya juga melakukanya. Tapi jika kalian merasa tidak yakin bisa memparse iklan adsense tersebut

Silakan mencoba ya. Komen jika ada yang perlu di tanyakan

Cara Ampuh Blokir UCBrowser Dari Blog Kita

Susiloblog.com -

susiloblog.com - Siapa sih yang gak kenal browser UCbrowser?. Browser yang satu ini memiliki banyak keunggulan, selain browser ini cepat, browser ini juga secara default/bawaan sudah ada fitur anti iklanya. Mungkin ini yang menjadikan UCBrowser sebagai pilihan utama brower dismartphone orang, termasuk kamu mungkin.

Sayangnya fitur adblock/anti iklan bawaan dari ucbrowser tidak disukai semua orang, terutama para blogger yang mencari duit dari iklan (ya termasuk saya ini). Bayangkan sudah capek-capek bikin artikel, eh kebanyakan yang baca memakai ucbrowser. 

Untungnya disalah satu forum terbaik indonesia membahas cara memblokir ucbrowser dari blog kita. Saya sendiri sudah mencobanya dan sejauh ini sudah mampu memblokir ucbrowser dari blog saya. 

Kali ini saya juga akan membagikan tips yang sudah saya dapat untuk kalian.

Cara Memblokir Ucbrowser Dari Blog



Copy script berikut ini dan parse terlebih dahulu. Untuk memparse kamu bisa ke link ini . Tinggal masukkan script dibawah ini dan klik escape , 

<p id="gaboleh"></p>
<script>
var cari = navigator.userAgent;
var dapet = cari.search("UCBrowser");
if(dapet>1) {

    var strs=document.URL;
    var urlnya= strs.replace("http://", "");
    var strings='<meta name="viewport" content="width=device-width, initial-scale=1.0"><h3 align="center"> Maaf, website kami tidak dapat dibuka dengan baik jika anda menggunakan UCBrowser<br/><br/>klik tombol pilih dibawah ini , lalu salin/copy dan buka menggunakan browser lain (seperti Chrome, Opera, dll)<br/><br/><input type="text" class="teks" value="'+ document.URL  +'" size="50"><br/> <button class="js-copy-btn">Pilih</button><br/></h3>';


    document.getElementById("gaboleh").innerHTML = strings;
var copyTextareaBtn = document.querySelector('.js-copy-btn');

copyTextareaBtn.addEventListener('click', function(event) {
  var copyTextarea = document.querySelector('.teks');
  //copyTextarea.select();
copyTextarea.selectionStart=0;
copyTextarea.selectionEnd=copyTextarea.value.length;

  try {
    var successful = document.execCommand('copy');
    var msg = successful ? 'successful' : 'unsuccessful';
    console.log('Copying text command was ' + msg);
  } catch (err) {
    console.log('Oops, unable to copy');
  }
});

   exit();
}

function exit( status ) {
    // http://kevin.vanzonneveld.net
    // +   original by: Brett Zamir (http://brettz9.blogspot.com)
    // +      input by: Paul
    // +   bugfixed by: Hyam Singer (http://www.impact-computing.com/)
    // +   improved by: Philip Peterson
    // +   bugfixed by: Brett Zamir (http://brettz9.blogspot.com)
    // %        note 1: Should be considered expirimental. Please comment on this function.
    // *     example 1: exit();
    // *     returns 1: null

    var i;

    if (typeof status === 'string') {
        alert(status);
    }

    window.addEventListener('error', function (e) {e.preventDefault();e.stopPropagation();}, false);

    var handlers = [
        'cut',
        'beforeunload', 'blur', 'change', 'contextmenu', 'focus', 'keydown', 'keypress', 'keyup', 'mousedown', 'mousemove', 'mouseout', 'mouseover', 'mouseup', 'resize', 'scroll',
        'DOMNodeInserted', 'DOMNodeRemoved', 'DOMNodeRemovedFromDocument', 'DOMNodeInsertedIntoDocument', 'DOMAttrModified', 'DOMCharacterDataModified', 'DOMElementNameChanged', 'DOMAttributeNameChanged', 'DOMActivate', 'DOMFocusIn', 'DOMFocusOut', 'online', 'offline', 'textInput',
        'abort', 'close', 'dragdrop', 'load', 'paint', 'reset', 'submit', 'unload'
    ];

    function stopPropagation (e) {
        e.stopPropagation();
        // e.preventDefault(); // Stop for the form controls, etc., too?
    }
    for (i=0; i < handlers.length; i++) {
        window.addEventListener(handlers[i], function (e) {stopPropagation(e);}, true);
    }

    if (window.stop) {
        window.stop();
    }

    throw '';
}

</script>
Kamu juga bisa mengubah pesan
Maaf, website kami tidak dapat dibuka dengan baik jika anda menggunakan UCBrowser. klik tombol pilih dibawah ini , lalu salin/copy dan buka menggunakan browser lain (seperti Chrome, Opera, dll)
Dengan kalimat yang kamu inginkan.

Setelah script tadi diparse dan dicopy hasil parsenya, selanjutnya ikuti langkah berikut ini

1. Login ke blogspot
2. Template -> Edit HTML
3. Letakkan kode hasil parse dibawah <head>
4. Selanjutnya simpan dan coba buktikan akses blogmu lewat ucbrowser
5. Selesai

Semoga dengan tips yang sudah saya tulis diatas, earning adsense kamu akan semakin meningkat. Owh ya untuk semakin mengoptimalkanya, padukan dengan memasang anti adblock pada blogspot kamu. Komen jika ada yang ingin kamu tanyakan

Solusi Kolom Komentar Blogspot Loading Terus

Ada yang pernah ngalamin kolom komentar blogspot loading terus?. Biasanya kalau tampilan kolom komentar loading pasti blog tidak ada yang memberi komentar karena memang memang kolom komentar tidak terpampang. Seperti tampilan blogku yang kemarin. Heran banget kok bisa kolom komentar blogku loading terus.


Pantesan blogku tidak ada yang berkomentar. Karena penasaran aku googling kesana kemari dan mencoba berbagai settingan yang ada artikel blog-blog lain. Setelah aku mencoba ternyata hasilnya nihil. Wahhh. Semakin galau saja. Untung aku menemukan caranya diforum blog. Kata salah satu anggota forum semenjak blogspot pindah ke HTTPS banyak blogger yang menggunakan template pihak ketiga mengalami hal semacam ini. Mungkin ini imbasnya ya blog mengupgrade ke https.

Solusi Kolom Komentar Loading Terus


- Masuk ke dashboard blogspot kalian.

- Masuk ke tab Template >> edit HTML

- Cari kode seperti ini

<b:includable id="comment-form" var="post">

- Kemudian scroll ke bawah dan cari kode seperti ini atau yang mirip seperti ini :

<a expr:href="&quot;//www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;pageID=&quot; + data:post.id" href="https://draft.blogger.com/null" id="comment-editor-src" title="comment editor">

atau kadang ada yang tampilan seperti ini

<a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;pageID=&quot; + data:post.id' id='comment-editor-src' title='comment editor'/>

- Tambahkan kode https: atau tambahi huruf s. Jadi setelah diedit kira-kira akan seperti ini

<a expr:href="&quot;https://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;pageID=&quot; + data:post.id" href="https://draft.blogger.com/null" id="comment-editor-src" title="comment editor">

- selanjutnya cari kode lain yang seperti ini

<b:includable id="threaded-comment-form" var="post">

- Lakukan pengubahan seperti langkah diatas

Seharusnya jika mengikuti langkah seperti diatas, kolom komentar tidak akan eror lagi. Silakan bertanya jika masih bingung.

Cara Memasang 3 Unit Iklan Adsense Diatas, Tengah, Akhir Artikel

Kamu bisa dikatakan sukses bermain adsense jika kamu sudah bisa menghasilkan dollar yang besar dari google adsense. Memang untuk mendapatkanya tidaklah mudah, diperlukan riset, kerja keras dan juga strategi.

Cara Memasang 3 Unit Iklan Adsense


Besar kecil penghasilan dari google adsense sangatlah dipengaruhi oleh jumlah pengunjung dan juga peletakan iklan, dan juga strategi terbaik untuk memasang iklan yang dianggap banyak mendapatkan perhatian dari pengunjung blog kamu.

Penempatan iklan yang paling strategis yaitu diarea postingan, pemilihan tempat dan juga jenis iklan yang tepat pasti akan mempu meningkatkan CTR (click trought rate) atau biasa disebut jumlah klik iklan dari google adsense kamu.

Penempatan diarea postingan sangatlah direkomendasi, karena dianggap paling mendapatkan perhatian dari pengunjung, sehingga iklan yang dipasang kamu memiliki peluang untuk diklik lebih baik. Semakin banyak klik dan nilai CPC besar, penghasilan dollar dari google adsense pun akan semakin besar pula.

Kali ini saya akan memberikan cara memasang 3 unit iklan google adsense diarea artikel atau postingan, diatas, tengah, dan akhir postingan.

Cara memasan 3 unit iklan adsense diatas, tengah, dan akhir postingan


Untuk memasang 3 unit iklan diatas postingan atau tepat dibawah judul postingan, ditengah dan akhir kalimat kamu bisa mengikuti langkah-langkah berikut

1. Login ke blogspot

2. Kebilah menu sisi kiri dan pilih template - edit HTML

3. Di area editor html tekan CTRL + F dan ketik
<data:post.body/>
Jika ditemukan lebih dari 1, pilih yang paling bawah.

4. Ganti <data:post.body/> dengan dibawah ini

<div style="margin-bottom:15px;">
<center>
--KODE IKLAN UNTUK DI ATAS ARTIKEL--
</center>
</div>
<div expr:id='&quot;post1&quot; + data:post.id'/>
<div class='googlepublisherads' style='margin:20px 0'>
<center>
--KODE IKLAN DI TENGAH ARTIKEL--
</center>
</div>
<div expr:id='&quot;post2&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>
var obj0=document.getElementById(&quot;post1<data:post.id/>&quot;);
var obj1=document.getElementById(&quot;post2<data:post.id/>&quot;);
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);
if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
</script>
<div style="margin-top:15px">
<center>
--KODE IKLAN BUAT DI AKHIR ARTIKEL--
</center>
</div>

Silakan ganti yang saya blok warna biru dengan html iklan google adsense kamu. Untuk bisa memasang iklan google adsense kamu, unit iklan harus diparse terlebih dahulu.

angka 2 blok warna merah bisa kamu ubah dengan yang lebih besar semisal 3,4,5 atau lainya. Semakin besar maka iklanya yang ditengah akan semakin ke atas.

Kamu juga bisa mengetes kode iklan dengan kode dibawah ini

<div style='width:300px;height:200px; border:1px solid black;background-color:red'/>

Itulah artikel cara memasang 3 unit ilan diatas, tengah dan akhir artikel.

Cara Blokir UC-Browser Dari Blog Dan Otomatis Ke Chrome


Sebenarnya dulu saya pernah menulis artikel Cara Ampuh Memblokir UC-Browser dari blog. Cara tersebut sebenarnya masih bisa. Cuma ya itu tidak langsung ke direct ke browser chrome. Jadi pengunjung harus secara manual mengimput url ke google chrome. Merepotkan pengunjung kan?. Kalau sudah kaya gitu saya yakin pengunjung langsung lari :D

Untungnya kali ini saya menemukan cara yang saya dapat dari ads.id dan akan saya sampaikan langsung sama kamu.

Cara Blokir Ucweb Dari Blog Dan Redirect Chrome

1. Pertama copy kode dibawah ini
<script type='text/javascript'>
//<![CDATA[
var noUC = navigator.userAgent;
var redirect = noUC.search("UCBrowser");noUC.search("Opera");noUC.search("dolphin");if(redirect>1){var axefo =window.location.assign("googlechrome://navigate?url="+ window.location.href);
var activity = axefo;document.getElementsByTagName('head')[0].appendChild(activity);}//]]>
</script>
2. Letakkan di bawah <head> template blogger
3. Selesai

Dengan menaruh kode tersebut maka secara otomatis pengunjung yang mengunjungi blog memakai chrome, mozilla, opera otomatis redirect ke google chrome. Mudah kan?. Silakan dicoba

Cara Membuat Privacy Policy, Disclaimer, TOS Secara Otomatis

Jika kalian blogger pasti kalian tahu kan syarat untuk mendaftar adsense atau blog yang memenuhi syarat menjadi mitra adsense haruslah ada laman Privacy policy, disclaimer, term of services (TOS). Saya tidak akan menerangkan ketiga laman tersebut, seharusnya jika kalian membaca artikel ini kalian sudah tahu apa fungsi ketiga laman tersebut.

Untuk membuat ketiga laman tersebut tidaklah sesulit yang dibayangkan. Karena ada website yang bisa membuat ketiganya secara otomatis. Kamu bisa mengunjungi website tersebut di privacypolicyonline

Cara Membuat Privacy Policy, Disclaimer, TOS


Silakan kalian buka website tersebut, jika sudah terbuka maka akan ada tampilan seperti dibawah ini

Cara Membuat Privacy Policy, Disclaimer, TOS

Pada tampilan awal tersebut secara default untuk membuat privacy policy. Lihat tanda panah diatas, itu untuk membuat TOS dan juga disclaimer secara otomatis (nanti akan saya jabarkan disini)

Cara membuat Privacy Policy


Seperti yang saya utarakan tadi, tampilan utama website tersebut membuat privacy policy. Isi seperti yang saya buat

Cara Membuat Privacy Policy, Disclaimer, TOS

Untuk yang Your site tittle isikan judul blog kalian ya
Your site url isi alamat blog kalian misalnya blog saya susiloblog.com
Contact link isi kontak link kalian ya. Saya membuat  kontak link di Page/Laman blogspot.
Email address isikan alamat email kalian
Untuk google adsense centang saja ya

Jika sudah klik generate HTML
kopi kode HTML dan pastekan dilaman/page blogspot.
Selesai

Cara Membuat Disclaimer


Untuk membuat disclaimer caranya mirip dengan membuat privacy policy, klik link di website tadi dan pilih yang Disclaimer Generator

Cara Membuat Privacy Policy, Disclaimer, TOS
 Untuk isinya sama seperti mengisi privacy policy ya. Lebih mudah malah. Langsung saja klik Generate Disclaimer. Pasang HTML ke laman disclaimer

Cara Membuat Term Of Services


Masih di website tadi, sekarang pilih TOS generator ya. Kalau saya yang diisi cuma bagian atas saja. Lainya saya biarkan kosong. Selanjutnya klik generate HTML. Ya caranya miriplah dengan yang dua diatas

Cara Membuat Privacy Policy, Disclaimer, TOS

Silakan dicoba. Next time akan saya beri trik berternak google adsense :) Saya 1 bulan bisa dapat 3 akun adsense. Mungkin simbah google lagi baik hati :)

Cara Menbuat Artikel Blog Tidak Bisa Di Copas

Memang sudah banyak blogger yang menulis cara agar blog tidak bisa dicopas. Tapi tidak apa-apa, lagian saya menulis disini juga buat catatan saja. Tapi kalau catatanya di copas mentah-mentah sih siapa yang mau kan?. Makanya lewat artikel ini saya akan membuatkan tutorial agar artikel blog tidak bisa dicopas.

Cara Menbuat Artikel Blog Tidak Bisa Di Copas

Langsung saja ya, lagi malas berbasa-basi :)

Cara Agar Artikel Blog Tidak Bisa Di Copas


1. Pertama login dulu ke blogger.com

2. Masuk te tab Template dan pilih Edit HTML

3. Selanjutnya carilah kode (bisa dengan cara CTRL+F) ]]></b:skin> atau </style>

4. Kalau sudah pastekan kode berikut ini tepat diatas kode yang tadi



/* ---Kode Agar Blog Tidak Bisa Di Copy Paste---*/
.post-outer {
-webkit-touch-callout:none;
-khtml-user-select:none;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
}
/* ---Kode Agar Bagian tertentu Bisa Di Copy Paste---*/
.post blockquote,.post pre,.post code{
  -webkit-touch-callout:text;
  -khtml-user-select:text;
  -webkit-user-select:text;
  -moz-user-select:text;
  -ms-user-select:text;
}


Jika kalian ingin menambahkan bagian tertentu yang ingin bisa di copy paste, masukan id dari bagian tertentu itu ke kode yang ke-2

contohnya kalian ingin agar komentar bisa di copas


/* ---Kode Agar Bagian tertentu Bisa Di Copy Paste---*/
.comment_body p, .post blockquote,.post pre,.post code{
  -webkit-touch-callout:text;
  -khtml-user-select:text;
  -webkit-user-select:text;
  -moz-user-select:text;
  -ms-user-select:text;
}


Selanjutnya save. Selesai
Sumber mastamvan.blogspot.co.id

Cara Memasang Breadcrumbs/Navigasi Untuk Blogspot



susiloblog.com - Sebelum kamu memasang breadcrumb di blogspot, apakah kamu sudah tau apa itu breadcrumbs dan apa manfaatnya jika breadcrumbs dippasang diblog?. Breadcrumbs merupakan navigasi blog yang berada diatas judul artikel. Dengan adanya breadcrumbs maka para pengunjung blog akan dimudahkan untuk kembali kehalaman depan (tinggal klik "home") atau menemukan postingan/artikel sesuai dengan kategori/label. Selain itu dengan breadcrumbs maka artikel kamu tidak akan kelihatan usang.

Contoh template belum ada breadcrumbs


kelihatan tahun dan bulanya kan?. Jadi kalau misal tanpa breadcrumbs jelas sekali pengunjung akan sangat bosan klik link artikelmu. Karena mereka lebih menyukai artikel yang up to date.

Coba bandingkan dengan yang ini



Bagaimana?. artikelmu akan kelihatan up to date terus kan?. Maka dari itu breadcrumbs sangat bagus untuk SEO. Dengan adanya breadcrumbs ini akan meningkatkan traffic dari blog kamu.

Ini tampilan template blog yang memakai breadcrumbs



Sebenarnya tanpa disadari breadcrumbs secara otomatis sudah ada ditemplate blog (template yang dibuat diatas 2014). Tapi kalau memang belum ada breadcrumnya kali ini saya akan membuatkan cara memasang breadcrumbs di blog kamu

Cara memasang Breadcrumb di blog


1. Masuk ke blog

2. Masuk kemenu Template > Edit HTML

3. Cari kode (CTRL+F) ]]></b:skin> dan simpan kode ini diatasnya:
.breadcrumbs{padding:0px 5px 5px 0;margin-bottom:20px;margin-top:0px;font-size:11px;color:#5B5B5B;border-bottom:1px dotted #bbb;}

4. Selanutnya cari kode <b:includable id='main' var='top'>, ganti dengan:

<b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'><b:if cond='data:blog.pageType == &quot;static_page&quot;'><div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div><b:else/><b:if cond='data:blog.pageType == &quot;item&quot;'><!-- breadcrumb for the post page --><b:loop values='data:posts' var='post'><b:if cond='data:post.labels'><div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'><span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span><b:loop values='data:post.labels' var='label'>&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span></b:loop>&#187; <span><data:post.title/></span></div><b:else/><div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div></b:if></b:loop><b:else/><b:if cond='data:blog.pageType == &quot;archive&quot;'><!-- breadcrumb for the label archive page and search pages.. --><div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span></div><b:else/><b:if cond='data:blog.pageType == &quot;index&quot;'><div class='breadcrumbs'><b:if cond='data:blog.pageName == &quot;&quot;'><span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span><b:else/><span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span></b:if></div></b:if></b:if></b:if></b:if></b:if></b:includable><b:includable id='main' var='top'><b:include data='posts' name='breadcrumb'/>


Sekarang dengan cara tersebut breadcrumbs sudah terpasang ditemplat kamu. Selamat mencoba.

Cara Menyembunyikan Tanggal Blog Dari Google Search



susiloblog.com - Jika kamu perhatikan pada saat mencari sebuah artikel digoogle search pastinya kamu akan menemukan beberapa perbedaan yang didapat dari hasil google search, apa itu?. Ya perbedaan itu adalah tanggal postingan blog. Memang apanya yang berbeda?. Kamu bisa lihat screenshot dibawah ini



Lihatlah yang saya tandai warna kuning dan hijau kalau yang warna merah hanya untuk mensensor saja alias abaikan saja. Saya akan menerangkan perbedaan dari 3 hasil yang didapat penelusuran google

1. Jika kamu perhatikan contoh nomor 1, blog ini menampilkan semua tanggal dari postingan. Lihat saja yang saya tandai warna kuning, kelihatan kan tanggal postinganya?. Dan juga masih ada tanggal di htmlnya. contohnya xxxx.com/2016/10/xxxxxxxxx.html  

2. Lihat nomor 2 atau blog saya sendiri. sudah tidak ada tanggal dari postinganya kan?.

3. Juga lihat nomor 3, tanggal dihtmlnya sudah tidak ada (warna hijau) tapi tanggal postinganya masih ada (warna kuning)

Ya itulah perbedaanya. Ada tanggal waktu posting artikel yang terpampang dan ada juga yang tidak di hasil penelusuran google.

Menurut kamu lebih pilih mana?. Menyembunyikan tanggal atau menampilkan tanggal postingan blog?. Sebelum menjawabnya, saya akan memberikan quote yang pernah saya baca
Jika kamu ingin berdagang, posisikan dirimu sebagai pembeli.
Setelah baca quote diatas, sekarang saatnya kamu menjawab pertanyaan saya (Posisikan dirimu sebagai pencari artikel ya) Lebih pilih mana?. Jika kamu pilih yang mending ditampilkan tanggalnya pasti kamu menjawab pada tahun 2016. Coba jika menjawabnya tahun-tahun mendatang saya jamin pilih yang disembunyikan. Secara naluri pasti lebih memilih artikel yang up to date/terbaru lah. 

kenapa lebih memilih artikel terbaru?. Ya karena isi artikelnya tentunya mengikuti perkembangan terbaru saat ini. Jujur saja saya malas dan bahkan gak meng klik link artikel yang di hasil pencarian google tanggalnya sudah kadaluarsa. Semisal saya mencari trik sesuatu, yang muncul tahun lampau (misal 2010) meski triknya masih belaku tapi saya tetap malas klik linknya, karena buang-buang waktu dan takut triknya sudah usang/sudah tidak bisa digunakan.

Sekarang pertanyaanya apakah menyembunyikan tanggal postingan dari google search berdampak negatif bagi blog kita?. Saya jamin tidak sama sekali. Kenapa?. Bukanya kalau dicek dengan data structur jika tanggal posting di blog disembunyikan banyak hasil yang error?. Untuk menjawabnya saya akan memberikan screenshot dibawah ini





Pencarian dari google sendiri juga tidak ada tanggalnya. Web besar seperti wikipedia juga tidak ada tanggalnya. Jadi tidak perlu khawatir jika menyembunyikan tanggal dari google search. Lah google sendiri juga tidak ada tanggalnya kok. 

Jadi sebenarnya menyembunyikan tanggal postingan dari google search hanya bertujuan agar artikel kita tidak dianggap usang/kadaluarsa oleh calon visitor ketika artikel kita terpampang di mesin pencari. Kata senior blogger ya agar lebih SEO. Dengan begitu kemungkinan mendapatkan visitor natural yang banyak lebih mudah.

Jika kamu ingin menyembunyikan tanggal blog dari google search, ada dua yang harus disembunyikan. Yang pertama tanggal dari htmlnya (jika blogspot, jika wordpress ada pilihan menyembunyikanya), misal link blogku ini adalah http://www.susiloblog.com/2016/10/menyembunyikan-tanggal-blog.html. Jika sudah disembunyikan maka hasilnya seperti screenshot yang saya beri warna hijau. Menggunakan metode yang dinamakan  Breadcrumbs. Karena saya sudah pernah menulisnya diartikel ini maka kali ini saya akan membuat artikel menyembunyikan yang saya beri warna kuning



Cara Menyembunyikan Tanggal Blog Dari Google Search


1. Masuk keakun blogger kamu
2. Masuk ke halaman tata letak > blog post > edit





3. Jika sudah klik edit nanti akan muncul pop up. Dan jangan centang yang memuat tanggal



4. Selanjutnya simpan



5. Selanjutnya Simpan setelan



6. Selesai.

Maka untuk postingan blog selanjutnya, tanggal serta tahun akan di sembunyikan dari hasil pencarian di google, untuk posting lama membutuhkan waktu antara sebulan atau mungkin bisa lebih. jadi bersabar saja.

Nah, itu pengalaman saya Menghilangkan Tanggal Posting Blog Dari Mesin Pencari Google, semoga bermanfaat.

update : kalau tanggal dihapus akan mengurangi nilai di SERP

catatan

99designs

Wifi.id