Featured Post

Recommended

Cara Upgrade OVO ke Premier Secara Online dengan Mudah

Coretancode.com - Pada kesempatan kali ini admin ingin sedikit berbagi info menarik dan tentu masih hangat yaitu seputar Cara Upgrade OV...

Penjelasan dan Cara Memasang Anti AdBlock Killer di Blogger

Penjelasan dan Cara Memasang Anti AdBlock Killer di Blogger


Coretancode.com - Pada kesempatan kali ini admin ingin berbagi sedikit trik seputar blogging yaitu Cara Memasang Anti AdBlock Killer di Blogger yang dapat berguna buat kalian ketika merasa penghasilan dari iklan makin menurun setiap harinya.

Keluhan seperti ini sering kali saya jumpai pada grup facebook komunitas blogger. Bukan karena pemula, melainkan memang hal inilah yang menjadi kendala para blogger meningkatkan penghasilannya, seakan kerjanya tidak menghasilkan apapun.

Tidak ada pengecualian pada jenis iklan, semua jenis iklan hingga semua web penyedia iklan bisa di block tayang. Tentu hal ini akan menjadi masalah apabila kalian membuat blog dengan tujuan mendapatkan penghasilan, beda halnya jika kalian membuat blog hanya berdasarkan hobi atau iseng-iseng.

Bukan hanya pada sebuah website adblock ini dapat berkerja, tapi pada platform youtube pun adblock ini dapat digunakan, salah satunya yang banyak dikenal adalah Youtube Vanced, dan juga fitur premium dari youtube sendiri.

Pada salah satu forum besar pernah mendiskusikan tentang AdBlock, seperti bagaimana cara kerjanya, cara mengatasinya, sampai ada yang sempat tanya bagaimana ciri-ciri si penggunanya. Oleh karena itu kenapa kali ini saya membuatkan artikelnya, tidak lain untuk membahas lebih jauh apa itu AdBlock dan bagaimana cara untuk mengatasinya.

Apa itu AdBlock?

AdBlock adalah ekstensi penyaringan konten dan iklan sumber terbuka yang biasanya terdapat pada fitur di beberapa aplikasi penjelajah web. Contohnya di Google Chrome, Apple Safari, dan lain-lain.

Untuk cara kerjanya sendiri, AdBlock memanfaatkan javascript agar iklan tidak tampil pada halaman web. Ilustrasinya bisa kalian lihat dibawah ini.

Ilustrasi Cara Kerja AdBlock

Jika dilihat dari gambar diatas, tentunya dapat kita simpulkan bahwa pengguna adblock ini hanya ingin mendapatkan informasi tetapi tidak ingin terganggu dengan adanya iklan. Lalu bagaimana caranya untuk mengatasi adanya penggunaan adblock ini?

Cara Mengatasi AdBlock

Berikut ini beberapa cara untuk mengatasi adblock pada blog atau website yang kita kelola.
  • Tidak terlalu banyak menempatkan iklan.
  • Hindari pemasangan iklan berbau pornografi.
  • Memasang script anti adblock di website.
Admin rasa untuk 2 poin diatas yaitu penempatan iklan dan menghindari iklan pornografi sudah tidak perlu saya jelaskan, pasti kalian semua sudah tahu cara-caranya.

Lalu bagaimana cara untuk memasang adblock killer di blogger? yuk simak tutorialnya berikut ini.

