Template dan Tips Seputar Blogger

Thursday, June 22, 2017

In SEO 2 Responsive and SEO Friendly Blogger Template

In SEO 2 Responsive and SEO Friendly Blogger Template - Pada kesempatan kali ini saya akan membagikan gratis sebuah template blogger yang cukup ringan namun dengan fitur yang tidak kalah dengan template premium. Template ini saya beri nama In SEO 2 Responsive and SEO Friendly Blogger Template. Ya, template ini merupakan versi ke dua dari template yang pernah saya bagikan kemarin. Bagi yang penasaran silakan lihat screenshot template terbaru di bawah ini

In SEO 2 Responsive and SEO Friendly Blogger Template

GTmetrix Result

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 Cek
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


Bagi yang tertarik dengan versi premiumnya, silakan pesan dengan harga Rp 50.000.


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='blog-indowebster.blogspot.com'/>

Ganti kode yang ditandai dengan alamat blog Anda.

Notification Box

<div id='indzignbox'>
<div class='notif-info info' onclick='document.getElementById(&apos;myModal&apos;).style.top=&apos;80px&apos;;document.getElementById(&apos;overlay&apos;).style.display=&apos;block&apos;;'><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(&apos;mydonasi&apos;).style.top=&apos;80px&apos;;document.getElementById(&apos;overlay&apos;).style.display=&apos;block&apos;;'><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(&apos;indzignbox&apos;).style.top=&apos;-381px&apos;;' 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(&apos;myModal&apos;).style.top=&apos;-500px&apos;;document.getElementById(&apos;overlay&apos;).style.display=&apos;none&apos;;' 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(&apos;mydonasi&apos;).style.top=&apos;-500px&apos;;document.getElementById(&apos;overlay&apos;).style.display=&apos;none&apos;;' type='button'>&#215;</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(&apos;indzignbox&apos;).style.top=&apos;60px&apos;;document.getElementById(&apos;count-box&apos;).style.display=&apos;none&apos;;'><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.

Berikan tanggapan Anda
EmoticonEmoticon

Adblock Detected

Like this blog? Keep us running by whitelisting this blog in your ad blocker

This is how to whitelisting this blog in your ad blocker

Thank you

×