In SEO 2 Responsive and SEO Friendly Blogger Template
Template
Tampilan homepage In SEO 2 terinspirasi dari tampilan blog Kang Ismet dengan layout grid yang akan menjadikan daya tarik tersendiri bagi pengunjung untuk berlama-lama di blog kita :)
Untuk Anda sobat blogger yang menggunakan platform blogspot, berikut ini saya akan membagikan template In SEO 2 yang sudah SEO friendly dan mendukung responsive yang bisa Anda gunakan di blog Anda.
Silakan lihat fitur, demo, dan link download template In SEO 2 Responsive Blogger Template di bawah ini
| Features | Availability |
|---|---|
| Responsive | True Cek |
| SEO Friendly | True |
| Mobile Friendly | True Cek |
| Personal Blog | True |
| 2 Column | True |
| Light Base Sky Blue Color | True |
| Breadcrumbs | True |
| Related Posts with Thumb | True |
| Search Box | True |
| Social Share Button | True |
| Back to Top Button | True |
| Grid Style | True |
| Multi Tab Sidebar | True |
| Unlimited Page Numbered | True |
| Recent Post Widget | True |
| Fixed Menu Navigation | True |
| 2 Color Option | True |
| Notification Box | True |
Setingan Template
Pertama buka template editor, kemudian cari kode-kode di bawah ini :
Meta Tag
Cari kode xxxxx kemudian ganti dengan keterangan blog (Jika tidak digunakan hapus saja)
<link href='https://plus.google.com/xxxxx/posts' rel='publisher'/>
<link href='https://plus.google.com/xxxxx/about' rel='author'/>
<link href='https://plus.google.com/xxxxx' rel='me'/>
<meta content='xxxxx' name='Author'/>
<meta content='xxxxx' property='fb:app_id'/>
<meta content='xxxxx' property='fb:admins'/>
<meta content='xxxxx' property='og:description'/>
<meta content='xxxxx' name='twitter:site'/>
<meta content='xxxxx' name='twitter:creator'/>Setingan widget
Recent Post Widget
<div class='daftar-recent-post' data-domain='www.halosehat.xyz'/>Ganti kode yang ditandai dengan alamat blog Anda.
Notification Box
<div id='indzignbox'>
<div class='notif-info info' onclick='document.getElementById('myModal').style.top='80px';document.getElementById('overlay').style.display='block';'><i class='fa fa-info icon-box' style='padding: 10px 15px;'/>Baca Notice Blog<p>Baca Notice Terbaru disini.</p></div>
<div class='notif-info' onclick='document.getElementById('mydonasi').style.top='80px';document.getElementById('overlay').style.display='block';'><i class='fa fa-credit-card icon-box' style='padding: 10px;background-color:#00BCD4;'/>Donasi Untuk Blog ini<p>Berikan Donasi seikhlasnya.</p></div>
<input class='closebox' onclick='document.getElementById('indzignbox').style.top='-381px';' title='Close this' type='button' value='×'/>
</div>
<div id='overlay'/>
<div class='modal-dialog' id='myModal'>
<div class='modal-content'>
<div class='modal-header'>
<h4 class='modal-title' id='myModalLabel'>
Selamat Datang di Blog In SEO 2</h4>
</div>
<div class='modal-body'>
Gunakan Search form yang terletak pada kanan atas blog ini, Jika ingin berkomentar harap berkomentarlah dengan <b>RELEVAN!</b>.<br/>
Dan buat sobat yang mencari template blogger keren sobat bisa cari <a href='#' target='_blank' title='Koleksi Template Keren.'>disini</a>.<br/>
Dilarang <b>Copy Paste</b> Artikel disini secara keseluruhan, Jika ingin mengutip harap Cantumkan sumber LINK ke blog ini.
</div>
<div class='modal-footer'>
<button class='btn btn-primary' onclick='document.getElementById('myModal').style.top='-500px';document.getElementById('overlay').style.display='none';' type='button'>Close</button>
</div>
</div>
</div>
<div class='modal-dialog' id='mydonasi'>
<div class='modal-content'>
<div class='modal-header'>
<button aria-hidden='true' class='close' data-dismiss='modal' id='closex' onclick='document.getElementById('mydonasi').style.top='-500px';document.getElementById('overlay').style.display='none';' type='button'>×</button>
<h4 class='modal-title' id='myModalLabel'>
DONATION</h4>
</div>
<div class='modal-body'>
Donasi yang kamu berikan akan saya gunakan untuk mengembangkan blog ini menjadi lebih baik.<br/>
<b><i class='fa fa-credit-card'/> BANK</b>: 72xxxxxx<br/>
<b><i class='fa fa-phone-square'/> PULSA</b> : 08xx-xxxx-xxx
</div>
</div>
</div>Isi keterangan sesuai keinginan Anda.
Menu Navigasi
<nav class='fixnavbar'>
<button class='nav-icon-position nav-icon' type='button'>
<span class='icon-line'/>
<span class='icon-line'/>
<span class='icon-line'/>
</button>
<ul class='fixednav' id='togglemenu'>
<li><a href='/'>Home</a></li>
<li><a href='#'>Hiburan</a></li>
<li><a href='#'>Olahraga</a></li>
<li><a href='#'>Otomotif</a></li>
<li><a href='#'>Teknologi</a></li>
<li><a href='#'>Tips dan Trik</a></li>
<li class='indzign-box' onclick='document.getElementById('indzignbox').style.top='60px';document.getElementById('count-box').style.display='none';'><i class='fa fa-bars'/></li>
</ul>
</nav>Social Network Icon dengan Search Box
<div class='sosmed'><div class='betweener'>
<a class='facebookBtn smGlobalBtn' href='#' rel='nofollow' target='_blank' title='Follow on Facebook'/>
<a class='twitterBtn smGlobalBtn' href='#' rel='nofollow' target='_blank' title='Follow on Twitter'/>
<a class='googleplusBtn smGlobalBtn' href='https://www.blogger.com/follow-blog.g?blogID=8230941170310995074' rel='nofollow' target='_blank' title='Join this site'/>
</div></div>Ganti tanda pagar dengan link-link Anda.
Buat post halaman statis > Salin kode ini di di tab HTML :
Widget Formulir Kontak
<form name="contact-form">
<span style="font-family:Open Sans,Arial,Helvetica,sans-serif;font-weight:700;"> Name </span>
<input id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />
<span style="font-family:Open Sans,Arial,Helvetica,sans-serif;font-weight:700;"> Email Address <span style="color:#f56954;font-weight:bold;font-size:x-small;">important</span></span>
<input id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />
<span style="font-family:Open Sans,Arial,Helvetica,sans-serif;font-weight:700;"> Content <span style="color:#f56954;font-weight:bold;font-size:x-small;">important</span></span>
<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>
<input id="ContactForm1_contact-form-submit" type="button" value="Send" />
<div style="max-width:222px;text-align:center; width:100%;">
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
<style scoped="" type="text/css">#comments {display:none;}</style>Demikian tentang postingan In SEO 2 Responsive and SEO Friendly Blogger Template. Jika ada kesulitan silakan bisa ditanyakan lewat kotak komentar. Terima kasih sudah membaca dan semoga bermanfaat.