How to add follow button in blogger, Custom Follow Button in Blogger

 

How to add follow button in blogger, Custom Follow Button in Blogger ~ Daily Engross
How to add follow button in blogger, Custom Follow Button in Blogger ~ Daily Engross

How to add follow button in blogger, Custom Follow Button in Blogger

A navigation bar appears at the top of every blog hosted on Google's Blogger service, allowing users to rapidly do actions like searching for a specific material or following a favorite blog. The "Follow" button can also be placed in the blog's sidebar if you're concerned that first-time visitors won't notice it. Display your blog's existing followers and allow new visitors to follow you or subscribe through email by installing a new gadget on your blog.

 

What is the Blogger follow button?

People may subscribe to your blog and receive updates to their Blogger profile by clicking the Blogger follow button (or their Google profile, as Blogger is owned by Google). In addition to the standard "follow" button in the sidebar or other prominent spot on Blogger-powered sites, the Blogger follow button allows you to post a button on your own website.

Since it was founded in 1999 and purchased by Google in 2003, Blogger has been a popular blogging platform for more than a decade and a half. In especially with individuals (rather than corporations) who desire a blog on one of the early blogging platforms, it is still quite popular. To get started, all you need is a free domain name ending in "blogspot.com" (though you can use your own domain name if you have one). "Blogger" and "Blogspot" are sometimes used interchangeably, even though Blogger is the platform and Blogspot provides free domain names for blogs.

 

Method 1: How to add follow button in blogger

Step No. 1:

Type in the Google account address and password when requested to access the Blogger.com dashboard.

Step No. 2:

Go to the blog you want to add a "Follow" button to by clicking on its title and then selecting "Design" from the drop-down menu. By clicking this, you'll be sent to a new page that displays the design template for your blog.

Step No. 3:

To add the "Follow" button to your sidebar, use one of the "Add a Gadget" links on the right side of the page. Other "Add a Gadget" links on the design template can be used to position the button where you want it. Choosing this option brings up a new window with a list of devices you may add.

Step No. 4:

To display an email subscription link on your sidebar, click the + sign next to the "Follow by Email" gadget. Another option is to include a "Join This Site" button next to the "Followers" gadget so that

visitors may click it to join up for Google Friend Connect and see a list of your blog's followers. The "Add a Gadget" link may be clicked again to add both gadgets.

Step No. 5:

At the very top of the design template page, you'll see an orange "Save" button.

 

Method 2: How to add Custom Follow Button in Blogger

Follow the first two steps of method 1, then follow the below steps:

Step No. 3:

Click on the add gadget and then select Configure HTML/JavaScript

Step No. 4:

In this gadget there are two options the one is the title and second one is content,

  • In the title, box write FOLLOW US!
  • In the content box, you have to copy-paste the following code


<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" /> <a href="https://www.blogger.com/follow.g?blogID=4943947717474178769"><button class="button"><i class="fa fa-group"></i> Follow Us </button></a> <style> .button { width: 140px; height: 45px; font-family: 'Roboto', sans-serif; font-size: 11px; text-transform: uppercase; letter-spacing: 2.5px; font-weight: 700; color: #000; background-color: greenyellow; border: none; border-radius: 45px; border: 1px solid grey; }.button:hover { background-color: #2EE59D; /*background-color-On-Hover*/ box-shadow: 0px 5px 5px rgba(46, 229, 157, 0.4); /*shadow-color*/ color: #fff; cursor: pointer;} </style>

Change the highlighted areas with yours


Thank You!

Post a Comment

0 Comments
* Please Don't Spam Here. All the Comments are Reviewed by Admin.

Top Post Ad

Below Post Ad