How to Find Free Images for Blog Posts

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 different versions of CC license. For example Creative Common 2.0. There are many graphic sites using this CC 2.0 which provide free images only for Personal. But if we use these images for commercial then we need to put Credit or Attribution of copyright holder.

Free images for Blog Posts?

Now, I am going to show a list of sources that provides images with this right that you can use that images everywhere personal and commercial use or modify that images without giving any credit/attribution to its original author/creator. Because these sources provide images or graphics with Creative Common 0 or CC 0. Now, you don’t need to pay heavy amount to paid sources of images like ShutterStock, istockphoto, fotolia, Gettyimages and many more.
These are free image providers:

1 unSplash

If you need high resolution images then unsplash is heaven for you. Unsplash publish/upload 10 new images with high resolution in 10 days. These images are licensed under Creative Commons Public Domain License.

get images for blog posts copyright free

2 SplitShire

SplitShire is a stock of charming and high Defination images. SplitShire also provides free images under license Creative Common Public Domain. You can use these images for your personal and commercial use without any credit of creator.

free images for blog posts

3 PixAbay

PixAbay is most popular royalty free image stock on internet which gives you rights to use its images for any purpose which may be Personal or Commercial. You don’t need to pay or credit of original author.

copyright free blog images

4 PublicDomainArchive.com

PublicDomainArchive.com is also a free image stock. PublicDomainArchive’s images are cool and close to nature.

how to get free blog post images


5 imFree

The last online image stock is imFree.

free images


Modification

Some images contains logos or links, you can easily remove these logos, names or links by using tools like Photoshop or any other. There are different techniques to modify or remove these logos by cropping or Eraser tool etc. You can also put the link of your site or Logo.


Get Free Complete CMS in PHP OOP

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 your web browser (Chrome or Firefox) then write “localhost/phpblog” in URL address bar of browser. Then source code will be execute. Now the website is in front of you (as a visitor) which we have designed in coding. You need to import database which has the content post or admin panel.

Import Database?

To import database you need to create a new database with name of “phpblog”. Just go to localhost/phpmyadmin and create a new database (whole method is practically discussed in the video tutorial given below). Now you have created an offline localhost, now you can view you website on your localhost. You can login to admin panel of your site by entering given credentials email: abc@gmail.com and password: walikhan. You can also change login information later.


Video Tutorial
For your guidance about whole process of PHP OOP CMS I have also published a video tutorial. 
You can subscribe my channel for more web development tutorials in English. If you have any problem or error then comment below we’ll try to assist you ASAP. Happy sharing

How to Submit Blogger Sitemap to Google

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 Google Webmaster.
(b)  ADD

After tested your blogger sitemap you can now submit it to google.

Social Sharing Gadget/Bar for Blogger

social sharing gadgets for blogger
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 either below your post title or in the bottom of blog post. Both methods are mention below. You can also display this sharing bar more than one time on blogger blog. For example, once below post title and second in the bottom of the post. If you want to make some changes in look then you can customize it via CSS. 
In this Jumbo Social sharing bar you will get following Social Media:
1 Facebook
2 Twitter
3 Google+
4 WhatsApp (If someone like to share on it then it will open link in WhatsApp automatically only in Mobile devices)
5 LinkedIn
6 Pinterest
7 Viber (Works similarly WhatsApp on Mobile devices)
8 Buffer
9 StumbleUpon
10 Print (by using this function reader can easily print your post through printer)

This Social Sharing Bar is auto responsive.

How to add Social Sharing Bar on Blogger

Follow the instructions given below:

1              Go to Blogger Dashboard >> Blogger Template
2              Click on backup your template
3              Click on HTML Editor and Press CTRL + F
4              Copy this code and paste in search bar ]]></b:skin> then copy the below code and paste immediately before ]]></b:skin>



   
/* ##### FREE JUMBO SHARE BUTTONS ####### */

