Yang Terbaru

Subscribe Here!

Dapatkan Update Informasi Terbaru dari KANG MUROI Melalui Email

Blog Stats

5 Blogger Template Responsive High CTR Google Adsense

By On 31.5.17

CTR atau Click Through Rate ialah Jumlah Klik yang dibagi dengan jumlah Page Impressions. Bisa juga dikatakan CTR adalah klik presentase yang berpatokan dengan page impressions.

Template blog high CTR akan selalu memiliki loading yang minimalis, sebab template yang minimalis biasanya akan membuat loading blog dan iklan menjadi lebih cepat, sehingga visibilitas iklan dimata pengunjung menjadi lebih tinggi, karena semakin cepat iklan di load, semakin lama pula pengunjung akan melihat iklan.

Adapun beberapa hal lain yang menjadi kriteria template high CTR adalah sebagai berikut:
  1. Memiliki layout dan tampilan atau bidang yang lebih kecil : Bidang template yang lebih kecil lebih berpeluang mendapatkan jumlah klik yang banyak daripada bidang atau layout yang lebar. Lebar layout yang dimaksud disini adalah layout untuk menampilkan artikel utama.
  2. Clean and fresh : Usahakan memilih tampilan theme dengan warna dasar putih dan bersih agar terihat rapi dan bisa menyesuaikan dengan tampilan iklan.
  3. Responsive : Bisa menyesuaikan layar pada semua perangkat, termasuk perangkat mobile baik itu tablet atupun smartphone
Jika Anda tertarik, silakan bisa mendownload dan menerapkan salah satu template dibawah ini di blog Anda untuk mendapatkan persentase klik yang lebih tinggi pada laporan penghasilan Google Adsense:

1. Pro AdSense - Best Responsive High CTR Adsense Template
pro Adsense blogger template

2. Sang Ads - Seo Friendly dan Responsive Blogger Template
sang ads blogger template

3. Simple Sense - Best Responsive High CTR Adsense Template
simple sense blogger template

4. Invision - Best Responsive High CTR Adsense Template
invision blogger template

5.  Vikka Fast - Best Responsive High CTR Adsense Template
vikka fast blogger template

Nano Press Responsive Magazine Blogger Template

By On 30.5.17

Nanopress News Blogger Template has 2 columns with 1 right sidebar and 3 columns footer. Amazing colors used in this template white, Yellow and Gray. This template attached for Breaking news stick and Slideshow Template.

Nanopress News Blogger Template is Eyes cashed social book mark ready with Template and Amazing Email subscription widget buildup with template.

This template is Clean coded with Responsive design and SEO ready template. Nanopress News Blogger Template is some more features are, Vertical Drop down menu, Technology and fashion style, Auto post thumbnails and Responsive site. This template is best choice for your News blogs.

Features of Nanopress Responsive News/Magazine Blogger Template :

  • Fully Responsive Design - Check
  • Fully SEO Optimized - Check
  • Mobile Friendly Design - Check
  • Google Testing Tool Validator - Check
  • New - Weather widget
  • Support Youtube thumbnail
  • Advance Search Engine Optimization
  • Auto resize thumbnail image
  • Tabbed Menu
  • Well Online Documentation
  • Random posts
  • Recent Comments
  • Threaded Comment
  • Multiple comment system
  • Recent Post By Label
  • Related posts support
  • Ads Ready
  • Auto Author Image
  • Newsletter Subscription
  • Custom Error 404 Page
  • Blogger news templates
  • Compatible with major browsers (IE8+,Mozilla,Chrome,Safari)
  • Professional admin layout, help you easy work with blog layout.

Cara Mudah Memasang Komentar Disqus di Blogspot

By On 30.5.17

Memasang Komentar Disqus di Blogspot
Pada kesempatan kali ini adalah tentang tutorial bagaimana cara memasang komentar Disqus di blogger atau blogspot dengan mudah dan valid HTML5. Nah, jika anda berminat mengganti komentar default dengan komentar Disqus di blogspot anda, silahkan registrasi terlebih dahulu di https://disqus.com/admin/signup/?utm_source=New-Site. Setelah itu, sebelum memasang kode widget komentar ini di blog anda, perhatikan cara pemasangan yang benar berikut ini.

