Add Auto Read More Buttons in Blogger

Create a jump link within blog post not only makes things organized and well managed but also makes your homepage load faster. Also your blog readers come to know about various posts at a time while they are actually browsing home page. But definitely it is a boring job to insert jump break or read more link for each post separately. Sometimes it may happen that you forget to insert jump break link. In that case you have to reedit that post which is a bit of annoying. That why all bloggers usually go for auto read more links. This nice and simple trick adds jump link or read more button automatically within your blog post. Even you don't need an extra code within your every blog post to create this. I wish this simple and little trick works for all of you.

Replace Read More Buttons with an Image

Create a jump link within blog post makes things organized and well managed. It also makes your homepage load faster and above all your blog readers come to know about various posts at a time while they are actually browsing home page. But adding of a simple read more link makes your blog a dull looking one. If you replace that 'read more' link with an image, it looks better. So, in this tutorial i shall show you how to replace the default read more link with an image.
You may also like
✓ Add auto 'Read More' buttons in your blogger post.

Customize Popular Post Widget with jQuery

'Recent Posts' widget or 'Popular Posts' widget is very essential widget for blog. I think it is known to everyone that why it is important, because it gives latest post information of your blog to your blog readers. So you should look after this widget very carefully. By default blogger provides some styles for this widget but somehow these are obsolete, unprofessional and not animated. I have written few posts about customization of this widget. You can find those out in my blog. Some of those are using css only and rests are using css and jquery. Advantage of css is it requires less time for page loading, but main drawback is it is not supported in every browser and it is animation free. This post is the customization of popular posts using both jQuery and CSS. Hope you will enjoy it.

Customize Popular Post Widget with CSS

As you guys all know that 'Recent Posts' widget or 'Popular Posts' widget is very essential widget (or gadget) for both personal and professional blogs. This widget gives your latest post information to your blog readers. So you should look after this widget very carefully. Also if you provide some style with this widget, your reader will be overwhelmed. By default blogger provides some styles for this widget but somehow these are obsolete and unprofessional. You are actually recommended to go through those styles for the first time.

Customize Popular Posts Widgets with jQuery for Blogger

'Popular posts' widget (or gadget) or 'Recent post' widget is an essential widget for a blog. This gives your blog not only an organized view but also readers of your blog come to know about various posts of your blog while they are actually viewing one page or post. So special care should be taken for this widget. By default blogger provides some styles for this this widget. However if you are not satisfied with that and looking for something new and animated, you can go through this post. In this post several 'Popular post' styles are featured according to their impressive design and attractiveness with the help of jquery, responsible for animation effect. Give your blog a fresh new look by selecting one of these styles.

Replace 'Popular Posts' Title (Header) with an Image

It is need not to say that 'Popular Post' or 'Recent Post' widget is undoubtedly very essential widget for any kind of blog. Your blog readers come to know about your latest post information while they are actually surfing another post. This is also some kind of statictics for blog posts. So a professional blogger should look after this widget very carefully. I have already written quite a few posts about customization of 'Popular Posts' widget using css alone and css with jquery or javascript. However this post is not of them. Rather it is actually how to replace 'Popular Post' title or header with an image. If you don't understand what i actually meant by replacing 'Popular Post' title with an image, see these two images shown below.

Customize Popular Posts Widgets with CSS for Blogger

'Recent Posts' widget or 'Popular Posts' widget is very essential widget for blog. By default blogger provides some styles for this widget but somehow these are obsolete and unprofessional. For better looking of your blog, you have to cook this widget with some professional styles. You will find a lot of styles in internet throughout the globe. Here also I have a small but great collection in different styles of 'Popular posts' widget using CSS. CSS or Cascading Style Sheet is a simple mechanism for adding styles to web documents and most important, unlike JavaScript or jQuery, it is very easy to understand. Although main problem with CSS is that some of its property is not suitable for some browser, like Internet Explorer. Good news is that around 80% of people who surfs internet daily avoids Internet Explorer. So don’t worry. Just continue blogging.

Remove Attribution Widget from Blogger

The 'Attribution' widget is that widget in the footer that says "Powered By Blogger". Blogger's terms and conditions do not allow to remove this widget from the blog. Although presence of this widget is little bit of annoying. If you have tried to remove this widget, you may have noticed that this widget is locked into your blog i.e. if you go to 'Layout' panel of blog, you will find that you can't move (and hence remove) this widget. Even if you click 'Edit' on 'Attribution' widget, a new window will appear which doesn't contain a 'Remove' button on it (displayed below).

Scroll to an Internal Link

Scrolling within page i.e. scroll to an internal link has experienced a huge growth in popularity in web design in recent years. Perhaps you’ve seen it before that when you click a link in the navigation, it takes you not to another page but a specific point within the current page. Actually it is very easy to do with some extremely basic HTML but if you want a nice scrolling animation when page goes up or bottom, you have to add some jQuey along with the HTML. This tutorial is about how to scroll to an internal link. I wish this simple and little trick works for you.