Saturday, November 6, 2010

Bloglovin' Custom Made Icon on Your Blog - Blogger

Updated version

Assuming that you already have control over your blog via bloglovin' or that your blog is at least on bloglovin', you log into your bloglovin account, then click on Account -> Widget. In order to add a custom icon to your blog, just press "Get this icon" on any of the widgets avalible on their site.
If the Blogger icon is not already there, search for your blog and select it until your you see the Blogger icon and it says "Add icon", press this button.
This will take you to Blogger.com, make sure it's the correct blog selected from the drop-down menu and choose a title for your blog. Then click on "Edit Content". This will show you some basic HTML code, and this is where you have to change the image link which you find in the img src="link" tag, edit whatever link is that is there (eg. http://www.bloglovin.com/widget/bilder/en/lank.gif) to a link for your own icon. Now this is where it can get a little tricky, you would now have to upload your icon to a server so that you can get a web-link to it, blogger does however provide this service so you can upload an image on blogger, get the link and then add that link in here. When this link is edited, press "Add Widget" and it will add the widget with your own icon to your blog!

Here are two icons that I made which you are more than welcome to use:

Blue icon:


http://2.bp.blogspot.com/_Txd118s5Cu0/TNWuvipIZoI/AAAAAAAAAFI/Ght9c5k_OIA/s400/follow-cloud-blue.gif

Pink icon:


http://4.bp.blogspot.com/_Txd118s5Cu0/TNWvF9PRJzI/AAAAAAAAAFQ/1uNPxpqng0I/s400/follow-cloud-pink.gif

7 comments:

  1. This didn't work for me!:(

    ReplyDelete
  2. hi, I'm set up to do it...got my custom image ready from a web link. But just can't find the code. Any chance you coulld help me locate it. is it in the exanded widget template bit - or under one of the sections headed for example like this /* Posts
    Sorry I realise I'm being difficult.
    gossamermills.blogspot.com

    ReplyDelete
  3. hi..

    i uploaded my custom icon on flickr. I added the link in the img src, but the image is not getting displayed. All i can see is a question mark in place of the image. But when i click it (the question mark) its taking me to the bloglovin page. No there is nothing wrong with the link just the iage. What do i do?

    Thanks!

    ReplyDelete
  4. Thanks so much for the icons. Works fine for me :)

    http://chinitafania.blogspot.com/

    ReplyDelete
  5. so nice post. we are enjoy it.
    i am from www.plasticcardonline.com

    ReplyDelete
  6. Thanks! I love the little icons you made. I used the pink one :D

    ReplyDelete
  7. Thanks for that :) I made my own using your tips!

    www.skiptomalouuu.blogspot.com

    ReplyDelete