Pastikan anda sudah selesai membuat akun dan login di Disqus, silahkan klik icon gerigi (settings) > Add Disqus To Site, isikan data yang diminta sesuai blog anda, lalu klik Finish registration untuk melanjutkan ke tahap selanjutnya. Kemudian anda akan dibawa ke halaman selanjutnya dan klik Universal Code, kemudian cari kode seperti ini var disqus_shortname = 'usernameanda'; sebab kita memerlukan username (akun anda) dari kode tersebut.

Silahkan ganti kode yang ditandai pada script di bawah ini dan ganti tulisan USERNAME-ANDA dengan username anda tadi, gunakan notepad atau wordpad untuk mengedit kodenya. Berikut kodenya :
<script type='text/javascript'>
                var disqus_shortname = &quot;USERNAME-ANDA&quot;;
                var disqus_blogger_current_url = &quot;<data:blog.canonicalUrl/>&quot;;
                if (!disqus_blogger_current_url.length) {
                    disqus_blogger_current_url = &quot;<data:blog.url/>&quot;;
                }
                var disqus_blogger_homepage_url = &quot;<data:blog.homepageUrl/>&quot;;
                var disqus_blogger_canonical_homepage_url = &quot;<data:blog.canonicalHomepageUrl/>&quot;;
             (function() {
                        var bloggerjs = document.createElement(&quot;script&quot;);
                        bloggerjs.type = &quot;text/javascript&quot;;
                        bloggerjs.async = true;
                        bloggerjs.src = &quot;//&quot;+disqus_shortname+&quot;.disqus.com/blogger_item.js&quot;;
                        (document.getElementsByTagName(&quot;head&quot;)[0] || document.getElementsByTagName(&quot;body&quot;)[0]).appendChild(bloggerjs);
                    })();
                (function() {
                    var bloggerjs = document.createElement(&quot;script&quot;);
                    bloggerjs.type = &quot;text/javascript&quot;;
                    bloggerjs.async = true;
                    bloggerjs.src = &quot;//&quot;+disqus_shortname+&quot;.disqus.com/blogger_index.js&quot;;
                    (document.getElementsByTagName(&quot;head&quot;)[0] || document.getElementsByTagName(&quot;body&quot;)[0]).appendChild(bloggerjs);
                })();
                </script>
Langkah selanjutnya adalah kita akan menerapkannya di blogger melalui edit HTML, untuk lebih cepat gunakan ctrl+F untuk mencari kodenya. Lalu paste kode yang sudah di edit tadi di bawah kode berikut ini:
<b:includable id='comments' var='post'>
  <div class='comments' id='comments'>
Jangan lupa untuk menghapus seluruh css #comments yang ada di atas ]]></b:skin > dengan kode dibawah ini :
#comments {display:none;margin:10px 15px }
.post-comment-link { visibility: hidden; }
Terakhir adalah simpan template. Selamat mencoba dan semoga berhasil...

Cara Mudah Membuat Sitemap Blogspot di Google Web Master Tools

By On 29.5.17

Membuat Sitemap Blogspot di Google Web Master
Sitemap adalah salah satu alat bantu untuk para webmaster yang mempermudah dalam pengenalan peta situs di dalam website. Dengan begitu, mesin google dengan mudah menjelajah dan meraih halaman-halaman yang ada di dalamnya. Sama halnya dengan website pada umumnya, blog juga memerlukan sitemap agar mesin pencari dengan mudah mendeteksi konten di dalamnya. Dalam sistem sitemap ini pengguna dapat melakukan submit peta web berbasis XML langsung ke Google yang akan membantu Google mengindeks halaman web dengan mudah.

Cara Membuat Sitemap di Google Webmaster Tools sangatlah mudah. Anda hanya perlu membuat URL sitemap karena untuk blogspot harus menggunakan URL khusus, berbeda dengan wordpress yang bisa langsung meng-submit URL feed tanpa harus melakukan perubahan. Nah pada kesempatan kali ini saya akan berbagi trik bagaimana cara membuar sitemap di Google Web Master.

Cara submit sitemap di google webmaster tools :

  • Buka www.google.com/webmasters/tools/home?hl=in
  • Lalu klik link URL blog yang ingin Anda proses
  • Setelah itu akan muncul jendela baru yang merupakan dashboard GWT blog Anda
  • Pada bagian sebelah kiri ada beberapa pilihan menu, klik CRAWL, lalu klik SITEMAP
