Featured Articles

Here is some list of most popular and informative contents for you from all the categories...

  • Collection of trending articles.
  • New article on everyday for you.
  • Publishing the collection of articles.
  • We have hundreads of royal readers.
  • Articles in every category of your need.
  • Hundreads of articles Authors.
  • Daily Pick from Quality Content.
  • Thousands of social media fans.
  • Easy and understandable language.
  • Providingnew topic as required in the era.

Subscribe Us

Like posts from this blog ? To get latest updates from us, directly to your inbox don't forget to subscribe us...!!!

OR
Subscribe Our RSS Feed

Friday, February 26, 2016

The initial idea of freelancing

How to be a professional freelancer - The initial idea of freelancing this is the first step of how to be a freelancer. There are several ways to be a professional freelancer. In the world of internet "unemployed" is not stable to any person who have a computer and much knowledge on it. Because online has brought the world to the corner of your room. Stay at home and abroad is now possible to have video conversations with people, which was not thought able few years ago. The most invented media for communication is internet.
After coming the Internet there is a big change over the whole world. As well as small companies, large companies around the world are starting to think, all the staff for their office does not need to stay together in a place. They plan to reduce costs began to take people in various countries around the world for their work , there are many countries people who are not in the office at all but job can be done at home. Online make it so easy for the people living and no longer need to leave your own country for the job, and you can stay your own familiar environment. Now people are employed in large companies staying at home. The number of online worker is growing every day, and in the coming future it will more and more and increasing every moment. People who have developed own carrier working at online are called freelancers. I think the discussion on freelancing spelled above has given you the clear definition of freelancer and freelancing.

How to be a professional freelancer

To be successful freelancing is very important for the following qualifications :
- Must love the work, not money.
- Do not take freelancing as a part-time job you must take freelancing as a full-time career.
- Communication skills raises a lot of success for freelancing.
- You will be more successful than the people who don't know English properly.
- The more things you learn will be more efficient and make you more able to be successful.
- You have to addiction on learning new things that will increase more skills.
- People who is more dependent on Google, have more chances of success.
- When your Lives depend on the Internet to be able to be successful on freelancing.
- You can not be successful in anything without strong self-confidence.
- Patience is very important for freelancing sector.
Must remember, without any kind of qualification you can't earn and if you can that will also small income and you can't stay online for a long time. For skilled people to earn huge amount is a simple thing and price is so high and also demanded on marketplaces. Your age doesn't factor in freelancing area and your academic background also not a big factor but skill is the main factor so get skilled first.
How to be a professional freelancer

Which sectors of freelancing should I join ?
For new freelancing comer who want to join as a freelancer has a lot of query about the working sector. So you are interested to work at online but you don't know what should be learned and what I need to do then I strongly recommend do what you want exactly "what you want" then start learning and get earning. There are thousands of ways of freelancing but we will discuss briefly the main issues. The next step will bring the details of each series. Try to read each episode.
How to be a professional freelancer

The most valuable freelancing sections are, Graphic design, SEO, Affiliate Marketing, Web design, e-mail marketing, apps development, video editing, article writing, etc.

Graphic Design: Logo, Brochure and all the products of any company are designed by graphic designers. On the other hand webpage design, video editing project or animation project also need to have graphic designer.
How to be a professional freelancer

Related: How to be a graphic designer

SEO: Most of the people search on Google to find the necessities and got what they need. Google make the research work much easier. If a company's service or product can bring to the front page of search result, then the service will increase the chance of selling and this process which help to come first page of search result is called search engine optimization. Due to the increasing dependence of online all the companies are using their online services for the promotion of products. To do search engine optimization all the companies rely on SEO experts and for this the working area for a SEO experts is very large.
How to be a professional freelancer

Related: How to be a SEO professional

Affiliate Marketing: With the permission of a organization when you get approval of their product or services for marketing and you get a portion of the money then this is called affiliate marketing. Many large international companies created affiliate marketing system to enlarge their business more greater. You can see Amazon affiliate, Ebay affiliate and Click Bank affiliate is much popular affiliate marketing.

Web Development: In this modern world having a website for every organization has become a very important issue. Now new portal, live telecast, community forum, blog and various kinds of sites are online that you can't think before. There is 562 new website launched around the world per minute and this information will hopefully easy to understand the potential of web development. In the marketplaces you will see the web design related jobs are high rated then SEO and graphic design jobs.

Email Marketing: Email marketing is a very important way for online marketing.
To get high income from market place, the success of affiliate marketing for any business you can learn email marketing. To get Graphic or web design related work order you can use the way of email marketing.
How to be a professional freelancer

Apps Development: I always advise to learn application development for those people who have simple knowledge on coding and understand codes easily. For increasing the smartphones the demand of apps developers also increasing day by day. There will be a lot of demand for this sector in the near future. You will be happy to know this kind of market competition is very low and the rate per hour is much more than the others.

Video Editing: People who know how to edit a video are now also able to make earning from online and they can also join online professional working area as a skilled freelancer. For SEO, AdSense income or affiliation income there is very need thing is having video editing skill. People now search many more thing on youtube and you know the searching percentage on youtube is getting high so if you know video editing then you should know where you will stay.

Article Writing: Having good knowledge of English language and if you have the habit of writing articles at online then it is possible to build up a career. Many marketplace have lot of tasks on Article Writing, Rewriting related works. Later you can use this writing practice and can earn by own a blog.
How to be a professional freelancer

The next episode of the series of freelancing will be discussed. So stay with us and get daily study guideline on freelancing.
How to be a professional freelancer

Read More...

Tuesday, February 23, 2016

MKRflat Responsive Magazine/News Blogger Theme

MKRflat is a cool blogger template with responsive layout and this template has two style included one is Box and another is Full width. MKRflate is User Friendly Blogger Template and also SEO friendly. Design is simple and clean and also perfect for News, Magazine or portfolio website. MKRflat template also have attractive color combination and impressed professionals and it has many features described bellow.

