Blogger Tutorials, SEO Tips and Tricks, Widgets

As a blogger for blog posts copyright free images for blogs or royalty free images is a big issue for many of us. Because to get high rank in search engine a blog should have unique content on it. Today, if we use other’s copyrighted images then we may caught by google in any next algorithms update. There are many sources on internet from where you can get copyright free photos or images. Using these images you don’t need to publish any credit link of creator or website. This is very hot topic on internet that “how to get copyright free photos or non-copyrighted images for free”. What is meant by copyrights of images? If a photographer or graphic designer publish his photos or images on any website or blog then he mentions some limits that how this image access by public free or paid. Or using of that image for personal or professional? The designer/photographer defines this criteria. The most common copyrights using for online content is Creative Common or CC. There are differe

Before going to share complete CMS in PHP OOP I want to show you that what is CMS? CMS means Content Management System. CMS is web application or program which is used to manage or create content. In this blog post I am going to share complete CMS in PHP OOP with source code which is easily downloadable and executable. The source code is a backlink free code. You can use this code for any CMS Project. In CMS there are two units, first is front end WEBSITE for users and second is back end which is Admin Panel. Admin Panel is a gateway for administrator from which administrator can login to and made changes according to its requirements. How to execute PHP OOP CMS? For that purpose you have need to install XAMPP or WAMP on your system. You can download these software from official websites the links are given    XAMPP  or WAMP .  After installation, download CMS source code file and paste in HTDOCS folder which is located in xamp/wamp installation folder. After that open yo

After creating blogger sitemap you need to submit blogger sitemap to Google Webmaster Tools. There are different ways to generate blogger sitemap. You can create a sitemap by following this tutorial How to find blogger sitemap . Second method is also simple and easy you need to go any sitemap generator website like Blogger Sitemap Generator Tool then paste your blogger Blog’s Homepage URL address like: www.aoablogger.blogspot.com Submit sitemap to google Step by Step 1 Then click on button Generate Sitemap. 2 After that copy that link after atom.xml which highlighted in below caption. 3 Now go to Google Webmasters Tool 4 in Google Webmasters Tool from left sidebar Click on Crawl and then click on Sitemap 5 Now click on red button Add/Test Sitemap 6 After that paste the link which we have just copied from Blogger Sitemap Generator Tool There will be 2 options TEST Sitemap and Submit Sitemap (a)  TEST You can test your blogger sitemap before going to submit it to Go

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 buttons e

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 sav

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 and past

Powered by Blogger Attribution is a Link which display in the bottom or footer of many blogger templates. Powered by Blogger Attribution is mark or representation that this blog is on Blogger/Blogspot.  Many people wants to remove Powered by Blogger Attribution widget from their bogs they click on Quick Edit Button but there is no option in Quick Edit Popup window to remove or hide this widget. Because this widget is locked in your blog coding. If you want to remove Powered by Blogger widget then follow the instructions given below Step 1:    Go to Blogspot Dashboard → Go to Template → Edit Html Step 2:    Click anywhere in the code editor and Press CTRL+F to find Step 3:    Now copy and paste this code in the Search Box then press Enter     </head> Step 4:    Copy this code and Paste just immediately before </head>: <style> #attribution1{ display: none; } </style> Step 5:    Now click on “ Save Template ”

First of all let me tell you that “What is Quick Edit Button or Wrench Icon”? When you are using Blogger/BlogSpot default templates then you will see a Quick Edit Button or Wrench Icon on right side of every blogger Widget or Gadget for example. Quick Edit button is very useful function.  The purpose of adding this quick edit button by Template Designer is save the time of Blogger or Blog Editor.  Blogger can make easily any change or modification in appearance of widgets from blogger homepage without going to template editor or layout of blogger. This link or Quick Edit Pencil Button is only visible to Blog Editor or Admin and also to blog readers but visitor cannot make any change through this button. This is very handy tool to make Blogger or BlogSpot comfortable platform for Bloggers. But having positive features of this tool on blog there are also many hidden negative faults and disadvantages on many Blogger features such as Such as negative impact on site loading speed or B

It is fact about the Internet that it has become a money making tool or machine. I assure you that a person can earn more money at home through Internet rather than heavy investment in companies physically.  There are more than one hundred ways of online earning at home. Now Internet is industry of trillions dollars. From these ways to make money from home you can earn without any investment and it’s totally free.   Thousands number of companies are working online a great number of people are full time working online and most interesting thing is that billions of dollars are earned and spent via internet while keeping at home. This is also truth that this industry is growing very dramatically and rapidly. With the start of New Year, a number of people will be interesting or planning in New Year determination, their determination may be about better future. If you is among those determinant people and thinking about earning online then you are at the true point. The most important thi

Many blogger templates have their own default settings. Some Blogger Templates shown a button or link named as “Subscribe to Posts Atom” within post body. The purpose of this button is some visitors wants to Subscribe Atom Feeds. Because some blog readers use this link to subscribe atom feeds. There is no more function of this button. Means that this button or Link is useless. Mostly Bloggers wants to remove this link or button from their blog because they wants to make their blog look beautiful and shiny for their audience. But when it appear on your Blogger Template or Theme then it looks strange and it appear on the bottom of post body. How To Remove Subscribe To Posts Atom in Blogger?   If you are worried about it and wants to remove this “Subscribe to - posts atom” Link from your Blogger Template. Then you can easily remove this button or link from Blogger Template by following steps. Method 1 Step 1:      Go to your Blogger Panel Step 2:      Then Click on T