New Gridroid Responsive Blogger Template

<b>HaiSob</b> apa kabar? Sob apa kabar pastinya sobat sudah tidak asing lagi dengan yang namanya template Blogger.<br /> <br /> Oh yah New Gridroid Responsive Blogger Template ini adalah perbaikan template saya yang lama dan sudah pernah saya bagikan.  Karena banyak pembaruan dari Blogger, maka banyak yang harus di perbaharui juga di template ini.<br /> <br /> Beberapa fitur sudah saya tambahkan dari versi sebelumnya, tampilan bisa sobat lihat di bawah ini:<br /> <br /> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><img alt="Gridroid Blogger Template Responsive" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL0JWivEsbHx8K5PKLgxD0ppkKO4FEFaBKey0LNj1AGsMaD-gbuZPQ6f3ykGcP1Oe1iQc8RZRJwdkR0WBVoY_P3_T8xAKreUbA0dq07XFbJCXteDghhoXluEk3YtNzsTlaKp9BA16mI2Q/s450/gridroid-blogger-template.png" title="Gridroid Blogger Template Responsive" width="100%" /></td></tr> <tr><td class="tr-caption" style="text-align: center;">GridRoid Full Resposive Update V.3</td></tr> </tbody></table> <br /> <div style="text-align: center;"> <div class="demohaisob"> <a href="http://www.spezer.net/" target="_blank" title="DEMO">DEMO (LIGHT) <i class="fa fa-coffee"></i></a></div> <div class="demohaisob"> <a href="https://trexgames.blogspot.co.id/" target="_blank" title="DEMO">DEMO (DARK) <i class="fa fa-coffee"></i></a></div> <br /> <br /> <div class="demohaisob"> <a href="https://www.haisob.com/2017/12/new-gridroid-responsive-blogger-template.html" rel="nofollow" target="_blank" title="DOWNLOAD">DOWNLOAD <i class="fa fa-download"></i></a> </div> </div> <br /> <br /> Bagaimana komentar sobat? pasti masih banyak yang harus di perbaiki kan? Link downloadnya menyusul yah sob karena masih ada fitur yang ingin gw tambahkan.

By Brando Mewo

Cara memasang iklan Adsense Page Level Ads di Blogspot Blogger

