Last Updated on January 17, 2024 by Justin Su
In this article, I am going to guide you on how you can make 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, add an Instagram follow button, remove 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!
Table of Contents
How To Change Profile Picture On Blogger
Follow the below steps to change your profile picture in Blogger.
- Go to Blogger and log in
- Go to the settings page
- Find the general setting There you can find the “User Profile” option
- Click on User Profile new page will 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 do a quick search in Google Chrome
How To Add Instagram Follow Button On Blogger
Adding an 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
- Click on Add a widget (you can choose any widget)
- Now choose the HTML/JavaScript option
- Add any of the given code
Code 1)
Follow 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/[email protected]); 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> |
| <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/[email protected]); 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 == "index"’> <data:blog.title/> <b:elseif cond=’data:blog.pageType != "error_page"’/> <data:blog.pageName/> <b:else/> 404 | <data:blog.title/> </b:if> </title>
OR
<title>
<b:if cond=’data:blog.pageType == "index"’>
<data:blog.pageTitle/>
<b:else/>
<b:if cond=’data:blog.pageType != "error_page"’>
<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>
Or you can create your own unique button from here.