How to Edit Syahira - Responsive Blogger Template

Syahira - Responsive Blogger Template Free Download
Syahira - Responsive Blogger Template is the most famous  Template in Blogger. This Template Design is very simple and good. If you want make a proportional website.You must add this Template in your website.
After Install this Template there is so easy work to do.



Lat's Start :)
How to Setting up the menu
#1: On Blogger Dashbord Click Template
#2: Click Edit HTML
#3: Scroll down and Find this Code
<ul class='sf-menu' id='menunav'>
  <li><a class='home' expr:href='data:blog.homepageUrl'>Home</a></li>
  <li><a href='#'>About</a></li>
  <li><a href='#'>Archive</a></li>
  <li><a href='#'>Comments</a></li>
  <li><a href='#'>With Sub Menu</a>
    <ul>
      <li><a href='#'>Sub Menu</a></li>
      <li><a href='#'>Sub Sub Menu</a>
        <ul>
          <li><a href='#'>Sub Menu</a></li>
          <li><a href='#'>Sub Menu</a></li>
          <li><a href='#'>Sub Menu</a></li>
          <li><a href='#'>Sub Menu</a></li>
        </ul>
      </li>
      <li><a href='#'>Sub Menu</a></li>
      <li><a href='#'>Sub Menu</a></li>
    </ul>
  </li>
  <li><a href='#'>Error 404</a></li>
</ul>
Syahira - Responsive Blogger Template Free Download
#4: Change # with yours URL link

How to Edit Social Icon
#1: On Blogger Dashbord Click Template
#2: Click Edit HTML
#3: Scroll down and Find this Code
Syahira - Responsive Blogger Template Free Download
<ul>
  <li><a target='_blank' class='fbx' href='#' title='Facebook'>facebook</a></li>
  <li><a target='_blank' class='twix' href='#' title='Twitter'>twitter</a></li>
  <li><a target='_blank' class='goex' href='#' title='Google+'>Google+</a></li>
  <li><a target='_blank' class='linx' href='#' title='Linkedin'>Linkedin</a></li>
  <li><a target='_blank' class='pinx' href='#' title='Pinterest'>Pinterest</a></li>
  <li><a target='_blank' class='drix' href='#' title='Dribble'>Dribble</a></li>
  <li><a target='_blank' class='vmex' href='#' title='Vimeo'>Vimeo</a></li>
  <li><a target='_blank' class='rssx' href='#' title='RSS'>RSS</a></li>
</ul>
#4: Change # with yours URL link

How to add Auto Featured Post Slide Show
#1: On Blogger Dashbord Click Layout
#2: Click Add a Gadget
#3: Choose HTML/Javascript
<div id="featpost"></div>
<script type='text/javascript'>
jQuery("#featpost").AutofeaturedPost({
MaxPost:5
});
</script>
Syahira - Responsive Blogger Template Free Download

#4: Copy the code
#5: Edit featpost to your labels name
#6: Click Save

How to add Post by Label (Slider and Vertical Post)
#1: On Blogger Dashbord Click Layout
#2: Click Add a Gadget
#3: Choose HTML/Javascript
Syahira - Responsive Blogger Template Free Download

#4: Copy the code
<div id="webdespost"></div>
<script type='text/javascript'>
jQuery("#webdespost").RecentPostbyTag({
postType:"s",
MaxPost:5,
ImageSize:"s200-p",
tagName:"Web Design"
});
</script>
#5: Edit webdespost to your labels name
#6: Click Save

How to add Vertical Post
#1: On Blogger Dashbord Click Layout
#2: Click Add a Gadget
#3: Choose HTML/Javascript
Syahira - Responsive Blogger Template Free Download

#4: Copy the code
<div id="musicpost"></div>
<script type='text/javascript'>
jQuery("#musicpost").RecentPostbyTag({
postType:"v",
MaxPost:4,
tagName:"Music"
});
</script>
#5: Edit musicpost to your labels name
#6: Click Save

How to add Horizontal Post
Syahira - Responsive Blogger Template Free Download
#1: On Blogger Dashbord Click Layout
#2: Click Add a Gadget
#3: Choose HTML/Javascript
#4: Copy the code
<div id="sportpost"></div>
<script type='text/javascript'>
jQuery("#sportpost").RecentPostbyTag({
postType:"h",
MaxPost:4,
tagName:"Sports"
});
</script>
#5: Edit sportpost to your labels name
#6: Click Save


How to Edit Syahira - Responsive Blogger Template Reviewed by Rokeya Begum on 3:16 AM Rating: 5

2 comments:

  1. The sliders are not working.

    ReplyDelete
    Replies
    1. do you change "webdespost" in the html, you need changed it at 3 times. Thanks For visit.

      Delete

All Rights Reserved by MobileRena - Latest Mobile Price,News & Review © 2014 - 2015
Powered By Blogger, Designed by Sweetheme

Contact Form

Name

Email *

Message *

Powered by Blogger.