Cara Membuat Artikel Terkait "Baca Juga" Seperti Wordpress di Blog

Jagoandzgn.com - Pada kesempatan kali ini saya akan memberikan sebuah tutorial bagaimana Cara Membuat Artikel Terkait "Baca Juga" Seperti Wordpress di Blog, dalam membuat artikel terkait atau biasanya kita sering melihatnya yaitu baca juga memang bisa dianggap sebagai cara terbaik untuk menurunkan score bouce rate di blog kamu. Dengan adanya artikel terkait ini kita sengaja membuat pengunjung dipancing untuk segera meninggalkan artikel tersebut dengan cara menampilkan artikel yang terkait dengan yang sedang mereka baca.

Artikel yang satu ini dibagiakan dengan bentuk yang berbeda dari artikel terkait yang pernah kamu lihat sebelumnya, dikarenakan setiap terkait akan muncul satu per satu di bagian paragraf tertentu dan kamu bisa mengaturnya sesuai keinginanmu.

Cara Membuat Artikel Terkait "Baca Juga" Seperti Wordpress di Blog

1. Silahkan kamu login ke blogger.com dengan menggunakan akun Gmail kamu.

2. Masuk ke menu TEMA > klik Edit HTML

3. Selanjutnya, cari kode berikut ini ]]></b:skin> dan pastekan kode dibawah ini tepat DIATAS kode tersebut.

