Aug 20, 2016

Introducing Viral Grid-Mag Blogger Template - Responsive & Pro Version

Viral Grid-Mag, Free Blogger Template, Responsive Blogger Template, Professional Blogger Template, Gridy Blogger Template, Magazine Blogger Template
Hey guys, As we have tell you in our previous post tomorrow we will share a good looking and professional blogger template with all of you. So today we came up with stylish, responsive and professional looking blogger template for all of you. We have named it Viral Grid-Mag Blogger Template. Viral Grid-Mag Blogger Template is totally free means no need to spent a single coin for this blogger template. In upcoming days we will also share more free blogger template with all of you and just for all of you.

If you are first time on our blog then we will tell you this is our second blogger template. We have also shared 'BlackReen A Responsive Blogger Template" 3-4 days ago. So also have a look on Blackreen blogger template because that is also an free and impressive blogger template.

Viral Grid-Mag template is totally free means there is no need to pay a single coin for this template and yes we have not added any non-removable credit link to this blogger template. Means it is totally yours. So before download it look a screenshot below and see it live by clicking on below demo button.

Features of Viral Grid-Mag Blogger Template

  1. Nice & Cool Design.
  2. Responsive Layout.
  3. Slider Featured Posts on HomePage. 
  4. Jumbo Social Share Counter Widget on Post Pages with Fade In Fade Out Effect on Scroll.
  5. SEO Optimized.
  6. Responsive Navigation Bars.
  7. Fixed Top Menu Bar.
  8. Stunning Comments Threaded Section.
  9. Inbuilt Related Posts Widget.
  10. About Author - Subscribe Box Widget Below of Each Post with Theme Color Combination.
  11. Added WordPress Like Fade-In, Fade-Out Responsive Social Sharing Bar with "Jumbo Share counter".
  12. Cool Heading Styles.
  13. Custom Bullet Lists Style with Hover effect.
  14. Custom Numbered Lists Style with nice Hover Effect.
  15. Footer Subscription Box Matching color With Blogger Theme.
  16. Next-Previous Navigation on each post.
  17. Search Box added in Navigation bar.
  18. Customized Popular Posts Widget.
  19. Customized Cloud Label Widget for Footer Wrapper.
  20. Custom Page Navigation.
  21. Customized Official Featured Post Widget.
  22. Elegant Look.
  23. Custom 404 error Page.
  24. One time Stylish Popup email box.
  25. 3 Column Footer Bar.
  26. Totally Free :) and much more.

Download Viral Grid-Mag A Responsive Blogger Template

Yes, this template is totally free but we have designed it by doing hard work day and night. So if you wanted to use this template then you have to subscribe us using below Subscribe box and after verifying make contact with us via using contact us page and wait for very short time to get template in your mailbox. :)

Subscribe Us
Just Enter Your Email, Hit Sign Up and Verify to Download.

How To Upload The Blogger Template?

  1. Go to Blogger Dashboard > Locate your Blog if you have more then one blog.
  2. Click on More Options Drop Down and choose Template.
  3. Click on the Backup/Restore button on Top Right Corner.
  4. Click on Download Full Template button to backup your Old template for safety.
  5. Click the Browse button and locate Viral Grid-Mag Responsive blogger template.
  6. Click on the Upload Button. And you are Done!

Customize The Template

There are basic steps you need to follow for doing customization inside your blogger template code. Follow each step for making it totally your's. :)
  1. Go To Blogger Template >> Edit HTML.
Customize Top Fixed Navigation Bar
Search for the Following Code

<!-- Sticky-Menu-Start -->

After that you will see a Link list items Customize it your own.
Customize Drop Down Navigation Bar
Again Search for the Following Code and change all links to make it your own.

<!-- /Below-Header-Navigation-Bar-Start -->

Customize Featured Slider Content
Once again Search for the Following Code to make changes in featured slider content.

 <!-- Featured-Slider-Start -->

Customize Header Right Ad Sidebar
Search for the Following Code to add a Ad Banner.

<!-- Header Right -->

Customize Below Post About Admin Box
Search for the Following Code to customize About Admin Box which appears on below each blog post.

<!-- Below-Post-About-Author-Box-Start -->

Customize Below Post Subscribe Box
Search for the Following Code to customize Email Subscribe Box which appears on below each blog post.

<!-- Below-Post-Subscribe-Box-Start -->

Customize Jumbo Counter  Social Share Bar Twitter Sharing Button
Search for the Following Code to make changes in Twitter Social Share Button.

<!-- Jumbo-Share-Counter -->

Change Below line into your twitter username.


Customize One Time Pop-Up Email Subscribe Box
Search for the Following Code to customize One Time Pop-up Subscribe Box.

<!-- Popup Subscribe Box -->

Customize Footer Subscribe Box
Search for the Following Code and make changes in Footer Email Subscribe Box.

<!-- Footer Subscribe Box -->

Customize Footer Top Navigation Links
Search for the Following Code and make changes in Footer Top Links.

<!-- footer-Top-Navigation -->

Terms & Condition to Use this Blogger Template

Please follow our four simple terms and conditions before using this template. :)
  • You can Use this Template for Personal and Commercial Use.
  • If You can then keep the Footer links Intact. (Please Respect our hard work)
  • You can Re-Distribute but you must give us the credits and you must keep the footer links with out editing!
  • If you like the Template then Please Feel free to Share it!
