Posts

Showing posts with the label popular posts

5 Best Popular Posts Widgets for Blogger

Image
If you're using Blogger as the platform for your personal or business blog, you're probably looking for ways to customize it and make it your own. This way, you'll make your webpages unique and eye-catching and ensure they'll stand out from the many other pages on the internet. You'll also grab the attention of your target market, encourage them to browse through your blog and become your loyal readers and followers. Fortunately, there are lots of ways to personalize your Blogger blog, and one of these is to customize your Popular Posts widget. Haven't installed this yet? Don't worry since putting it in your blog easy. Adding the Popular Posts Widget for Blogger Just click on your blog title, access the Layout menu, click "Add Widget" and choose "Popular Posts". A window will appear asking you to configure the widget by choosing which posts you'll feature (e.g. those that were most viewed in the past 7 days or 30 days or from the begi...

How to Increase Thumbnail Resolution on Blogger

Image
When we add a widget on Blogger, the thumbnails will keep a default size of 72 x 72px which might not look good if we try to make them bigger using only CSS. However, with a bit of JavaScript we'll be able to replace the thumbnail with the same image of higher resolution and this way, larger images will no longer appear blurry. In this tutorial we will see how we can replace the default thumbnail size of the popular posts widget even though we can apply this trick on any of the blog widgets. Demo Blog . Changing the Thumbnail Size for the Popular Posts Widget Step 1. First, let's add the Popular posts gadget by going to Layout > click on the Add a gadget link and select Popular Posts from the popup window. Step 2. Next, go to Template > click on the Edit HTML button > click anywhere inside the code area and press CTRL + F keys to open the Blogger search box. Step 3. Type or paste the following tag inside the search box then hit Enter to find it: </head> Af...

Popular Posts Widget for Christmas

Image
The Christmas countdown has begun and while homes are decorated with colorful lights and the sweet smell of pine trees and the stores are playing Jingle Bells, there's no reason why we wouldn't decorate your Blogger blog with some ringing christmas bells right next to the Blogger Popular Posts widget! So today I was playing around a bit with CSS and I was thinking that it would be nice to add some fresh styles to the Popular Posts widget so that it would look just ready for the forthcoming Christmas holiday. Demo: Click here to see how it looks like. How to Add the Popular Posts Widget with Ringing Christmas Bells to Blogger Step 1. Log in to your Blogger Dashboard, go to Template and click the Edit HTML button Step 2. Click anywhere inside the code area and press the CTRL + F keys, then search for this tag: </head> Step 3 . Just above the </head> tag, add the following: <style> #PopularPosts1 .item-thumbnail:before{ display: block; content: url('http...