Membuat Sitemap Blogspot di Google Web Master
  • Pada layar tampilan sitemap bagian kanan ada pilihan, ADD/TEST SITEMAP
  • Jika blog Anda berplatform blogspot, maka masukkan feeds/posts/default ke dalam kolom yang tersedia dan klik SUBMIT
  • Jika Anda ingin menggunakan lebih dari satu sitemap silahkan masukkan juga sitemap di bawah ini satu per satu sebagaimana langkah-langkah di atas :
sitemap.xml
atom.xml?redirect=false&start-index=1&max-results=500
Sedikit penjelasan untuk jenis sitemap yang terakhir di atas adalah untuk blog yang jumlah postingannya masih di bawah 500, jika blog Anda telah memiliki lebih dari 500 postingan, maka tambahkan lagi sitemap di bawah ini :
atom.xml?redirect=false&start-index=501&max-results=500
Saya rasa dengan menggunakan tiga jenis sitemap itu sudah lebih dari cukup untuk mempercepat pengindeksan blog Anda di google meskipun masih ada jenis sitemap lainnya. Demikian cara membuat sitemap di Google Web Master atau Google Console, semoga bermanfaat

Cara Mendaftar Google Analytic dan Memasang Tracker ID di Blog

By On 28.5.17

Mendaftar Google Analytic
Google Analytics adalah layanan gratis dari Google yang menampilkan statistik pengunjung sebuah situs web. Google Analytics punya kemampuan menelusuri data pengunjung berdasarkan informasi halaman pengacu, yang datang dari berbagai sumber, termasuk dari mesin pencari milik Google sendiri hingga mesin pencari lain. Google Analytics juga mengorek informasi dari sumber iklan, jaringan pay-per-click, email marketing, dan juga tautan yang terkandung dalam dokumen PDF.

Google Analytics juga bermanfaat untuk menganalisis efektfitas iklan AdWords yang dipasang di Google. Dengan Google Analytics, pengguna dapat mengetahui iklan dan kata kunci apa yang paling banyak merujuk ke situs web pengguna. Dengan begitu, Anda akan lebih mudah mencari keyword untuk iklan Anda.

Google Analytics juga digunakan untuk mengetahui kepadatan trafik dari website/blog. Dengan menggunakan Google Analytics seseorang dapat membuat report tentang trafik website/blog dalam jangka waktu harian, mingguan, atau bulanan. Kita juga bisa membandingkan trafik dari waktu ke waktu.

Agar blog kita bisa cepat terlacak oleh google, maka kita harus mendaaptkan kodenya dan memasang pada blog kita. Kita langgung saja ke tutorial cara mendaftar google analytics dan memasang kode diblog anda.

Cara Mendaftar Google Analytics Universal

Kunjungi Halaman Googel Analiytics
Setelah berada pada halaman google analytics, scroll kebawah dan pilih SIGN UP FOR FREE.
Mendaftar Google Analytic

Klik PENDAFTARAN/SIGN UP untuk membuat akun analytics baru.
Mendaftar Google Analytic

Setelah anda masuk lengkapi formulir pendaftaran
Pastikan opsi yang anda pilih adalah WEBSITE bukan APLIKASI
Geser kebagian bawah anda akan memilih opsi dari google analytics dan pastikan pilih yang UNIVERSAL ANALYTICS karena fiturnya lengkap dan sama gratisan. Setelah pofmulir terisi silakan klik GET TRACKING ID
Mendaftar Google Analytic

Selanjutnya klik setuju pada PRIVACY POLICE 
Mendaftar Google Analytic
Setelah anda klik SETUJU, anda akan dibawa kehalaman akun anda, dan akan ada kode analytics yang anda harus pasang pada blog anda.
Silahkan copy kode tersebut

Memasang ID Tracking Google analytics pada blog anda

  • Masuk pada akun blogger anda
  • Pilih menu TEMPLATE
  • Pilih EDIT TEMPLATE
  • Cari kode </head> pada blog anda dan paste kode analytics tepat diatas </head>
  • Simpan Perubahan
Demikian cara mendaftarkan blog di Google Analytic dan mendapatkan Tracking ID dan memasangnya di blog. Semoga bermanfaat

Cara Mudah Mendaftarkan Blog di Google Web Master

By On 28.5.17

Mendaftarkan Blog di Google Web Master
Tutorial kali ini adalah untuk para blogger pemula, jadi buat Anda yang baru saja membuat blog silahkan daftarkan blog Anda di webmaster google atau google console agar blognya cepat terindex google. Karena hal ini berkaitan erat dengan optimasi SEO. Dengan kita mendaftar ke webmaster maka blog kita akan cepat di temukan oleh google. Jika ada beberapa blog tidak pernah di daftarkan ke webmaster munkin juga ini karena banyak yang belum tahu bagaimana caranya.Maka bagi sobat yang ingin daftar ke webmaster silahkan ikuti panduannya dibawah ini.

