SimpleSangat High CTR Adsense Blogger Template

DEMO || DOWNLOAD

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:

<!-- 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.