How To In Blogger: Change Profile Pic, IG Follow, Title, Labels, & Download Button

Last Updated on March 3, 2021 by Justin Su

In this article, I am going to guide you on how you can do different changes to your blogger website and blogger dashboard. If you are not a blogger.com user then this article is not for you.

I am going to write a guide on how to change profile pictures, adding Instagram follow button, removing the blog post title, create labels, and add a download button in the blogger.

At moneyforwallet I don’t only post articles related to making money online but I also try to help new bloggers. Hence if you like the article then do not forget to share this article.

Blogging is one of the best methods to make money online. Also, you can check out the list of best web hosting platforms for bloggers and freelancers.

Let’s start now!

How To Change Profile Picture On Blogger

Follow up the below steps to change your profile picture in BLogger.

  • Go to Blogger and log in
  • Go to the setting page
  • Find general setting there you can find the “User Profile” option
  • Click on User Profile new page will be open (https://www.blogger.com/edit-profile.g)
  • Scroll down and search for “Profile Photo”
  • Here you can add an image from your computer or through any link
  • After uploading the image scroll down and click on the Save button

Note:- Use CTRL+F to fo quick search in Google Chrome

How To Add Instagram Follow Button On Blogger

Adding Instagram follow button on your blogger site is very easy. Just follow the below button.

  • Go to your blogger dashboard
  • Go to layout option page
  • Cick on Add a widget (you can choose any widget)
  • Now choose HTML/JavaScript option
  • Add any of given code

Code 1)

InstagramFollow on Instagram

<style>.ig-b- { display: inline; } .ig-b- img { visibility: hidden; } .ig-b-:hover { background-position: 0 -60px; } .ig-b-:active { background-position: 0 -120px; } .ig-b-16 { width: 16px; height: 16px; background: url(//badges.instagram.com/static/images/ig-badge-sprite-16.png) no-repeat 0 0; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min–moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .ig-b-16 { background-image: url(//badges.instagram.com/static/images/ig-badge-sprite-16@2x.png); background-size: 60px 178px; } }</style> <a href=”https://www.instagram.com/moneyforwallet/?ref=badge” class=”ig-b- ig-b-16″><img src=”//badges.instagram.com/static/images/ig-badge-16.png” alt=”Instagram” /> <b>Follow on Instagram</b></a&gt;
Code 2)

Instagram

<style>.ig-b- { display: inline-block; } .ig-b- img { visibility: hidden; } .ig-b-:hover { background-position: 0 -60px; } .ig-b-:active { background-position: 0 -120px; } .ig-b-v-24 { width: 137px; height: 24px; background: url(//badges.instagram.com/static/images/ig-badge-view-sprite-24.png) no-repeat 0 0; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min–moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .ig-b-v-24 { background-image: url(//badges.instagram.com/static/images/ig-badge-view-sprite-24@2x.png); background-size: 160px 178px; } }</style> <a href=”https://www.instagram.com/moneyforwallet/?ref=badge” class=”ig-b- ig-b-v-24″><img src=”//badges.instagram.com/static/images/ig-badge-view-24.png” alt=”Instagram” /></a>

Now click on the Save button, that’s all.

How To Remove Blog Title From Post Title

Want to remove your blog title from posts? Then follow the below steps.

  • Log in to Blogger
  • Go to Theme
  • Click on Edit HTML
  • Search for <title><data:view.title.escaped/></title>
  • Change it with

<title> <b:if cond=’data:blog.pageType == &quot;index&quot;’> <data:blog.title/> <b:elseif cond=’data:blog.pageType != &quot;error_page&quot;’/> <data:blog.pageName/> <b:else/> 404 | <data:blog.title/> </b:if> </title>

OR

<title>
<b:if cond=’data:blog.pageType == &quot;index&quot;’>
<data:blog.pageTitle/>
<b:else/>
<b:if cond=’data:blog.pageType != &quot;error_page&quot;’>
<data:blog.pageName/>
<b:else/>
Page Not Found | <data:blog.title/>
</b:if>
</b:if>
</title>

Click on save and check if it is working. Online codes are changing on regular basis hence this might not work.

How To Create Labels In Blogger

Want to create labels in Blogger? Then follow the below steps.

  • Login to blogger
  • Go to posts
  • Select the post in which you want to add labels
  • Click on the “Apply Labels On Selected Posts” option
  • You will get a box to add a label, put your labels and click on save
  • Now Done.

Or if you want to add labels in each post then go to blogger and post and then edit the post in which you want to add labels. After that, you will find the option of adding Labels under the setting on the right side.

How To Add Download Button In Blogger

Are you interested in adding a download button to your blogger website? Just copy the below code and paste it where you want to add the download button.

“<a href=”https://moneyforwallet.com/”>
<input type=”button” value=” Download “/>
</a> “

<a href="https://moneyforwallet.com/" target="_blank" style="padding:10px;">
<input type="button" value="Download Now"/>
</a> 
<a href="https://moneyforwallet.com/" target="_blank" style="font-weight:bold;font-size:20px;color:#ff5722;text-decoration:none;">
Download Now
</a>
Download Now
<p><a href="https://moneyforwallet.com/" target="_blank" style="font-weight:bold;font-size:20px;border:1px solid #ccc;border-radius:10px;padding:10px;text-decoration:none;color:#fff;background-color:#ff5722;">
Download Now
</a></p>

Download Now

Or you can create your own unique button from here.

The post How To In Blogger: Change Profile Pic, IG Follow, Title, Labels, & Download Button appeared first on MoneyForWallet.