MKRflat Responsive Magazine/News Blogger Theme

MKRflat Responsive Magazine/News Blogger Theme

Current version: 1.1
100% Responsive
Auto resize thumbnail image
Auto Featured Post from JSON (Slideshow) *
Support Advance Editor: upload background images, change background color, key colors, fonts
Lightweight Auto read-more support third party image and youtube
Ajax Page Navigation
Recent Comment Widget
News Ticker Widget
Related Post Widget
Recent Post by Labels
Allow visitors increase / decrease text size and auto remember for future.
Optimize SEO
Support Print CSS and allow visitors share articles email
3 Comment System (Blogger, Facebook, Disqus)
Dropdown Menu
Mega Menu
Author Profile
Ads ready
Top Social Icon
Post Preview
Support shortcodes
Custom Error 404 Page
Support Post Preview
Support RTL
Social Share Plugin (Addthis)
Compatible with major browsers (IE8+,Mozilla,Chrome,Safari)
Professional admin layout, help you easy work with blog layout



Read More...

Thursday, February 18, 2016

How to search on Google

How to search on Google - How to learn google searching in easy way, yeah this is our today's topic, today we will discuss about how to use google. Just learn a few tips that will help you easily to find information on google.
How to search on Google

How to search on Google

We are dividing google search into two ways basic and advance method.

Basic Search Method
1/ Its not matter what you are looking for simply start with word that you need "Where is Sylhet" and remember you can always add necessary words too. If you are looking for a product then simply type the product name on google and press enter as example "hot dog in london".

2/ You can also search using your voice this is called voice search, google give you opportunity to search with your voice from your devices. Simply open homepage of google and click on your microphone icon now say what you want to search.

3/ Choose your word carefully, when you decide to type words on the search box then you will see some suggested words appear that you're looking for then you can use these words. No matter you know the grammar or not google will suggest you result from the real word but if you type the real word that is better to get result easily.
How to search on Google

4/ Quick answers, google always try to give you quick answers that is not available to all regions but google is trying to spread it to the whole internet world. Google started quick answer when you ask anything to google then you will see first is your answer that google choices for you and bellow is all the search results.

5/ Some quick tools,
Weather: To search weather report for your location on google simply type location name as example we can say to find weather for "Tongi" we will simply type "Tongi Weather" then google will show the quick weather result.
How to search on Google

Calculator: Google has a default calculator, when your search anything with number you can see this tool as example if we type 12*1 then you will see 12 in a calculator then you don't need to type simply you can use this calculator within your mouse pointer.
How to search on Google

Dictionary: type Define before any word then you will see the whole details of that word.
Unit conversions: Enter any conversion, like 3 dollars in euros then you will see the rate converter.
Sports: Search with the name of your team to see all the latest schedule, game scores and more.
Quick facts: Search for the name of a celebrity, location, movie, or song to find related information.

Expert Search Method
Advanced search techniques google searching algorithm learn google search tips

1/ You want to know how to disable wifi in windows 10, in this way type on google search box "disable+wifi+in+windows+10".

2/ To find out software, song or any file from a targeted file hosting site just type song name+site:sitename as a example "Geruya+site:mediafire.com" in this way you will find geruya song from mediafire download link.

3/ If you want to download photoshop software just only download link then type "adobe photoshop+inurl:download" you will get download link easily.

4/  When you need target file then simply use format name as when you need c++ pdf book then you can search "C++:pdf" so when you need any image you can also use jpeg, need software then use exe.

5/ You are searching for something but google showing you facebook pages links too then you don't want to see any facebook link simply after your search "keyword-facebook.com" this minus will remove facebook from the search result.

6/  Finding for a word synonym then type "alternative keyword" this will show your alternative for the keyword.

7/  Get related sites just think you need to find out sites that are related to facebook simply "related:facebook.com" and you will get related sites.

8/ Search query, there are some special search query,
"intitle:keyword" "intext:keyword" will search keyword as text and keyword in title of any website as a example when you type "intitle:irani music" you will see sites containing irani music on their webpage title will appear in search result.
intitle: restricts your search to the titles of web pages.
inurl: restricts your search to the URLs of web pages.
intext: searches only body text (i.e., ignores link text, URLs, and titles).
site: allows you to narrow your search by either a site or a top-level domain.
link:link: returns a list of pages linking to the specified URL. Enter link:www.google.com and you'll be returned a list of pages that link to Google.

Finally there is many method on how to search on google and many new methods are discovering everyday so you have to stay updated to be advance google user.
Read More...

Tuesday, February 16, 2016

How to customize blogger lightbox

How to customize blogger lightbox - If you are a blogspot developer or blog site owner then you really know how much need to change lightbox.
How to customize blogger lightbox

How to change the background of blogger lightbox


Simply go to dashboard click template edit html and before the closing of </head> tag paste the below codes and click on save template button.
<style>
/* Background Color */
.CSS_LIGHTBOX_BG_MASK {
background-color: #ffffff !important;
background-image: url(image-url-address) !important;
opacity: 0.8 !important;
filter: alpha(opacity=90) !important;
}
/* Images Border */
.CSS_LIGHTBOX_SCALED_IMAGE_IMG {
outline: 0px solid #fff !important;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0px 0px 5px #000000;
-moz-box-shadow: 0px 0px 5px #000000;
box-shadow: 0px 0px 5px #000000;
}
/* Close Button */
.CSS_LIGHTBOX_BTN_CLOSE {
background: url(image-url) no-repeat !important;
width: 24px !important;
height: 24px !important;
}
/* Thumbnails Bar Color */
.CSS_LIGHTBOX_FILMSTRIP {
background-color: #eaeaea !important;
}
/* Text Color */
.CSS_LIGHTBOX_ATTRIBUTION_INFO, .CSS_LIGHTBOX_ATTRIBUTION_LINK {
color: #000 !important;
}
/* Index Info (number of images) */
.CSS_LIGHTBOX_INDEX_INFO {
color: #555555 !important;
}
</style>
Read More...