Also Read:
  1. Blogger Contact Form Gone Viral! Never Seen Before.
  2. Cute & Stylish Popup Email Subscribe Box For Blogger.
  3. Three Stylish Styles to Make Youtube Embedded Videos Responsive.


So above is all about "Viral Grid-Mag - A Responsive Blogger Template". This is our second blogger template which we are sharing with all of you. Kindly Let us know your feedback about this theme in comment and please Share it with your friends. ;) Stay tuned with us for our upcoming Blogger Templates. :)
Thank You! Stay Blessed!


  1. Nice job @my blogger guide I love this template....cannot wait to inbox you...thanks....many people are paying for it but here its free ...thanks

  2. Thanks boss...i owe mybloggerguide alot....thanks again

    1. Thank you @Precious.
      Keep in touch with us.

  3. Just uploaded the template and it looked hundred percent perfect....i shall direct any body that needs it to your blog.. Thanks Paramjot Singh

    1. @Precious, Thanks for appreciation our work.

      Yeah, it is professional blogger template which we are giving free to our readers. The minimum cost of this type of templates is $20.

      Keep in touch with us. Like our FB Page. :)

  4. Viral Grid Mag Comment section showing blank and how can I change links in sticky menu bar...please help urgent

    1. Search for below line to chnage links of sticky menu bar.

      Comment section is working perfectly.

      If you are facing problem then check comment setting.

      Go to Blogger >> Setting >> Posts, Comments and Sharing.

      May be you have hide your message box.

      Comment again if problem persist.

  5. The Comment is working but the comment form is covering the written text you can only see half of the avatar

    1. You are right bro. We have fixed it. We were facing problem on mobile view. Right?

      For fix it Go To Blogger >> Template >> Edit HTML and search for following code.

      .comments h4{float:left; margin-left:-10px; position:relative;}

      and replace whole above line with below line code

      .comments h4{margin-left:-10px; position:relative;}

      Thanks for reminding.

      Comment again if problem persist.

  6. Thanks yea it's on mobile view...I will do as said please the sticky menu please...i tried but no link to edit..,thanks

  7. You said I should search and change the link to my own,,the problem is that I don't even know what you are telling me to search...what should I search to change the sticky menu link.,,

  8. search for

  9. Comment section working fine...but still having issues with the skicky menu start can't even find the code...should I send my template with the link I want???

    1. Oh Bro! I think you are new to blogger platform and don't know about expanding the widgets.

      Okay finally search for >>>

      I'm damn sure you will find the links which you want to change. :)

      If you can't do this task send us your template via mail with your links.

      Thank You!

  10. Thanks sir ...
    Viral Mag working properly...,all settings completed ...thanks...

  11. Bro lonq time!!
    I really need a help with the vira mag template..
    The number listing is not working..
    That's number navigation below all post (that moves you to next post)..

  12. Search for "Blog Post CSS" inside template code area and after that delete whole code and save below code.

    Blog Post CSS
    .post-title { font-size: 22px; line-height: 30px; text-decoration:none; margin: 0 0 10px; padding: 10px 10px 10px 2px; overflow:hidden;background:#ebf3ff;background:linear-gradient(135deg,#f4f8ff 0,#f4f8ff 49%,#e5efff 49%,#e9e8f2 100%);border-top:1px solid #cfe1ff; float:left; width:98.5%; position:relative; left:-0%;}
    .post-title a{text-decoration:none; color:#111; }
    .post-title a:hover{ color: #444444; }
    .post-body { font-size:16px; font-weight: normal; padding: 0; margin:0; line-height:29px; word-wrap:break-word;font-family: Verdana;}
    .post-header { color: #999999; font-family: Verdana,Arial,Tahoma,sans-serif; font-size: 12px; }
    .post-header a { font-style: italic; }
    .rmlink { float: right; line-height: normal; }
    .home-link { display:none;}
    #blog-pager-newer-link {display: block; float: none; padding: 5px 5px 5px 50px; text-align: left;}
    #blog-pager-newer-link:before { content:"NEXT POST:"; font-size: 10px; letter-spacing: 2px;}
    #blog-pager-older-link {display: block; float: none; padding: 5px 5px 5px 50px; text-align: left;}
    #blog-pager-older-link:before { content:"PREVIOUS POST:"; font-size: 10px; letter-spacing: 2px;}
    font-family: Lobster, FontAwesome; Sans-Serif;
    border:2px solid #0c6aff;
    padding-top: 5px;
    .blog-pager {background: none;}
    .displaypageNum a,.showpage a,.pagecurrent{font-size: 13px;padding: 5px 12px;margin-right:5px; color: #0c6aff; background-color:#fff; border:2px solid #0c6aff;}
    .displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#fff;text-decoration:none;color: #0c6aff; border:2px solid #0c6aff;}
    #blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#111; border:2px solid #0c6aff;}
    #blog-pager .pages{border:none;}

  13. Amah give it a try ...
    Thanks bro

  14. not working bro

  15. You're making any mistake bro. It is working properly. Check the demo page, I've fix this issue.

    You only need to replace Blog Post CSS code (which is just above of Highlighter CSS.) with above one.

  16. i replaced it now but not working


We’re eager to see your comment. If you have any query related to the topic then drop a comment below. We will help you out of sure. However, Please Keep in mind that all comments are moderated manually by our human reviewers. According to our comment policy all link are nofollow so keep in mind that never use links in comments, we consider link comments as a spam.