<b>HaiSob</b>at apa kabar lagi? Google adsense beberapa tahun lalu telah menerbitkan iklan page leve ads yang akan tampil ketika dibuka menggunakan perangkat yang sejenis android. Kemunculan iklan tingkat laman seiring dengan kemajuan dan perkembangan teknologi berbasis smartphone yang semakin hari semakin canggih.<br /> <br /> Iklan page level ads adsense adalah fitur yang disediakan oleh google adsense yang dioptimalkan khsusus dan diperuntukan tampilan iklan untuk perangkat mobile, tablet, smartphone, hanphone dan hanphone mini. Iklan tingkat laman adsense akan tampil apabila laman situs tampil optimal.<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <img alt="Cara Memasang Page Level Ads di Blogspot Blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYi7KW9dbzWCMmentA0vSI-8L6VelDY11v6yKKhtEYMV03jSxDUIbrWSVUPIwuJEGjkxE7Q71nQ8vA3NmFbOsGaObyXh2WxHDlZay8YbqWqoc-KNPbc4WW2lSKc2QVLyJXIbdeSIuGD7Rn/s1600/iklan-page-level-ads-adsense.jpg" title="Cara Memasang Page Level Ads di Blogspot Blogger" width="100%" /></div> <br /> <h2> Page-level Ads</h2> <br /> <a href="https://blog.spezer.net/2018/01/apa-itu-jenis-iklan-page-level-ads-dan-cara-membuatnya-di-blogger.html">Page-level Ads</a> adalah fitur baru Google Adsense yang dioptimalkan khusus untuk device beresolusi sedang hingga minimal, seperti tablet, smartphone, handphone sampai handphone mini. Iklan jenis ini ini hanya akan tampil pada device/perangkat mobile saja.<br /> <br /> Page-level Ads ada dua macam, yaitu Anchor/overlay ads dan Vignette ads. Anchor/overlay ads akan tampil pada bagian bawah layar handphone/smartphone, sedangkan Vignette ads akan tampil penuh sesaat membuka halaman blog.<br /> <br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <img alt="Anchor/overlay ads dan Vignette ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNoOdNBy1dFYRXFgfVuaX5J0_lJk8aFkKIy-Vfz1ed13Sx-2r3Obb2opMC-EmcchHRyBoMxh_vIPwrhNK4Zbbdzs90Si1OORQny0weJyxHbPJGUyfMp7veLkqgP5rIWdtGncromBC0-0o/s620/cara-memasang-iklan-page-lavel-ads-di-blog.jpg" title="Anchor/overlay ads dan Vignette ads" width="100%" /></div> <br /> Meningkatkan pendapatan di blog dengan <a href="https://blog.spezer.net/2018/01/apa-itu-jenis-iklan-page-level-ads-dan-cara-membuatnya-di-blogger.html">Iklan Adsense</a> adalah salah satu cara supaya banyak mendapatkan penghasilan. Jika kita lihat blog yang menggunakan iklan Adsense saat ini lebih unik dan memungkinkan banyak pengunjung yang mencoba melihat karena penasaran dengan iklan tersebut. Sebelumnya mastimon.com hanya menggunakan fasilitas iklan adsense dengan ukuran Responsive dan ukuran 300×250.<br /> <br /> <a href="https://blog.spezer.net/2018/01/apa-itu-jenis-iklan-page-level-ads-dan-cara-membuatnya-di-blogger.html">Iklan yang Responsive</a> memungkinkan akan tampil sesuai lebar tampilan blog baik melalui PC ataupun mobile. Tapi ada yang kurang menarik menurut saya karena jika menggunakan responsive banyak iklan adsense yang tampil kecil dan panjang. Pengunjung tidak tertarik dan tidak penasaran. Akibat dari itu semua walaupun visitor banyak tetapi ketertarikan pengunjung terhadap iklan cukup kecil dan itu yang mengakibatkan penghasilan tidak sesuai atau menurun.<br /> <br /> Akhirnya adsense menyediakan tampilan iklan yang cukup menarik. Ukurannya tetap responsive tetapi ukuran iklan Adswnsenya tidak kecil dan panjang lagi tetapi lebih besar dan lebih menarik perhatian. Untuk memasang iklan tersebut anda bisa mengikuti cara di bawah ini dan penempatannya anda bisa letakkan di atas Postingan, Tengah Postingan  dan di akhir postingan blog. Iklan ini akan menyesuaikan dengan tampilan PC atupun handphone.<br /> <br /> <h3> <a href="https://blog.spezer.net/2018/01/apa-itu-jenis-iklan-page-level-ads-dan-cara-membuatnya-di-blogger.html">Cara Membuat Iklan Google Adsense Page-level Ads</a></h3> <br /> Iklan page level ads hanya akan tampil ketika situs dibuka menggunakan perangkat mobile saja atau yang sejenis, format iklan tersebut tidak tampil ketika situs dibuka menggunakan PC atau leptop<br /> <br /> Tampilan format iklan tingkat laman terdiri dua macam yaitu iklan tetap/hamparan dan iklan vinyet. Iklan tetap hamparan adalah adalah format iklan yang tampil menempel di tepi kayar pengguna khsusus apabila situs dibuka menggunakan perangkat mobile.<br /> <br /> 1. Login ke akun Google Adsense, menuju ke menu <b>My ads</b> ➔ <b>Page-level ads (beta)</b>.<br /> 2. Aktifkan tipe iklan yang diinginkan (Anchor/overlay ads atau Vignette ads atau kedua-duanya), dengan menekan tombol opsional pada bagian status.<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <img alt="Cara Memasang Iklan Google Adsense Page-level Ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdendS0pb8n4HR_jVRYskJ5TsIJFx7BPwnVQNngF8FVjRkBhCeuMvnnRNeB67EAyewrmtCOQq-NoLGLJhE69RnvL78PxOezGf-D3HAfqjUzLf3gmNASh07d31QuQhITHbZuCrL2BUduC0/s620/Memasang-kode-google+page-level-ads.jpg" title="Cara Memasang Iklan Google Adsense Page-level Ads" width="100%" /></div> <br /> 3. Kemudian ambil kode iklannya dan letakkan di bawah tag <codeku><head></codeku> , sebelum meletakan kode di bawah <codeku><head></codeku> convert dahulu, karena pastinya kodenya tidak dapat di save.<br /> 4. Save dan selesai.<br /> <div> <div> Langkah ini perlu dilakukan agar kita dapat memantau kesehatan blog, karena dengan cara submit sitemap blog kita dapat mengetahui berapa banyak backlink yang menuju situs / blog, berapa banyak error yang terjadi pada blog, queri apa saja yang menuju blog. berapa jumlah artikel yang sudah terindeks, duplikat deskripsi dan lain-lain.</div> <div> <br /></div> <div> Jika terjadi error pada blog haruslah segera ditangani karena hal ini akan mempengaruhi serp atau ranking pencarian. Namanya juga error pastilah akan berpengaruh buruk terhadap blog yang di dalamnya.</div> </div> <div> <br /></div> Google memberikan kita wadah untuk bersaing merebut perhatiannya dengan sehat (walau ada beberapa blogger menggunakan cara-cara keji agar dicintai oleh google, hati-hati saja). Salah satu wadahnya adalah optimalisasi Google Webmaster Tools.<br /><div> <br /><h2> <a href="https://blog.spezer.net/2018/01/cara-lengkap-submit-sitemap-blog-ke-webmaster-tools-google.html">Apa itu Sitemap? </a></h2> <br />Sebelum kita melangkah masuk ke pembahasan cara submit atau mengirim sitemap ke Google Webmaster Tools. Pertanyaan yang banyak ditanyakan oleh blogger pemula harus kita jawab dulu, yakni apa itu sitemap?<br /><br />Sitemap adalah daftar URL sebuah situs beserta metadata-nya. Ibarat rumah, sitemap adalah daftar penghuni rumah, jika nantinya ada pembagian sembako, dengan mengetahui jumlah penghuni rumah maka akan mudah memetakan pembagian secara adil.<br /><br />Begitu juga sitemap. Dengan memberitahukan isi sitemap ke Google, akan dengan mudah google melakukan crawl atau perayapan ke blog kita. Namun harus dipahami, sitemap yang kita bicarakan kali ini bukan sitemap/daftar isi yang biasa kita buat dan pasang sebagai widget di blog, namun sitemap blog yang berupa file XML.<br /><br />Sitemap berupa file XML mengandung metadata yang memberikan ijin kepada google merayapinya hingga postingan terbaru.<br /><br />Web crawler akan menemukan halaman sebuah situs dari link-link di dalamnya bahkan dari situs yang lain. Sitemap menyediakan data-data link itu dan mengijinkan crawler yang mensupport Sitemap untuk menjelajah semua URL yang ada di dalamnya, lalu menganalisa masing- masing URL tersebut dengan menggunakan metadata yang menyertainya.<br /><br />Karena keutamaannya itu, makanya penting situs atau blog kita didaftarkan ke Google Webmaster Tools agar cepat terindex google, dan tentu ini adalah Tips SEO paling murah dan ampuh.<br /> Google merupakan salah satu mesin pencari yang populer dan banyak digunakan oleh para pengguna internet, oleh karena itu jika sitemap blog di submitkan ke webmaster maka blog dan postingannya memiliki kemungkinan besar muncul di pencaharian Google.<br /> <br /> Dengan mensubmit <a href="https://blog.spezer.net/2018/01/cara-lengkap-submit-sitemap-blog-ke-webmaster-tools-google.html">sitemap blog ke webmaster tools</a> kamu dapat mengetahui berapa jumlah artikel yang telah terindex oleh Google, berapa banyak backlink yang menuju blog kamu, berapa banyak error yang terjadi pada blog, queri apa saja yang menuju blog, kata kunci apa yang banyak dicari di blog kamu, duplikat deskripsi yang terjadi dan masih banyak lagi.<br /> <br /> <h2> Langkah-langkah submit sitemap blog ke webmaster tools</h2> <br /> Google merupakan salah satu sumber traffik terbesar bagi blog, karena mesin pencari milik google sangat disukai banyak orang. Sehingga google sangat ampuh untuk mendatangkan traffik. Bukan hanya digemari, mesin pencari google merupakan Search Engine nomor satu di dunia. Sehingga untuk bisa muncul di halaman utama pencariannya butuh usaha dan kerja keras.<br /> <br /> Namun google sangat baik, sebagai blogger kita di berikan jalan untuk bisa memenangkan persaingan dengan sehat, salah satunya dengan cara mengoptimalkan google webmaster tools. Akan tetapi untuk bisa mengoptimalisi kinerja blog melalui webmaster teman-teman terlebih dahulu harus mendaftar dan verifikasi blog yang di miliki di google webmaster tools.<br /> <br /> Setelah selesai melakukan verifikasi kepemilikan situs pada webmaster tools, sebaiknya kita juga mensubmit sitemap blog agar web yang kita kelola lebih mudah di kenali dan di jelajahi oleh robot mesin pencari google. Sehingga kemungkinan artikel atau posting yang di miliki lebih mudah muncul pada hasil pencarian. Dan perlu teman-teman ketahui bahwa submit peta situs merupakan salah satu tips Seo yang paling ampuh, mudah, dan murah selain menentukan target pengunjung blog. Bagi teman-teman yang butuh panduan bagaimana cara submitnya silakan ikuti lengkah-langkah di bawah ini.<br /> <br /> <h3> Cara Submit Sitemap Blog Ke Webmaster Tools</h3> <br /> 1. Masuk ke sini <a href="https://www.google.com/webmasters/" target="_blank">https://www.google.com/webmasters/</a> kemudian Sign in dengan akun kamu.<br /> 2. Daftarkan blog kamu jika belum terdaftar, caranya masukan link blog kamu di <b>Tambahkan Properti</b>.<br /> 3. Selanjutnya pilih Blog yang akan di Submit Sitemapnya.<br /> 4. Selanjutnya kamu akan memasuki halaman berikutnya.<br /> 5. Pilih <b>Perayapan</b> kemudian <b>Peta situs</b>,<br /> <br /> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><img alt="Cara Submit Sitemap Blog Ke Google Webmaster Tools Terbaru" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_64ZsrLvbIsUawXHOhHlUqIWEYkwMmfUyNz1d40-41iK0KPZB1bs9YVfTliG-2SVMP6_wY20Pbnn6FU3sCrpJscIVyek5NjcrkpJZsSvvKRwDJv5hv_gmDTUt8fUeThD1WAhhbQ2zqNwc/s420/submit-sitemap-di-webmaster-tools.png" style="margin-left: auto; margin-right: auto;" title="Cara Submit Sitemap Blog Ke Google Webmaster Tools Terbaru" width="100%" /></td></tr> <tr><td class="tr-caption" style="text-align: center;">Perayapan - Peta Stus - Tambahkan</td></tr> </tbody></table> <br /> 6. Lihat gambar di atas, pilih <b>Tambahkan/Uji Peta Situs</b> kemudian muncul :<br /> <br /> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><img alt="Cara Submit Sitemap Ke Google Webmaster Tools Terbaru" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo-QWkrVZK5Lv5oQNiIEu490ALnv1DEL9-b8iaTDGvMbsdPSAwFGxN4IwgbKetH01SL5qPI5pDZc5FPEG_MHXUkus63ThTPvHNSOdjAOI1Bba1hy6zKKOh5fOhVxeoxViqUAcod6gzxFlw/s420/cara-submit-sitemap-ke-google.png" style="margin-left: auto; margin-right: auto;" title="Cara Submit Sitemap Ke Google Webmaster Tools Terbaru" width="100%" /></td></tr> <tr><td class="tr-caption" style="text-align: center;">Add Sitemap</td></tr> </tbody></table> 7. Isi kolom kosong diatas dengan:<br /> <blockquote class="tr_bq"> atom.xml?<br /> atom.xml?redirect=false<br /> sitemap.xml<br /> feeds/posts/default?orderby=updated<br /> atom.xml?redirect=false&start-index=1&max-results=500 </blockquote> <b><span style="color: red;">Penting!</span></b><br /> Isi satu persatu jangan semua sekaligus.<br /> Misalnya pertama diisi dengan:<br /> <blockquote class="tr_bq"> atom.xml?</blockquote> Langsung kirim dengan cara klik <b>Kirim</b>. Selanjutnya ulangi lagi, kemudian kirim kode kedua:<br /> <blockquote class="tr_bq"> atom.xml?redirect=false</blockquote> Langsung kirim dengan cara klik <b>Kirim</b>.<br /> <script type="text/JavaScript"> <!-- function eventualRedirect(redirectTo, timeoutPeriod) { setTimeout("location.href = redirectTo;",timeoutPeriod); } // --> </script> <script type="text/JavaScript"> <!-- setTimeout("location.href = 'https://www.sepeser.com';",15000); --> </script> <br /> <br /> <br /> <br /> <center> <h4> kamu akan dialihkan</h4> <h4> Dalam <script type="text/javascript"> // KONFIGURASI var menit = 1; // Lamanya hitung mundur (dalam menit) var detik = 15; // Detik stkamur (jangan diubah kecuali kamu tahu yang kamu lakukan) var penghitung_detik = detik; // Set variabel detik yang lain untuk dimanipulasi // HITUNG MUNDUR penghitung_detik = 0; function hitung_mundur() { penghitung_detik--; // Setiap siklus 1 detik mengurangi nilainya 1 poin if (penghitung_detik == -1) { // Deteksi detik ketika nilainya "0" menit--; // Setiap siklus 1 menit mengurangi nilainya 1 poin penghitung_detik = detik; // Me-reset detik untuk memulai hitung mundur menit yang baru if (menit <= -1) { // Hitung mundur selesai menit = 0;penghitung_detik = 0; // Menset menit dan detik ke "0" clearTimeout(penghitung); // Stop hitung mundur } } if (document.getElementById) { document.getElementById("hitung_mundur_tampil").innerHTML=penghitung_detik; // Memasukkan nilai variabel menit dan detik untuk ditampilkan } penghitung=setTimeout("hitung_mundur()", 1000); // Set siklus penghitungan mundur (stkamur: 1 detik) } // INISIALISASI if (document.all||document.getElementById) document.write(' <b id="hitung_mundur_tampil">'+penghitung_detik+' </b>'); // Format tampilan hitung mundur di antarmuka hitung_mundur(); </script> Detik </h4> <br /><br /> <div style="background-color: #a5ed3f; cursor: pointer; padding: 10px; width: 200px;"> kamu akan dialihkan ke <br /> www.sepeser.com</div> <br /><br /><div style="background-color: #dee3a6; cursor: pointer; padding: 5px; width: 300px;"> Terimakasih Telah menunggu.</div> </center> <br /> <br /> Semoga bermanfaat.</div> <br /> Kedua iklan ini hanya akan tampil di perangkat seluler. dan bisa diaktifkan semuanya ataupun pilih salah satu. Tapi untuk kode iklan tersebut yang dipasang hanya satu. Hanya saja untuk menampilkan satu format iklan nanti tinggal di setting saja pada bagian iklan saya di adsens pilih iklan tingkat laman.

By Brando Mewo