Monday, February 15, 2016

How to add email subscription widget in Blogger

How to add email subscription widget in Blogger - When you serve good post to your reader and your reader also want to get daily update on their email inbox then email subscription widget is mostly need for you to have it on your site and today we are going to share how to add email subscription form widget in blogger blogspot site.
How to add email subscription widget in Blogger

How to add email subscription form in Blogger

Log in to your blogger dashboard and click on layout now from the sidebar where you want to show the email subscription widget there click on add a gadget now select html/script and paste the bellow codes
<style>
.hl-email{
background:url(http://4.bp.blogspot.com/-u3UaeUufpmI/T8lFuelsg8I/AAAAAAAACQY/tOWbHsgTYKc/s1600/mail.png) no-repeat 0px 12px ;
width:300px;
padding:10px 0 0 55px;
float:left;
font-size:1.4em;
font-weight:bold;
margin:0 0 10px 0;
color:#686B6C;
}
.hl-emailsubmit{
background:#9B9895;
cursor:pointer;
color:#fff;
border:none;
padding:3px;
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font:12px sans-serif;
}
.hl-emailsubmit:hover{
background:#E98313;
}
.textarea{
padding:2px;
margin:6px 2px 6px 2px;
background:#f9f9f9;
border:1px solid #ccc;
resize:none;
box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px;
width:130px;
color:#666;}
</style>
<div class="hl-email">
Subscribe via Email <form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=ShohagIslamSourav', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter email address here&quot;;}" onfocus="if (this.value == &quot;Enter email address here&quot;) {this.value = &quot;&quot;;}" value="Enter email address here" type="text" />
<input type="hidden" value="shohagislamsourav" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="hl-emailsubmit" value="Submit" type="submit" />
</form>
</div>
Now press save button and check the preview on your sidebar in homepage of your blogspot blog.

How to customize it:
On this css code you can see a mail.png image just change it with your custom image if you want.
You can change width as you want.
Finally change ShohagIslamSourav with your feed link.
Read More...

Sunday, February 14, 2016

How to add Facemood Emoticons in Blogger Comment

How to add Facemood Emoticons in Blogger Comment - Some social media has sticker for message and comments but face mode sticker is not available in all social media sites. You can check our comment system we have added facemode comment emoticon for the people who want to show their mode now you are also able to add for your blogspot blog site.
How to add Facemood Emoticons in Blogger Commenta

How to add Facemood Emoticons in Blogger Comment


Log in to your blog and go to template editor now open search box and find the below code
<div class='post-footer-line post-footer-line-3'> 
now add the below codes just above <div class='post-footer-line post-footer-line-3'>
<b:if cond='data:blog.pageType == "item"'>
<div style=' width: 450px; text-align: left; border: 1px dashed #0084ce; background: transparent; padding: 10px; color:#000000; font-weight:bold; '>
<img border='0' src='http://1.bp.blogspot.com/-zY65UBxSl6w/T67AajI_U6I/AAAAAAAACIc/fCV19C1627Q/s1600/helplogger.blogspot.com(1).gif'/> :a
&#160;
<img border='0' src='http://4.bp.blogspot.com/-M8aBZtLjGqY/T67Ai2d8eAI/AAAAAAAACIk/PrDerObloAw/s1600/helplogger.blogspot.com+(2).gif'/> :b
&#160;
<img border='0' src='http://3.bp.blogspot.com/-HfIjCWOuxwo/T67Ar7HZiHI/AAAAAAAACIs/RgwvdPP4JSc/s1600/helplogger.blogspot.com(3).gif'/> :c
&#160;
<img border='0' src='http://4.bp.blogspot.com/-98YuuiC8MIc/T67AzJ3Xf0I/AAAAAAAACI0/UtaFpgTb_PM/s1600/helplogger.blogspot.com(4).gif'/> :d
&#160;
<img border='0' src='http://3.bp.blogspot.com/-ikCFMFesIrE/T67BAtTQGhI/AAAAAAAACI8/AisqU7R--Yc/s1600/helplogger.blogspot.com(5).gif'/> :e
&#160;
<img border='0' src='http://2.bp.blogspot.com/-VSY5nbsSEIs/T67BK3G-B6I/AAAAAAAACJE/n_fhk-2Ihqc/s1600/helplogger.blogspot.com(6).gif'/> :f
&#160;
<img border='0' src='http://3.bp.blogspot.com/-e9hytPNLXeY/T67BSj27JJI/AAAAAAAACJM/Rwonrid9oiQ/s1600/helplogger.blogspot.com(7).gif'/> :g
&#160;
<img border='0' src='http://4.bp.blogspot.com/-mT-nqGFvXec/T67BZDPxvxI/AAAAAAAACJU/fgTPtQNxMK8/s1600/helplogger.blogspot.com(8).gif'/> :h
&#160;
<img border='0' src='http://3.bp.blogspot.com/-xcMDAiCizIE/T67BfnBeWSI/AAAAAAAACJc/_OqmXLGhjLg/s1600/helplogger.blogspot.com(9).gif'/> :i
&#160;
<img border='0' src='http://3.bp.blogspot.com/-XJUn74vJTwo/T67BrafHO3I/AAAAAAAACJk/B40nJjxUxNE/s1600/helplogger.blogspot.com(10).gif'/> :j
&#160;
<img border='0' src='http://3.bp.blogspot.com/-JgARtAx7IHo/T67B2Db6LjI/AAAAAAAACJs/U1EWgczqOYY/s1600/helplogger.blogspot.com(11).gif'/> :k
&#160;
<img border='0' src='http://2.bp.blogspot.com/--K1Z6RvN57w/T67CCzlaGcI/AAAAAAAACJ0/iF2-osmFALE/s1600/helplogger.blogspot.com(12).gif'/> :l
&#160;
<img border='0' src='http://4.bp.blogspot.com/-c0DJDg4M2n4/T67CTf-xShI/AAAAAAAACJ8/BqUmJYoDBLI/s1600/helplogger.blogspot.com(13).gif'/> :m
&#160;
<img border='0' src='http://1.bp.blogspot.com/-zrvYy6caFXM/T67CZi7etnI/AAAAAAAACKE/iPJsX_duWjE/s1600/helplogger.blogspot.com(15).gif'/> :n
&#160;
<img border='0' src='http://3.bp.blogspot.com/-F2LUTd1hG_o/T67CfNLnIlI/AAAAAAAACKM/UHuPyigCX24/s1600/helplogger.blogspot.com(16).gif'/> :o
&#160;
<img border='0' src='http://3.bp.blogspot.com/-Vd6U_2eq_Gk/T67CosaWm8I/AAAAAAAACKU/JgnYMS4AJOc/s1600/helplogger.blogspot.com(14).gif'/> :p
&#160;
<img border='0' src='http://1.bp.blogspot.com/-faDYi6E_d6E/T67CybEuj1I/AAAAAAAACKc/nHxSH7KMSwY/s1600/helplogger.blogspot.com(17).gif'/> :q
&#160;
<img border='0' src='http://2.bp.blogspot.com/-2QiwXpJ7gxk/T67C41ItlCI/AAAAAAAACKk/8sba1I9fZOY/s1600/helplogger.blogspot.com(18).gif'/> :r
&#160;
<img border='0' src='http://2.bp.blogspot.com/-KUlSaDVWqW8/T67C_4ITH-I/AAAAAAAACKs/e6N7K2jJvl8/s1600/helplogger.blogspot.com(19).gif'/> :s
&#160;
<img border='0' src='http://2.bp.blogspot.com/-UC_5gE8LgaQ/T67DGU12FBI/AAAAAAAACK0/oHA628PaDhk/s1600/helplogger.blogspot.com(20).gif'/> :t   <a href='http://www.sisourav.com/2016/02/how-to-add-facemood-emoticons-in.html' style='color: rgb(30, 122, 183); font-size: x-small;'>Add smileys to Blogger + </a>
</div></b:if>
now add the below codes before </body> tag
<script type='text/javascript'>
/* Facemood Emoticons For Blogger Comments
 * By Tech Blogger
 * Url: http://www.sisourav.com
 */
a = document.getElementById('comment-holder');
if (a) {
 b = a.getElementsByTagName("p");
 for (i = 0; i < b.length; i++) {
  if (b.item(i).getAttribute('CLASS') == 'comment-content') { 
_str = b.item(i).innerHTML.replace(/:j/gi, "<img src='http://3.bp.blogspot.com/-XJUn74vJTwo/T67BrafHO3I/AAAAAAAACJk/B40nJjxUxNE/s1600/helplogger.blogspot.com(10).gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:k/gi, "<img src='http://3.bp.blogspot.com/-JgARtAx7IHo/T67B2Db6LjI/AAAAAAAACJs/U1EWgczqOYY/s1600/helplogger.blogspot.com(11).gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:l/gi, "<img src='http://2.bp.blogspot.com/--K1Z6RvN57w/T67CCzlaGcI/AAAAAAAACJ0/iF2-osmFALE/s1600/helplogger.blogspot.com(12).gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:m/gi, "<img src='http://4.bp.blogspot.com/-c0DJDg4M2n4/T67CTf-xShI/AAAAAAAACJ8/BqUmJYoDBLI/s1600/helplogger.blogspot.com(13).gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:n/gi, "<img src='http://1.bp.blogspot.com/-zrvYy6caFXM/T67CZi7etnI/AAAAAAAACKE/iPJsX_duWjE/s1600/helplogger.blogspot.com(15).gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:o/gi, "<img src='http://3.bp.blogspot.com/-F2LUTd1hG_o/T67CfNLnIlI/AAAAAAAACKM/UHuPyigCX24/s1600/helplogger.blogspot.com(16).gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:p/gi, "<img src='http://3.bp.blogspot.com/-Vd6U_2eq_Gk/T67CosaWm8I/AAAAAAAACKU/JgnYMS4AJOc/s1600/helplogger.blogspot.com(14).gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:q/gi, "<img src='http://1.bp.blogspot.com/-faDYi6E_d6E/T67CybEuj1I/AAAAAAAACKc/nHxSH7KMSwY/s1600/helplogger.blogspot.com(17).gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:r/gi, "<img src='http://2.bp.blogspot.com/-2QiwXpJ7gxk/T67C41ItlCI/AAAAAAAACKk/8sba1I9fZOY/s1600/helplogger.blogspot.com(18).gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:s/gi, "<img src='http://2.bp.blogspot.com/-KUlSaDVWqW8/T67C_4ITH-I/AAAAAAAACKs/e6N7K2jJvl8/s1600/helplogger.blogspot.com(19).gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:t/gi, "<img src='http://2.bp.blogspot.com/-UC_5gE8LgaQ/T67DGU12FBI/AAAAAAAACK0/oHA628PaDhk/s1600/helplogger.blogspot.com(20).gif' alt='' class='smiley'/>");
_str = _str.replace(/:a/gi, "<img src='http://1.bp.blogspot.com/-zY65UBxSl6w/T67AajI_U6I/AAAAAAAACIc/fCV19C1627Q/s1600/helplogger.blogspot.com(1).gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:b/gi, "<img src='http://4.bp.blogspot.com/-M8aBZtLjGqY/T67Ai2d8eAI/AAAAAAAACIk/PrDerObloAw/s1600/helplogger.blogspot.com+(2).gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:c/gi, "<img src='http://3.bp.blogspot.com/-HfIjCWOuxwo/T67Ar7HZiHI/AAAAAAAACIs/RgwvdPP4JSc/s1600/helplogger.blogspot.com(3).gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:d/gi, "<img src='http://4.bp.blogspot.com/-98YuuiC8MIc/T67AzJ3Xf0I/AAAAAAAACI0/UtaFpgTb_PM/s1600/helplogger.blogspot.com(4).gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:e/gi, "<img src='http://3.bp.blogspot.com/-ikCFMFesIrE/T67BAtTQGhI/AAAAAAAACI8/AisqU7R--Yc/s1600/helplogger.blogspot.com(5).gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:f/gi, "<img src='http://2.bp.blogspot.com/-VSY5nbsSEIs/T67BK3G-B6I/AAAAAAAACJE/n_fhk-2Ihqc/s1600/helplogger.blogspot.com(6).gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:g/gi, "<img src='http://3.bp.blogspot.com/-e9hytPNLXeY/T67BSj27JJI/AAAAAAAACJM/Rwonrid9oiQ/s1600/helplogger.blogspot.com(7).gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:h/gi, "<img src='http://4.bp.blogspot.com/-mT-nqGFvXec/T67BZDPxvxI/AAAAAAAACJU/fgTPtQNxMK8/s1600/helplogger.blogspot.com(8).gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:i/ig,"<img src='http://3.bp.blogspot.com/-xcMDAiCizIE/T67BfnBeWSI/AAAAAAAACJc/_OqmXLGhjLg/s1600/helplogger.blogspot.com(9).gif' alt='' class='smiley'/>") 
b.item(i).innerHTML = _str; 
} 
} 
}
</script>
Save the template and now finally the result will be like this
emoticons, smileys, blogger, tricks
Read More...

How to create rollover image effect

How to create rollover image effect - In a rollover image effect when you take your mouse on a image then it will change and show another image if you know hover effect then you will be understand easily or you can see the demo below when you take your mouse pointer on the bellow image then you will see another image beside it this is called rollover image effect. This is can be created with onmouseover and onmouseout attributes on any ahref link very easily. siply check the source code bellow how to do that.
How to create rollover image effect

How to create rollover image effect

click and check demo here

 <a href="URL ADDRESS"><img src="URL OF THE FIRST IMAGE GOES HERE" onmouseover="this.src='URL OF THE SECOND IMAGE GOES HERE'" onmouseout="this.src='URL OF THE FIRST IMAGE GOES HERE'" /></a> 
Read More...

How to remove anonymous avatar from blogger comments

How to remove anonymous avatar from blogger comments - Recently we published an article on how to increase the size of avatar in comment section of blogspot blog and now this post is about how to remove anonymous avatar from blogger comments.
How to remove anonymous avatar from blogger comments

How to remove anonymous avatar from blogger comments

Login to blogger and go to template edit html now find closing tag of your template </body> and before this body tag add the below codes and save your template.

<script src='http://code.jquery.com/jquery-latest.js'/>
<script>
$(&quot;img[src=&#39;http://img1.blogblog.com/img/anon36.png&#39;]&quot;)
.attr(&#39;src&#39;, &#39;http://1.bp.blogspot.com/-Zphr2YJH_6w/T6ZZE4YeNBI/AAAAAAAACF0/Tyuj8hkOpdc/s1600/default_avatar.gif&#39;)
.ssyby(&#39;blank&#39;)
</script>
<script src='http://code.jquery.com/jquery-latest.js'/>
<script>
$(&quot;img[src=&#39;http://img2.blogblog.com/img/b36-rounded.png&#39;]&quot;)
.attr(&#39;src&#39;, &#39;http://1.bp.blogspot.com/-eKbzORzVaBQ/T6ZXHmdgHqI/AAAAAAAACFs/rVy3T4gxojM/s1600/blogger-user.png&#39;)
.ssyby(&#39;blank&#39;)
</script>
To publish any other image with your own design then simply change the image link that included on this codes. Finally you have changed default anonymous avatar in blogger comment.
Read More...

How To Increase Avatar Size In Blogger Comments

How To Increase Avatar Size In Blogger Comments - Do you want to increase the blogger commentator avatar size then there is a simple way to do that with css codes. Normally blogger avatar in comment section is 35px and some custom blogger template that is may be 40px or some are too smaller but if you want to increase it then you can do it easily. Here is the way to increase avatar size in blogger comments.
How To Increase Avatar Size In Blogger Comments

How To Increase Avatar Size In Blogger Comments

At first simply log in to blogger.com and go to your blog dashboard now click on template and open edit html now click anywhere on template editor and press CTRL+F button that will open a search box on top right side of template editor now click on the search box and paste ]]></b:skin> and press enter to search. You will find it easily now before the ]]></b:skin> paste the bellow codes.


.comments .avatar-image-container{
background-color: rgb(34, 34, 34);
border:1px solid #ccc;
margin: 0px 10px 0px 0px;
padding: 0px 0px 0px 0px;
width: 70px;
max-height: 70px;
}
.comments .avatar-image-container img{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
max-width: 70px;
height: 70px;
}
Now click the save template button and you have successfully increased your comment avatar sizes on your blogspot blog.
Read More...

Wednesday, February 10, 2016

Free Download ColorMag WordPress Magazine Theme

Free Download ColorMag WordPress Magazine Theme - Colormag is free wordpress theme it has also pro version that is called colormag-pro but today we are going to share with you color mag free wordprress theme.

Free Download ColorMag WordPress Magazine Theme

Free Download ColorMag WordPress Magazine Theme

The author saying that ColorMag is a free wordpress magazine style wordpress theme and they release this theme for those who want to create an beautiful professional & powerful magazine website and also spelled ColorMag can be your best choice for your magazine/blog website and they have added powerful theme option, so that you can change everything according to your requirements. No encrypted code they put in colormag. Lots of amazing features you will find in this template. You are also able to download html version of this theme for different CMS development. ColorMag is perfect for blogs, newspapers, magazines, personal blogs etc.

ColorMag Features from the authority

Retina ready & Responsive design
Bootstrap 3.2 based
Font Awesome
Google Fonts
Contact page with contact form 7
Powerful theme option
Shortcodes (view details in the demo page)
Breadcrumbs
Numeric pagenation
Custom Css (No need to create child theme)
Custom logo uploader
enable/disable breadcrumbs
Add placement
Scroll to Top
Lazy loading
Css3 Animations
Dropdown menu & lots more.



Read More...

Tuesday, February 9, 2016

Swapping In Java Without Third Variable

Swapping In Java Without Third Variable - In last tutorial we saw how to calculate in java addition, sub, multiple, division and swapping with third party variable as like empty or any named variable to swap value but today we will see how to swap in java without third variable.

Swapping In Java Without Third Variable

Related: How to Calculate with Java
import java.io.*;

class swap{

public static void main(String args[]) throws IOException{
Integer value1;
Float value2,add,sub,mul,div,temp;
String s1,s2;

InputStreamReader in = new InputStreamReader(System.in);
BufferedReader br = new BufferedReader(in);

System.out.print("Enter 1st number: ");
s1 = br.readLine();

System.out.print("Push 2nd number: ");
s2 = br.readLine();

value1 = Integer.valueOf(s1);
value2 = Float.valueOf(s2);
add = value1+value2;
sub = value1-value2;
mul = value1*value2;
div = value1/value2;

System.out.println("=========Output=========");
System.out.println("Addition of two number: "+add);
System.out.println("Subtraction of two number: "+sub);
System.out.println("Multiplication of two number: "+mul);
System.out.println("Division of two number: "+div);

temp = add;
add = div;
div = temp;

temp = sub;
sub = mul;
mul = temp;

System.out.println("=========After Swapping With Variable=========");
System.out.println("Addition of two number: "+add);
System.out.println("Subtraction of two number: "+sub);
System.out.println("Multiplication of two number: "+mul);
System.out.println("Division of two number: "+div);

add = add+div;
div = add-div;
add = add-div;

sub = sub+mul;
mul = sub-mul;
sub = sub-mul;

System.out.println("=========After Swapping Without Variable Method 1=========");
System.out.println("Addition of two number: "+add);
System.out.println("Subtraction of two number: "+sub);
System.out.println("Multiplication of two number: "+mul);
System.out.println("Division of two number: "+div);

add = add*div;
div = add/div;
add = add/div;

sub = sub*mul;
mul = sub/mul;
sub = sub/mul;

System.out.println("=========After Swapping Without Variable Method 2=========");
System.out.println("Addition of two number: "+add);
System.out.println("Subtraction of two number: "+sub);
System.out.println("Multiplication of two number: "+mul);
System.out.println("Division of two number: "+div);

}
}
and when you run this then it will print like this here I entered two value you can also input your own value and see the result.
Swapping In Java Without Third Variable
Read More...

Monday, February 8, 2016

A driver software for all computers

A driver software for all computers - For the best use of Desktop or laptop computers, motherboards, graphics and sound card, network card and other equipment must have to be installed driver software. According to the type of operating system should install the necessary driver software if you do not use then computer is difficult to use without software driver. So, after installing the operating system on the computer need to add additional driver that required to install for graphics and sound its mandatory to have computer driver software.
A driver software for all computers
A driver software for all computers

A driver software for all computers

In most cases, device drivers are provided with a cd or dvd when you buy your computer devices. A particular device driver files also can be downloaded from the company's website as I downloaded windows 8 driver for my acer aspire 4752 laptop. However, for a desktop or laptop to install all types of driver files separately is a matter of time . Any computer and laptop users are free to collect their driver software to automatically install all the drivers in the system withing one single click with Driver Pack Solution. Connecting to internet anyone can install this software on a laptop or desktop device and you can also save this for using later.

How to install computer driver

The computer device where you want to install driver pack solution visit https://drp.su/index.htm this website and here you will see two option
1. driver pack online
2. driver pack full
With the first option you can install drivers at online and second option give you opportunity to collect the whole pack for offline use but that is very big size if you have time then you can download for later use.

When you go to https://drp.su/index.htm this site then click on download online button and install installer and it will show a message to create computer restore point press ok. Then you will see two option select expert mode and from the bellow remove tick from additional program that you don't need to use now click on install automatically and wait till the whole installation process get completed.

After the driver pack installation simply restart your computer and you will see everything has been installed and your all driver will work properly.

Note: If your latest device don't work after the installation of this driver pack then just simply go to restore from your control panel and click on restore point then you will go to your previous position before you installed the driver pack solution software.

So finally if you have any computer old version motherboard and no driver software then you can install this and it will work properly.
Read More...

Sunday, February 7, 2016

How to calculate with Java

How to calculate with Java - Basic calculation and swapping with java programming language. Today we will see the code of addition, substruction, multiple, division and swapping in Java. At first write a file and save it in jdk directory in bin folder now open it with notepad editor and paste the bellow code and save it.
Related: First Java Program | Install Java | Keyboard input in Java

How to calculate with Java


import java.io.*;
class fourth
{
public static void main(String args[])throws IOException
{
Integer r;
Float n,add,sub,mul,div,empty;
String s1;
String s2;

InputStreamReader in=new InputStreamReader(System.in);
BufferedReader br=new BufferedReader(in);
System.out.print("Enter first value");
s1=br.readLine();

System.out.print("Push second value");
s2=br.readLine();

r=Integer.valueOf(s1);
n=Float.valueOf(s2);
add=r+n;
sub=r-n;
mul=r*n;
div=r/n;

System.out.println("add of two variable"+add);
System.out.println("sub of two variable"+sub);
System.out.println("mul of two variable"+mul);
System.out.println("divi of two variable"+div);

empty=add;
add=mul;
mul=empty;

empty=sub;
sub=div;
div=empty;
System.out.println("after changing/Swapping");
System.out.println("add of two Variable"+add);
System.out.println("sub of two variable"+sub);
System.out.println("mult of two variable"+mul);
System.out.println("divi of two variable"+div);

}
} 

Here in the above code when you run it it will show like this screenshot:-

How to calculate with Java

When you run with cmd then this will ask you to enter first value and then second value and finally it will print all the result after the calculation. How to calculate with Java new codes coming soon.
Read More...

Saturday, February 6, 2016

Jarida Wordpress Theme For News Magazine Blog

Jarida Wordpress Theme For News Magazine Blog - Jarida is a news magazine theme that is one of the most popular theme in marketplace and today you are going to get it free. On previous month we shared jarida blogger template that was converted from jardia wordpress theme so lets download jarida wordpress theme.
Jarida Wordpress Theme For News Magazine Blog

Jarida Wordpress Theme For News Magazine Blog

Jarida has many color and some dark and light version too and jarida wordpress theme that we are going to share here that is also editable to change the color of the template you need to just go to template editor you don't need to edit html codes there just select the color button and choose color no coding needed to customize.

Related: Jarida Blogger Template

This jarida wordpress template is free downloadable but if you want to get template support and want to get beta version in the later then you can buy the premium version too. So here is the full template download link.

Read More...

Friday, February 5, 2016

How to be a seo professional

How to be a SEO professional - The most popular media of this present world is online and online is full of information. What you are searching for just type and press enter there will be huge information that you want to get. Just think if you are looking for a training center to join a graphic design course then normally you type on google "graphics training in your country name ".
How to be a seo professional

What is SEO

SEO definition: The full meaning of SEO is search engine optimization and in this internet world the most popular search engine is google. When people search anything on google then it shows many result and you know people mainly click on first results that shows on first page. So if you can get ranked your site then you will have many visitor from search engine. Now you can say that the process which is used to rank a site on first page of search engine that is called search engine optimization (SEO).

Related: how to be a graphic designer

What is Search Engine

The information source where everything is found by searching that is called search engine. Google, yahoo, bing, ask are the most popular search engine. When you type something on these site's search box withing any word then you will get exact information with many relevant topic all the information with website links then when you follow the links then you get your desired info.

How search engine works
Search engines are created to find out information. Search engines are created with high programming and they are reserved with many web data to show you search results. A search engine select website to show for their user when a website is valuable and surving real info that user looking for.

Why Search engine
a) Every website get most of the visitor from search engine.
b) Many people don't know where to get necessary info then they search on search engine and get the necessary website links.
c) Information can get without paying that's why people use it mostly.
d) Search engines are giant repository of all information so peoples are most dependable on them.
e) For being popularity of search engine all company trying to marketing their products at online so they want to get rank on first page within targeted keyword and they hiring seo specialists.
How to be a seo professional

SEO as profession
Lot of marketplaces to work as seo specialist.
Do seo for your own website or blog to get visitor and earn money from online.
Freelancing outsourcing area have lot of demand of seo worker.
seo have many working sector as like forum posting, blog commenting, social media marketing and keyword optimizing on search engine.

How to be a seo professional

If you want to be a search engine optimizer then you know everything can be found on search engine so why you are not searching on google that is full of resources. You can see video tutorial on youtube. Not only SEO basics but also SEO advance tutorial available on youtube.

how to become seo certified

To be certified you can join on udemy or udacity premium courses they will provide you certificate after learning and there are also many free courses available on udemy to learning purposes.
How to be a seo professional

How to seo expert or seo consultant

Generally seo works in two ways onpage seo and offpage seo. If you want to be seo expert then you must learn these two methods properly. Before starting work you should make yourself experienced on
1) keyword research
2) use of html tag
3) content optimization
4) forum posting
5) blog commenting
6) directory submission
7) guest blogging
8) social media marketing
9) Learn how to use seo tools.
10) press realizing and many more things.

