Langsung ke konten utama

Postingan

Menampilkan postingan dari Januari, 2018

Cara Menampilkan Iklan Adsense di Paragraf Pertama Postingan

Cara menampilkan iklan adsense di paragraf pertama postingan artikel blogger merupakan salah satu penempatan memasang iklan yang baik. Cara ini membuat iklan google adsense agar muncul setelah enter pertama artikel atau dapat dikatakan pada alinea pertama artikel ketika kamu mengeditnya. Iklan akan muncul pada posisi atas tepatnya setelah paragraf pertama selain daripada dibawah judul postingan, diakhir postingan ataupun ditengah postingan . Sehingga akan mudah dilihat oleh pengunjung blog. Untuk itu langsung saja ikuti cara menampilkan iklan google adsense pada paragraf pertama postingan blogger. Cara Menampilkan Iklan Adsense di Paragraf Pertama Postingan Langkah 1. Login akun blogger >> Tema >> Edit HTML >> Klik kiri kotak Edit HTML dan Cari (ctrl+f) kode dibawah ini. Secara default template blogger, kamu akan menemuinya dua kali. Ada yang untuk tampilan mobile  (kode pertama) ataupun desktop (kode kedua). Jika ketemu kodenya lagi coba yang terakhir. <data:pos

Cara Menampilkan Iklan Adsense di Mobile Blog

Cara menampilkan iklan google adsense di tampilan mobile blogger pada perangkat seluler smartphone hp sangat diperlukan. Berhubung semakin majunya teknologi sehingga semakin banyaknya orang yang menggunakan smartphone android dan iphone mereka untuk menjelajah dunia maya. Dengan memasang iklan adsense di tampilan mobile adalah suatu kesempatan bagi blogger untuk menambah revenue. Untuk google adsense sendiri tersedia layanan Page-Level ads dimana iklan google akan muncul secara overlay sticky dan full screen pada layar hape. Namun iklan responsive, 300x250 dan mobile banner 320x100 dapat digunakan juga. Untuk itu dapat kamu baca Cara Memasang Iklan Google Adsense ditengah Artikel Postingan dan Memasang Iklan dibawah dan diatas Posting Blog . Penempatan Kode Iklan Google Adsense Ada dua cara menampilkan iklan google adsense berdasarkan cara meletakkan kodenya. Cara 1. Kode yang diletakkan melalui Tambahkan Gadget >> HTML/JavaScript Cara 2. Kode yang disematkan pada body posting

Cara Defer Async Kode CSS Blogger

Kali ini saya bagikan cara menggunakan defer atau async kode css di blogger. Karena selain dari  widget css bundle yang memblokir perenderan konten paruh atas di blog. Ada kode css lain yang biasa dipanggil untuk mempercantik tampilan blog seperti dari maxcdn dan font awesome. Biasanya kode css eksternal itu ada karena menggunakan template luar selain dari template default bawaan blogger. Dan sudah pasti kamu sering melihatnya. Pertanyaannya bagaimana kita menggunakan async atau defer kode css eksternal itu? Biasanya untuk font awesome bisa disematkan inline pada ]]></b:skin> blogger, namun apabila kode external css lainnya tidak dapat disematkan didalam Edit HTML blogger dan tetap ingin kamu defer, itu juga bagus karena akan lebih simpel dan menghemat ukuran HTML blog. Baca juga: ~ Cara menghilangkan javascript yang memblokir rendering di konten paruh atas ~ Cara menghilangkan css yang memblokir blogger Tujuan Defer Kode CSS Tujuannya jelas karena ingin mempercepat loading b

Cara Memasang Anti Adblock di Blog

Kali ini saya akan membagikan cara untuk memasang script anti-adblock dengan menampilkan konten alternatif berupa gambar ketika pengunjung menggunakan extension atau add-ons adblocker pada browsernya. Sehingga iklan google adsense anda yang tidak muncul akan digantikan dengan konten alternatif berupa gambar dengan tujuan pengunjung blog mau menonaktifkan adbcloker untuk domain pada blog kita. Mengapa user menggunakan Adblocker? ~ Iklan yang tidak tertata rapi sehingga menyulitkan pengunjung blog membaca konten atau bahkan konten tertutupi oleh iklan. ~ Loading yang lebih cepat, karena memang script dari iklan terhalang sehingga tidak perlu menampilkannya di tampilan blog. ~ Iklan pop up dan under. Banyaknya situs yang belum diterima Google Adsense membuat webmasternya memasang iklan pop up dan under dari penyedia jasa iklan selain google adsense. Sehingga sangat membuat risih pengunjung blog. Sebelumnya saya telah membagi Bagaimana menyikapi pengunjung yang menggunakan adblocker . Kare

Membuat Heading H1 pada Gambar Header Blog

