Simplify 2 Blogger Template Documentation
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
<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
<! - 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&callback=arlinacomments&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
For Demo & Download Button
<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
0 Comments