When you are seo expert then you can join on seo company where seo services are provided and then you will learn many seo techniques that were undiscovered to you before you join

You can earn money from publishing seo tutorial on your own site too when you are SEO teacher
and  to start professional seo services you should join on professional seo company that will increase your experience then build a seo professional resume and submit on marketplace you will be hire withing seo professional salary too much higher than you thought. You should read seo professional job description then you will learn what you need to learn properly.
Read More...

Tuesday, February 2, 2016

How to add Recent comments in Blogger

How to add Recent comments in Blogger - For a blogspot blogger that is not so important to show recent comment on their blog but if you want then you can show it as your wish. Recent comment show the visitor where is the recently people discussed on your blogspot blog.
How to add Recent comments in Blogger

How to add Recent comments in Blogger


Go to layout on your blog and click add to widget select html or text option now paste the bellow codes and save it.
<script style=text/javascript src="https://raw.githubusercontent.com/shohag5885/blogger/master/recent-comment.js"></script>
<script style=text/javascript>
    var a_rc = 5;
    var m_rc = false;
    var n_rc = true;
    var o_rc = 100;
</script>
<script src=http://yourblog.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments></script><div style="font-size: 10px; float: right;">Get this <a href="http://www.sisourav.com/2016/02/how-to-add-recent-comments-in-blogger.html" rel="nofollow" >Recent Comments Widget</a></div>
<style type="text/css">
.rcw-comments a {
    text-transform: capitalize;
}

