How to Create Your Own Bloglovin' Button .

Last evening, over cinnamon speckled chais and a table stacked with camera lenses and Kinfolk journals, my friend Aubrie and I discussed the frustrations of life with (or without!) code. And how sometimes we just want-- after tears and hours of following code directions to no avail-- to fork over the money to an HTML expert to solve our first world problems for us. (smile) We concluded that would only leave us with lighter wallets and still no know-how. It was at that point in the conversation that I leaned over to Aubrie and said, probably with wild eyes and high-pitched excitement, 'I figured something out! I know how to make my own Bloglovin' button!' 

And, on the heels of the blog-shattering news of Google Reader + Google Friend Connect going bye-bye, I'd like to share my knowledge with you just in case you, like me, aren't crazy about the standard Bloglovin' buttons. In this tutorial, I'll show you how to create a banner-type button. But keep in mind you can use any image, overlay, geometric pattern, etc. to create your own Bloglovin' button. Also, this tutorial is meant for those using a Blogger platform, but I think many of the concepts are transferable to other blog hosts. Ready? Here we go!

// Head over to PicMonkey and upload your image, or in my case, a white square! (I simply opened up a blank document in Word and snapped a screenshot.) Next, crop your image to the appropriate size for your blog. (My sidebar allows my image to be 300 megapixels wide and I only wanted it 30 megapixels high.) //



// Next, add the banner overlay and choose your desired color // 



// Add your text and save your work! // 



// Now, click over to www.bloglovin.com and find your blog via the search box. Here's the MOST IMPORTANT PART of this tutorial: Do you see the bloglovin' identification number for my blog in the orange bubble in the picture above? Find yours and copy and paste the entire url. //


// Now go to your blogger dashboard and click on 'layout'. Next, click on 'add a gadget'. Then, click on 'image'. //


 // Upload your saved PicMonkey image and paste your Bloglovin' ID code in the LINK box. //


 // All finished! Enjoy your customized Bloglovin' button! //

p.s. Remember my talented friend Aubrie that I talked about? Please go to this post and look at the newborn that she recently photographed. The photographs of sweet Kate with her doggie? Oh my goodness! You will seriously smile so big it isn't even funny. Actually, you will laugh out loud and be so happy you did! Happy almost-end-of-the-week, friends!

