Blogger Tutorials, SEO Tips and Tricks, Widgets

Image Rollover function or Effect is a function through which you can easily create an effect when mouse over an Image Web Object then this image changes or swaps to other image Web Object. When mouse out then original image came back. This effect is called Image Rollover Effect. Actually, this function is created by onMouseOver and onMouseOut attributes. By using this function you can make awesome webpages. Demo : When Mouse Cursor goes over this Twitter Bird image then it will change to other small Twitter Bird image. Creating Rollover Image Effect:  Copy this code and paste in that post where you want to create a Rollover image effect: <a href=" TARGET URL ADDRESS "><img src=" URL OF FIRST IMAGE " onmouseover="this.src=' URL OF SECOND IMAGE '" onmouseout="this.src=' URL OF FIRST IMAGE '" /></a> Change the colored text with instructions given below: 1:  TARGET  URL ADDRESS Here you n...

Do you want to know how to add a custom posts thumbnail in blogger or how to hide a specific picture/image from blogger posts and make them visible on your blogger homage as Thumbnails. On other platforms like WordPress while creating a post there is an option to choose a specific picture/image to show as thumbnail on your blog homepage for that post. This feature makes a first look to reader or blog visitor about every post and make our homepage user-friendly. If you are blogger and annoying to create this specific thumbnail for every single post. We can easily make this function and hide pictures for thumbnail from our post and make them visible to homepage. For this purpose you have to follow the tutorial. Step 1 : Go to Blogger Dashboard  >>   Template >> Edit Html Step 2: Click anywhere in Html Editor and press CTRL+F from your keyboard then a Search Box will be appear in top right corner of Html Editor. Step 3: Copy this code...