Add Scroll Back to Top Button to Blogger

A scroll to top button in blogger is really helpful for readers if your blog has lots of posts on homepage plus comments on post page and if there is no sticky navigation plugin. In this post we are going to show you how to add back to top button which will appear when users scroll down reading your post.

Google Blogger 404 Infinite Scrolling Background Page

Do you use Google Blogger then you must have a 404 Error page for your blog, or else it may affect in your organic search results, 404 error page describes the page or post you are looking for which does not exists and is very important. In today's post we are going to explain on how to add a 404 infinite scrolling with background error page in a simple way.

Toggle Navigation Bar Using CSS, HTML and Javascript

Navigation bar are used in all blogs and website and is very helpful for visitors better to click on a certain label than searching them on the whole blog for a particular label, mostly normal navigation bar in blogger are not responsive to mobile designs so we have created one which is responsive to mobile design with drop down on click.

How to Add CSS Code to Blogger Template

Some of you may have difficulties while adding CSS code in your blogger templates so i came up with a short guide on adding CSS (Cascading Style Sheets) which will be easier to customize on your blogger blog.

How to Directly Add Javascript Code in Blogger Template

I was just adding a javascript code in my Blogger template and was getting errors while adding it. So i want to share a small quote when adding Javascript to your template. This code helps from prevent the XML errors in blog while saving your template. This is a tag inside it you need to place the JS wrap code and will not show you any errors.

Add Adsense Ad Right After <!--More--> Tag

In today tutorial we will learn about multiplying your click through rate by adding the Adsense tag or any other ads. After focusing a lot about writing this week we came across some blogs adding ads above the post footer, or in the middle of the paragraph (Post Summary) or even right after the read more (Jump Break link). This will tell the browser to show the Ad zone using a div, right after the read more tag. If you are adding the tag right after the HTML "<!--more-->" tag, you will need to place a (460X60 Adsense content Ad) to make it look clean.

Adding Blog Post Label On Image

I have seen a lot of professional blog design and top website having post labels on image, while normal blog and custom templates show their post labels below post footer or below the post title. If you are one of them finding to add label on image don't worry we have created one, this is been created using CSS and HTML code.

Make Blogger Navigation Bar Transparent + Hover On Post Image

I have got a few emails and questions from bloggers about the navigation bar which i am been using on my blog, how did't you make it transparent. So i will so you a tutorial on how to add this effect to your blog + Hover on Post Image .

Show Bigger Image Into Half on Blogger

I have seen funny sites like 9GAG and much more which only use images in their site show long images into half on homepage and displays full image on post page. After learning about how this is done i found a simple trick to add this in blogger blogs. If you are having a funny blog you can add this to make long image into half. For any question leave them below.

Custom CSS Footer For Blogger

Do you use blogger with its custom template and still you don't have a footer or your using the Attribution gadget instead of footer now you don't need to worry as today we are going to add a footer which can be used in blogger custom template as well as your own modified template.

Google Translate Widget Version 2

We have found out users are using flag style translate script in the their blog while Google has got its own translate, bloggers who are using Google translate know Google translator has 3 different styles Vertical, Horizontal and Dropdown while there is a lot.

Add Author Box Below Posts in Blogger

The big think today in blogger and website are article writer's and people find them on Google+ Twitter they even follow them on Facebook or add them as friends now what we have figure out, is adding author posted customize.

In custom blog's and designed template there is nothing more than by the author or written by this author with an description In today post i have created a simple author style with Google+ and Facebook follow button.

Add Facebook Like Sidebar Ads to Blogger

You all have seen Ads on Facebook on the right sidebar. Today i am going to teach how to add Facebook ads on your blog with CSS code

You can add your website link and your own custom text to it by just changing the code so lets start the tutorial on how to create Facebook ads bar.

Blogger Animated Color Changing Background

Have you seen some website are using animated backgrounds or backgrounds with image, Today we i will teach you how to create how to create an animated background using keyframes CSS.

The tips to add this animated background in your blog you need to follow the steps below to add this in your blog.

Adding Top Popular Post Widget Blogger

Blogger use popular post widget in their blog to show the most post visited. Today we bring to you the best customized popular post widget.

Remove Image or Picture Shadow from Blogger

Blogger's uploading image in blog post find their images with annoying borders and shadows, if you need to remove the annoying borders and shadows from the images you need to follow this steps below:-

Add Meta Description to Blogger

The most important part of blogging is SEO and meta tags which are added to the header of website that helps users visiting your site, these tag are used for giving information about the page, like the description, title, key word date and author name.

Shown Blogger Image on Main Page and Hide from Post Page

Some of you blogger might be wondering how or why anyone hide their images from blog post page and show them on homepage or main page. So the answer is adding more images on your blog post shows in the Thumbnail Gallery Post well some blogger don't need to show main image on their blog post page.

To use this you need to follow the steps:
Blogger's who are using the old interface need to first. Go to blog Dashboard then -Design- Edit HTML the main part is to (download the full template)