In Responsive SEO and SEO Friendly Blogger Templates

In Responsive SEO and SEO Friendly Blogger Templates

In Responsive SEO and SEO Friendly Blogger Templates - In choosing a template for a blog it can't be arbitrary, because a template that isn't right can affect the success of a blog, it can be successful or it can fail.

Bloggers must be very careful in choosing a template, must understand what template can bring in a lot of visitors. SEO friendly templates are needed, namely templates that are preferred by search engines like Google or Bing.
In Responsive SEO and SEO Friendly Blogger Templates
In Responsive SEO and SEO Friendly Blogger Templates

In Responsive SEO and SEO Friendly Blogger Templates Free Download

In addition to SEO, it is also necessary to pay attention to whether the template supports responsive display or not, responsive templates are important for a blog to serve visitors who open blogs from mobile devices such as smartphones and tablet PCs, so that blogs can adjust to the width of the device, so visitors do not have trouble reading the contents of your blog.




For you blogger friends who use the Blogspot platform, here I will share the second template, which is SEO friendly and responsive In SEO template that you can use for free.

Please see the features, demo, and download link of the In SEO Responsive Blogger Template template below
Features Availability
Responsive True Check
SEO Friendly True Check
Mobile Friendly True Check
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
Email Subscribe Box True
Back to Top Button True

Meta Tag

Search the code xxxxx then replace it with the blog description (If not used, delete it)
<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'/>
Widget settings

Open layout> Copy this code in an empty widget sidebar section: 

Widget Subscribe Box
<div id="subscribe-css">
<div class="subscribe-wrapper">
<p>Jika Anda menyukai Artikel di blog ini, Silakan berlangganan gratis via email.</p>
<div class="subscribe-form">
<form action='http://feedburner.google.com/fb/a/mailverify?uri=seoindzign' class="subscribe-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=seoindzign', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input name="uri" type="hidden" value="seoindzign" />
<input name="loc" type="hidden" value="en_US" />
<input class="subscribe-css-email-field" name="email" autocomplete="off" placeholder="Enter your email"/>
<input class="subscribe-css-button" title="" type="submit" value="Submit" />
</form>
</div>
</div></div>

Change the code marked with the name of your blog Feedburner. 

Create a static page post> 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>

For other settings, I assume you understand. Thank you for reading and hopefully useful. Keep Visiting Blogger Funda
NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post
NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post