HOT!Subscribe To Get Video DocumentationClick Here

How To Setup Vipi Blog Blogger Template

VIPI Blog Blogger Template

Vipi Blog Blogger template is a fast loading and clean looking blogger template. Vipi is suitable for any kind of blog like, news, tech, newspaper, review, authority blog, banking blog, real estate etc. Vipi is equipped with various of widgets which will help you to publish your blog more professionally. To make it easy for you we have published this detailed documentation, so that you can setup your blog correctly. You have made a good decision by choosing our template. You can check the live demo or download the template through the button below and also Please Read this documentation carefully in order to set up your blog and please note that there’s no support for free users.

Basic Setup

  1. Template Installation
  2. Logo Setup
  3. Template Setting
  4. Shortcodes & Markups
  5. Create Sitemap

Social Top/Footer

Access your blog Layout > click Edit link on Social Top  widget.

Icons Available {  facebook, twitter, gplus, rss, youtube, skype, stumbleupon, tumblr, vine, stack-overflow, linkedin, dribbble, soundcloud, behance, digg, instagram, pinterest, delicious, codepen }

Note: The Social Profile Names are case sensitive.

Top Navigation

Access your blog Layout > click Edit link on Top Navigation widget.

Main Menu/ DropDown/ Multi DropDown

Access your blog Layout > click Edit link on Main Menu widget.
Normal Link : Features
Sub Link: _Sub Link 1.0 (before the link add "_") 1 underscore
Sub Link 2: __Sub Link 1.1 (before the link add "__") 2 underscore


Access your blog Layout > click Add a Gadget > HTML/JavaScript on Sidebar or Footer section, you must place the following codes highlighted in blue below.

  • Recent Posts
Recent Posts: <span class="latestposts" data-no="5"></span>

  • Label Posts

Post Per Tag: <span class="tagpost" data-label="Break" data-no="5"></span>

  • Recent Comments

Recent Comments: <span class="latestcomments" data-no="5"></span>

After add, click save.

Author Box

Access your blog Theme > click Edit Html and then find the following coding.
<span>Soratemplates is a blogger resources site is a provider of high quality blogger template with premium looking layout and robust design. The main mission of templatesyard is to provide the best quality blogger templates.</span>

Change the above details with your own.

Facebook Page Plugin:

<center><div class="fb-padding"><div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); = id;
  js.src = "//";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-page" data-href="" data-width="280" data-height="230" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore"></div></div></div></center>
or you can follow this tutorial if above method won't work

Theme Option

  • Full / Box:

To make the blog width Full simply add true, to make the blog Box add false.
  • Post Count:

Add your desired number to control the post count on pagination results .
  • Related Post Number:

Add your desired number to control the post count on Related Post Widget.

Theme Customization

Access your blog Template > click Customize.

Here you can change the background, and apply pre-defined colors

For more options Click Advanced.

NOTE: To make any changes you must click Apply to Blog in the upper Right.

NOTE 02: To return to default style click "Clear advanced changes to theme color", and click Apply to Blog.

Installation And Custom Services

We provide plenty of templates for free but if you want something unique for your blog then let us create a unique design for your blog, Just tell us your needs and we will convert your dream design into reality. We also Provide Blogger Template Installation Service. Our Installation service gives you a simple, quick and secure way of getting your template setup without hassle.

