How To Setup Simplify 2 Blogger Template All Version

Friday, June 15, 2018

How To Setup Simplify 2 Blogger Template All Version

Simplify 2 Blogger Template Documentation

Today we are share here a article about blogger templates; we are discuss here on most SEO ready responsive template "simplify 2 " all version documentation file.

Simplify is a Blogger template with Responsive layout and suited for all blog.This template is fast loading,seo optimized and most popular.this template design by arlina.

how to setup simplify 2 blogger template
simplify 2 blogger template documentation file


πŸ‘€For Error Free Installation Visit Here for Installation.

For Customized

Nav Menu

Please go to Blogger> Template> "Edit HTML" Find and replace all this code # with your link.


<nav id='simplify-two' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement'> <input type='checkbox'><i aria-hidden='true' class='fa fa-th-list'/> Menu</input> <ul id='simplify-click'> <li><a href='#' itemprop='url'><span itemprop='name'>Blog <i class='fa fa-caret-down fa-fw'/></span></a> <ul> <li><a href='#' itemprop='url'><span itemprop='name'>About</span></a></li> <li><a href='/p/contact-form.html' itemprop='url'><span itemprop='name'>Contact</span></a></li> <li><a href='#' itemprop='url'><span itemprop='name'>CSS Minifier</span></a></li> <li><a href='#' itemprop='url'><span itemprop='name'>Disclaimer</span></a></li> <li><a href='#' itemprop='url'><span itemprop='name'>HTML Converter</span></a></li> <li><a href='#' itemprop='url'><span itemprop='name'>Privacy Policy</span></a></li> <li><a href='/p/sitemap.html' itemprop='url'><span itemprop='name'>Sitemap</span></a></li> <li><a href='/p/static-page.html' itemprop='url'><span itemprop='name'>Static Page</span></a></li> <li><a href='/404' itemprop='url'><span itemprop='name'>404 Page Not Found</span></a></li> </ul> </li> </ul> </nav>

πŸ‘‰Footer Menu Same As Above Follow and Replace # Link.

For Seo Tag Setting


Go to Blogger, Template, "Edit HTML" Find and replace all posts xxxxx with your blog description.

<meta content='xxxxx' name='keywords'/> <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='google-site-verification'/> <meta content='xxxxx' name='msvalidate.01'/> <meta content='xxxxx' name='alexaVerifyID'/> <meta content='xxxxx' name='Author'/> <meta content='xxxxx' property='og:description'/> <meta content='xxxxx' property='fb:app_id'/> <meta content='xxxxx' property='fb:admins'/> <meta content='xxxxx' name='twitter:site'/> <meta content='xxxxx' name='twitter:creator'/>

For Inside Ads Setting


Find and replace this post 

<! - Banner Code / Your Ads Here -> 

with your own ad code script: (you need to parsed code) 

& lt; div style = & quot; display: block; text-align: center; margin: 20px auto; & quot; & gt; <! - Banner Code / Your Ads Here -> & lt; / div & gt;

For Contact Page


Please fill out the form below to contact the admin. <form id="kontak-arlina" name="contact-form"> <input id="ContactForm1_contact-form-name" name="name" placeholder="Name *" size="30" type="text" value="" /> <input id="ContactForm1_contact-form-email" name="email" size="30" placeholder="Email *" type="text" value="" /> <textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="Message *" rows="5"></textarea> <input id="ContactForm1_contact-form-submit" type="button" value="Send Message" /> <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,.post_meta,#blog-pager{display:none} form{color:#666} #kontak-arlina{margin:auto;max-width:640px} #ContactForm1_contact-form-name,#ContactForm1_contact-form-email{height:auto;margin:5px auto;padding:15px 12px;background:#fff;color:#444;border:1px solid rgba(0,0,0,.14);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);border-radius:3px;width:100%;min-width:100%;transition:all 0.5s ease-out} #ContactForm1_contact-form-email-message{width:100%;height:175px;margin:5px 0;padding:15px 12px;background:#fff;color:#444;border:1px solid rgba(0,0,0,.14);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);border-radius:3px;resize:none;transition:all 0.5s ease-out} #ContactForm1_contact-form-name:focus,#ContactForm1_contact-form-email:focus,#ContactForm1_contact-form-email-message:focus{outline:none;background:#fff;color:#444;border-color:#66afe9;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6)} #ContactForm1_contact-form-submit{float:left;background:#95a5a6;margin:auto;vertical-align:middle;cursor:pointer;padding:12px 20px;font-size:14px;text-align:center;letter-spacing:.5px;border:0;width:100%;max-width:140px;border-radius:3px;color:#fff;font-weight:500;transition:all .8s ease} #ContactForm1_contact-form-submit:hover{background:#e74c3c;color:#fff;} #ContactForm1_contact-form-error-message,#ContactForm1_contact-form-success-message{width:100%;margin-top:35px} .contact-form-error-message-with-border{background:#f6f6f6;border:none;box-shadow:none;color:#444;padding:5px 0} .contact-form-success-message{background:#4fc3f7;border:none;box-shadow:none;color:#fff} img.contact-form-cross{line-height:40px;margin-left:5px} .post-body input{width:initial} @media only screen and (max-width:640px){ #ContactForm1_contact-form-name, #ContactForm1_contact-form-email,#ContactForm1_contact-form-submit{width:100%;}} </style>