.rcw-comments {
    border-bottom: 1px dotted;
    padding-top: 7px!important;
    padding-bottom: 7px!important;
}
</style>
How to customize recent comments in blogger blog

Read More...

Monday, February 1, 2016

How to Remove Showing Posts With Label in Blogger

How to Remove Showing Posts With Label in Blogger - In your default blogger template when you click on any category or you can say it label then from the archive list of your blogger posts you will see all the post of that label that you click on but there is a message showing posts with label and if you want to remove this message from your default template or any custom template then this post will be helpful for you.

How to Remove Showing Posts With Label in Blogger
Here is the screenshot when you click on a label
How to Remove Showing Posts With Label in Blogger

now we will remove this message from your blogger template.

How to remove Showing Post With Label

Step 1. At first go to dashboard click on template now click edit HTML.
How to Remove Showing Posts With Label in Blogger

Step 2. Now click to editable codes and press CTRL+F now find this code:
<b:includable id='status-message'>

When you found this code, now click on the arrow beside it and expand it there is some codes.

How to Remove Showing Posts With Label in Blogger

Step 3. Now you will see the below codes you should remove them from your template,
     <b:includable id='status-message'>

      <b:if cond='data:navMessage'>

      <div class='status-msg-wrap'>

        <div class='status-msg-body'>

          <data:navMessage/>

        </div>

        <div class='status-msg-border'>

          <div class='status-msg-bg'>

            <div class='status-msg-hidden'><data:navMessage/></div>

          </div>

        </div>

      </div>

      <div style='clear: both;'/>

      </b:if>

    </b:includable>

