SimpleSangat High CTR Adsense Blogger Template
Selamat malam good people, kali ini saya mau membagikan template buatan +AA Gian yang diberinama SimpleSangat. Dengan menggunakan template SimpleSangat High CTR Adsense Blogger Template yang sederhana dan simple ini diharapkan kalian dapat mengoptimalkan pendapatan adsense kalian.
FITUR TEMPLATE
Mobile Friendly dan Responsive design
Ini adalah responsive blogger template, artinya template ini dapat bekerja dengan baik di desktop, tablet, bahkan ponsel atau handphone kecil sekalipun, dan pastinya template tetap sempurna dan high quality. Template ini juga dilengkapi dengan custom template mobile, jika anda menggunakan custom template mobile maka template ini akan bekerja dengan baik.
Full SEO, dinamic heading dan valid scheme.org
Hal yang sangat penting bagi dari bloging dan website adalah SEO. Template ini sudah fully SEO, dengan dinamic heading yang tertata rapi baik di halaman index, arcive, label, maupun di postingan.
Pada Index
- h1 di judul blog
- h2 di judul postingan
- h3 di judul widget
Pada Post
- h1 di judul blog
- h2 di releated title
- h3 di judul widget
Mendapat nilai 100% di chkme dan template ini sudah menggunakan scheme website terkini, mulai dari header, navigasi, breadcrumbs, blog, blogpost, sidebar maupun di footernya.
High CTR Adsense Place
Sesuai judul, template ini dapat mengoptimalkan pendapatan adsense kalian. Dengan desain yang sempit dan ketika pengunjung membuat website atau blog kalian, akan langsung disajikan adsense sehingga kemungkinan klik iklan kalian akan semakin besar. Desain ini cocok untuk personal blog yang ingin memaksimalkan adsense kalian.
Fitur | Free | Premium |
---|---|---|
Responsive Design | Cek Fitur | |
Custom Mobile | Cek Fitur | |
Mobile Friendly | Cek Fitur | |
Valid Scheme.org | Cek Fitur | |
Valid HTML5 | Cek Fitur | |
Valid Feed | Cek Fitur | |
Fast Load Performance | ||
High CTR | ||
2 Kolom | ||
Adsense Ready | ||
Popular post | ||
Related post | ||
Snippet with thumbnail | ||
Breadcrumbs | ||
Responsive Video | ||
Responsive Image | ||
Responsive Table | ||
Responsive Dropdown Menu | ||
Flat button | ||
Search box | ||
CSS pre and kbd | ||
Custom Box Subscriber | (Feedburner) | (Feedburner) |
Social share button | ||
Label Widget | ||
List Link Widget | ||
Remove Footer Credit | ||
No Encrypted Scripts | ||
No Minify CSS | ||
Sale Template |
PENGATURAN TEMPLATE
Setelah kalian menggunakan template SimpleSangat High CTR Adsense Blogger Template ada yang perlu kalian edit agar kinerja template bekerja dengan baik
1. Konfigurasi Meta
Masuk ke blogger -> template -> Edit HTML cari kode berikut:
<!-- Ganti dengan aplikasi ID facebook anda sendiri -->
<meta content='226875977396331' property='fb:app_id'/>
<!-- Ganti dengan twitter username anda sendiri xxx ganti dengan @xxx -->
<meta content='xxx' name='twitter:site'/>
<meta content='xxx' name='twitter:creator'/>
<!-- ganti kode https://plus.google.com/+AAGian dengan url google plus anda -->
<link href='https://plus.google.com/+AAGian/about' rel='author'/>
<link href='https://plus.google.com/+AAGian/posts' rel='publisher'/>
<link href='https://plus.google.com/+AAGian/' rel='me'/>
Keterangan:- Ganti kode 226875977396331 dengan facebook app ID kalian sendiri, jika kalian tidak punya app ID sendiri, kalian bisa menggunakan app ID punya Kang Gian, atau kalian bisa menghapus kode <meta content='226875977396331' property='fb:app_id'/>.
- Ganti kode xxx dengan username twitter kalian.
- Ganti kode +AAGian dengan ID Google+ kalian.
2. Konfigurasi box subscriber
Masih di Edit HTML cari kode berikut:
<b:includable id='subscribebox' var='post'>
<div class='gmr-subscribebox'>
<h4>Subscribe via Email</h4>
<form action='http://feedburner.google.com/fb/a/mailverify' onsubmit='window.open("https://feedburner.google.com/fb/a/mailverify?uri=gianmr", "popupwindow", "scrollbars=yes,width=550,height=520"); return true' method='post' target='popupwindow'>
<input name='email' type='text' id='gmr-subscribe-input' placeholder='Email Address..'/>
<input value='gianmr' name='uri' type='hidden'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='gmr-btn gmr-btn-orange gmr-btn-block' type='submit' value='Subscribe Now'/>
</form>
</div>
</b:includable>
Keterangan:
- Ganti kode gianmr dengan namafeed kalian, biasanya link feed burner yaitu http://feeds.feedburner.com/namafeedkalian maka kalian tinggal mengganti gianmr dengan namafeedkalian.
3. Iklan Adsense Sebelum dan Sesudah Artikel
Masih di Edit HTML cari kode berikut:
3. Iklan Adsense Sebelum dan Sesudah Artikel
Masih di Edit HTML cari kode berikut:
<!-- Adsense 336x280 before article start -->
<img alt="adsense 336x280" height="280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgedxx8S3dESRqvmBxdDkfQJZoju_4cznfC1Xv0S-A15ys_UAxqCvlspciAMQx5gNH5YNq1NF45nSgl-9E35681IsymprG0e13dZUIaqtsSXdi_jfPdcW2Wpcf-eUXNC3cnW5UO2dPppInW/s1600/adsense336x280.png" title="adsense 336x280" width="336" />
<!-- Adsense 336x280 before article end -->
<data:post.body/>
<!-- Adsense 336x280 after article start -->
<img alt="adsense 336x280" height="280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgedxx8S3dESRqvmBxdDkfQJZoju_4cznfC1Xv0S-A15ys_UAxqCvlspciAMQx5gNH5YNq1NF45nSgl-9E35681IsymprG0e13dZUIaqtsSXdi_jfPdcW2Wpcf-eUXNC3cnW5UO2dPppInW/s1600/adsense336x280.png" title="adsense 336x280" width="336" />
<!-- Adsense 336x280 after article end -->
Keterangan:Sebelum memasukkan kode iklan adsense silahkan kalian parse terlebih dahulu kode iklan adsense kalian, untuk penempatan kode iklan diatas artikel, kalian hapus dan ganti kode yang ada diatas <data:post.body/> untuk penempatan kode iklan dibawah artikel, kalian hapus dan ganti kode yang ada dibawah <data:post.body/>.
4. Setting Menu atau Top Navigasi
Silahkan kalian setting widget atau gadget kalian, masuk ke blogger -> tata letak Lalu edit menu Navigasi.
Masukkan kode berikut:
<!-- Menu toggle -->
<a href='#gmrmenu' id='gmrmenuLink' class='menu-link' title='Open Menu'>
<!-- Hamburger icon -->
<span></span> Menu
</a>
<div id='gmrmenu'>
<ul>
<li itemprop='url'><a expr:href='data:blog.homepageUrl' title='Home' itemprop='name'>Home</a></li>
<li itemprop='url'><a href='#' title='Menu' itemprop='name'>Menu</a></li>
<li itemprop='url'><a href='#' title='Menu' itemprop='name'>Menu</a></li>
<li itemprop='url'><a href='#' title='Menu' itemprop='name'>Menu</a></li>
<li itemprop='url'>
<a class='submenus' href='#' title='Menu' itemprop='name'>Menu</a>
<ul class='menus'>
<li itemprop='url'><a href='#' itemprop='name' title='SubMenu'>SubMenu</a></li>
<li itemprop='url'><a href='#' itemprop='name' title='SubMenu'>SubMenu</a></li>
</ul>
</li>
<li itemprop='url'><a href='#' title='Menu' itemprop='name'>Menu</a></li>
</ul>
</div>
Keterangan:Ganti kode # dengan URL anda, ganti tulisan Menu dengan nama menu kalian, ganti tulisan SubMenu dengan nama submenu kalian.
Biarkan struktur HTML seperti diatas, jangan mengganti class atau lainnya. Atau tampilan menu kalian tidak akan seperti demo. cukup mengganti href, dan judul menunya saja, kalau mau menambahkan menu kalian bisa memasukkan kode:
<li itemprop='url'><a href='#' title='Menu' itemprop='name'>Menu</a></li>
5. Validasi HTML5 Widget
Silahkan kalian cari kode
<b:include name='quickedit'/>
di Edit HTML dan hapus agar blog kalian Valid HTML5 dan SEO. Kode itu akan muncul ketika menambah widget/gadget baru.[X] Catatan: Di larang menghapus credit
Bila kalian masih belum mengerti dengan pengaturan template ini, kalian bisa berkomentar diartikel ini, semoga bermanfaat.
0 komentar:
Posting Komentar
Silahkan komentar yang relevan, jangan menaruh link aktif pada komentar.