Dec 23, 2015

In SEO 2 Responsive and SEO Friendly Blogger Template

Source: indzign.blogspot.com

Template Settings

First open the template editor , then locate the codes below :
meta Tag
Find xxxxx code and replace with information blog ( If it is not used to remove only)
<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'/>

Settings Widget

Recent Post Widget
<div class='daftar-recent-post' data-domain='blog-indowebster.blogspot.com'/>
Replace the code that is marked with the address of your blog .
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>
Fill in the information as you see fit .
Menu Navigation
<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 with 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>
Replace the pound sign with your links .
Create post static pages > Copy this code in the HTML tab :
Contact Form Widget
<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>
Disqus Comments