1. Langkah yang pertama tentunya silakan login ke webmaster tool dengan akun google Anda. Atau silahkan klik disini untuk login
2. Jika sudah login maka Anda akan dibawah ke halaman beranda seperti gambar dibawah ini
Mendaftarkan Blog di Google Web Master

Silahan klik TAMBAHKAN PROPERTI. dan kalau sudah klik pada menu itu, maka Anda akan di bawa ke halaman berikutnya seperti gambar dibawah ini. Silakan copy dan pastekan url atau alamat blog Anda dan klik TAMBAH.
Mendaftarkan Blog di Google Web Master
3.Jika sudah maka Anda akan dibawa ke halaman berikutnya, silakan klik METODE ALTERNATIF unutk mendapatkan kode google verifikasinya. Jangan lupa klik Tag HTML dan lihat ada kode verifiaksi yang muncul. Untuk lebih jelasnya silakan lihat gambar berikut ini.
Mendaftarkan Blog di Google Web Master

 4. Langkah yang terkahir adalah silahkan Anda copy meta verifikasi blog sobat dan taruh ke dalam blog antara <head>=======</head> alangkah baiknya Anda simpan di bawah kode <head>. Jika sudah silahkan save atau simpan. Sekarang kembali lagi ke halaman Google Web Master dan silakan klik kata VERIIKAKSI yang berwarna merah dibawah. Kalau Anda sudah benar menaruh kodenya maka blog sobat akan terverifikasi sukses di webmaster google.

Semoga potingan saya ini bermanfaat dan silakan bisa mencobanya.

Cara Memodifikasi Widget Label Blog Agar Lebih Menarik

By On 28.5.17

Memodifikasi Widget Label Blog Agar Lebih Menarik
Widget  label adalah salah satu feature blogger yang bisa dipasang di sidebar atau footer. Widget label alias kategori ini berfungsi sebagai navigasi menu dan internal link untuk memudahkan pengunjung mengeksplorasi konten blog kita karena dengan hanya mengklik salah satu label yang muncul maka pengunjung akan bisa melihat artikel atau postingan kita.

Dan untuk menarik perhatian, kita bisa memodifikasi widget Label ini agar lebih menarik lagi karena tampilan label ini bisa menjadi daya tarik para pengunjung blog. Tampilan yang simpel dan elegan bisa menjadi alternatif untuk memodifukasi widget label ini.

Untuk memperindah tampilan widget label ini, banyak sekali kode CSS yang sudah dibagikan oleh para master desain template blogger. Anda bisa browsing dan akan menemukan berbagai macam tutorial cara mempercantik label ini dan silakan pilih sesuai selera Anda.

Cara Modifikasi Widget Label Blog Agar Lebih Menarik

Jika Anda ingin menampilkan widget label denagn tampilan yang cantik tapi masih terkesan sederhana, sialakan Anda ikuti cara membuatnya:

1. Template > Edit HTML
2. Copas saja kode CSS Label Widget berikut ini dan pastekan di atas kode ]]></b:skin>
.label-size{margin:7px;padding:7px;text-transform:uppercase;border:solid 1px #C6C6C6;border-radius:3px;float:left;text-decoration:none;font-size:12px;color:#666}.label-size:hover{border:1px solid #6BB5FF;text-decoration:none;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;-webkit-transition:all .5s ease-out;-ms-transition:all .5s ease-out;transition:all .5s ease-out;-moz-transform:rotate(7deg);-o-transform:rotate(7deg);-webkit-transform:rotate(7deg);-ms-transform:rotate(7deg);transform:rotate(7deg);filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.9961946980917455,M12=-0.08715574274765817,M21=0.08715574274765817,M22=0.9961946980917455,sizingMethod='auto expand');zoom:1}.label-size a{text-transform:uppercase;float:left;text-decoration:none}.label-size a:hover{text-decoration:none}
3. Save Template!

Langkah berikutnya, tambahkan widget label dengan cara:

1. Layout > Add a Gadget > pilih Label
2. Lakukan setting dengan klik "Cloud" seperti gambar berikut ini:
cloud labels

Selamat mencoba...