/* Exploit Related Post */
.exploitMultiRelated{border-left:5px solid #1a73e8;background-color: rgba(255,255,255,0.1);color:#000;margin:10px 15px auto;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:nowrap;justify-content:space-between;transition:all .3s} .exploitMultiRelated:hover{background-color:#e3e3e3}
.exploitMultiRelated .content{padding:10px 10px;line-height:1.5em} 
.exploitMultiRelated .content .text{margin-right:5px;font-weight:600;} 
.exploitMultiRelated .content a{color:#000;text-decoration:none;line-height:1.5em} 
.exploitMultiRelated .icon{ height:auto; min-width:50px; background:#1a73e8 url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z' fill='%23fff'/%3E%3C/svg%3E") center / 40px no-repeat; transition:all .3s ease;}
.exploitMultiRelated:hover .icon{background-color:#1a73e8;}

4. Kalau sudah silahkan kamu cari kode berikut ini <data:post.body/> { Biasanya kode tersebutnya ada 3 pastekan tepat dibawah kode terakhir tersebut } pastekan tepat DIBAWAH ke-3 kode tersebut.

<b:if cond='data:view.isPost'>
<script type='text/javascript'>
//<![CDATA[
// Multi Related Post
(function() {var jumlah = 4;let post = document['querySelectorAll']('.post-body br, .post-body p'),a = jumlah + 1,b = post['length'] / a;c = Array['from']({length: jumlah}, (redfx, blufx) => blufx + 1);
for (let d = 0; d < c['length']; d++) {let e = c[d],f = parseInt((b * e)),g = document['createElement']('div');g['className'] = 'exploitMultiRelated';if (post[f]['nodeName'] == 'P') {post[f]['parentNode']['insertBefore'](g, post[f])} else {post[f]['parentNode']['insertBefore'](g, post[f]['nextSibling'])}}})();
var relatedTitles = new Array();var relatedTitlesNum = 0;var relatedUrls = new Array();function related_results_labels(nerdfx) {for (var desfx = 0; desfx < nerdfx['feed']['entry']['length']; desfx++) {var nefx = nerdfx['feed']['entry'][desfx];relatedTitles[relatedTitlesNum] = nefx['title']['$t'];for (var ciafx = 0; ciafx < nefx['link']['length']; ciafx++) {if (nefx['link'][ciafx]['rel'] == 'alternate') {relatedUrls[relatedTitlesNum] = nefx['link'][ciafx]['href'];relatedTitlesNum++;break}}}}
function removeRelatedDuplicates() {var viefx = new Array(0);var labfx = new Array(0);for (var desfx = 0; desfx < relatedUrls['length']; desfx++) {if (!contains(viefx, relatedUrls[desfx])) {viefx['length'] += 1;viefx[viefx['length'] - 1] = relatedUrls[desfx];labfx['length'] += 1;labfx[labfx['length'] - 1] = relatedTitles[desfx]}};relatedTitles = labfx;relatedUrls = viefx}
function contains(yelfx, yufx) {for (var grefx = 0; grefx < yelfx['length']; grefx++) {if (yelfx[grefx] == yufx) {return true}};return false}
//]]>
</script>
  <b:if cond='data:post.labels'>
    <b:loop values='data:post.labels' var='label'>
      <b:if cond='data:view.isPost'>
        <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=100&quot;'/>
      </b:if>
    </b:loop>
  </b:if>
<script type='text/javascript'>
//<![CDATA[
(function exploitMultiRelated() {var text = 'Baca Juga :';let r = Math['floor']((relatedTitles['length'] - 1) * Math['random']());let i = 0;let jumlah = document['querySelectorAll']('.exploitMultiRelated');while (i < relatedTitles['length'] && i < jumlah['length']) {for (let a = 0; a < jumlah['length']; a++) {jumlah[a]['innerHTML'] = '<span class="content"><span class="text">' + text + '</span><a href="' + relatedUrls[r] + '" title="' + relatedTitles[r] + '">' + relatedTitles[r] + '</a></span><span class="icon"></span>';if (r < relatedTitles['length'] - 1) {r++} else {r = 0};i++}}})();
//]]>
</script>
</b:if>

5. Langkah selanjutnya adalah dengan menghapus widget artikel terkait bawaan templat, untuk kamu pengguna Viomagz silahkan kamu cari kode dibawah ini dan ubah dari TRUE menjadi FALSE.

var widgetBacaJuga = true;

6. Kalau sudah silahkan klik SIMPAN dan Selesai.

Demo

Bagaimana mudah bukan untuk tutorial Cara Membuat Artikel Terkait "Baca Juga" Seperti Wordpress di Blog, untuk melihat demonya silahkan kamu klik tombol demo diatas dan apabila kamu memiliki pertanyaan seputar blogger silahkan komen di kolom komentar dibawah artikel ini.

Cara Mencegah dan Mengatasi Bom Klik Adsense Dengan Javascript

Jagoandzgn.com - Pada postingan kali ini saya akan membahas bagaimana cara menangani masalah bom klik pada iklan Google adsense yang dilakukan oleh pihak ketiga atau orang jail terhadap blog kamu, biasanya pemula atau baru mengikuti didalam dunia blog pasti bingung dikarenakan kenapa banyaknya klik dalam satu waktu.

AdSense adalah program periklanan berbasis CPC (cost-per-click) yang memungkinkan pemilik website mendapatkan penghasilan dari iklan yang terpasang. Sejak kemunculan pertamanya banyak para pemilik website yang berlomba-lomba untuk mendaftar menjadi publisher AdSense. Terbukti hingga saaat ini sudah ada sekitar 2 juta lebih publisher AdSense yang tersebar diseluruh dunia.

Didalam dunia maya saat ini memang sangat kejam, disaat seseorang berada diatas maka sekumpulan orang yang berada dibawah nya pun akan berusaha menjatuhkan orang tersebut agar sederajat atau mungkin agar orang tersebut berada dibawahnya . Begitu juga dalam hal adsense saat anda terlalu bahagia show off penghasilan mungkin beberapa orang syirik akan merasa kesal dan melakukan berbagai hal untuk menjatuhkannya.

Cara Mencegah dan Mengatasi Bom Klik Adsense Dengan Javascript

1. Silahkan kamu login ke blogger.com dengan menggunakan Gmail kamu
2. Masuk ke menu TEMA > klik Edit HTML
3. Kemudian silahkan kamu cari kode berikut ini </body> dan pastekan kode js dibawah ini tepat DIATAS kode tersebut.

<script type='text/javascript'>
//<![CDATA[
function downloadJSAtOnload(){var e=document.createElement("script");e.src="https://cdn.jsdelivr.net/gh/Arlina-Design/phantom@master/antiboomclick.js",document.body.appendChild(e)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
//]]>
</script>

4. Atau kamu bisa menggunakan kode Javascript dibawah ini yang mana kamu bisa mengatur berapa jumlah klik dan batyas waktu untuk melakukan klik selanjutnya, untuk kodenya dibawah ini. Untuk penempatannya sama seperti diatas.

<script type='text/javascript'>
//<![CDATA[
function downloadJSAtOnload(){var e=document.createElement("script");e.src="https://cdn.jsdelivr.net/gh/Arlina-Design/view@master/clickonme.js",document.body.appendChild(e)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
Arlina.init({click:3,interval:23000});
//]]>
</script>

5. Kalau sudah silahkan klik SIMPAN dan Selesai.

Maksud dari kode yang saya warnai tersebut adalah selang waktu yang dibutuhkan untuk melakukan klik selanjutnya setelah dilakukan klik yang pertama, untuk nilainya kamu bisa atur sesuai keinginan kamu masing-masing.

Bagaimana mudah bukan untuk tutorial Cara Mencegah dan Mengatasi Bom Klik Adsense Dengan Javascript dengan mudah, Apabila kamu memiliki pertanyaan seputar blogger silahkan komen di kolom komentar dibawah artikel ini.

Cara Menghilangkan Ekstensi HTML pada URL Permalink Blogger

Jagoandzgn.com - Pada kesempatan kali ini saya akan memberikan sebuah tutorial bagaimana Cara Menghilangkan Ekstensi HTML pada URL Permalink Blogger dengan Mudah, seperti yang kita ketahui saat ini permalink blogger itu sangat tidak unik menurut saya contohnya seperti dibawah ini.

https://www.jagoandzgn.com/2020/01/cara-membuat-color-picker-di-halaman-statis.html

Menurut saya itu kurang cantik dikarenakan masih ada ekstensi HTML dan tanggal pada link tersebut, cantikan seperti dibawah ini.

https://www.jagoandzgn.com/cara-membuat-color-picker-di-halaman-statis

Bagaimana, cantik bukan sebelum kita masuk ke tutorialnya saya akan memberitahukan apa itu Permalink ?

Apa Itu Permalink ?

Permalink adalah sebuah URL yang mengarah langsung pada suatu blog atau forum tertentu setelah melewati halaman depan ke arsip. Dikarenakan Permalink bersifat permanen tanpa ada batas waktu, maka permalink lebih tahan terhadap kerusakan.

Cara Menghilangkan Ekstensi HTML pada URL Permalink Blogger

1. Silahkan kamu login ke blogger.com dengan menggunakan Gmail kamu.
2. Masuk ke menu TEMA > Klik edit HTML
3. Selanjutnya, silahkan kamu cari kode </body> pastekan kode dibawah ini tepat DIATAS kode tersebut.

<script type='text/javascript'>
/*<![CDATA[*/
var urlTotal,nextPageToken,postsDatePrefix=!1,accessOnly=!1,useApiV3=!1,apiKey="",blogId="",postsOrPages=["pages","posts"],jsonIndex=1,secondRequest=!0,feedPriority=0,amp="&amp;"[0];function urlVal(){var e=window.location.pathname,t=e.length;return".html"===e.substring(t-5)?0:t>1?1:2}function urlMod(){var e=window.location.pathname;"p"===e.substring(1,2)?(e=(e=e.substring(e.indexOf("/",1)+1)).substr(0,e.indexOf(".html")),history.replaceState(null,null,"../"+e)):(e=(e=postsDatePrefix?e.substring(1):e.substring(e.indexOf("/",7)+1)).substr(0,e.indexOf(".html")),history.replaceState(null,null,"../../"+e))}function urlSearch(e,t){var n=e+".html";t.forEach(function(e){-1!==e.search(n)&&(window.location=e)})}function urlManager(){var e=urlVal();0===e?accessOnly||urlMod():1===e?getJSON(postsOrPages[feedPriority],1):2===e&&(accessOnly||history.replaceState(null,null,"/"))}function getJSON(e,t){var n=document.createElement("script");if(useApiV3){var o="https://www.googleapis.com/blogger/v3/blogs/"+blogId+"/"+e+"?key="+apiKey+"#maxResults=500#fields=nextPageToken%2Citems(url)#callback=bloggerJSON";nextPageToken&&(o+="#pageToken="+nextPageToken),nextPageToken=void 0}else o=window.location.protocol+"//"+window.location.hostname+"/feeds/"+e+"/default?start-index="+t+"#max-results=150#orderby=published#alt=json-in-script#callback=bloggerJSON";o=o.replace(/#/g,amp),n.type="text/javascript",n.src=o,document.getElementsByTagName("head")[0].appendChild(n)}function bloggerJSON(e){var t=[];if(useApiV3||void 0===urlTotal&&(urlTotal=parseInt(e.feed.openSearch$totalResults.$t)),useApiV3){try{e.items.forEach(function(e,n){t.push(e.url)})}catch(e){}nextPageToken=e.nextPageToken}else try{e.feed.entry.forEach(function(n,o){var r=e.feed.entry[o];r.link.forEach(function(e,n){"alternate"===r.link[n].rel&&t.push(r.link[n].href)})})}catch(e){}urlSearch(window.location.pathname,t),urlTotal>150?(jsonIndex+=150,urlTotal-=150,getJSON(postsOrPages[feedPriority],jsonIndex)):nextPageToken?getJSON(postsOrPages[feedPriority]):secondRequest&&(nextPageToken=void 0,urlTotal=void 0,jsonIndex=1,secondRequest=!1,0===feedPriority?(feedPriority=1,getJSON("posts",1)):1===feedPriority&&(feedPriority=0,getJSON("pages",1)))}function bloggerJS(e){e&&(feedPriority=e),urlManager()}bloggerJS();
/*]]>*/
</script>

4. Kalau sudah silahkan SIMPAN dan Selesai.

Tidak disarankan buat kalian yang memasang meta http-equiv='refresh'

Bagaimana mudah bukan untuk tutorial Cara Menghilangkan Ekstensi HTML pada Permalink Blogger, apabila kamu memiliki pertanyaan seputar blogger silahkan komen di kolom komentar dibawah artikel ini.

Cara Mudah Menghapus Link Aktif di Komentar Blogger

Jagoandzgn.com - Dalam dunia blogger, menyisipkan suatu link aktif merupakan cara yang kurang efektif untuk mendapatkan backlink gratis, Kebanyakan dari mereka melakukan itu bertujuan untuk menanam suatu backlink untuk blog mereka. Jika dikemudian hari link aktif itu sudah mati dan tidak bisa diakses lagi alias berubah menjadi broken link, maka berakibat buruk bagi kesehatan blog kamu.

Nah, pada kesempatan kali ini saya akan memberikan tutorial bagaimana Cara Mudah Menghapus Link Aktif di Komentar Blogger, daripada blog kamu menjadi salah satu sasaran para Spammer yang menyebarkan link aktif dikomentar, mulailah mencegah dari sekarang juga.

Cara Mudah Menghapus Link Aktif di Komentar Blogger

Kita menggunakan 2 Metode untuk menghapus link aktif dalam suatu komentar :

1. Menonaktifkan link menjadi text biasa.
2. Menghapus keseluruhan isi komentar dan menggantikannya.

Berikut ini kami akan menjelaskan satu persatu, sebagai berikut :

1. Menonaktifkan link menjadi text biasa

Setiap link aktif yang disisipkan akan dimatikan secara otomatis, dia akan menjadi sebuah text biasa tanpa mengubah isi keseluruhan text tersebut.

Ada 2 Jenis kode Script yang bisa kamu coba didalam blog kamu, yaitu JavaScript dan jQuery. Silahkan kamu pilih salah satunya dibawah ini.

Silahkan masuk ke menu TEMA > Edit HTML > Masukkan kode dibawah ini tepat di ATAS kode </body>

1.1 JavaScript

<script> //<![CDATA[
/* Hapus Link Aktif di Komentar by Jagoandzgn.com */
content = document.getElementById('comments').getElementsByTagName('p');
for (var i = 0; i < content.length; i++) {
 if (content[i].innerHTML.indexOf('</a>') !== -1) {
 content[i].innerHTML = content[i].innerHTML.replace(/<a[^>]*>|<\/a>/g, "");
 }
}
//]]> </script>

1.2 jQuery

<script> //<![CDATA[
/* Hapus Link Aktif di Komentar by igniel.com */
$(function(){$('#comments p').find('a').contents().unwrap();});
//]]> </script>

Kalau sudah silahkan klik SIMPAN dan Selesai.

2. Menghapus keseluruhan isi komentar dan menggantikannya.

Cara yang satu ini sangat bagus bagi kamu, dikarenakan komentar spam biasnya tidak nyambung dengan isi konten kamu, Jadi alangkah baiknya jika dihapus dan digantikan dengan Kata-kata sendiri.

Langkahnya sama seperti yang diatas pastekan kode dibawah ini tepat DIATAS kode </body>

<script> //<![CDATA[
/* Hapus Link Aktif di Komentar by Jagoandzgn.com */
var content = document.getElementById('comments').getElementsByTagName('p');
for (var i = 0; i < content.length; i++) {
 if (content[i].innerHTML.indexOf('</a>') !== -1) {
  content[i].innerHTML = 'Oops...nggak boleh masukin link aktif disini kak! Mau nyepam ya? Komen dinonaktifkan otomatis oleh Jagoandzgn.com';
 }
}
//]]> </script>

Silahkan kamu Ganti kata yang kami tandai sesuai dengan keinginan kamu.

Nah, Gimana mudah bukan Cara Menghapus Link Aktif di Komentar Blogger, apabila ada kendala silahkan komentar di kolom dibawah artikel ini atau kamu bisa hubungi kami lewat form contact.

Cara Memasang Link Sumber Artikel Otomatis di Blogger

Jagoandzgn.com - Di dalam dunia blogging salah satu kegiatan copas mengcopas adalah suatu hal yang dianggal sudah menjadi hal yang biasa, dikarenakan dalam menyalin suatu artikel dari situs orang lain tidak melanggar ketentuan apapun. Tetapi bagaimana jika seseorang menyalin artikel blog kamu untuk diduplikasikan tanpa adanya suatu sumber link.

biasanya banyak para copaser yang tidak bertanggung jawab saay mengcopy artikel kita tanpa menyertakan link sumber halamannya yang bisa saja merugikan kedua belah pihak. Nah, pada kesempatan kali ini saya akan membagikan sebuah tips dan tutorial agar blog kamu dapat membuat sumber link otomatis yang akan bekerja ketika ada orang yang mengcopy postingan kamu, maka sumber link akan muncul sendiri atau ikut tercopy secara otomatis.

Cara Memasang Link Sumber Artikel Otomatis di Blogger

1. Silahkan masuk ke blogger.com dengan login menggunakan Gmail sobat.

2. Masuk ke menu TEMA > klick Edit HTML
3. Selanjutnya silahkan tambahkan kode ini tepat DIATAS kode </head> atau bisa kamu tambahkan juga DIATAS </body>

<script type='text/javascript'>
//<![CDATA[
function copaslink(){var e,n=document.getElementsByTagName("body")[0],t=(e=window.getSelection())+("<br/><br/>Sumber : <a href='"+document.location.href+"'>"+document.location.href+"</a><br/>"),o=document.createElement("div");o.style.position="absolute",o.style.left="-99999px",n.appendChild(o),o.innerHTML=t,e.selectAllChildren(o),window.setTimeout(function(){n.removeChild(o)},0)}document.oncopy=copaslink;
//]]>
</script>

Ganti tulisan yang ditandai sesuai dengan keinginan kamu.

4. Setelah kamu tambahkan, silahkan klick SIMPAN dan Selesai.

Nah, begitulah Cara Memasang Link Sumber Artikel Otomatis di Blogger, hasilnya kamu bisa lihat sendiri ketika isi konten kamu disalin maka akan memunculkan link sumbernya secara otomatis, apabila kamu memiliki kendala / error silahkan koment dikolom komentar, atas perhatiannya kami ucapkan terima kasih.