Skip to main content

How To Customize Your Popular Posts Gadget



Today I am going to share a way of customizing your popular posts gadget. This coding is how my current popular posts gadget is (see the bottom of my blog). :)

1. Select the blog you'd like to add the popular posts gadget to.

2. Head to layout and add the gadget to your blog.

3. Click and drag the gadget so that it is in the footer area (the bottom) of your blog. Make sure to click "Save arrangement".

4. Open up the gadget and make sure the option under "Most Viewed" is on your selected preference. Check the box "image thumbnail" and uncheck "snippet". Then make sure you are displaying up to 4 photos (see photo below).



5. Now go to Template >> Customize >> Add CSS and in the box, add the CSS codes from below.

#PopularPosts1 li { display: inline;
float: left; }

.popular-posts .item-thumbnail img { webkit-border-radius: 200px;
-moz-border-radius: 200px;
border-radius: 200px; }

#PopularPosts1 ul li a { border: solid 2px #000;
text-decoration: none;
padding: 10px;
text-align: center;
width: 200px;
height: 75px;
display: block;
word-wrap: normal; }

.PopularPosts img { padding: 0px; }

#PopularPosts1 h2, .item-snippet { display: none; }

Red: change the roundness of the photo.
Orange: Change or remove the border around the posts.
Green: Change the width and height of each of the separate posts - play with this to fit the gadget into the bottom of your blog.

6. Save your changes.

Have a question, comment or concern? Type up something to me below, or contact me directly. :)

xx Nicole Rose

Comments

  1. Thank you so much for making this tutorial Nicole! It was super simple to follow and now I have a lovely popular posts gadget! I didn't have one previously because I didn't like the look of the standard blogger popular posts gadget. Also, I'm just wondering if you could tell me how you got those beautiful share buttons at the bottom of all your posts. They are wonderful!
    Thanks again!
    xx Brittany
    -Hello Bubblegum Blog

    ReplyDelete
  2. That's really helpful, thanks so much! I'm going to have to do this sometime:)

    ReplyDelete
  3. Ah, yes. Save us from the awful default Popular Post gadget. :P

    ReplyDelete
  4. Hey Rosie!

    This was really helpful, I've always wanted one of those, but I was afraid of what it would look like :P

    Also, I have a request-- how did you do the lovely explore button on your blog? It's beautiful :)

    Vanshi x

    ReplyDelete
  5. What a helpful post! I got a question for you if thats okay? I was wondering about the "have you checked this beautiful blog out yet" thing, how did you got it? It is so cool :))

    ReplyDelete

Post a Comment

All comments I receive are cherished for many hours after reading them. Thank you for taking the time to type something to me.

xx Nicole Rose

Popular posts from this blog

How to Begin Your Self-Love Journey This Year

When I originally had the idea for this piece of writing I’m about to share with you, I was in a place of transition. I didn’t know my place in the world, I didn’t know if I was worth it and I certainly didn’t feel like I could love myself. Here I am almost a year later, an example of how this works - if you choose to put it into practice. You can improve and learn to love yourself. You can take the steps that bring you into a better place.

I won’t say it was easy and I certainly won’t say I had overnight success, but when you learn to fight your battles one at a time, you’ll be able to look back and see how far you’ve come.

Are you ready to take the first step?



Self Love: Step one I have always been a timid person. I’ve always had trouble keeping the standards I have for myself something below what I deem “perfect”. I enjoy discipline and when I don’t know what to do or my world is shaken, I’m hard on myself.

That’s just who I am.

With that said, I've always felt like I was not a…

A Love Letter

To my dear, blooming Rose - Attached to this letter is not only my love, but my gratitude, thankfulness and a small box of decadent dark chocolates. I would've had flowers delivered too, but no measly plant could ever compare or express my feelings toward you.

Ahh, my dear. You are my truest bundle of joy. It does not matter what mood you are in - you light up my day in the most wonderful of ways.

Your smile makes the sun jealous. Your embrace makes me feel full. Your laughter - so thick and loud - makes me want to laugh too.

What I love most is when you are truly and purely being yourself - because that's who you're meant to be.

With much love and kisses blown with a wink,
Your Secret Admirer

PS: Maybe we could share those chocolates later, eh?


+ + +
When you need some uplifting, write yourself a love letter. Be silly and positive. Analyze yourself. Amp up your best qualities. De-sock your feet as you write and wiggle your toes as your write (then put your socks back on b…

How to Manage Your Creative Time

Being productive can be hard, especially when you have too many things on your to-do list, and have no idea where to start. As a human who likes to pack a lot of stuff into their day, I've struggled with managing my blogging time and balancing it with everything else I need to do.

Here are some tips to help you manage your time (whether it be for blogging or anything else). :)


Being productive can be hard, especially when you have too many things balanced on your plate. Most of the time, you don’t know where to start. As a human who likes to pack a lot of productivity into their day, I’ve struggled with managing my time - creatively and in the other areas of my life. The balancing act is hard, so I’ve compiled some of the tips that work best for me.


PS: There’s a link to a print out of the exercises that correspond with these tips at the bottom of this!

Figure out what needs to be done Before you can manage your time, you need to figure out what it is you want to get done. Do you w…