How to Remove Showing Posts With Label in Blogger

Step 4. Now Replace it with this one:
<b:includable id='status-message'>

<b:if cond='data:navMessage'>

<div>

</div>

<div style='clear: both;'/>

</b:if>

</b:includable>

Step 5. Save the template. Now view your blog and click on any label and finally there should be no box anymore.

And you have successfully removed that boring message.

Read More...

Google Translator Flags Widget For Blogger Blogspot

Google Translator Flags Widget For Blogger Blogspot allows to your website or blog visitors to translate your blogger blog site with their own language. And this google translator widget automatically detect your blog sites language and then translate it to the readers within their own chosen language. Google Translator Flag Widget supports many different languages English, French, German, Spanish, Italian, Dutch, Portuguese, Russian, Japanese, Korean, Arabic And Chinese within all languages.

Google translator  flag on your web or blog preview:
Google Translator Flags Widget For Blogger Blogspot

How to translate a website with google translator widget

Step 1. At first go to your blogger blogs dashboard and now click on layout and select location where you want to add the google translator widget now click on "add a gadget" button.

Related: Simple Recent Post Widget For Blogger

Google Translator Flags Widget For Blogger Blogspot

Step 2. Now you will see a pop up window now select html/javascript option
Google Translator Flags Widget For Blogger Blogspot