#AOAshares-wrap{border-top: 1px dotted #eee;
padding: 10px 0;border-bottom: 1px dotted #eee;overflow:hidden}
#AOAshares{display:inline-block;overflow:hidden;text-align:left;white-space:nowrap;font-family:arial;font-size:22px;margin:0px 0px  0; line-height: 1.4em!important; text-align:center;}
#horiz{position:relative; padding:0; margin:0; }
#horiz #AOAshares{position:relative;top:-5px; padding-top:0px;}
#AOAshares a:hover{text-decoration:none!important; }
/***Facebook***/
.aoa-fb{opacity:0.4;background:transparent linear-gradient(#4C69BA,#3B55A0) repeat scroll 0 0;border:medium none;border-radius:2px;color:#FFF!important;cursor:pointer;font-weight:700;  height:37px; width:90px; border-radius:3px;line-height:40px;padding:0 6px;white-space:nowrap;text-shadow:0 -1px 0 #354C8C}
.aoa-fb:focus,.aoa-fb:hover,.aoa-fb:active{ opacity:1;background:transparent linear-gradient(#5B7BD5,#4864B1) repeat scroll 0 0;border-color:#5874C3 #4961A8 #41599F;box-shadow:0 0 1px #607FD6 inset}
.aoa-fb i{padding:2px 2px 0 4px;font-size:11px;color:#3B5998;background:#fff;margin-right:4px;margin-top:3px}
.aoa-fb:hover, .aoa-fb:visited, .aoa-tw:hover,.aoa-tw:visited, .aoa-linkedin:hover ,.aoa-linkedin:visited{color:#fff!important;}
/***Gplus, Pinit, Stumbleupon***/
.aoa-gp{opacity:0.4; background-color:#d73532; color:white; background-image:;border-radius:3px;border:; font-size:15px; color:white!important;cursor:pointer;font-weight:700;line-height:40px; text-align:center; width:90px; height:37px; padding:0 2px 0 2px;white-space:nowrap;}
#AOAshares .pinit{border-radius:3px;text-align:center; background:#d73532!important; color:white! important}
#AOAshares .stumb{background:#f0fafe!important;border:1px solid #cde3ea}
#AOAshares .stumb:hover{border:px solid #b7d5df;box-shadow:0 1px 0 rgba(0,0,0,0.1)}
#AOAshares .stumb i{color:#eb4823!important;font-size:13px!important;margin-top:1px!important}
.aoa-gp:focus,.aoa-gp:hover,.aoa-gp:active{color:white! important ;box-shadow:0 1px 0 rgba(0,0,0,0.1); opacity:1;}
.aoa-gp i{padding:2px 2px 0 0;font-size:11px;color:#DB4437;margin-right:2px;margin-top:3px}
.aoa-gp .fa-pinterest{padding:0 0px 0 0;font-size:14px}
#aoashares .bufferimg{width:15px; margin-top:2px; padding:0 1px 0 0; }
/***LinkedIn***/
.aoa-linkedin{opacity:0.4; transition:background-color .218s ease 0s,border-color .218s ease 0s,box-shadow .218s ease 0;background-color:#0077B5;text-shadow:0 -1px #005887;border:medium none;border-radius:2px;border:px solid #066094;color:#fff!important;cursor:pointer; font-weight:700;height:20px;line-height:20px;padding:0 2px 0 1px;white-space:nowrap;
height:37px; width:90px; border-radius:3px;line-height:40px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.aoa-linkedin{padding:0 5px 0 1px}
}
.aoa-linkedin:focus,.aoa-linkedin:hover,.aoa-linkedin:active{opacity:1; border:px solid #0369A0;background-color:#0369A0}
.aoa-linkedin i{padding:0;font-size:17px;color:#FFF;margin-right:0;position:relative;left:1px}

/**Twtter, Print, Whatsapp, viber**/
.aoa-tw{position:relative;height:22px;padding:4px 8px 1px 4px;font-weight:700;color:#FFF!important;cursor:pointer;background-color:#1B95E0;border-radius:3px;box-sizing:border-box;opacity:0.4;
height:37px; width:90px; border-radius:3px;line-height:33px;
}
.aoa-tw:focus,.aoa-tw:hover,.aoa-tw:active{opacity:1; background-color:#0C7ABF}
.aoa-tw i{padding:0 0 0 1px;font-size:14px;color:#fff;margin-right:4px;margin-top:0}
.aoa-o{max-width:100%}
.aoa-o,.aoacount-o,.aoa-fb,.aoa-gp,.aoa-linkedin,.aoa-tw,.label,#aoacount{display:inline-block;vertical-align:top}
.aoacount-o{position:relative;min-width:15px;height:38px;text-align:center; display:none; padding:1px 5px;margin-left:2px;background:#FFF none repeat scroll 0 0;border:1px solid #e7e7e7;border-radius:2px; }
#AOAshares .printme {background-color:#333;}
#AOAshares .printme:focus,#AOAshares .printme:hover,#AOAshares .printme:active{background-color:#000}
#AOAshares .whatsapp{background-color:#73D40B;}
#AOAshares .whatsapp i{font-size:15px!important;}
#AOAshares .whatsapp:focus,#AOAshares .whatsapp:hover,#AOAshares .whatsapp:active{background-color:#65BA09}
#AOAshares .viber{background-color:#7b519d;}
#AOAshares .viber:focus,#AOAshares .viber:hover,#AOAshares .viber:active{background-color:#8558aa}
#AOAshares .viberimg{width:13px; margin-top:0px; padding:0 3px 0 0; }
#aoacount{color:#666;white-space:nowrap;text-decoration:none;padding:2px 0 0}
#aoacount:hover{text-decoration:none}
#AOAshares .arrow{height:0;left:-10px;position:relative;top:-15px;width:5px;z-index:2}
#AOAshares .ext{min-height:18px!important}
#AOAshares .arrow s,#AOAshares .arrow i{border-color:transparent #e7e7e7;border-style:solid;border-width:4px 5px 4px 0;display:block;position:relative;top:19px}
#AOAshares .arrow i{border-right-color:#FFF;left:2px;top:11px}
.share-btn{position:relative;display:inline-block}
.share-btn .h2{font-size:30px;font-weight:700;font-family:arial;color:#73D40B;height:31px; line-height: 1.4em;}
.share-btn .h4{font-size:12px;font-family:arial}
/*#########Floating Counter Styles###########*/
.aoa-vertical{display:block; max-width:60px!important;margin:0 0 0 -83px!important;border:1px solid #f3f3f3!important;padding:3px 2px 0!important;background:#fff; position: fixed;z-index:99999;bottom: 7%;float: left;border-right:0px solid #fff!important;}
.aoa-vertical #AOAshares{display:block;width:60px;margin:7px 0!important}
.tcount{margin:0 10px 0 0;text-align:center;min-width:60px;border-right:3px solid #73D40B;padding:0 15px 0 10px}
.aoa-vertical .tcount{border-right:0;padding:0;text-align:center;height:auto}
.tcount .h2{font-size:29px;padding-bottom:5px}
.tcount .h4,.aoa-vertical .tcount .h4{font-size:12px;padding-bottom:5px;border-radius:0}
.aoa-vertical .tcount .h4{border-bottom:3px solid #73D40B}
.aoa-vertical .aoa-o,.aoa-vertical .aoacount-o,.aoa-vertical .aoa-fb,.aoa-vertical .aoa-gp,.aoa-vertical .aoa-tw,.aoa-vertical #aoacount{display:block}
.aoa-vertical .aoacount-o{margin-bottom:7px;margin-left:0;height:30px}
.aoa-vertical #aoacount{padding:7px 0 0;font-size:15px;color:#666}
.arrow-v{bottom:-8px;height:7px;left:25px;position:absolute;width:0;z-index:2}
.arrow-v s,.arrow-v i{border-color:#e7e7e7 transparent transparent;border-style:solid;border-width:5px;display:block;position:relative}
.arrow-v i{border-top-color:#FFF;left:0;top:-12px}
/*#########Vertical Counter Switch###########*/
.switchoff{display:}
.aoaswitch{padding:0 16px;margin:0 0 5px;display:block;max-width:60px;height:20px;cursor:pointer;background-color:#fff;border:1px solid #eee;border-radius:2px;outline:0 none;font:16px fontawesome;color:#ddd}
.aoaswitch:hover{color:#73D40B}
.aoaswitch i.active:after{content:'\f067';position:relative;left:7px;top:2px;font-style:normal}
.aoaswitch i.inactive:after{content:'\f068';position:relative;left:7px;top:2px;font-style:normal}

#fb1{
font-size:20px;
}
#in1{
font-size:18px;
}
#t1{
font-size:18px;
}
#pin1{
font-size:14px;
}
#sharing1{
font-size:40px;
}

How to Create Calculator in JavaScript

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


how to create 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 Name="disp"></td>
</tr>
<tr>
<td><input type=button value="0" OnClick="calculator.disp.value+='0'"></td>
<td><input type=button value="1" OnClick="calculator.disp.value+='1'"></td>
<td><input type=button value="2" OnClick="calculator.disp.value+='2'"></td>
<td><input type=button value="+" OnClick="calculator.disp.value+='+'"></td>
</tr>
<tr>
<td><input type=button value="3" OnClick="calculator.disp.value+='3'"></td>
<td><input type=button value="4" OnClick="calculator.disp.value+='4'"></td>
<td><input type=button value="5" OnClick="calculator.disp.value+='5'"></td>
<td><input type=button value="-" OnClick="calculator.disp.value+='-'"></td>
</tr>
<tr>
<td><input type=button value="6" OnClick="calculator.disp.value+='6'"></td>
<td><input type=button value="7" OnClick="calculator.disp.value+='7'"></td>
<td><input type=button value="8" OnClick="calculator.disp.value+='8'"></td>
<td><input type=button value="x" OnClick="calculator.disp.value+='*'"></td>
</tr>
<tr>
<td><input type=button value="9" OnClick="calculator.disp.value+='9'"></td>
<td><input type=button value="C" OnClick="calculator.disp.value=''"></td>
<td><input type=button value="=" OnClick="calculator.disp.value=eval(calculator.disp.value)"></td>
<td><input type=button value="/" OnClick="calculator.disp.value+='/'"></td>
</tr>
</table>
</form>