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

A to Z CSS Cheat Sheet

Alright. Maybe you're just starting out with redesigning your blog. Maybe you want to get into CSS, but don't know where to start. Or perhaps you like figuring things out on your own, but you're stuck and need a resource.
That's why I crafted this super awesome (and easy to use) A to Z CSS cheat sheet. Even if you're not a "designer", and your "just a blogger", you will greatly benefit from knowing basic CSS like what's been included below.
Please have fun with this and share with me what you create with the help of these cheat sheets! :)



Click here to check out and download the A to Z CSS Cheat Sheet!
Keep buzzin'. <3 xx Nicole Rose

Room Tour 2019

I've always wanted to do one of these posts. If not for the enjoyment of others, for the enjoyment of my future self to look back on and realize how much my style and space have changed.

My door. I think I'm sooo artsy for taping paint swatches to my door. And I actually love how it looks too. I was going for "Starry Night" with my own little twist -- and without the actual paint. ;)




This is what my room looks like from the doorway. Can you guess what the theme is? It's funny -- a few weeks ago I was discussing with Kenzie how my room has this coral and aquamarine vibe to it, yet my Instagram theme is focused on yellows and blues, and my actual fashion style is very grungy/hispter/artsy. So it all comes full circle, I guess? Still, I love my room. It's my safe haven. Now come on in so I can give you the full tour...




Right as you walk in, you will see my DIY jewelry hanging on the wall to your right. It's quite a balancing act when I want to get one of th…

So this is where I'm at.

Hi friend. How are you? I hope this post meets you well. Today I wanted to write about this little space. My corner of the Internet.

After many attempts to give it a major face lift / rebrand / vibe / mission I figured out that the girl I was in 2012 when I originally started this blog is no longer who I am.

So let's start fresh.
Hi, I'm Rosie. I am a college student and a creator of many crafts. I enjoy writing Young Adult fiction, playing piano, singing at the top of my lungs, and, above all, making other people laugh. Right now I am pursuing a degree in art therapy, which means my future job will be helping people express themselves in a safe environment with someone who loves them. I have tried to be many things on the Internet, from an American Girl doll hoarder to a make-up artist, but nothing has really clicked with me.
Not until now.
I have always been a Christian. My entire life I have identified as being a follower of Jesus Christ. But the thing about growing up in t…