Officialhelplines

Documentation: iVMega Premium Blogger Template Setup Guides

Introduction to iVMega Premium Blogger Template

iVMega Premium Blogger Template is a lite version to iVMega Pro Premium Blogger Template.


But similar to iVMega Pro Premium Blogger Template, iVMega Premium Blogger Template is also an extremely flexible, responsive and highly SEO optimized blogger template.


Just as you may have expected, both blogger templates has so much in common speaking of the features, performances, built-in widgets among others.


This documentation explains in detail with illustrations, how to setup and install the iVMega Premium Blogger Template on your blogger blog.


NOTE:

To get the best performance in cross-browser compatibility, the best in speed and to comply with the best modern SEO practices, we keep the use of UN-necessary scripts to the minimal level in our blogger templates; ensuring that we use scripts only when we must.


Helping you gain maximum traffic to your blogger blog is our number 1 goal after all!

Installation Guides for iVMega Premium Blogger Template

1. The Pre-requisite for Installing iVMega Premium Blogger Template:

Before you install or upload the iVMega Premium blogger template on your blogger blog, I recommend that you complete setting up the template as illustrated from below:


  1. If you have not done so, go to the iVMega Premium Blogger template page and purchase the theme.
  2. Wait until your access link or download link for the template files arrive your inbox
  3. Now, when the access link arrives, download the attached or uploaded file on your PC, smartphone or whichever device was used.
  4. The file is compressed in a .rar or .7zip file format. Simply decompress the downloaded file using 7zip or WinRAR
  5. Finally, locate the iVMega Premium Blogger Theme vX.XX.xml in the decompressed folder and open it using your favourite text editor.

NOTE:

For Android Users: Acode seems to be best and therefore is the recommended text editor to be used. For Windows, Linux and Mac users: NotePAD++ is recommended.


You can download Acode from Google Play Store for free.


Once you are there; you may now follow the step by step guides from below to configure and setup the iVMega Premium Blogger template


NOTE: if you prefer, this whole process can be done using just your smartphone.


Step 1.0: Upload Your Blog Logo on iVMega Premium Blogger Template:

Blog Logo - iVMega Premium Blogger Template Installation and Setup Guide

In the iVMega Premium Blogger Template, you can optionally display both your blog logo and blog name elegantly.


Your blog logo is the image that appears next to your blog name. Uploading your blog logo adds more beauty to your blog and further enhances it.


To Upload your Blog Logo:

  1. I assume you are already logged into your blogger blog.
  2. Click Post from the blogger main menu (to your left) then click the plus icon as seen in the image below. Clicking that will open a new post editor.
  3. Add New Post - iVMega Premium Blogger Template Installation and Setup Guide
  4. Next, click the image upload icon as seen in the image below. Clicking that will pop out an upload wizard that allows you upload an image on blogger.
  5. Upload image to blogger - iVMega Premium Blogger Template Installation and Setup Guide
  6. Using the upload wizard above, upload your blog logo and copy the image link as seen from the image below.
  7. Copy Blogger Image - iVMega Premium Blogger Template Installation and Setup Guide
  8. Now, on your text editor where you already have the iVMega template .xml file opened, search for:
  9. <!-- header-logo -->
  10. Now, replace the blog image logo link in step 5 above with blog logo image link you copied from the step 4. See the image below.
  11. Modify blog logo - iVMega Premium Blogger Template Installation and Setup Guide

NOTE:
  • If you choose to, you may also upload your blog logo on another image upload server. But to make your blog load really faster, it is recommended that you use blogger.
  • Regardless of the resolution of your blog logo, the image is automatically resized to 35px by 35px. Therefore, I recommend that you use an image of 60px by 60px resolution at maximum.

Step 1.1: Modify Main Navigation Menu in iVMega Premium Blogger Template

Main Navigation Menu - iVMega Premium Blogger Template Installation and Setup Guide

The primary or Main Navigation Menu allows both your blog readers, visitors and search engine spiders easily browse and navigate your blog.


As a result, the Main Navigation Menu should contain all the important links you want your blog visitors and search engine spiders see.


To Modify your Blog Main Navigation Menu:

  1. From your text editor where you already have the iVMega template .xml file opened, search for:
  2. <!-- Main Navigation Menu -->
  3. Once there, modify the links as needed and as you want.
  4. That space can contain unlimited number of links. You can add to, remove from or modify the existing links there.

