Sunday, 31 March 2013

Related Posts Widget with Thumbnails and Summary for Blogger

There are several tutorials quite old in which you have seen different methods for displaying related posts in Blogger like the related posts widget with thumbnails and simple related posts with post titles only. This tutorial, however, will show you how to implement a really awesome Related Posts widget with thumbnails and posts snippets that will appear in the footer of...

Tuesday, 19 March 2013

CSS Basics. How to Apply Rounded Corners On Images #2

In the previous post I have mentioned that we will learn about how to create rounded images using CSS, without needing to edit them one by one using a program. Now that we have seen the basics of CSS, let's try to apply it on some pictures.What we will do in this tutorial is to upload an image (HTML) and then add some rules in the stylesheet that will transform the outer shape...

Sunday, 17 March 2013

10 Places to put Adsense ads in Blogger

In this post, we'll talk about the 10 most common places in a site or blog where we can add AdSense ads and how we can implement these. Also, we'll get to know which are the most suitable formats based on those available in our AdSense account.AdSense AdvertisementsIn the SidebarHow to implementThis is one of the most accessible places to put AdSense. Just go to the Page Elements...

Friday, 15 March 2013

Recent Comments Widget with Hide Author Comments function For Blogger

A few days ago, Mrpolie asked if there's a way to hide the author comments in the Recent Comments widget so that we would be able to see only readers' comments and our replies to be hidden. So, in this post I'll be sharing with you the Recent Comments widget that comes with this function. If you want to show just blog readers' comments rather than yours, you have just to change...

Tuesday, 12 March 2013

Add a Different Background For Author Comments in Blogger's Threaded Comments

In this tutorial we will learn how to highlight the author comments so that they will have a different background color, border, or anything that makes them stand out from the others. To achieve this, we need to add a code in the Blogger's template and to modify the style according to our preferences.  How to highlight author comments in Blogger:Step 1. Go to Template,...

Friday, 8 March 2013

How to Customize Blogger Comments By Adding a Background Color and Border

The comments are an essential part of any blog as in them readers express their opinions about a post or a blog, thus it is important to spend a little of our time to make this part looking more stylish, accessible and neat.To put our comments in order, we should make each comment easy to identify, so that we'll know from where it begins and to where it ends, otherwise it...

Wednesday, 6 March 2013

How to add go to top and go to bottom buttons Using jQuery in Blogger

The Up and Down buttons can be used to navigate to the top and bottom of the page content, especially when on the main page are many articles or when an article has too many comments. These buttons have a fadeIn and fadeOut effect, this means that they will fade slightly when we are scrolling to the top or bottom of the page and additionally, have the function of going up/down...

Tuesday, 5 March 2013

How to Add a Vintage Style to Images In Blogger using CSS

To get that vintage Instagram effect on your pictures, you don't have to use a program, now you can use CSS and get a similar result! The following trick will apply a shadow inside the image, add a back border, and on top of the image, add another semitransparent image with a grunge style that will give a vintage touch.You can see a demo on the test blog - move the cursor...