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

Labels

Labels:

Comments

  1. Unknown27.1.15

    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. Kat27.1.15

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

    ReplyDelete
  3. Liz28.1.15

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

    ReplyDelete
  4. Miss Elephantess (Devanshi)28.1.15

    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. Carmen Verduyn1.2.15

    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

May I ask for your [honest] opinion?

via Alrighty. I recently just completed my one hundredth blog design order [insert celebratory balloons, glitter cannons, and thrown pies here]. ;} And I was talking to my mother about this in the car, to and from the store. Basically, what she said was; "You've been doing your designs for a long time, right? So why don't you start charging for your services?" This got me thinking, and in my eyes, I feel as though charging for my designs would probably make me feel like I'm getting cocky, and too proud of my work, yah know? But I wanted to ask you guys, my honest readers; do YOU think my services are worth spending money on? Like seriously. If you wanted a new design would you choose me, even if it cost you ten dollars? I know most of it is just a matter of opinion. Every designer has their own way of doing things. Their own unique style. It all depends on what the "order-er" wants. I'd like to know if I have the capabilities of giving s...
17 comments
Read more

I have so many ideas, and so little time...

Well. I've created a writers group, so I can check that off my list of dream tasks (huzzah!) but now that I've completed one task, I've come to reveal that I have a whole other bunch of ideas to set upon making real, as well. I want to--oh so badly want to--create a writers support group, in the form of a collaboration blog. Mackenzie and I had considered doing this, but since we haven't talked much lately, I guess... Well, maybe there are some volunteers out there who would like to help me make this idea come to life? Hm? If not, it's alright, I may have to postpone this dream for a (small) while anyway because I am very busy grooming other dreams. Like... + My writers group. As mentioned previously, this group is to help me prepare my manuscript for publication, but is very much still in the "forming phase". + ( The research of) Getting my book(s) published . Gosh guys, this is going to be a lot harder than I thought (did you know an author must...
17 comments
Read more

Guest Post by Bethan

Hey there! It's Bethan from Think. Read. Write. Dream. The beautiful Rose was kind enough to let me guest post on her amazing blog - which is such an honour! I'll start with a little about myself. :) I'm 14 years old, with curly brown hair, eyes that don't really have a specific colour and very pale skin. I'm also really small... I'm right-handed, a bit socially awkward, a perfectionist and a tiny bit crazy. I am a Christian that loves reading, writing, blogging and drawing. I've wanted to be a writer since I was really young and am always daydreaming. I love to play the piano, and have just passed my Grade 4 exam. If you enjoy this guest post, you can head over to my blog where I post book hauls, occasional tags and awards, quite a few of my writings and a little bit of randomness (okay.. a lot of randomness.) Here's a little taste of my writings. I hope you enjoy. :) The sky is dark with grey clouds and I hear a faint rumbling coming from abo...
5 comments
Read more