Skip to main content

Posts

Showing posts with the label gadget

How to Find A Gadget's ID

Have you ever wanted to apply a CSS code to something, but you didn't have the identification of the gadget you wanted to style? This tutorial has been created to help you find the ID of the gadget you'd like to style. Note: gadgets, widgets and page elements are essentially the same thing. I like to collectively call them gadgets, so please take heed this works for pretty much everything you apply to your blog's layout. :) Instructions 1. Add the gadget you'd like to style to your blog. Save your layout changes. 2. Click "Edit" of the gadget you just applied, but don't make any changes. 3. Maximize the window that pops up, so you can see the tale end of the address bar in the window, at the top of the screen. Notice how it has a word and a number at the end. That's the gadget ID. (I don't know why PicMonkey keeps doing this to my photos. -.-) 4. Copy and use for your CSS code! Comment below if you have any questions or ...

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 { ...