Cara Memasang Anti AdBlock di Blogger

  1. Pastikan kalian sudah login dan masuk ke akun Blogger.com
  2. Pada menu dashboard, silahkan kalian pilih Tema > lalu Edit HTML
  3. Cari kode javascript external adsense dan hapus kode tersebut, biasanya terletak diatas kode </head> pada template.
    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
  4. Kemudian copy-paste javascript berikut ini, dan letakkan diatas kode </body>
    <script> //<![CDATA[
    /* Anti AdBlock By coretancode.com */
    (function coretancodeAdBlock() {
      var judulAd = 'Matikan AdBlock', /* Judul */
          notifAd = 'Agar blog Coretancode tetap berjalan, matikan AdBlock atau masukkan blog ini ke dalam whitelist.<br/>Terima kasih.'; /* Isi tulisan. Garis baru diganti dengan <br/> */
          eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('O b=["\\f\\w\\o\\k\\q\\n","\\w\\o\\c\\g\\n\\c\\V\\s\\c\\K\\c\\m\\n","\\n\\B\\q\\c","\\n\\c\\1a\\n\\r\\P\\g\\z\\g\\f\\w\\o\\k\\q\\n","\\f\\o\\w","\\r\\r\\q\\g\\v\\c\\g\\j\\t\\d\\v\\l\\l\\v\\s\\c\\f\\B\\m\\j\\k\\w\\g\\n\\k\\l\\m\\d\\w\\l\\K\\r\\q\\g\\v\\c\\g\\j\\r\\P\\f\\r\\g\\j\\f\\F\\B\\v\\l\\l\\v\\s\\c\\d\\P\\f","\\g\\f\\B\\m\\w","\\l\\m\\c\\o\\o\\l\\o","\\j\\k\\z","\\k\\j","\\k\\v\\m\\k\\c\\s\\C\\j\\J\\s\\l\\w\\X","\\k\\m\\m\\c\\o\\H\\1c\\N\\G","\\y\\j\\k\\z\\i\\w\\s\\g\\f\\f\\L\\A\\k\\f\\k\\C\\j\\f\\A\\x\\y\\f\\q\\g\\m\\i\\w\\s\\g\\f\\f\\L\\A\\P\\1b\\j\\1b\\s\\A\\x","\\y\\r\\f\\q\\g\\m\\x\\y\\F\\o\\r\\x\\y\\f\\z\\v\\i\\z\\k\\c\\W\\J\\l\\1a\\L\\A\\u\\i\\u\\i\\t\\R\\i\\t\\R\\A\\x\\y\\q\\g\\n\\S\\i\\j\\L\\A\\N\\a\\e\\h\\a\\e\\H\\a\\a\\U\\p\\H\\a\\e\\N\\a\\t\\h\\a\\p\\d\\e\\C\\a\\d\\e\\h\\a\\d\\e\\i\\u\\i\\u\\h\\a\\i\\a\\u\\d\\p\\h\\a\\Z\\C\\a\\d\\e\\h\\a\\d\\e\\i\\u\\i\\u\\h\\a\\i\\a\\t\\h\\a\\R\\d\\p\\C\\a\\d\\e\\h\\a\\d\\e\\i\\u\\i\\u\\h\\a\\i\\a\\e\\d\\e\\h\\a\\Z\\C\\a\\d\\e\\h\\a\\d\\e\\i\\u\\i\\u\\h\\a\\i\\a\\t\\h\\a\\p\\d\\e\\N\\a\\I\\d\\p\\e\\h\\e\\H\\Q\\d\\t\\p\\G\\e\\h\\Q\\d\\t\\p\\U\\a\\I\\d\\p\\e\\G\\Q\\d\\t\\p\\h\\t\\a\\H\\a\\I\\d\\p\\e\\G\\t\\a\\h\\a\\I\\d\\p\\e\\U\\Q\\d\\t\\p\\G\\a\\I\\d\\p\\e\\h\\e\\1g\\A\\x\\y\\r\\q\\g\\n\\S\\x\\y\\r\\f\\z\\v\\x\\y\\F\\o\\r\\x","\\y\\r\\j\\k\\z\\x","\\g\\q\\q\\c\\m\\j","\\F\\l\\j\\B","\\l\\z\\c\\o\\1e\\s\\l\\W","\\f\\n\\B\\s\\c","\\S\\k\\j\\j\\c\\m","\\g\\j\\F\\s\\l\\w\\X","\\v\\c\\n\\V\\s\\c\\K\\c\\m\\n\\f\\J\\B\\1c\\g\\v\\Y\\g\\K\\c","\\k\\m\\f\\c\\o\\n\\J\\c\\1e\\l\\o\\c","\\q\\g\\o\\c\\m\\n\\Y\\l\\j\\c"];O D=E[b[1]](b[0]);D[b[2]]=b[3];D[b[4]]=b[5];D[b[6]]=1d;D[b[7]]=1k(){O M=E[b[1]](b[8]);M[b[9]]=b[10];M[b[11]]=b[12]+1m+b[13]+1j+b[14];E[b[16]][b[15]](M);E[b[16]][b[18]][b[17]]=b[19];1f[b[1i]]=1d};O T=E[b[1l]](b[0])[0];T[b[1h]][b[1n]](D,T)',62,86,'||||||||||x31|_0xd5a9|x65|x2E|x33|x73|x61|x2C|x20|x64|x69|x6F|x6E|x74|x72|x37|x70|x2F|x6C|x32|x30|x67|x63|x3E|x3C|x76|x22|x79|x41|ad|document|x62|x4C|x48|x35|x42|x6D|x3D|_0xc9cbx2|x4D|var|x6A|x38|x34|x68|b_ad|x56|x45|x77|x6B|x4E|x36|||||||||||x78|x75|x54|true|x66|window|x5A|23|20|notifAd|function|21|judulAd|22'.split('|'),0,{}));
    })();
    //]]> </script>
  5. Masukkan kode CSS berikut ini dan letakkan tepat diatas kode ]]</b:skin> atau </style>
    /* Anti AdBlock By coretancode.com */
    #coretancodeAdBlock {background:rgba(0,0,0,0.85);padding:0;position:fixed;bottom:0;left:0;top:-100px;right:0;z-index:1000;opacity:1;visibility:visible;height:auto;}
    #coretancodeAdBlock svg {width:100px; height:100px}
    #coretancodeAdBlock svg path {fill:#fff}
    #coretancodeAdBlock a{color:#ffe88b;} #coretancodeAdBlock a:hover{color:#ffe88b;text-decoration:underline}
    #coretancodeAdBlock .isiAds{background:#e74c3c;color:#fff;position:absolute;text-align:center;padding:0 30px 30px 30px;margin:auto;top:30%;left:0;right:0;font-size:1.5rem;font-weight:400;line-height:1.5em;font-family:monospace;max-width:800px;box-shadow:0 20px 10px -10px rgba(0,0,0,0.15);border:15px solid rgba(0,0,0,.07); overflow:hidden; transition:all .6s cubic-bezier(.25,.8,.25,1); -webkit-transform:translateZ(0); transform:translateZ(0); backface-visibility:visible; transition:all .2s ease-in-out,visibility 0s; transform-origin:bottom center; pointer-events:auto; transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1); opacity:1; animation:coretancodeWobble .5s; -moz-animation: coretancodeWobble .5s; -webkit-animation:coretancodeWobble .5s; -o-animation:coretancodeWobble .5s}
    #coretancodeAdBlock .isiAds:hover{box-shadow:0 20px 10px -10px rgba(0,0,0,0.2);}
    #coretancodeAdBlock .isiAds h4, #coretancodeAdBlock .isiAds .judul{display:inline-block;background:rgba(0,0,0,.07);padding:5px 25px 15px 25px;font-size:2.2rem;font-weight:600;margin-bottom:20px}
    #coretancodeAdBlock .tutupAds{visibility:hidden;opacity:0;color:#ffe88b;text-align:center;position:absolute;bottom:10px;right:10px;font-size:42px;cursor:pointer;width:30px;height:30px;line-height:30px;border-radius:100%;transition:all .6s cubic-bezier(.25,.8,.25,1);transform:translate(0,50px);}
    #coretancodeAdBlock .tutupAds:hover{color:#fff;transform:scale(1.0);}
    #coretancodeAdBlock .isiAds:hover .tutupAds{visibility:hidden;opacity:0;color:#ffe88b;transform:translate(0,0)}
    @keyframes coretancodeWobble{0%{transform:scale(0) rotate(-54deg) translatey(40px)}45%{transform:scale(1.1) rotate(20deg) translatey(0px)}60%{transform:scale(1) rotate(-15deg) translatey(0px)}77%{transform:scale(1) rotate(10deg) translatey(0px)}100%{transform:translatey(0)}}
    @-webkit-keyframes coretancodeWobble{0%{transform:scale(0) rotate(-54deg) translatey(40px)}45%{transform:scale(1.1) rotate(20deg) translatey(0px)}60%{transform:scale(1) rotate(-15deg) translatey(0px)}77%{transform:scale(1) rotate(10deg) translatey(0px)}100%{transform:translatey(0)}}
    @-moz-keyframes coretancodeWobble{0%{transform:scale(0) rotate(-54deg) translatey(40px)}45%{transform:scale(1.1) rotate(20deg) translatey(0px)}60%{transform:scale(1) rotate(-15deg) translatey(0px)}77%{transform:scale(1) rotate(10deg) translatey(0px)}100%{transform:translatey(0)}}
  6. Simpan Tema.