NOTE:
  • You can have as many links as you want inserted or included in the list. It would be perfectly contained.
  • If you need to change the icon next to any link therein, you can simply replace the fa-car (for example) with say, fa-basket; if that's suitable for you.
  • For a complete list of icons, you can check with fontawesome icons bootstrap cheat sheets page here.

Step 1.1b: Modify Static Pages Main Navigation Menu in iVMega Premium Blogger Template

Static Page Main Navigation Menu - iVMega Premium Blogger Template Installation and Setup Guide

For improved customization and flexibility, we made iVMega Premium blogger template in such a way that a slightly different and separate Navigation Menu is displayed when your blog's Static pages are being viewed.


So, instead of the primary or Main Navigation Menu for all other pages, the static pages specific navigation menu is displayed.


To Modify your Blog static Pages Navigation Menu:

  1. From your text editor where you already have the iVMega template .xml file opened, search for:
  2. <!-- Static Page Navigation Menu -->
  3. Once there, modify the links as needed and as you want.
  4. That space can contain unlimited number of links. You can as well add to, remove from or modify the existing links therein.

NOTE:
  • Though it is recommended that you keep the links here to a minimal number, you can have as many links as you want inserted or included in the list. It would be perfectly contained.
  • Likewise, if you need to change the icon next to any link therein, you can simply replace the fa-basket (for example) with say, fa-car; if that's suitable for you.

Step 1.2: Modify your Blog Social Follow Buttons in iVMega Premium Blogger Template

Social Follow Buttons - iVMega Premium Blogger Template Installation and Setup Guide

Using the Social Buttons, you can point your blog readers to your social media channels such as Facebook Page, Twitter Page, YouTube, Instagram, Telegram etc.


For maximum exposure, we secure a place for your social buttons right below the Navigation Menu on all pages including static pages.


The default social buttons link to iVTemplates's social channels.


You should modify the links to your own.


To Modify your Blog's Social Buttons:

  1. From your text editor where you already have the iVMega template .xml file opened, search for:
  2. <!-- Follow Buttons -->
  3. You'll find two (2) instances of that line, replace the links that follow each instance of that line accordingly. See the image below:
  4. Social Follow Buttons Replacement - iVMega Premium Blogger Template Installation and Setup Guide

NOTE:
  • You can add to the links or remove from the links.
  • Only Telegram, Twitter, Facebook, Whatsapp, Instagram, YouTube, LinkedIn and Pinterest are supported.

Step 1.3: Modify Secondary Menu Links in iVMega Premium Blogger Template

Secondary Navigation Menu - iVMega Premium Blogger Template Installation and Setup Guide

The secondary menu links, as the name implies; only complements the Main Navigation Menu.


You should modify it to suit your taste.


To Modify the Secondary Menu Links

  1. From your text editor where you already have the iVMega template .xml file opened, search for:
  2. <!-- secondary menu links -->
  3. Change the links there to the ones you want.

NOTE:
  1. You can only have two (2) links in the secondary links section.
  2. If you wish to change icons behind the links to suit your need, check for icons at the fontawesome icons bootstrap cheat sheets page linked here

Step 1.4: Modify Featured Posts Feed Section in iVMega Premium Blogger Template

Feature Posts - iVMega Premium Blogger Template Installation and Setup Guide

By default, the featured articles section displays your blog's most recent posts but you can change that per your needs.


To Modify the Featured Posts:

  1. From your text editor where you already have the iVMega template .xml file opened, search for:
  2. <!-- Featured Post Feed -->
  3. As earlier mentioned, by default the Featured Posts Feed displays your blog's most recent published posts.
  4. If you wish to change this such that the Featured Posts Feed section displays most recent posts tagged under certain label or category, simply replace the link highlighted in the image below:
  5. Featured Posts Feed - iVMega Premium Blogger Template Installation and Setup Guide
  6. Replace the link in the image above with this:
  7. /feeds/posts/summary/-/SEO?published&alt=json-in-script&callback=showrecentposts&start-index=1&max-results=5
  8. REMEMBER: replace SEO with the label-name whose posts you want shown in the Featured Posts Feed section.