Cara membuat gambar header blog menjadi heading H1 pada beranda dan H2 pada postingan atau laman statis di blogger. Karena pada dasarnya logo blog dengan platform blogger tidak memiliki heading tag, sehingga sangat buruk untuk SEO. Hanya judul blog yang menggunakan text saja yang memiliki heading H1. Untuk kombinasi dengan tutorial Heading Tag H1 pada Gambar Header Blog ini, kamu dapat membaca >> Cara Optimasi SEO Heading Tag Blogger untuk membuat judul postingan H1 pada postingan dan membuat judul postingan H2 pada beranda. Membuat Heading H1 pada Gambar Header Blog Langkah 1. Pada dashboard blogger Tema >> Backup dulu tema blog kamu. Setelah itu Edit HTML . Langkah 2. Klik kiri didalam kotak Edit HTML dan cari (ctrl+f) <div id='header'> Gantikan dengan kode berikut : <div id='header' itemscope='itemscope' itemtype='http://schema.org/Organization'> Seandainya kode <div id='header'> tidak ada, coba cari dengan

Klik Select Otomatis Semua Text Kode Blockquote Blogger

Fungsi Blockquote Blogger Kita biasa menggunakan fungsi klik kiri mouse dan menggeser kursor untuk memblok tulisan. Entah itu pada microsoft office ataupun di peramban ketika kita sedang browsing online. Sehingga memudahkan kita untuk menyalin dan menempel ataupun menghapus semua text kode dan alamat link yang telah di select tadi. Dan pada posting kali ini saya akan membagikan cara memblok semua text secara otomatis yang menggunakan fungsi tag <blockquote> ataupun <pre> di blog dengan 1x atau 2x klik mouse agar terpilih semua. Pada blogger sendiri menggunakan fungsi quote kutipan, yaitu menandai suatu konten tulisan dengan tanda petik pada dasarnya. Namun disini secara default fungsi quote blogger lebih membuat center konten yang dikutip agar lebih eye catching. Namun semua itu dapat disesuaikan menggunakan css atau kode html. Biasa kita juga sering menggunakan fungsi quote kutipan untuk membalas dan menjawab pertanyaan atau komentar tertentu pada forum, semisal kaskus. Sc

Rubick - Rambling Fatebender

Mod Rubick - Rambling Fatebender rare item Dota 2 Reborn from Treasure of the Emerald Revival. This item consists of : Staff of the Rambling Fatebender Cape of the Rambling Fatebender Pauldrons of the Rambling Fatebender Mask of the Rambling Fatebender Rubick - Rambling Fatebender Hope you guys like this mod and support our favorite game in steam community market. No money? Just mods! Enjoy your game!

Cara Memasang Notifikasi Cookie di Blog

Memasang cookie pada blog dengan platform blogspot blogger ini diwajibkan oleh google. Karena mengikuti aturan hukum yang berlaku di negara Uni Eropa. Gunanya adalah meningkatkan pelayanan informasi lebih baik. Lebih lengkapnya --> https://www.google.com/policies/technologies/cookies/. Apalagi kamu menggunakan iklan layanan google adsense yang notabene menggunakan cookie untuk meningkatkan pelayanan iklan yang lebih sesuai untuk pemirsanya. Ketika sedang membuka home blogger muncul pesan tentang kewajiban menampilkan notifikasi penggunaan cookie untuk pengunjung blog. Dan sebagai webmaster, kita bener-benar diwajibkan untuk memastikan bahwa pesan notifikasi pemberitahuan penggunaan cookie dapat tampil di pengunjung blog. Memasang Kode Notifikasi Cookie Blogger Kali ini saya akan membagikan alat generate plugin notifikasi cookie dari cookieconsent karena memang sangat mudah diterapkan. Langkah 1. Kunjungi --> https://cookieconsent.insites.com/ Langkah 2. Klik download untuk mem

Pentingnya Meta Tag Deskripsi?

Apa itu meta tag deskripsi? Meta tag deskripsi adalah penjelasan singkat mengenai isi dari blog, situs atau laman terkait. Sehingga google akan lebih mudah menampilkan pada halaman hasil mesin pencari mereka yang artinya adalah SEO . Sebagai contoh sederhana ketika kita menulis kata kunci di mesin pencari google , maka tampilannya sebagai berikut : Pentingnya meta tag deskripsi? Seperti dijelaskan secara singkat diatas fungsi dari meta tag deskripsi, Matt Cutts yang merupakan insinyur perangkat lunak dari google mengatakan bahwa mereka meggunakan meta tag deskripsi sebagai acuan dalam meningkatkan hasil pencarian google untuk suatu situs, tidak seperti meta tag kata kunci yang mereka anggap tidak perlu. Walaupun begitu tidak semua entri dari blog ini menggunakan meta tag deskripsi. Saya secara pribadi membiarkan robot google untuk menghasilkan deskripsinya sendiri, namun untuk posting yang sekiranya penting saya menambahkannya manual. Menggunakan meta tag deskripsi jika ingin mengopti