How To Change Display Icon Beside Address URL

A lot of blogger out there love to find new tweaks on blogger platform.I got emails on how to change display icon besides address url for blogger platform.Here it is, which i think one easy way for everybody to understand and apply accordingly.I’m not an expert, but at least i can find something to share with all bloggers out there who needs my help.If anyone have any other support or tips and tricks, you are welcome to ask me.I will published in this blog and we can learn all of it together.Thanks dear readers!
Materials needed: 1) Get your desired icon picture(around 22 x 22 pixel). Steps: 1) Get an image of gif, jpg, bmp, ico, png type. Its dimension should be around 22×22 pixel(you can use Windows Paint to resize it). 2) Upload the image to ImageShack(http://imageshack.us/). Please login through the link sent to your email. 3) Click on “My Images” after you login. 4) You can see the image that you uploaded just now. Click on the “i” button. 5) Take note the link in the “Direct” field. 6) Now login to your blogspot and choose “Layout”->”Edit HTML”. Look for “HEAD” in the template as shown in 3. 7) Paste the following codes after the “HEAD” as shown in print screen. The bold address will be from STEP 5. #link href=’http://img217.imageshack.us/img217/3580/globewx5.png‘ rel=’SHORTCUT ICON’/'@ *please replace # with < and @ with > or else it wouldn’t work. 8) Lastly, click on “SAVE TEMPLATE” and it’s all set.

Related Posts with Thumbnails

Incoming search terms:

This entry was posted in blogger, Blogging, Software, Tips&Tricks and tagged , , , , . Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>