Jika kalian berhasil memasang script anti adblock maka hasilnya akan seperti gambar berikut ini.


Kesimpulan

Kembali lagi tergantung pengunjung blog kalian, jika memang suka menggunakan adblock dan selalu cari cara mematikan iklan yang tampil maka semua cara diatas akan sia-sia kalian terapkan. Tapi setidaknya dengan cara ini kalian sudah berusaha mencegah terjadinya penggunaan adblock.

Mungkin sekian dulu postingan dari Cara Memasang Anti Adblock Killer di Blogger, apabila kalian memiliki pertanyaan silahkan ajukan melalui kolom komentar. Semoga selalu bermanfaat dan saya ucapkan
Terima kasih
Cara Mengamankan Halaman Statis Dengan Password

Cara Mengamankan Halaman Statis Dengan Password


Coretancode.com - Pada kesempatan kali ini admin ingin sedikit berbagi tutorial lagi mengenai blogging yaitu Cara Mengamankan Halaman Statis Dengan Password yang mungkin berguna untuk kalian yang suka simpan dokumen, foto, video di halaman statis tapi tidak ingin dipublikasikan.

Halaman yang diamankan dengan password seperti ini atau yang biasa disebut "Protected Page" adalah sebuah halaman penting yang hanya bisa di akses pemilik blog atau pengguna tertentu. Hal ini banyak dilakukan untuk menghindari adanya kebocoran di media penyimpanan (hosting) dan juga agar aman meskipun halaman terindex mesin pencarian.

Sedangkan untuk cara kerjanya sendiri, halaman ini akan memunculkan notifikasi pop up yang nantinya akan disediakan teks area kosong untuk kalian agar bisa mengisikan password yang sudah ditentukan sebelumnya, contohnya seperti gambar dibawah ini.



Tutorial Protected Page

Untuk cara membuatnya, kalian hanya perlu untuk menambahkan Kode Javascript ke dalam halaman statis. Lebih jelasnya bisa kalian ikuti tutorialnya di bawah ini.
  1. Silahkan login terlebih dahulu ke Blogger.com
  2. Pada dashboard, pilih menu Halaman > lalu buat Halaman Baru
  3. Isi terlebih dahulu konten atau dokumen pada teks area menu halaman baru.
  4. Pilih metode penulisan HTML bukan Compose
  5. Lalu sisipkan Javascript berikut ini di sela-sela konten yang sudah kalian buat.
    <script language="JavaScript">
    var password;
    var pass1="PASSWORD";
    password=prompt('Enter your password in order to view this page!',' ');
    if (password==pass1) alert('Correct password, OK to enter!');
    else {
      window.location="PAGE-LINK";
    }
    </script>
    Keterangan :
    1. Ganti yang sudah ditandai Password sesuai keinginan kalian.
    2. Ganti pada PAGE-LINK dengan url halaman yang sudah kalian buat.

  6. Publikasikan.