NOTE:
  1. Maximum number of posts to be shown is five (5).
  2. The label-name is case-sensitive. Thus; SEO is not the same as Seo or seo. Therefore, you should enter the label-name as it appears.

Step 1.5: Modify Main Subscribers Optin Widget in iVMega Premium Blogger Template

Main Subscribers Optin Widget - iVMega Premium Blogger Template Installation and Setup Guide

The Main Subscribers Optin Widget section is only visible on the homepage and it allows your subscribers subscribe to your blog using their e-mail addresses.


By default, the subscriptions and mailing list is being managed by FeedBurner. ConvertKit and MailChimp are also supported.


To Modify Main Subscribers Optin Widget

  1. From your text editor where you already have the iVMega template .xml file opened, search for:
  2. <!-- Main Subscribers Optin Widget -->
  3. In the code snippets highlighted as seen in the image above, replace the two (2) instances of ivtemplates in the code snippets with your FeedBurner's feed URI. Don't know your FeedBurner URI? Learn how to locate your FeedBurner Feed URI here
  4. Blogger subscribe widget, feedburner feed uri - iVMega Premium Blogger Template Installation and Setup Guide

NOTE:

If you would like to use either ConvertKit or MailChimp instead of FeedBurner, see the tutorials below:



Step 1.6: Modify SideBar Random Ads in iVMega Premium Blogger Template

Sidebar Random Ads - iVMega Premium Blogger Template Installation and Setup Guide

The Sidebar Random Ads is a 300px by 250px ads space that allows you display both image (banner) and text ads on your blog sidebar.


These adverts are randomly displayed on every page-load. Thus, when banner 1 is being displayed now, refresh the page and the banner 2 or banner 3 would be displayed.


In this ads space, you can have as many adverts (including Google AdSense, affiliate banners and links) as you want.


To Modify the Sidebar Random Ads:

Option 1: to use Google AdSense in the Sidebar Random Ads Space
  1. Obtain the AdsCode snippets for the Ads unit you want displayed on that space from your Google AdSense account.
  2. Giogle AdSense Script Snippets - iVMega Premium Blogger Template Installation and Setup Guide
  3. From your text editor where you already have the iVMega template .xml file opened, search for:
  4. <!-- sidebar random ads-1 -->
  5. Just below it, locate the line of codes highlighted in the image below.
  6. Random AdsCode - iVMega Premium Blogger Template Installation and Setup Guide
  7. Paste the Google AdSense AdsCode snippets you copied from step 1 here so that it replaces the line of codes highlighted in the image above.
  8. Done.

Option 2: to use images of your own as Ads in the Sidebar Random Ads Space
  1. From your text editor where you already have the iVMega template .xml file opened, search for:
  2. <!-- sidebar random ads-1 -->
  3. Now, go to Posts and click the plus icon as seen in the image below. Clicking that will open a new post editor.
  4. Add New Posts and Upload Image - iVMega Premium Blogger Template Installation and Setup Guide
  5. Next, click the image upload icon as seen in the image below. Clicking that will pop out an upload wizard that allows you upload an image on blogger.
  6. Blogger Image Upload Wizard - iVMega Premium Blogger Template Installation and Setup Guide
  7. Using the upload wizard above, upload the image you want to use for the banner ads and copy the image link as seen from the image below.
  8. Copy Banner Image URL - iVMega Premium Blogger Template Installation and Setup Guide
  9. Now, go back to the text editor and replace the Banner image url you earlier copied from above with the existing banner image url.
  10. replace image banner URL - iVMega Premium Blogger Template Installation and Setup Guide
  11. Again, replace link (url) seen in the image below with the link (url) you want your image banner point or linked to.
  12. Point add banner to a web link - iVMega Premium Blogger Template Installation and Setup Guide
  13. Repeat the same procedures with all the banner ads you want displayed there.
  14. Done.

Step 1.7: Modify SideBar Dynamic Ads in iVMega Premium Blogger Template

Dynamic Ads - iVMega Premium Blogger Template Installation and Setup Guide

The Sidebar Dynamic Ads is a 300px by 250px ads space that allows you display both image (banner) and text ads on your blog sidebar similar to the sidebar random ads.


These adverts are auto-rotated on your sidebar and moves with users's page-scroll (except on mobile views). Thus, it sticks to your blog sidebar.


In this ads space, you can have as many adverts (including Google AdSense, affiliate banners and links) as you want.