25 comments:

  1. Wow. This is just really great. You are not only so artistically creative, but you are a bit of a techy nerd! (HUGE wink and smile!) Thanks for posting this step by step. My mind goes to mush when I see the letters HTML...but I think it's not so bad when taken step by step + visuals. ;)

    ReplyDelete
    Replies
    1. Erin,
      You are so sweet. And, as far as the techiness goes, I blame it all on my new hipsterish glasses, ha! I do seriously hope this little tutorial is helpful for some. I love being able to personalize something instead of using general blog buttons. Apparently I need to add ocd-ish to the list too? : )

      Delete
  2. I am totally following you on Bloglovin' with that cute little button you made!

    ReplyDelete
  3. Anonymous7:03 PM

    This comment has been removed by a blog administrator.

    ReplyDelete
  4. Anonymous8:48 AM

    Hi, I do think this is an excellent blog. I stumbledupon it ;
    ) I'm going to come back yet again since I book-marked it. Money and freedom is the best way to change, may you be rich and continue to guide other people.

    my blog outward hound backpack

    ReplyDelete
  5. Sarahkate- you're the best! First, thanks for the kind words and the "shout-out" to my photography blog. AND... thanks for this tutorial. I'm going to set-up my bloglovin' account... follow you... and then go make my button.

    ReplyDelete
    Replies
    1. Aubs,
      You are so welcome! : ) So glad we were able to get together!

      Delete
  6. Anonymous7:50 AM

    I would like to thank you for the efforts you've put in penning this site. I am hoping to check out the same high-grade blog posts by you later on as well. In fact, your creative writing abilities has motivated me to get my very own site now ;)

    My web blog: heart rate monitor in order

    ReplyDelete
  7. Anonymous9:26 PM

    When I initially commented I clicked the "Notify me when new comments are added" checkbox and now each
    time a comment is added I get several e-mails with the same comment.
    Is there any way you can remove people from that service?
    Bless you!

    my website ... mazda rx 8 review

    ReplyDelete
  8. Anonymous9:26 PM

    When I initially commented I clicked the "Notify me when new comments are added" checkbox and now
    each time a comment is added I get several e-mails with the same comment.
    Is there any way you can remove people from that service?
    Bless you!

    Look at my page - mazda rx 8 review

    ReplyDelete
  9. Anonymous10:50 PM

    Hey there, You've done a great job. I'll certainly digg it and personally recommend
    to my friends. I'm confident they'll be benefited from this website.


    Feel free to surf to my blog post ... mazda rx 8 r3

    ReplyDelete
  10. Anonymous7:28 AM

    Wow, that's what I was seeking for, what a material! present here at this webpage, thanks admin of this web site.

    My homepage :: pitching machines

    ReplyDelete
  11. Anonymous7:19 AM

    Undeniably believe that which you said. Your favorite justification seemed to
    be on the net the easiest thing to be aware of. I say to you, I
    certainly get irked while people think about worries that
    they just do not know about. You managed to hit the nail upon
    the top and defined out the whole thing without having side-effects , people could take a signal.

    Will likely be back to get more. Thanks

    Feel free to visit my weblog :: Cheap Jerseys :: ::

    ReplyDelete
  12. Anonymous10:32 AM

    Well connected to Major Expressway such as Pan-Island Expressway (PIE)
    and Central Expressway (CTE) to get you to places in no time.
    the interlace

    ReplyDelete
  13. Anonymous4:18 PM

    Thanks for sharing such a pleasant idea, article is good,
    thats why i have read it fully

    Here is my web-site Mulberry Bags

    ReplyDelete
  14. Anonymous12:22 AM

    Way cool! Some extremely valid points! I appreciate you
    writing this write-up and also the rest of the site is really good.


    Also visit my blog post; Louis Vuitton Handbags Outlet

    ReplyDelete
  15. Anonymous6:38 AM

    Have you ever considered about including a little bit
    more than just your articles? I mean, what you say is important and everything.
    Nevertheless think about if you added some great visuals or videos to give your posts more, "pop"!
    Your content is excellent but with images and videos, this website could certainly be one of the greatest in its field.
    Awesome blog!

    Feel free to visit my weblog; Sac Guess

    ReplyDelete
  16. Anonymous3:57 PM

    Do you have any video of that? I'd like to find out some additional information.

    Feel free to surf to my website :: Chaussure De Foot

    ReplyDelete
  17. Wow! Thank you so much! I really appreciate it! It was so much help for me, thanks for making this tutorial! I found it in HGoogle Search, I think it is really impressive how you write and make it happen ;) Thanks again!!

    ReplyDelete
  18. Thanks so much! :) Great Blog

    Emma,
    http://chasingbeautifulthings.blogspot.co.nz/

    ReplyDelete
  19. Sarah, you are a star! I added Bloglovin' for the first time today and oh my did I dislike the enforced button. Your blog (which is lovely!) came up in a google search and came to the rescue. I now have a button which fits with the rest of my site & I'm delighted! Thank you so much for sharing that little gem of a step by step! RE x

    ReplyDelete
  20. Amazing tutorial. I dislike so much the original button.
    Thank you for this super simple tutorial.

    July
    http://wanderlustjuly.blogspot.it/

    ReplyDelete
  21. Perfect! Thanks for the tutorial, it really helped me out. I wasn't liking the generic buttons made by Bloglovin. This lets me have a little individuality.

    ReplyDelete
  22. Anonymous2:06 AM

    Hello, just wanted to say, I liked this blog post.
    It was funny. Keep on posting!

    my website ... clash of clans glitch for money; ,

    ReplyDelete
  23. Anonymous8:34 PM

    Wow! Finally I got a blog from where I know how to really get helpful facts concerning my study and knowledge.


    My webpage :: download dying light

    ReplyDelete

Thank you so much for reading here and sharing life with me!