Live Preview

Jika kalian sudah mengikuti sesuai tutorial diatas, bisa dipastikan tidak akan terjadi kesalahan apapun ataupun kegagalan. Apabila terjadi silahkan hubungi admin melalui kolom komentar yang tersemat di bawah artikel ini.

Mungkin sekian dulu artikel dari Cara Mengamankan Halaman Statis Dengan Password, semoga artikel yang admin berikan selalu bermanfaat
Terima kasih
Cara Mendapatkan Domain Eu.org Secara Gratis

Cara Mendapatkan Domain Eu.org Secara Gratis


Coretancode.com - Pada kesempatan kali ini admin akan berbagi solusi kepada kalian yang serius ingin membuat blog tapi terkendala biaya untuk membeli sebuah domain. Sebenarnya ada banyak cara untuk mendapatkan domain secara gratis, hanya saja mungkin kalian kurang mendapatkan informasinya.

Nah, diartikel kali inilah admin akan membahas cara untuk mendapatkan domain (eu.org) secara gratis selama 1 tahun. Perlu kalian ketahui bahwa domain dengan ekstensi (eu.org) ini memang sudah lama di gratiskan, lebih tepatnya pada tahun 1996. Namun baru awal-awal tahun 2020, domain (eu.org) banyak dikenal dan digunakan oleh para blogger.

Domain (eu.org) bukanlah sebuah root domain tapi hanya sebatas subdomain dari domain utama yaitu (.org), meski demikian cara untuk mendapatkannya sangatlah susah, perlu ditinjau beberapa hari agar domain permintaan kalian disetujui.

Alasan Domain Eu.org Susah di Dapatkan

Eu.org merupakan salah satu situs layanan penyedia domain gratis yang masih bertahan hingga saat ini. Salah satu alasan kenapa permintaan domain lama disetujui adalah karena untuk mencegah terjadinya penyalahgunaan, jika terdapat pelanggaran yang di lakukan oleh penggunanya maka Eu.org tidak segan untuk mencabut akses domain tersebut.

Sebenarnya ada banyak sekali situs penyedia untuk mendapatkan domain gratis, akan tetapi tidak sedikit pula yang gulung tikar akibat ulah pengguna yang melanggar kebijakan kepemilikan domain.

Kelebihan Menggunakan Domain Eu.org

Ada beberapa kelebihan yang menurut admin perlu kalian pertimbangkan daripada membeli sebuah domain baru, diantaranya.
  1. Bisa menggunakan nameserver dari cloudflare sehingga bisa mendapatkan fitur lebih seperti DNS, SSL, dan CDN secara gratis.
  2. Bisa dikaitkan / dipasang ke Blogger.
  3. Bisa didaftarkan menjadi mitra Google Adsense karena reputasinya yang selama ini baik.
  4. Domain bisa diperpanjang secara gratis kapan saja jika tidak terjadi pelanggaran kebijakan.

Kekurangan Domain Eu.org

  1. Harus menyediakan akses administrasi pihak ketiga untuk menampung nameserver sendiri.
  2. Tidak terdapat dukungan apapun termasuk cara pemasangan domain dan setting.
  3. Domain sewaktu-waktu tidak dapat diakses jika Eu.org bangkrut atau dicabut aksesnya.

Domain (eu.org) ini sering kali digunakan pengguna blogger untuk berternak akun google adsense salah satu alasan mereka karena domain ini gratis, mudah didapatkan, dan juga tanpa persyaratan.

Jika blogger lainnya bisa, kenapa kalian tidak? yuk buat domain sebanyak-banyaknya untuk berternak akun Google Adsense. Mau tau bagaimana cara mendapatkannya? simak tutorial berikut ini.

Cara Mendapatkan Domain Eu.org

Yang perlu kalian lakukan pertama adalah membuat akun penyedia nameserver sebagai contoh admin menggunakan situs Hostry untuk menampung dan sekaligus mengelola domain.

Membuat Penampungan DNS Manager

  1. Silahkan membuat akun di https://hostry.com/
  2. Setelah selesai pendaftaran, lakukan konfirmasi dari link yang dikirim melalui email.
    Pastikan nama, alamat, dan no.tlp sama seperti pengisian detail identitas di situs (eu.org).
  3. Jika sudah, lakukan login ke akun yang baru saja kalian buat.
  4. Kemudian buka menu Service > Free DNS > lalu masukkan domain yang ingin didaftarkan. Misal coretancode.eu.org
  5. Selanjutnya klik tombol Create.
  6. Nah, disini anda sudah berhasil untuk membuat penampungan DNS Manager domain.