To Modify the Sidebar Dynamic Ads:

Option 1: to use Google AdSense in the Sidebar Dynamic Ads Space
  1. Obtain the AdsCode snippets for the Ads unit you want displayed on that space from your Google AdSense account.
  2. Google AdSense Script - iVMega Premium Blogger Template Installation and Setup Guide
  3. From your text editor where you already have the iVMega template .xml file opened, search for:
  4. <!-- Sidebar Dynamic Ads-1 -->
  5. Just below it, locate the line of codes highlighted in the image below.
  6. Dynamic Ads Image - iVMega Premium Blogger Template Installation and Setup Guide
  7. Paste the Google AdSense AdsCode snippets you copied from step 1 here so that it replaces the line of codes highlighted in the image above.
  8. Done.

Option 2: to use images of your own as Ads in the Sidebar Dynamic Ads Space
  1. From your text editor where you already have the iVMega template .xml file opened, search for:
  2. <!-- Sidebar Dynamic Ads-1 -->
  3. Now, go to Posts and click the plus icon as seen in the image below. Clicking that will open a new post editor.
  4. Upload image to Blogger Post - iVMega Premium Blogger Template Installation and Setup Guide
  5. Next, click the image upload icon as seen in the image below. Clicking that will pop out an upload wizard that allows you upload an image on blogger.
  6. Image Upload wizard - iVMega Premium Blogger Template Installation and Setup Guide
  7. Using the upload wizard above, upload the image you want to use for the banner ads and copy the image link as seen from the image below.
  8. Copy image - iVMega Premium Blogger Template Installation and Setup Guide
  9. Now, go back to the text editor and replace the Banner image url you earlier copied from above with the existing banner image url.
  10. Dynamic Ads Image url - iVMega Premium Blogger Template Installation and Setup Guide
  11. Again, replace link (url) seen in the image below with the link (url) you want your image banner point or linked to.
  12. Dynamic Ads Banner Link - iVMega Premium Blogger Template Installation and Setup Guide
  13. Repeat the same procedures with all the banner ads you want displayed there.
  14. Done.

Step 1.8: Modify Ads Below Post Title in iVMega Premium Blogger Template

Ads Below Post Title - iVMega Premium Blogger Template Installation and Setup Guide

The Ads Below Post Title AdsSpace is a spot below your blog posts title and just before your posts content.


Within this space, you can contain all kinds of ads and of any sizes. Any content put within that space is center-aligned - this is done to ensure that such content grabs maximum attention.


To Modify the Ads Below Posts Title:

Option 1: to use Google AdSense in the Ads Below Posts Title Space
  1. Obtain the AdsCode snippets for the Ads unit you want displayed on that space from your Google AdSense account.
  2. AdSense Script - iVMega Premium Blogger Template Installation and Setup Guide
  3. From your text editor where you already have the iVMega template .xml file opened, search for:
  4. <!-- Ads Below Posts Title -->
  5. Just below it, locate the line of codes highlighted in the image below.
  6. Cooy image - iVMega Premium Blogger Template Installation and Setup Guide
  7. Paste the Google AdSense AdsCode snippets you copied from step 1 here so that it replaces the line of codes highlighted in the image above.
  8. Done.

Option 2: to use images of your own as Ads in the Ads Below Posts Title Space
  1. From your text editor where you already have the iVMega template .xml file opened, search for:
  2. <!-- Ads Below Posts Title -->
  3. Now, go to Posts and click the plus icon as seen in the image below. Clicking that will open a new post editor.
  4. Create new post - iVMega Premium Blogger Template Installation and Setup Guide
  5. Next, click the image upload icon as seen in the image below. Clicking that will pop out an upload wizard that allows you upload an image on blogger.
  6. upload image to blogger - iVMega Premium Blogger Template Installation and Setup Guide
  7. Using the upload wizard above, upload the image you want to use for the banner ads and copy the image link as seen from the image below.
  8. Copy image - iVMega Premium Blogger Template Installation and Setup Guide
  9. Now, go back to the text editor and replace the Banner image url you earlier copied from above with the existing banner image url.
  10. Ads below posts title banner - iVMega Premium Blogger Template Installation and Setup Guide
  11. Again, replace link (url) seen in the image below with the link (url) you want your image banner point or linked to.
  12. Ads below posts title banner link - iVMega Premium Blogger Template Installation and Setup Guide
  13. Repeat the same procedures with all the banner ads you want displayed there.
  14. Done.

