Skip to main content

Featured Post

Pamula Elegant Blogger Theme

Pamula  merupakan tema personal yang saya desain dengan beberapa referensi, Tema ini dibuat clean dan elegant untuk membuat lebeih fresh serta memaksimalkan fitur dari fungsi blogger agar dapat meminimalisir penggunaan javascript atau json blogger. Tema ini memiliki kecepatan super cepat seperti tema-tema yang saya share sebelumnya, tapi pada tema yang saya buat sekarang terus menggunakan fungsi javascript dan tidak ada jQuery di dalamnya. Kemungkinan kalian tidak akan paham karena terbiasa dengan jQuery. Pada tema ini kalian akan mendapatkan beberapa fitur menarik seperti : Kecepatan Loading Super Ngebut Dengan memiliki loading yang cepat pasti dapat membuat pengunjung menjadi lebih betah sebab tidak perlu cari Artikel serupa meskipun yang disebabkan oleh loading lambat. Saya sudah mencoba untuk mengetest kecepatan dengan bantuan dari GTmetrix dan Pagespeed. Untuk melihat hasilnya bisa cek gambar berikut: Kecepatan loading ini sudah saya test sendiri menggunak

Cara Memasang Anti Adblock di Blog

Cara Memasang Anti Adblock di Blog

Halo sobat Malestea pada kesempatan kali ini saya akan membagikan sebuah Tutorial untuk Blogger yaitu "Anti Adblock" merupakan sebuah istilah yang digunakan untuk menyebut sebuah script yang dapat mendeteksi ada atau tidaknya pemblokiran iklan di situs kita. Biasanya pengujung yang menggunakan Adblock ingin membaca sebuah artikel dengan nyaman dan tentram tanpa terganggu oleh iklan-iklan.

Memang dengan adanya adblock ini sangat berguna sekali untuk pengguna internet, karena banyak manfaatnya dibandingkan jika mereka tidak menggunakan adblock.

Beberapa hal positif ketika menggunakan adblock adalah menghilangkan iklan, menghemat data, loading jadi cepat, menjadi ringan saat dikunjungi dan aman dari iklan berbahaya. Tetapi ada dampak negatif juga adblock ini, apalagi bagi pemilik situs yaitu hilangnya penghasilan akibat pemblokiran iklan.

Pengunjung juga tidak salah saat menggunakan adblock sebab pasti ada yang mengakibatkan pengujung menggunakan adblock ini. Biasanya ada situs yang menaruh banyak iklan dihampir seluruh layar monitor dimana itu dapat mengurangi loading situs seara lambat dan berat, apalagi bagi yang kuota nya sedikit pasti harus meminimalisir hal tersebut.

Alangkah baiknya kita sebagai pemilik situs saling sadar bahwa dalam menggelola situs tidak bisa dilakukan secara cuma-cuma, maka kerjasama yang baik dengan pengunjung biar betah saat menggeola sebuah situs.

Dengan adanya anti adblock kita dapat memberitahu pada para pembaca atau pengunjung yang menggunakan AdBlock / AdBlocker agar menonaktifkan fitur tersebut supaya iklan tetap bisa tayang dengan sempurna pada tiap halaman yang dibuka.

Dengan adanya sebuah notifikasi adblock disitus, maka pengunjung dapat melihat pesan atau notifikasi untuk mematikan adblock yang sedang dipakainya.

Bagi kalian yang memasang iklan adsense atau iklan jenis lain diblog mungkin dengan memasang script ini dapat membuat pendapatan kalian meningkat lagi.

Cara Memasang Notifikasi Adblock di Blog

Pemasangan anti adblock ini sangatlah mudah sekali, sebab bisa ditambahkan pada bagian Tata Letak lewat Widget ataupun langsung Edit HTML.