How To Setup Vipi Blog Blogger Template How To Setup Vipi Blog Blogger Template Reviewed by Templates Yard on July 18, 2017 Rating: 5


  1. osm template

  2. Replies
    1. It's already responsive you just have to disable the mobile template, to use its complete feature.

  3. The snippet on homepage are too many please. can i get help on that?

    1. Search for this code in your template xml
      snippet_count = 460;

    2. Thanks
      Have a grt day ahead
      Team Sora.

  4. My Facebook page like button is not displaying again, pls how xan i fix it

  5. Hi .
    i want to show in article ads inside center of post. i tried lots of time but ads showing just below title. i tried on all of your templates. please how can i fix it. i dont want to show ads below title

    1. You can only do that if your adsense account is connected with your blog. So you can turn it on from layout otherwise you have to do it manually through codes, a tutorial is comming soon.

  6. How can I remove this (Created By SoraTemplates | Distributed By Gooyaabi Templates)

    1. You Can't, you have to purchase premium version.

  7. Replies
    1. It is automatically generated via google plus profile.

  8. hi sora, how to add ads in the article post in this template. thank you

    1. Follow this.

  9. already bough vipi templates, is there any chance of upgrading vipi templates valid amp?

    1. AMP is still not available in blogger Officially.

  10. Hello, I have a problem with pagination... I go to Edit > Main and in blog entries click on edit and the option Number of entries on the homepage I choose 2 but after in Theme Options in Post Counts I write also 2. Then in my blog the pagination is wrong... there are post that doesn't appears and there are post duplicate. What happen? Someone who explain me how this works, please..
    PS: if you want I can write here my blog address.
    PSbis: sorry about my poor English...

    1. If you are doing it correctly then it won't happen, but There is a limit of 1mb from blogger side, only 1mb of images or text you can show in home page and you are exceeding that limit and that is the reason rest of the post is going on next page, there is not any solution, but you can try page break after 1st paragraph in every post, may be this will help

    2. Thanks Sora, it's look that was a problem with the names of the pages...
      Solved. Thanks!

  11. Hi, its me again, please help me...
    i used this templates, and i love it a lot.
    but, i have problem, my google pagespeed insight score test is so bad for mobile its score 60/100 and desktop is 84/100. Its said:

    Eliminate render-blocking JavaScript and CSS in above-the-fold content
    Optimize image (this is no problem anymore, cause i did resolve this)
    Leverage browser caching
    Reduce server response time
    Enable compression

    The last thing is, my seo score when i check with CHKME, its only 62.
    any suggest?

    1. Google pageinsight score doesn't justifies blogger platform, there are a lot of things like backend stuffs are managed by google and we don't have control over them.

      For chkme, we optimize our template for best SEO and page speed but it also depends upon your content.

  12. its a nice template but I have problem with adding html on top of the blog..its not appearing then my follower on the sidebar gives an error. Please help

    1. Whatever you want to add, add it from the layout.

  13. Greetings,
    I installed your template. Please, I have a few questions:
    1. where do I cancel the First Big Letter in the Title of the Post?
    2. Where can I find the font setting for the post and page title font in the code? I need both to unite.
    3. Is there a gadget that allows you to preview the photo gallery in the column?

    In conclusion, in general. Is there a manual available to show which part of the code solves what part of the template?

    Thank you very much
    Pavel K. - Czech Rep.

    1. Sorry we can't provide support on additional customization rather than solving issues or bugs, if you want to customize your template then buy our blog customization service.

  14. second question please ;

    in the social media top links : what shall i write in the E-MAIL button , i already wrote my e-mail , but the ERROR 404 appears after click on the top button for the e-mail.

    so what shall i write in this field

    1. It's an bug, we recommend you to remove email icon.

  15. Regarding the LOGO , what is the maximum size for the logo which can i can put , i found the size of the LOGO you used is 250X96 px , is this the maximum ?

  16. really it is amazing template .. i have translated it to ARABIC and it is working properly ..
    only one thing i need to ask about ..
    in the search console i have recieved one CRAWL error to the following URL :

    and when i sreached in the blog HTML i found the following URL end :


    So is there any problem or shall i have to do anything ?!!

    1. It's totally unrelatable and will not create any issue, as it is not related to your blog content.

  17. i didn't find the comment delete button ?!!
    what shall i do

    1. Since we have hidden the blogger navbar, the delete button won't be visible, only method to delete comments, is through layout.

  18. kindly be noted that after installing VIPI BLOg , i checked the search console , and i found in HTML improvements section the following result :

    Duplicate meta descriptions 36

    So please could you advise a solution to fix this problem

    1. It only contains one meta tag for description, so please check whether you have added any extra.

  19. hi Sora, why last post and last comment from the list not displayed?
    first worked, but now lost

    1. Remember one thing you have to keep the post count same in your blog settings and pagination widget.

      There is a limit of 1mb from blogger side, only 1mb of images or text you can show in home page and you are exceeding that limit and that is the reason rest of the post is going on next page, there is not any solution, but you can try page break after 1st paragraph in every post, may be this will hel

  20. Hello Sora templates,

    I think I have entered into a big trouble.
    Actually I had rectangular full-size images in my blog post and that same shows in the home page earlier without any text on the home page and now after using your template it shows only some portion of image in the home post.

    Please get me know how could I show rectangular full size image in the homepage with your template.

    1. Search for this code .block-image img and remove object-fit:cover; but remember one thing then the image will look stretched.

  21. Hi sora why the bottom of the article does not show any more pictures (You May Also Like:)
    please help me what is the problem..

    1. Activate every single widget we have mentioned in documentation and then follow this.

  22. hello, I love your template but i just encountered a difficulty of the site. My post do appear with thumbnails on the home screen but the last 2 post i created are not displaying images on the frontpage. pls help?

    1. If your title contains special characters then images won't appear.


Powered by Blogger.