Blogger Tutorials, SEO Tips and Tricks, Widgets

In this tutorial, I am going to show you how to install awesome social sharing bar or social sharing buttons on your blogger/BlogSpot blogs. Social sharing icons are links that provide you’re an easy way to bookmark your blog post on social networks and this way you get a large number of driven traffic to your blog. Social sharing is very important in terms of Search Engine Optimization. Because social networks play an important role in link building.  If you want to get a good position in search engine then you must install social sharing widget on your blog. After that, your social sharing icons should be impressive for your blog reader. In blogger blogs, there is a default social sharing widget which looks bad and older. There are many websites like share this, jetpack, getsocial etc. which provides social sharing plugins and widgets which are paid and expensive. Today I am going to share a premium social media sharing widget for blogger. You can add this social sharing butto...

JavaScript is vast programming language through which you can create any web application. JavaScript use in every single element on web application. Means that use of java script in web programming is necessary. Using JavaScript you make online calculator, online currency converter or anything which you want you can build in JavaScript which works online and offline on your web page. As you know calculator is a basic necessary element in our life. For example if you want to find the percentage of your income then you'll need to use calculator for calculation. In this tutorial i am gonna show you that how to create calculator in JavaScript. You can also stylize this calculator source code by using CSS style sheet according to your requirements. Calculator in JavaScript Calculator JavaScript Code <h2>Calculator in Javascript</h2> <br/> <form Name="calculator"> <table border=2> <tr> <td colspan=4><input type=text ...

Search Engine Optimization is known as SEO. In other words, Search Engine Optimization is a way through search engines such as Yahoo.com, Bing.com, Google.com and many other present your page on their sites according to the search results of users. How Search engine rank a Site? Now there is a question, how they do that? These search engines do that through complicated software tools, which are also called spiders. Following example of empty room would be helpful for you to understand SEO, suppose the empty room of internet is filled with air particles. The empty room is filled with websites and also completely dark, complicated software tools crawling like a spider and the very step of this spider is taking as the slowly moving the website. Like a spider the search engine optimization moving through websites by taking up one by one. After studying them and then ranking them. This ranking of SEO is of great importance, because a high ranked website will always be here on the ...

This Blogger tutorial will help you to modify your Blogger Templates. As you know there a large number of websites providing free and premium blogger templates. But every free Blogger Template have a credit link hidden in Html or JavaScript. There is a logic to provide you free Blogger template. For example someone needs to create backlinks for search engine optimization of his blog or website. Because backlinks have magical effect on SEO. So he will design a blogger template by hiring any Web Designer and he will put a credit link (Link of his blog or website) hidden in coding. After that he will publish it on any blogger template providing website. This credit link will create a backlink for his site or blog from every single Blogger blog on which that template should be install. So that was the logic behind credit links. When someone’s blog link display on your blog its looks a bad. Many people wants to get rid from credit links in blogger templates. You can easily remove credit...

What is a favicon? A favicon is an image or picture of very small size 16 pixel by 16 pixel which always display in the tab bar of web browser that represents your blog before the title of your blogger blog and also appears on saved or bookmarked webpages..  It’s also appear in history, search results and bookmark lists. Favicon usually contains on logos or icons of blog. You can use .PNG or .JPG or any other graphic formatted image but the size of favicon is fixed and not acceptable more than 16x16Pixels. For example blogger or BlogSpot default favicon for all blogs is shown in the caption given below: Usability of Blog: Favicon increase usability of a blog. Favicon of a blog or site has a very minor but important role in your Blog SEO. Favicon has no direct impact on SEO but has an indirect impact on your Blog SEO. If your site has a custom favicon then it will increase usability of your blog. Because it displays on tab bar next your blog title, history, bookmark or...

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...