Catatan:
Ingat atau copy-paste nameserver yang sudah anda dapatkan, seperti berikut ini.

Nameserver

Cara Membuat Domain Eu.org Gratis!

  1. Lakukan registrasi pada situs https://nic.eu.org/
  2. Pada pengisian form identitas, pastikan sama seperti yang telah kalian lakukan pada pengisian identitas di DNS Manager.
    Form Pendaftaran
  3. Setelah berhasil mendaftar, silahkan cek email folder spam untuk konfirmasi dan mendapatkan username akun tersebut.
  4. Lalu lakukan login menggunakan username yang kalian dapatkan dari email dan password yang sudah dibuat sebelumnya.
  5. Pada dashboard, silahkan pilih menu Domain > New Domain
  6. Masukkan nama domain yang sesuai seperti di DNS Manager, contoh coretancode.eu.org
  7. Pada bagian nameserver, masukkan nameserver yang sudah anda dapatkan di DNS Manager
    Pengisian Nameserver
  8. Terakhir klik tombol Submit.
Pada umumnya domain akan disetujui pada hari ke tujuh setelah permintaan dilakukan. Terkadang bisa juga sampai 30 hari jika ada kendala atau banyaknya antrean permintaan.

Trik Agar Domain Cepat Disetujui

Agar permintaan kalian disetujui dengan cepat ada sedikit trik yang bisa dilakukan, yaitu dengan cara kirim email ke Hostmaster@eu.org yang harus berisi permintaan persetujuan domain.

Jika sudah mengirim permintaan persetujuan dari email, maka hasilnya kurang lebih akan seperti ini.

Email Permintaan Domain Disetujui

Bisa juga dengan cek pada halaman awal di situs https://nic.eu.org/arf/en pada bagian menu domain.

Penutup

Untuk cara pemasangannya ke blogger akan admin update selanjutnya di artikel ini juga tentunya. Jika ada pertanyaan jangan segan untuk mengajukannya melalui kolom komentar dibawah artikel ini, sebisa mungkin akan admin balas jika tidak ada kesibukan.

Mungkin sekian dulu artikel dari Cara Mendapatkan Domain Eu.org Secara Gratis, semoga bermanfaat.
Terima kasih
Template Error 404 (Not Found) Seperti Milik Google

Template Error 404 (Not Found) Seperti Milik Google


Coretancode.com - Pada kesempatan kali ini admin ingin memberikan sebuah template keren dan unik yang mungkin anda sukai dan ingin miliki sejak lama tapi belum kesampaian apakah itu? Templatenya itu adalah Halaman Error 404 (Not Found) seperti yang dimiliki dan digunakan oleh Google.

Template ini admin buat disela-sela kesibukan diluar kegiatan blogging. Banyak sekali permintaan dari para sobat Coretancode yang menghubungi admin melalui halaman kontak agar membuatkan template semacam ini. Tentu, dengan senang hati admin akan membuatkannya disela-sela aktifitas diluar blogging jika kesibukannya bisa selingi untuk editing.

Halaman seperti ini banyak sekali digunakan blogger untuk meningkatkan nilai Domain Authority (DA) dan Page Authority (PA) blog baru dengan cara redirect domain blog lama ke yang baru. Selain hal tersebut, masih banyak fungsi dari halaman error 404 ini yang sangat berguna untuk aktifitas blogging.

Bagi kalian yang belum mengetahui apa itu Halaman Error 404 (Not Found) dan juga fungsinya, silahkan simak penjelasan berikut ini.

Apa itu Halaman Error 404?

Pada dasarnya halaman ini akan muncul saat kalian sedang searching tetapi tidak menemukan halaman atau file yang diakses hilang bisa juga karena sudah dihapus, atau dirubah oleh penulisnya.


Halaman pesan error ini bisa berasal dari script situs atau mungkin faktor lain seperti dari server hosting tempat kalian menyimpan file website.

Fungsinya

Ada beberapa fungsi Halaman Pesan Error 404 yang sangat berguna bagi sebuah blog baru, diantaranya adalah sebagai berikut.
  1. Memberitahukan pengunjung jika ada halaman, atau file, yang sudah dirubah.
  2. Sebagai pesan pemberitahuan jika blog sedang dalam masa perbaikan.
  3. Sebagai pesan pemberitahuan bahwa blog sudah tidak dikelola kembali.
  4. Meningkatkan nilai Domain Authority (DA) dan Page Authority (PA) sebuah blog baru.

Cara Membuat Halaman Error 404

Sedangkan untuk membuatnya sendiri, kalian bisa pilih 2 cara yaitu langsung mengunduh file template atau mungkin ingin manual yaitu copy-paste kode.

Sebelum melanjutkan ke tutorial, pastikan terlebih dahulu kalian sudah backup template.