Langkah Pertama: Masuk terlebih dahulu ke Blogger.com Langkah Kedua: Klik Tema / Template > klik Edit HTML. Langkah Ketiga Tambahkan kode javascript berikut dan taruh diatas kode </body>
<script>//<![CDATA[
!function() {function f() {var a=document.getElementById("post-body");a.innerHTML='<blockquote class="blocked"><strong><svg width="24" height="24" viewBox="0 0 24 24" style="fill:currentColor;margin-right: 10px;"><path d="M11,15H13V17H11V15M11,7H13V13H11V7M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20Z"></path></svg>Ad-Block Terdeteksi</strong><p>Mohon maaf, kami mendeteksi bahwa anda telah mengaktifkan Ad-Blocker. Untuk itu, kami berharap agar anda menonaktifkannya.</p><p>Dengan menonaktifkan Ad-Blocker, anda telah membantu kami dalam mengembangkan Website ini. Terimakasih</p></blockquote>';} var b=document.createElement("script");b.type="text/javascript";b.async=!0;b.src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js";b.onerror=function() {f();window.adblock=!0};var e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(b,e)}();
//]]></script>
Langkah Ke-empat Tambahkan kode style / css dan taruh diatas kode </style> atau </b:skin>
/* Blockquote */
blockquote{position:relative;font-size:15px;margin:1.7em 0;padding:30px 25px 30px 90px;border-radius:3px;border:2px solid rgba(230,230,230,1)}
blockquote:before{content:'\201D';display:block;position:absolute;font-weight:700;font-size:70px;top:7px;left:25px;line-height:normal;color:rgba(0,0,0,.15)}
blockquote.blocked {padding: 15px 30px;margin: 0;}
blockquote.blocked:before {display: none;}
Langkah kelima Simpan Tema

Dengan menggunakan script anti adblock yang saya kasih ini tidak dapat diakali sama sekali oleh orang yang paham dengan program sebab jika adblock pengguna / pengunjung aktif, artikel atau postingan di situs kita direplace dengan notifikasi yang mengakibatkan artikel hilang. Secara otomatis pengunjung harus benar-benar mematikan adblock nya.

Sampai disini saja dulu dan artikel pada blog ini akan terus saya update Setiap Hari meskipun cuman Satu atau Dua saja tapi itu lebih baik daripada Tidak :#

Comments

  1. koq ga work ya kak.. >> mp3holix .blogspot

    ReplyDelete
    Replies
    1. <div class="post-body post-content">

      cari kode diatas lalu tambahkan seperti berikut

      <div id="post-bdoy " class="post-body post-content">

      Delete
    2. maap aga typo, "post-body" yah bukan post-bdoy

      Delete
  2. ga nemu div class="post-body post-content"

    ReplyDelete
  3. udah ketemu.. ternyata pakainya tanda petik satu, bukan dua

    ReplyDelete

Post a Comment

To insert a code use <i rel="pre">code_here</i>To insert a quote use <b rel="quote">your_qoute</b>To insert a picture use <i rel="image">url_image_here</i>To insert a video use <i rel="video">video</i>Tinggalkan komentar sesuai topik tulisan, komentar dengan link aktif tidak akan ditampilkan. Admin dan penulis blog mempunyai hak untuk menampilkan, menghapus, menandai spam, pada komentar yang dikirim.

Popular posts from this blog

Dapatkan Template Material X2 Secara Gratis

Template Material X2 adalah template yang dibuat oleh Yasyah Elhakim dan beliau adalah admin dari  elcreativeacademy dan sudah banyak postingan berkaitan tentang Blogger dan Web Development tapi beliau juga merupakan pembuat template yang sangat handal karena dapat membuat template yang bagus yaitu Material X2 ini yang banyak akan kayak fitur tapi disini kita akan ngomongin versi gratisnya bukan yang premium. Yasyah Elhakim membagikan Material X2 Lite secara gratis alias cuma-cuman untuk sobat tapi dengan membedakan fitur pada yang premium karena ini gratis untuk tampilan dan beberapa hal masih sama saja hanya untuk fitur dihilangkan oleh author nya. Template Material X2 ini memiliki desain yang clean serta menggunakan material desain yang bagus bila disebut ini merupakan template yang mirip dengan Developer Goggle karena terinspirasi bisa dikatakan oleh saya. So tampilan yang bagus dan fitur yang keren ini sudah menanti untuk sobat loh jadi dicoba sekarang juga. Download Temp

Cara Buat Tombol Menu Dengan CSS

Membuat Tombol Menu hanya dengan CSS tanpa perlu bantuan dari Icon-icon seperti FontAwesome, Materialicon, Dashicon dll. Berbeda dengan menggunakan Icon kita mengharuskan untuk memasukan salah satu kode dari icon tersebut atau bisa disebut dipanggil kodenya. Jika dengan CSS kita hanya perlu menggunakan Fungsi dari Before dan After jadi dengan menggandalkan fungsi dari Css tersebut kita bisa membuat Tombol Menu atau Close sesuai dengan kreatifitas sendiri. Untuk membuat Menu dengan Css kalian bisa langsung praktekan caranya dibawah ini atau jika ingin disimpan untuk nanti bisa langsung download source kodenya. Cara Buat Tombol Menu Dengan CSS Sebelum ke Tutorialnya kalian harus menyiapkan bahan-bahan terlebih dahulu. Sublime (Sebagai Text Editor) Makanan Ringan Kopi Niat Pertama buka Sublime kalian bisa gunakan Text Editor apa saja seterah. Kedua buat file dengan nama "Index.html" lalu simpan file tersebut dimana saja. Ketiga buat struktur HTML atau HTML5

One Piece Pirate Warriors 3 Unlock All DLC

Bagi kalian yang memainkan game One Piece Pirate Warriors 3 pastinya bosan donk kalau Custome karakter yang kalian mainkan itu-itu saja dan tidak ada perubahan sama sekali meski sudah ada tampilan yang berbeda dari setiap karakter karena adanya Custome dari Normal sampai ke New World (Dunia Baru). Disini saya akan membagikan DLC One Piece Pirate Wrarriors 3 yang bisa kalian download secara gratis dan tentu saja DLC ini saya dapatkan dari beberapa Forum luar dan saya sudah saya jadikan satu Folder agar kalian lebih mudah dalam memasang DLC ini. Lantas siapa saja yang dapat DLC pada One Piece Pirate Warriors 3 ini ? DLC yang akan kalian dapatkan pada game ini adalah sebagai berikut : Characters DLC Luffy Samurai Zorro Kimono "Z" Final Battle Nami Wedding Dress Kunoichi Sun Shangxiang Dressrosa Usopp Kimono Sanji Kimono "Z" Final Battle Chopper Kimono Robin Xingcai Kaihime Dressrosa Hancock Diaochan Naotora Ii 3D2Y Tashig