24 May 2015

BTT #4 | CREATE A BOOKMARK ICON FOR YOUR BLOG

Not to be confused with your blog favicon, this neat little trick will allow you to give your blog it's own bookmark icon. If you have an iPhone then you will know that if you find a website you like you can add it as a bookmark or add it as a shortcut onto your homepage. This is a great way to keep all your favourite blogs together in one folder to visit them whenever you want. Click see more to find out how to add one on your blog!

HOW TO DO IT

Firstly you will need to make your actual icon, it needs to be a square. You can create this using photoshop, picmonkey or another editing tool. Try not to make the icon too complicated as it will be quite small once on your phone and you want it to be easy to see. Now upload the image to a host site such as photobucket. Next head to TEMPLATE > EDIT HTML and directly after <head> which is on row 4, paste the code below. Insert your direct image URL where it says IMAGEURL in the code and then press SAVE TEMPLATE.
<link href='IMAGEURL' rel='apple-touch-icon-precomposed'/>


If you use a blogger mobile template then you will need to locate this code: <b:if cond='data:blog.isMobile'> (press CTRL+F to open the search box) and paste the same code as before directly below this also! If you cannot find this code in your html, then head back to the top and directly after where you pasted your first code, paste the following code (don't forget to add your image URL again.)


 <b:if cond='data:blog.isMobile'><link href='IMAGEURL' rel='apple-touch-icon-precomposed'/></b:if>

HOW TO USE YOUR ICON

Head to your blog on your phone and then press the share button at the bottom. From here you can choose to add the site as a bookmark and / or add to your home screen. From here you can change the name of the bookmark or short cut and then press Save / Add.





It's THAT simple! If there is any topics you would like me to cover, let me know!
Share: Pin This Email This

MEET THE AUTHOR: Serena Ozgowicz is a 24 year old Puggle owner with a passion for beauty, crafts and coding! You can follow her on facebook, twitter and instagram. Thank you for reading this post!

No comments//

Post a Comment

CUSTOM BLOG DESIGN STYLED BY PRETTYWILDTHINGS