How to Edit Syahira - Responsive Blogger Template

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>

#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

<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>

#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

#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

#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

#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