Step 1.9: Modify Ads Below Blog Pager in iVMega Premium Blogger Template

Ads below blog pager - iVMega Premium Blogger Template Installation and Setup Guide

The Ads Below Blog Pager AdsSpace is a spot below your blog posts content and just before your posts comments.


At this spot, we make available two spaces for adverts.


Within this spaces, you can contain all kinds of ads of 300px by 250px resolution (size). Any content put within that space is center-aligned - this is done to ensure that such content grabs maximum attention.


To Modify the Ads Below Blog Pager:

Option 1: to use Google AdSense in the Ads Below Blog Pager
  1. Obtain the AdsCode snippets for the Ads unit you want displayed on that space from your Google AdSense account.
  2. Google AdSense Ads Snippets - iVMega Premium Blogger Template Installation and Setup Guide
  3. From your text editor where you already have the iVMega template .xml file opened, search for:
  4. <!-- Ads Below Blog Pager -->
  5. You'll find two (2) instances of that line. Just below it, locate the line of codes highlighted in the image below.
  6. Native Ads - iVMega Premium Blogger Template Installation and Setup Guide
  7. Paste the Google AdSense AdsCode snippets you copied from step 1 here so that it replaces the line of codes highlighted in the image above.
  8. Done.

Option 2: to use images of your own as Ads in the Ads Below Blog Pager Space
  1. From your text editor where you already have the iVMega template .xml file opened, search for:
  2. <!-- Ads Below Blog Pager -->
  3. You'll find two (2) instances of that line. Now, go to Posts and click the plus icon as seen in the image below. Clicking that will open a new post editor.
  4. Create new post on Blogger - iVMega Premium Blogger Template Installation and Setup Guide
  5. Next, click the image upload icon as seen in the image below. Clicking that will pop out an upload wizard that allows you upload an image on blogger.
  6. Image upload wizard - iVMega Premium Blogger Template Installation and Setup Guide
  7. Using the upload wizard above, upload the image you want to use for the banner ads and copy the image link as seen from the image below.
  8. copy image link - iVMega Premium Blogger Template Installation and Setup Guide
  9. Now, go back to the text editor and replace the Banner image url you earlier copied from above with the existing banner image url.
  10. Blog pager banner ads url - iVMega Premium Blogger Template Installation and Setup Guide
  11. Again, replace link (url) seen in the image below with the link (url) you want your image banner point or linked to.
  12. Blog pager banner ads link - iVMega Premium Blogger Template Installation and Setup Guide
  13. Repeat the same procedures with all the banner ads you want displayed there.
  14. Done.

Step 1.10: Modify Pre-Footer Subscribers Optin Widget in iVMega Premium Blogger Template

Pre-foot optin Widget - iVMega Premium Blogger Template Installation and Setup Guide

The Pre-Footer Subscribers Optin Widget section is only visible on posts pages and it allows your subscribers subscribe to your blog using their e-mail addresses.


By default, the subscriptions and mailing list is being managed by FeedBurner. ConvertKit and MailChimp are also supported.


To Modify the Pre-Footer Subscribers Optin Widget

  1. From your text editor where you already have the iVMega template .xml file opened, search for:
  2. <!-- Pre-Footer Subscribers Optin Widget -->
  3. In the code snippets, replace the two (2) instances of ivtemplates in the code snippets with your FeedBurner's feed URI. Don't know your FeedBurner URI? Learn how to locate your FeedBurner URI here
  4. pre-foot optin Widget setup - iVMega Premium Blogger Template Installation and Setup Guide

NOTE:

If you would like to use either ConvertKit or MailChimp instead of FeedBurner, see the tutorials below:



Step 1.11: Modify Pre-Footer Social Follow Buttons in iVMega Premium Blogger Template

Pre-foot Social Follow - iVMega Premium Blogger Template Installation and Setup Guide

The Pre-Footer Social Follow Buttons allows you add a few more social buttons to your blog. Using the Social Buttons, you can point your blog readers to your social media channels such as Facebook Page, Twitter Page, YouTube, Instagram, Telegram etc.


