Installation Layout Widgets Content HTML Content Error 404

Le-tour | Documentation [ Yotemplates.com ]

1. Backup & Uploading
  1. Unzip the Template.zip file.
  2. On Blogger Dashboard Click Template.
  3. Click on Download Full Template to keep your old template.
  4. Click Browse... button. Find where the “Pulse-premium.xml” file location.
  5. Then Click Upload.
  6. Edit mobile Preveiw. (follow images).



After installing the theme, there are minimun settings to make all widgets work fine in this template.

2. Blog Feed
  1. On Blogger Dashboard Click Settings.
  2. Click Other.
  3. In Site Feed > Allow Blog Feed Choose Full.
  4. Then Click Save settings.



Now you can Edit the meta tag Keywords of your blog. follow this steps


  1. On Blogger Dashbord Click Template.
  2. Click Edit HTML.
  3. Click Ctrl + F and Search for the following Code:

    4. <meta content='Keywords_Here' name='keywords'/>

  4. Change Keywords_Here with your blog keywords you want to use.
  5. Click Save template.




  • Header Logo.
  • Menu
  • Featured Slider
  • Popular Post


1. Setting Main Blog Part
  1. On Blogger Dashboard Click Layout.
  2. Click Edit on Blog Posts Widget.
  3. Change it to look like that image.
  4. Click Save.
2. Navigation Menu


  1. On Blogger Dashboard Click Template.
  2. Click Edit HTML.
  3. Press Crtl+F.
  4. And search 'class="sf-menu"'
  5. And find This Code:

Change Please Change the links according to your need,For links Just replace the # with url and Change the Name of the link
3. Featured Slider


  1. On Blogger Dashboard Click Layout.
  2. Click Add a Gadget.
  3. Choose HTML/Javascript.
  4. Add the following Code:


All you have to do is just add the "style" (Without quotes ) in featured slider widget and you must have label of named featured for the post you want to show in slider.Please follow the screenshots below:


Step 1: Click on Edit

Step 2: Add The word Featured in Widget

Step 3: Add The label in your post named "Featured"

this is simple HTML markup, however if you have any problem please contact me.
Note You have to just replace the Image link with your image link and change the content of the slide according to your need or you can delete it as well.
4. Instagram Widget


  1. On Blogger Dashboard Click Layout.
  2. Click Add a Gadget.
  3. Choose HTML/Javascript.
  4. Now go www.snapwidget.com
  5. fill up the form to generate your instagram widget code
  6. and cody that code into your HTML/Javascript gadget box
    7. .

6. Popular Post WidgetSS






  1. On Blogger Dashboard Click Layout.
  2. Click Add a Gadget.
  3. Choose HTML/Javascript.
  4. Copy the following Code:


<script type="text/javascript">
var nopostb = 5;
</script>
<script src="/feeds/posts/default/-/LABEL_NAME?alt=json-in-script&amp;callback=blockposts"></script>
LABEL_NAME Change it with the label name of posts to be shown.
nopostb Number of posts to be shown. It must be lower or equal to the number of posts that have the label name.


  1. On Blogger Dashboard Click Layout.
  2. Click Add a Gadget.
  3. Choose HTML/Javascript.
  4. Copy the following Code:


<script type="text/javascript">
var nopostr = 5;
</script>
<script src="/feeds/posts/default?alt=json-in-script&amp;callback=recentposts"></script>
nopostr Number of posts to be shown. It must be lower or equal to the number of posts in your blog.


  1. On Blogger Dashboard Click Layout.
  2. Click Add a Gadget.
  3. Choose HTML/Javascript.
  4. Copy the following Code:


<div id="random-posts">

<script style="text/javascript">
 var numposts_gal = 4;
</script>

<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showgalleryposts&max-results=99"></script>
</div>
numposts_gal Number of posts to be shown.


  1. On Blogger Dashboard Click Layout.
  2. Click Add a Gadget.
  3. Choose HTML/Javascript.
  4. Copy the following Code:


<div id="comments-container"></div>
<script>
var cm_config = {
ct_id: "comments-container",
max_result: 5
};
</script>
max_result Number of recent comments to be shown.
5. Social Icons
  1. On Blogger Dashboard Click Template.
  2. Press ctrl + F.
  3. try to find " top social icons "(Without quotes) .
  4. You'll find the following code.


  <!-- Top social icons. --> 
                                    <ul class='top-social'> 
<li><a href='#'><i class='fa fa-facebook'/></a></li> 
<li><a href='#'><i class='fa fa-twitter'/></a></li> 
<li><a href='#'><i class='fa fa-pinterest'/></a></li> 
<li><a href='#'><i class='fa fa-google-plus'/></a></li> 
<li><a href='#'><i class='fa fa-youtube'/></a></li> 
<li><a href='#'><i class='fa fa-vimeo-square'/></a></li> 
<li><a href='#'><i class='fa fa-linkedin-square'/></a></li> 
<li><a href='#'><i class='fa fa-rss-square'/></a></li> 
</ul>
# Change social links with your links.


Footer Social Links

you have to edit the social links manually.

Demo Slider

  1. On Blogger Dashbord Click Template.
  2. Click Edit HTML.
  3. Click Ctrl + F and Search for the following Code in the bottom

    4. <ul class='contact-social'> 
<li><a href='#'><i class='fa fa-facebook'/> Facebook</a></li> 
<li><a href='#'><i class='fa fa-twitter'/> Twitter</a></li> 
<li><a href='#'><i class='fa fa-google-plus'/> Google+</a></li> 
<li><a href='#'><i class='fa fa-dribbble'/> Dribbble</a></li> 
<li><a href='#'><i class='fa fa-linkedin'/> Linkedin</a></li> 
<li><a href='#'><i class='fa fa-instagram'/> Instagram</a></li> 
</ul>
  4. just replace the # with your social url Save template.
  5. And delete the whole li which you don't want to use. Save template.



You can change the only color of the template using blogger template designer.

Go to Blogger Dashboard -> Template -> Customize and then advance


Change the color value here and link color can also be change