Tutorial Manual

  1. Login terlebih dahulu ke halaman Blogger.com
  2. Pada dashboard silahkan kalian pilih menu Template > Edit HTML
  3. Kemudian hapus semua kode yang ada, lalu ganti dengan kode berikut ini.
    <?xml version="1.0" encoding="UTF-8" ?>
    <html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
    <head>
      <meta charset="utf-8"/>
      <meta name="viewport" content="initial-scale=1, minimum-scale=1, width=device-width"/>
      <title>Error 404 (Not Found)!!1</title>
    <b:skin><![CDATA[
    
    /****CSS CODE*****/
    *{margin:0;padding:0}html,code{font:15px/22px arial,sans-serif}html{background:#fff;color:#222;padding:15px}body{margin:7% auto 0;max-width:390px;min-height:180px;padding:30px 0 15px}* > body{background:url(//www.google.com/images/errors/robot.png) 100% 5px no-repeat;padding-right:205px}p{margin:11px 0 22px;overflow:hidden}ins{color:#777;text-decoration:none}a img{border:0}@media screen and (max-width:772px){body{background:none;margin-top:0;max-width:none;padding-right:0}}#logo{background:url(//www.google.com/images/branding/googlelogo/1x/googlelogo_color_150x54dp.png) no-repeat;margin-left:-5px}@media only screen and (min-resolution:192dpi){#logo{background:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) no-repeat 0% 0%/100% 100%;-moz-border-image:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) 0}}@media only screen and (-webkit-min-device-pixel-ratio:2){#logo{background:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) no-repeat;-webkit-background-size:100% 100%}}#logo{display:inline-block;height:54px;width:150px}
    ]]></b:skin>
    </head>
    <body>
    <b:section class='hello' id='hello'/>
      <a href="https://www.google.com"><span id="logo" aria-label="Google"></span></a>
      <p><b>404.</b> <ins>That’s an error.</ins></p>
      <p>The requested URL <code>/</code> was not found on this server.  <ins>That’s all we know.</ins></p>
    </body>
    </html>
  4. Save Template dan lihat hasilnya.

Penutup

Mudah kan? tentu saja, hanya butuh waktu 1 menit untuk menerapkannya. Bagi anda yang mau request silahkan ajukan melalui kolom komentar atau bisa dari halaman kontak yang ada di blog ini.

Mungkin sekian dulu artikel dari Template Error 404 (Not Found) Seperti Milik Google, silahkan bagikan ke sosial media kalian jika dirasa bermanfaat.
Terima kasih
Cara Membuat Halaman Daftar Isi Accordian Keren di Blogger

Cara Membuat Halaman Daftar Isi Accordian Keren di Blogger


Coretancode.com - Pada kesempatan kali ini admin ingin berbagi lagi seputar dunia blogging yaitu Cara Membuat Halaman Daftar Isi Accordian Keren yang menurut kami masih terbilang baru dan belum ada yang membagikannya di blog manapun.

Daftar Isi ini sendiri sangat penting dan juga harus ada pada setiap blog, kenapa? dengan adanya fitur ini tentu akan lebih memudahkan blog dirayapi oleh mesin pencari seperti google, dan lainnya. Mungkin dibeberapa kasus bisa kalian temukan sebuah perbedaan antara blog dan situs yang dimana blog diharuskan memasang daftar isi namun sebuah situs malah sebaliknya.

Hal ini dikarenakan sebuah website biasanya hanya menyediakan jasa dan cukup memberikan navigasi tentang jasanya, sedangkan untuk blog ini sendiri sangat diharuskan pemilik blog membuat halaman Daftar Isi untuk mempermudah visitor menelusuri isi atau konten dari sebuah blog.

Dengan adanya halaman daftar isi / sitemap tentu pengunjung akan lebih mudah memilah kategori konten yang tersedia di blog.

Pengertian Daftar Isi

Daftar isi atau sitemap adalah sebuah cara untuk menginformasikan halaman-halaman web kepada search engine seperti google, yahoo, dan lain-lain.

Contoh sitemap yang sederhana bisa berbentuk file XML, yang berisi tentang darfat URL sebuah situs dengan metanya, kapan terakhir update, jumlah konten, dan lain sebagainya.

Manfaatnya

Daftar isi sendiri banyak sekali manfaatnya untuk sebuah blog, diantaranya adalah sebagai berikut.
  • Memudahkan search engine merayapi blog.
  • Visibilitas sebuah situs / blog.
  • Meningkatkan persentase konten menjadi yang utama di mesin pencarian.
  • Meningkatkan kualitas dan nilai SEO blog.
  • Meningkatkan bisnis.
  • Melengkapi kebijakan dan persyaratan untuk menjadi partner google adsense.

Sebenarnya masih ada cara alternatif yang tentu lebih mudah hanya saja tampilan yang dihasilkan akan terlihat biasa saja atau standart, oleh karena itulah admin share tutorial ini agar lebih bervariasi dan juga lebih menarik.

Mau tau seperti apa nanti hasilnya? silahkan lihat screenshot dibawah ini, atau langsung kunjungi halaman demo sitemap.

Screenshot Sitemap

Live Preview

Cara Membuat Halaman Daftar Isi

Untuk membuat halaman daftar isi seperti contoh diatas, kalian hanya perlu menambahkan kode CSS di template dan memasukkan kode HTML sitemap pada halaman target. Lebih jelasnya bisa anda ikuti tutorial dibawah ini.

Perhatian!
Pastikan sudah backup template anda terlebih dahulu sebelum melanjutkan ke tutorial!

1. Menambahkan CSS

  1. Pastikan sudah login ke Blogger.com
  2. Pada menu dashboard, silahkan pilih Template > Edit HTML
  3. Lalu cari kode ]]></b:skin> pada template.
    Untuk memudahkan pencarian, gunakan tombol pintasan CTRL+F di keyboard.
  4. Kemudian salin kode CSS berikut, dan letakkan diatas kode pada (langkah no.3)
    */ Sitemap Accordian by Coretancode.com */
    .Blog .sitemaps .sitemap-box{font-size:14px;line-height:1.5em;padding:15px 18px;border-radius:8px;background-color:rgba(255,255,255,.7);box-shadow:0 4px 12px 0 rgba(9,32,76,.035)}
    .Blog .sitemaps .sitemap-box:not(:last-child){margin-bottom:15px}
    .Blog .sitemaps .judul{margin-top:0;font-size:1.1rem}
    .Blog .sitemaps ol{list-style:none;margin:20px 0 0;padding:0;counter-reset:panduan-count;font-size:14px;}
    .Blog .sitemaps li:not(:last-child){margin-bottom:10px}
    .Blog .sitemaps li{display:flex;align-items:flex-start;}
    .Blog .sitemaps li:before{content:counter(panduan-count) '.';counter-increment:panduan-count;flex-shrink:0;width:45px;font-size:26px;line-height:1em;color:#767676;text-align:center;padding-right:12px}
    .Blog .sitemaps li a{display:inline-block;color:#161617}
    .Blog .sitemaps li a:after{content:'Read more';display:block;color:#767676;font-size:11px;line-height:1.3em}
    .Blog .sitemaps li a:hover:after{text-decoration:underline}
  5. Save Template.

2. Menambahkan Kode HTML

  1. Pada menu dashboard blogger, silahkan pilih Halaman > lalu buat Halaman Baru.
  2. Gunakan metode penulisan HTML bukan Compose
  3. Salin dan letakkan kode HTML berikut pada teks area yang tersedia.
    <div id='post-body'><div id='sitemaps' class='sitemaps'>
    <div class='loading'>Loading....</div>
    </div>
    <script>/*<![CDATA]*/
    /* Blogger Sitemap Dropdown */
    var toc_config = {containerId:'sitemaps', showNew:0, sortAlphabetically:{thePanel:true, theList:true}, activePanel:1, slideSpeed:{down:400, up:400}, slideEasing:{down: null, up: null}, slideCallback:{down:function(){}, up:function(){}}, clickCallback:function(){}, jsonCallback:'sitemaps',delayLoading: 0};
    window.onload = function(){
    !function(e,o){var t=o.getElementById(toc_config.containerId),c=o.getElementsByTagName("head")[0],n=[];e[toc_config.jsonCallback]=function(e){for(var o,c,i=e.feed.entry,a=e.feed.category,l="",s=0,d=a.length;d>s;++s)n.push(a[s].term);for(var r=0,f=i.length;f>r;++r)(toc_config.showNew||toc_config.showNew>0)&&r<toc_config.showNew+1&&(i[r].title.$t+=" %new%");i=toc_config.sortAlphabetically.theList?i.sort(function(e,o){return e.title.$t.localeCompare(o.title.$t)}):i,toc_config.sortAlphabetically.thePanel&&n.sort();for(var g=0,h=n.length;h>g;++g){l+='<div class=\"sitemap-box\"><h4 class=\"judul\">'+n[g]+'</h4>',l+='<div class=\"konten\"><ol>';for(var _=0,p=i.length;p>_;++_){o=i[_].title.$t;for(var w=0,u=i[_].link.length;u>w;++w)if("alternate"==i[_].link[w].rel){c=i[_].link[w].href;break}for(var v=0,m=i[_].category.length;m>v;++v)n[g]==i[_].category[v].term&&(l+='<li><a href=\"'+c+'\" title=\"'+o.replace(/ \%new\%$/,"")+'\">'+o.replace(/ \%new\%$/,"")+'</a></li>')}l+='</ol></div></div>'}t.innerHTML=l,"undefined"!=typeof jQuery&&($("#"+toc_config.containerId+" .konten").hide(),$("#"+toc_config.containerId+" .judul").click(function(){$(this).hasClass("aktif")||(toc_config.clickCallback(this),$("#"+toc_config.containerId+" .judul").removeClass("aktif").next().slideUp(toc_config.slideSpeed.up,toc_config.slideEasing.up,toc_config.slideCallback.up),$(this).addClass("aktif").next().slideDown(toc_config.slideSpeed.down,toc_config.slideEasing.down,toc_config.slideCallback.down))}).eq(toc_config.activePanel-1).addClass("aktif").next().slideDown(toc_config.slideSpeed.down,toc_config.slideEasing.down,toc_config.slideCallback.down))};var i=o.createElement("script");i.src="https://urlblog.com/feeds/posts/summary?alt=json-in-script&max-results=9999&callback="+toc_config.jsonCallback,"onload"==toc_config.delayLoading?e.onload=function(){c.appendChild(i)}:e.setTimeout(function(){c.appendChild(i)},toc_config.delayLoading)}(window,document);
    }
    /*]]>*/</script></div>
    </div>
    Keterangan:
    Ganti tulisan kode yang sudah ditandai dengan URL blog kalian.
  4. Publikasikan.

Penutup

Apakah ada yang kurang jelas dari penjelasan dan tutorial diatas? jika kurang jelas, silahkan tanyakan melalui kolom komentar yang tersedia dibawah artikel. Dengan senang hati saya akan membalas pertanyaan yang sudah kalian berikan, jadi jangan ragu-ragu untuk bertanya ya.

Mungkin sekian dahulu artikel dari Cara Membuat Halaman Daftar Isi Keren di Blogger, semoga selalu bermanfaat untuk kalian semuanya.
Terima kasih
4 Situs Jasa Penyedia Iklan Terbaik Selain Google Adsense

4 Situs Jasa Penyedia Iklan Terbaik Selain Google Adsense


Coretancode.com - Pada kesempatan kali ini admin masih ingin berbagi seputaran dunia blogging yang mungkin akan berguna bagi anda supaya tetap bisa berpenghasilan meskipun anda menjalani kegiatan blogging ini berdasarkan hobi.

Tidak sedikit para blogger yang bertujuan membuat sebuah blog hanya agar mendapatkan penghasilan lebih dari iklan, namun tidak sedikit pula mereka yang gagal lalu berhenti begitu saja karena ditolak berkali-kali saat mendaftar ke salah satu penyedia media periklanan terbesar yaitu Google Adsense.

Terlalu ketatnya aturan dan kebijakan yang ada di Google Adsense membuat semua blogger merasa gagal membangun blog, terlebih lagi mereka yang terpatok pada media periklanan ini. Oleh karena itu artikel ini saya buatkan, agar kalian dapat memilih salah satu media periklanan alternatif terbaik yang banyak digunakan para blogger seperti saya.

Situs penyedia iklan terpopuler saat ini memanglah Google Adsense, namun tidak semua para blogger bisa diterima saat mendaftar. Banyak sekali aturan dan kebijakan yang dibuat oleh google namun hal ini tidak lain untuk menilai blog layak atau tidaknya sebagai partner layanan iklan.


Lalu bagaimana jika blog dengan trafik yang tinggi tapi masih saja ditolak google adsense?

Tidak perlu khawatir dan risau, masih ada banyak Penyedia Iklan Alternatif Terbaik Selain Google Ads yang terbukti berani membayar lumayan tinggi.

Situs Penyedia Iklan Terbaik Selain Google Adsense

Berikut ini adalah daftar dari 4 situs penyedia iklan alternatif terbaik yang wajib kalian coba.

1. MGID


Mgid.com merupakan salah satu media periklanan tertua yang paling terkenal didunia dan merupakan pelopor periklanan asli atau yang kita kenal dengan Native Ads. Kabar baiknya lagi, iklan dari situs ini sekarang sudah bisa dikaitkan dengan Youtube.

Didirikan pada tahun 2008, situs ini banyak peroleh penghargaan. "Native Advertising Awards" adalah salah satu yang berhasil didapatkan di tahun 2016.

2. RajaTraffic


RajaTraffic.com merupakan salah satu perusahaan agen periklanan digital yang sudah memiliki ribuan blogger sebagai partner. Pada situs ini kalian juga bisa mempromosikan blog, yang tentunya akan meningkatkan trafik blog kalian.

Peraturan situs ini cukup mudah, anda hanya perlu mendaftarkan blog yang berbahasa indonesia, dan memiliki minimal 50 halaman yang sudah terindex google. Sedangkan untuk penghasilannya ini akan dihitung dari jumlah penayangan iklan yaitu 1000x penayangan (CPM) = Rp. 3.000,-

3. Beaverads


Beaverads.com merupakan situs ketiga yang kami rekomendasikan untuk anda coba, kenapa? karena sudah banyak blogger yang sukses disini meskipun tidak mengkaitkan blognya dengan iklan dari google adsense.

Selain itu, iklan dari situs ini bisa dipasang sebagai Matched Content yang tentunya peluang akan lebih besar untuk anda dapatkan, entah dari sumber klik atau tayangan iklan.

4. Propeller Ads


Propellerads.com adalah situs layanan iklan online terakhir yang saya sarankan, kenapa? karena situs ini menyediakan iklan online dengan sistem CPM (Cost Per Million) ke Publisher. Situs ini juga sudah banyak digunakan dikalangan para blogger sebagai alternatif yang belum diterima bekerjasama dengan platform Google.

Penutup

Nah dari 4 Rekomendasi Situs Jasa Penyedia Iklan Alternatif Selain Google Adsense yang sudah kami sebutkan diatas, situs manakah yang anda percaya untuk bekerjasama? berikan komentar kalian, dan jika ada situs saran lain silahkan beritahu kami.

Mungkin sekian dulu yang bisa saya share kepada kalian semoga dengan adanya artikel ini membuat semangat blogging jadi naik lagi.
Terima kasih