Step 3. now copy the codes from the bellow and paste these codes on that empty box.

<script type="text/javascript">
function showHide(shID) {
    if (document.getElementById(shID)) {
        if (document.getElementById(shID+'-show').style.display != 'none') {
            document.getElementById(shID+'-show').style.display = 'none';
            document.getElementById(shID).style.display = 'block';
        }
        else {
            document.getElementById(shID+'-show').style.display = 'inline';
            document.getElementById(shID).style.display = 'none';
        }
    }
}
</script>

<style>

 .google_translate img {
margin: 10px 20px 0px 20px;
    height: 24px;
    width: 24px;
        }
        .google_translate:hover img {
filter:alpha(opacity=0.30);
        -moz-opacity: 0.30;
        opacity: 0.30;
        border:0;
        }

.more {
    display: none;
a.showLink, a.hideLink {
    text-decoration: none;
    color: #0880C4;
    padding-left: 18px;
    background: transparent('down.gif') no-repeat left; }

a.hideLink {
    background: transparent url('up.gif') no-repeat left;
color: #0880C4;}

a.showLink:hover, a.hideLink:hover {
color: #0880C4;
 }

 </style>

 <div>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="http://1.bp.blogspot.com/-sXhoGx5s2dg/T5xOeRCOuYI/AAAAAAAAARo/ldYJIGQldwQ/s1600/United+Kingdom(Great+Britain).png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="http://2.bp.blogspot.com/-aklFaq6pPeQ/T5xOV1mPbcI/AAAAAAAAARg/CcBmt1ptN88/s1600/France.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="http://1.bp.blogspot.com/-nX0ktPsJQTA/T5xOMiiOGQI/AAAAAAAAARY/VXhAPARvh9E/s1600/Germany.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="http://4.bp.blogspot.com/-QPXkbtHOD4c/T5xODxO-FVI/AAAAAAAAARQ/1jye5k8T0DI/s1600/Spain.png" style="cursor: pointer;margin-right:8px" width="24"/></a><a href="#" id="example-show" class="showLink"
onclick="showHide('example');return false;">More</a>
<div id="example" class="more">
 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="http://3.bp.blogspot.com/-0QwKU5U8K2k/T5xN5VZK2tI/AAAAAAAAARI/SvXac8-EQEg/s1600/Italy.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="http://4.bp.blogspot.com/-vJtqiSEPK0A/T5xNup0Q3vI/AAAAAAAAARA/SyuRn3jZjgk/s1600/Netherlands.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
      <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="http://2.bp.blogspot.com/-Em4KegbEBmk/T5xNjs5f_NI/AAAAAAAAAQ4/yLtUCDesqGs/s1600/Russian+Federation.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="24" src="http://2.bp.blogspot.com/-IVx5Fq_02dE/T5xNZIbiHzI/AAAAAAAAAQw/dvI6mI6z3Dw/s1600/Brazil.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<br />
 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="http://2.bp.blogspot.com/-O932f9wBvk4/T5xNO_hx5uI/AAAAAAAAAQo/n8-iF7S_R8A/s1600/Japan.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="http://3.bp.blogspot.com/-es7IkxUUK_4/T5xNGn7TXYI/AAAAAAAAAQg/jAp6OM-Zj9Q/s1600/South+Korea.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="http://3.bp.blogspot.com/-cx9e66I48yM/T5xM9L7uzoI/AAAAAAAAAQY/ftpOVX9YZEE/s1600/Saudi+Arabia.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7czh-cn&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="http://1.bp.blogspot.com/-eXup49w042c/T5xMxliSlmI/AAAAAAAAAQQ/v9efq8I4TI0/s1600/China.png" style="cursor: pointer;margin-right:8px" width="24"/></a><a href="http://www.sisourav.com" rel="dofollow">.</a>
    <p><a href="#" id="example-hide" class="hideLink"
    onclick="showHide('example');return false;">Hide</p>
</div>
     </div>
Step 4. now click on save button and finally you have done it.
Read More...