Sidebar Recent Post Gadget

Copied Below code paste it to html/javascript code box

<style scoped='' type='text/css'> ul.recent_posts_arlina li{display:inline-block;position:relative;width:100%;margin:0;padding:10px 0;transition:all .3s linear;} ul.recent_posts_arlina li:last-child {border:0;} .recent_posts_arlina .wrapinfo{display:inline-block;margin:0 10px 0 0;overflow:hidden;z-index:2;position:relative;width:90px;height:62px;float:left} ul.recent_posts_arlina li img.recent_thumb{width:100%;height:auto} .recent_posts_arlina {float:left;width:100%;margin:10px 10px 5px 0px;padding:0;font-size:.9rem;} ul.recent_posts_arlina li a{color:#2b427d;font-size:13px;font-weight:700;line-height:normal} ul.recent_posts_arlina li a:hover{color:#138be6} .recent_posts_arlina i{font-style:normal;color:#999;font-size:13px} </style> <script style='text/javascript' src='https://cdn.rawgit.com/Rashmibhabi/rashmidesigned.blogspot.com-recent-post/master/script%20by%20bhabi.js'></script> <script style='text/javascript'> var numposts=5,showpostthumbnails=!0,displaymore=!1,displayseparator=!1,showcommentnum=!1,showpostdate=!1,showpostsummary=!1,numchars=62; </script> <script src='/feeds/posts/default?orderby=published&alt=json-in-script&callback=recentpostinfoarlina'></script>

For Comments Widget

<style scoped='' type="text/css"> ul.arlinacomments{list-style:none;margin:0;padding:0}.arlinacomments li{display:block;clear:both;overflow:hidden;list-style:none;border-bottom:0!important;word-break:break-all}.arlinacomments li .avatarImage{float:left;margin-right:10px;position:relative;overflow:hidden}.arlinacomments li img{position:relative;overflow:hidden;display:block;width:42px;height:42px}.arlinacomments li a{font-weight:700}.arlinacomments li span{margin-top:2px;color:#666;display:block;font-size:12px;line-height:1.4} </style> <script src='https://cdn.rawgit.com/Rashmibhabi/rashmidesigned.blogspot.com---Main/d86eac85/comment%20widget.js'></script> <script type="text/javascript" src="/feeds/comments/default?alt=json&amp;callback=arlinacomments&amp;max-results=7"></script>


Page Navigation Search and replace the number 7 in the postperpage = 7 code with the number of posts you want to display on each page.

var postperpage=7;var numshowpage=3;var upPageWord ='Prev';var downPageWord ='Next';var urlactivepage=location.href;var home_page="/";

Youtube Responsive Video
Use this code to embed youtube video responsive

<div class="videoyoutube"> <div class="video-responsive"> <div class="video-youtube loader" data-src="//www.youtube.com/embed/yiv64_QMsd4"> </div> </div> </div>

For Demo & Download Button

<div style="text-align: center;">
<ul class="button">
<li><a class="demo" href="YOUR-LINK-HERE" target="_blank">DEMO</a></li>
<li><a class="download" href=" YOUR-LINK-HERE" target="_blank">DOWNLOAD</a></li>
</ul>
</div>
<div class="clear"></div>

Thanks for visiting our blog hope you are like this post....have a nice day
NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post

For Instant Reply Notification- Tick Below Notify Me Box
EmoticonEmoticon

NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post
 

We never sent spam ! feed by google