For the best fit, it is recommended that you only keep maximum of two (2) buttons here.


The default social buttons link to iVTemplates's social channels.


You should modify the links to your own.


To Modify the Pre-Footer Social Buttons:

  1. From your text editor where you already have the iVMega template .xml file opened, search for:
  2. <!-- Pre-Footer Follow Buttons -->
  3. Replace the links in the line accordingly. See the image below:
  4. Social channels link - iVMega Premium Blogger Template Installation and Setup Guide

NOTE:
  • Only Telegram, Twitter, Facebook, Whatsapp, Instagram, YouTube, LinkedIn and Pinterest are supported.

Step 2.0: Install iVMega Blogger Template on your Blogger Blog

Now that you are done with setting up your iVMega Blogger Template, the next step is to install the template on your blogger blog.


The installation process for iVMega Blogger template is the same as every blogger template. Hence, you can just use the same method of installing other template for iVMega Blogger Template on your blogger blog.


Step 2.1: Modify Main Ads Banner in iVMega Premium Blogger Template

Main ads Banner, homepage - iVMega Premium Blogger Template Installation and Setup Guide

After installing the iVMega Blogger Template on your Blogger blog, you may now setup or modify the iVMega Blogger template's Main ads banner.


The main ads banner is displayed on homepage and index pages (i.e archive, search and label pages)


The main ads banner widget can contain and display all kinds of adverts including text, video and image ads both from Google AdSense and the ones created by yourself.


To Modify the Main Ads Banner:

Option 1: to use Google AdSense
  1. Obtain the AdsCode snippets for the Ads unit you want displayed on that space from your Google AdSense account.
  2. AdSense AdsCode Scripts - iVMega Premium Blogger Template Installation and Setup Guide
  3. Login your Blogger blog account if you are not logged-on already.
  4. Click on Layout from the Main Menu (left of your screen) on your Blogger Blog Dashboard
  5. Blogger Blog Layout Page - iVMega Premium Blogger Template Installation and Setup Guide
  6. On the screen that appears, locate the Main Ads Banner Widget. Then, click Edit. See the image below:
  7. Main Ads Edit - iVMega Premium Blogger Template Installation and Setup Guide
  8. On the pop up window, paste the AdsCode you earlier copied from your Google AdSense account.
  9. Blogger HTML Widget - iVMega Premium Blogger Template Installation and Setup Guide
  10. Now, click Save and refresh the Layout window.
  11. Save Blogger HTML Widget - iVMega Premium Blogger Template Installation and Setup Guide
  12. Done.

Option 2: to use image of your own as the banner ads
  1. I assume you are already logged into your blogger blog.
  2. Click the plus icon as seen in the image below. Clicking that will open a new post editor.
  3. Create new posts in Blogger - iVMega Premium Blogger Template Installation and Setup Guide
  4. Next, click the image upload icon as seen in the image below. Clicking that will pop out an upload wizard that allows you upload an image on blogger.
  5. Upload image in Blogger post - iVMega Premium Blogger Template Installation and Setup Guide
  6. Using the upload wizard above, upload the image you want to use for the banner ads and copy the image link as seen from the image below.
  7. Copy image URL - iVMega Premium Blogger Template Installation and Setup Guide
  8. Now, click on Layout from the Main Menu (left of your screen) on your Blogger Blog
  9. Blogger blog Layout - iVMega Premium Blogger Template Installation and Setup Guide
  10. On the screen that appears, locate the Main Ads Banner Widget. Then, click Edit. See the image below:
  11. Main Ads Banner Space - iVMega Premium Blogger Template Installation and Setup Guide
  12. On the pop up window, simply replace or paste the Banner image url you earlier copied from above with the existing banner image url.
  13. ads banner image url - iVMega Premium Blogger Template Installation and Setup Guide
  14. Again, replace link (url) seen in the image below with the link (url) you want your image banner point or linked to.
  15. ads banner web link - iVMega Premium Blogger Template Installation and Setup Guide
  16. Now, click Save and refresh the Layout window.
  17. Done.

Questions and Answers:

Using the best methods known to us and in the simplest vocabularies we know of, we have presented these step by step tutorials. However, if there are some features you could not get to work or others you want us help you at, you may simply add your comment in the comment box below.


You shall be attended. Thank you for being such a wonderful customer!


0 Comments

to top