+321 123 4567
info@test.com
  • Home
  • My Services
    • Web Design
    • Web Development
    • Technical Writing
  • Portfolio
  • My Thoughts
  • Free Tools
    • Photo Editor
    • Avatar Generator
    • Email Migration Tool
    • QR Code Generator
    • RSS to HTML Converter
    • Rich Text Editor
    • IP Address Geolocation
    • Base64 Image Encoder
    • NATO Translator
    • All Tools
  • Contact
Home
Blogger
Change Your Blogger’s Blog Favicon ( site icon )

Change Your Blogger’s Blog Favicon ( site icon )

Wale Adekile
November 18, 2010

A favicon (short for ‘favorites icon’), is the little icon associated with a particular website or webpage, shown next to the site’s name in the URL bar of most browsers.


Giving your blog an identity really matters and the default blogger icon makes your blog look like just any other blog around. To change the favicon, you first need to create a .png or .ico image about 16X16 or 32X32 pixels and upload it on image hosting sites like tinypic.com, but I actually prefer uploading my stuffs to opendrive.com

You can use any other site you know as long as you can hotlink the image url.

1. Create a .png image about 16X16 with your image editing software or you can create a favicon online from Genfavicon.com or Favicon.cc.

2. Upload your icon to a host and make sure you have the direct image url.

3. Login to your blogger account and click on design

4. Click on Edit HTML


5. Press CTRL + F and serch for

<title><data:blog.pagetitle/></title>

6. Paste your icon url in the line just below it as shown in the image below

7. Save your changes.

Now view your blog and you’ll find out the default blogger ‘B’ logo is replaced by your new image.


Previous Post
Display Recent Posts on Your Blog
Next Post
Edit .psd Logo Without Adobe Photoshop
Wale Adekile
Husband to the world's most beautiful woman and father to two awesome kids. A nerd, obviously; also, a technical business analyst, a web designer who preaches the gospel of WordPress, and a writer. You can check out my published books on Amazon.
via @sharethis twitter handle
BloggerWordpress

How to Remove @sharethis from Sharethis Twitter Code

13 years ago
Bizham business blog
Blogger

Setting Up Custom Email For Your Domain With Google Apps

15 years ago

Recent Articles

wahl rapic clip hair clipper
Wahl Rapid Clip Hair Clipper Review: DIY Made Easy
BenQ LaptopBar Review: Luxury or Necessity?
yunmai easepro unboxed
Yunmai EasePro Massage Gun Review
g20
Teendow G20 Robot Vacuum and Mop Review
bathroom
Dear Men, Spraying All Over the Toilet Seat is Disgusting and Irresponsible
winx mediatrans
How to Transfer Photos from iPhone to Computer Without iTunes
google workspace
How to Migrate Emails From Google Workspace/G Suite to cPanel
synology diskstation ds920+
Synology DiskStation DS920+ Review
playstation 4
Why I haven’t Upgraded to the PlayStation 5 Yet
pain
Started Watching Anime as an Adult? You’re Not Alone

All contents on this blog are copyright protected and cannot be reproduced on other websites without permission.

Copyright © 2022 – NerdieDad | Home | Contact | About | Privacy Policy