Sunday, June 21, 2020

How to Setup Blog Pro 2.0 Blogger Template

How to Setup Blog Pro 2.0 Template

Howdy peoples hope you all doing well. Today in this article we gonna share with you how to setup Blog Pro 2.0 Templates for your blogger blog.  Blog Pro 2.0 is a custom made blogger templates which is developed by Manu Kumar. In this templates he used schema which helps to rank your posts to snippet on Google Search.

Blog Pro 2.0 Features


Feaures
Availabliliity
Responsive
True
Fast Loading
True
Google Testing Tool Validator
True
Mobile Friendly
True
SEO Friendly
True
Dynamic Heading
True
Adsese Ready
True
Valid Schema.org
True
High CTR
True
Personal Blog
True

When we have checked this templates Page speed On Google its was 99 On desktop and 92 For Mobile.

So let's Get Started

How to setup Setup Blog Pro 2.0 Templates 

  • Step-1 First Download Templates From Our Blog

This template is custom made templates so you have to buy this template we have keep this template price is very low its $5


  • Step-2 Extract Template and Upload on your Blogger. For upload or change templates on blogger you need to follow these steps

Blogger.com > Login with your Gmail id > Theme > Edit HTML > Paste Your new Templates File > Save.

How to Change Menu on Blog Pro 2.0 Templates



Goto Theme > Edit Template > find

<nav class='nav-primary' id='navigation'>  

From this section, you can change or edit the menu as per your requirement  for example


  <li
class='menu-item'><a
href='#'><span>hosting</span></a></li>
  <li class='menu-item'><a href='#'><span>seo</span></a></li>
  <li class='menu-item'><a href='#'><span>adsense</span></a></li>
  <li class='menu-item'><a href='#'><span>blogspot</span></a></li>
  <li class='menu-item'><a href='#'><span>wordpress</span></a></li>


How to Change or Update Your Container

How to Change or Update Your Container


Click on edit templates and find <!--Div Container--> from here you can change This container Text as per your requirement


For image change, you can change/replace this image


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrcLa7zEPPBvzKTs90iPbhfRnHygQAggoond1b6a1caxiRWxYwcWIj7VhLZyKgJbmJbaGH21zFbftEnhoPnB110Yn4udtv4m1c8PminDntU_ZS593nVK76_Ek_n9dntydUzvB68JN1CxSL/h280/tc-mail.png



Change Author Social Links:  find below code and replace with your own social Links


<div class='authoricon'>
<a href='https://www.facebook.com/#'
target='blank'><button class='buttonauthor' title='Follow on
facebook'><i class='fa fa-facebook'/></button></a>
<a href='https://twitter.com/#'
target='blank'><button class='buttonauthor' title='Follow on
twitter'><i class='fa fa-twitter'/></button></a>
<a href='https://linkedin.com/#'
target='blank'><button class='buttonauthor' title='Follow on
linkedin'><i class='fa fa-linkedin'/></button></a>
<a href='https://youtube.com/channel/#'
target='blank'><button class='buttonauthor' title='Subscribe on
YouTube'><i class='fa fa-youtube-play'/></button></a>
</div>

How to change Footer Widget

find 

<div class='footer-widget'
id='footx3'>

Just find this code <div class='footer-widget' id='footx3'> and change text with Link as per your requirment.

How to change Footer Credit Link

Just find the code <span class='credit-link'> and change/replace the code which is given below

<a href='#'>About</a>
<a href='#'>Contact</a>
<a href='#'>Advertise</a>
<a href='#'>Archive</a>
<a href='#'>Privacy</a>
<a href='#'>Terms</a> 

7 comments:
Write comment