How Can Make Money Ebay Affiliate Marketing

Is it true that you are searching for the best and most effortless method for earning money online within a short time? Fine, all things considered, you can get potential help from the most prominent web based marketplace called EBay. This is the position where you can sell any kind of old or unused articles clothing and others.

This sort of internet selling movement can cater you an incredible chance to earn a lot of money with no dangerous attempt. You can sell special high quality creative articles, old furniture, arts, pictures, stickers and others. You can get the online based stock of any particular wholesaler who has got most wholesalers who has got highest popular that you can sale the products of the mother company under your own banner.



Traditions to Earn Money from promotion Items on EBay


Creating EBay Account Online
Firstly, it is element to open your online eBay account on the off chance that you are not having any simple to get to one. By making eBay account, you can acquire the availability of the online biddings at "My eBay" so that the accessible auctions can be followed.

Looking At Offered Fees
You can pick either subscription or non-subscribed records according to your preference and condition. The agreement of standard fees of EBay needs to be checked at for checking the commission which is being charged in every sale of your posted article.

Opening Paypal Account
It is important to pen a PayPal record so you can get the receive the payment of your sell products easily and practically. From that PayPal, your bank can get the payment directly.

Deciding Selling Article
You have to choose that what kind of items you are going to sell over EBay. In this admiration, you need to post those articles that are having higher requests in the business so you can have higher and speedier sale.

Staring Small Initially
You must start up with little amounts of articles at first so as to test the online responses as that will be a most secure approach in this regard.

Selection Mode of Sale
The sell mode needs to be chosen and consequently you must pick any one option according to your necessity and first decision. Some likely options that are accessible online are standard auction, put aside, BIN, best offer and others.

Decide Price
You have to pick the best price for the sold item and that can be settled on the basis of condition, color, age, quality, brand and others.

Taking Photos
You can set out the some photos with the product.

Shipping Determination
The way of delivery of the sale products need to explain for easy delivery.

Write Item Description
The product full explain and give description about products, your description must be full details and helpful.

Receiving Payment
If you are fail to collect payment from the buyers, and then you can way to the resolution center of EBay for the recovery of your due payment.

Leaving Feedback

EBay gives the brilliant provision top both the seller and purchasers to give feedback.

How to Make Money With Clickbank?

The online marketplace of Clickbank will surely helps you to earn lot money by method for advancing diverse helpful digital items that are being shown at the marketplace. In organize; this is referred to as single of the biggest online marketplace for shifted digital items. 

What is Clickbank?

Various types of digital information items are being advertised openly at the web based most popular marketplace of Clickbank which is in effect secretly held. It is fundamentally an connecting bridge in the between affiliate marketers and digital content makers. It was life structure brought into year 1998 by Eileen stylist and Tim and right now the administrations of this online business sector are accessible in almost much more than 200 countries where the affiliate advertisers are being possible least 46,000 items.


How to join?

  • Firstly , open the Click bank website and click Sign up
  • Fill up the sign up form and submit the equal following acknowledge term and conditions
  • After submission, you will receive confirmation email, you will need to click the provided link and copy the code in your email and complete the process.
  • Copy the conformation code from your mail and paste it to the asked box of confirmation code
  • You will receive your nickname as username and the password
  • You can use the username and password for entering your account online

Search products to promote 

Firstly, you require to choose your targeted customers in understanding of your affiliate type and afterward you can continue with the selections of the items from Clickbank in accordance to the same.

You can visit CB mall which is a totally Clickbank approved shopping mall or else can make utilization of the portal of CB Power for looking Clickbank items.

After cataloguing into the authority site of Clickbank, you can find your attractive items either with the help of keywords or with the help of utilizing product-finding tool.

How to get your affiliate link?

  • Login into clickbank.com and use your username and password.
  • Click keen on marketplace intended for search the products.
  • You can search category or can use the search box.
  • Click promote button and select product and account nickname as your nickname and tracking ID is optional and you need to click the link of the product.

Best ways to promote Clickbank

  • Website creation.
  • Article-writing.
  • Viral report submission.
  • Squidoo.
  • Using EBay.
  • Blog creation.
  • Forum posting.
  • PPC campaign.
  • Social-media marketing chiefly facebook, twitter and others.
  • Email marketing and online show advertising.
  • Press releases and You Tube video making.

Ways to Earn Money with Amazon

Amazon is eminent as the biggest online retailer of the earth. However what you may not be unmistakable with is that there are different ways to earn money with Amazon. Here are little trappings that you can start doing at this time to gain good looking amount of money online:


Sell Your Products

Amazon is a place where you can earn money by selling your items or stock on the web. Amazon is the main trader online and you can without any struggle access millions of customers and can earn a huge income on the web. So you can offer all reach from DVD's, Laptops to garments, shoes and much more.

With Your E- Commerce Website

Amazon grants e-commerce site owners to earn money utilizing the stage. You have to acquire your online commercial center on Amazon for boosting your online awareness and earn incomes in the procedure. The service is free of cost for the first month and you need to pay a charge on month to month afterwards. It is no hesitation a perfect ideal method to make online sales.

By Affiliate Program

You can become an affiliate for Amazon by showing their items on your site or blog. You can essentially choose for a range of products to sell on your site and due to great worth of Amazon as a trusted assortment, you have high probability of earn money. There is chance of earning up to 10 percent income by becoming Amazon's affiliate.

Selling your Ebooks

You can earn money by selling by selling own eBooks utilizing Amazon Kindle Direct Publishing site. It is free of price and have the capacity to be set up with no trouble. You contain the possible to earn 70 percent eminences on every book sales that you upload on Amazon.

Through Blog publishing on Amazon

You can publish blog or site on Amazon Kindle publish for blogs to earn cash. You contain to simply list your site or blog with applicable depiction and category to list online. The Amazon energize readers can purchase your online blog membership for a monthly payment. It is around 99 cents and by utilizing along this way you can earn additional money if you are able to get enough subscriptions.

Make Money tips from your Website Traffic

The greater part of the people doesn’t know how to convert over their site traffic into money, so now I am going to discuss a few of the best tips to make money from your website traffic.


Affiliate Marketing

Select Affiliate Marketing is one the most ideal approach to make money on the web; all you require to do is sign up for the most incredible Affiliate Marketing websites and promote their items on your website by insertion banners, content relations, reviewing items. Underneath are the best Affiliate Marketing sites where you can sign up for the free account and make money online without any investment. 

Affiliate Marketing Sites:

Amazon Affiliate = Amazon.com is an online store had practical experience in advancement books, CD, DVD and videos movies. While a visitors to your website to purchase things from Amazon.com through links on your site, you will take delivery of an payment of 5-15% in commission.

ClickBank:  Advancement and sale of their items or promote different items and earn commission for every deal you create.

EBay: Online sales house. Gain $5 for every new customer who joins with eBay; win $0.05 for every bidder at eBay. Too: eBay affiliate University for humanizing your presentation. Limit: US based subsidiaries just at this time.

PayDotCom: Promote Over 75,000+ Items and Services From PayDotCom Marketplace.

Google AdSense

Google AdSense is a pay per click program where you can make money for your website as though your site traffic is related with a specific niche, you can battle to discover a Clickbank item to support. Alternately why not attempt a joined enlighten a careful specialty. I imagine it relies on upon wherever the traffic is future from, and why they visit your site. Remember, a site interspersed with advancement and has no force or conviction may show up like spam, you won't get extremely great results. 



Stylish Random Posts Widget with Thumbnails for Blogger

The Random Posts widget of Blogger will display random post from the blogger blog on your sidebar or anyplace you plan to appear the random post on blog. Random Posts Widget show post with thumbnails and appear the comments value and links to it. Recent posts gadget show new posts at whatever point blog sites refreshed.  So, in this article we discuss How to add stylish Random Posts Widget with Thumbnails in blogger blog.


How to Add

Step # 1: Go to Layout > Click Add a Gadget


Step # 2: Click on HTML/Javascript


Step # 3: copy the following code and paste into the HTML/Javascript box

 <style>
#random-posts img{float:left;margin-right:10px;
width:65px;height:50px;background-color: #F5F5F5;padding: 3px;}
ul#random-posts {list-style-type: none;}
</style>
<ul id='random-posts'>
<script type='text/javaScript'>
var rdp_numposts=5;
var rdp_snippet_length=150;
var rdp_info='yes';
var rdp_comment='Comments';
var rdp_disable='Comments Disabled';
var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};
</script>
<script type='text/javaScript'>
function random_posts(json){for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQgNUJvm_uqnlRS8a4z368o5EWWqLbetBll5CGX-4V9JK-5Yx0VTBC4B02pHTS9luAlHoBpMG-0ePijB62YK7yzKfyT63bpsd6RjgQmppsNqb6rroBw0MoTiZO6MFa9XkINhb6kD7tD24/s1600/no_thumb.png"}}};document.write('<li>');document.write('<img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/>');document.write('<div><a href="'+rdp_posturl+'" rel="nofollow" title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>');if(rdp_info=='yes'){document.write('<span>'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</span>'}document.write('<div style="clear:both"></div></li>')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>')};
</script>
</ul>
Replace 5 with number of posts you want to appear

Replace 65px and 50 px to change the pixels according to your requirement.

Done!



How to Add Random Post Button in Blogger?

A reasonable way to keep your readers busy, and enable them to invest more time on your blog or site is the "Random Post" button. One my visitor requested that I post an article on How to Add Random Post Button in Blogger Blog?


This button may be put anyplace as a part of your site, giving your visitors the flexibleness that when clicked it may require the visitors with a complete random published post. It will show random posts, every time the button is clicked.



How to Add Random Post Button in Blogger :

Following are the easy step to add

Step # 1: Login to you account and go to Layout > Add a Gadget > HTML/Javascript

Step # 2: Copy the following code and paste in the HTML/Javscript box

<style>
#mbb-random a {
background-color:#3bb3e0;
padding:10px;
position:relative;
font-family: 'Open Sans', sans-serif;
font-size:12px;
text-decoration:none;
color:#fff;
border: solid 1px #186f8f;
background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(44,160,202)),
color-stop(1, rgb(62,184,229))
);
-webkit-box-shadow: inset 0px 1px 0px #7fd2f1, 0px 1px 0px #fff;
-moz-box-shadow: inset 0px 1px 0px #7fd2f1, 0px 1px 0px #fff;
box-shadow: inset 0px 1px 0px #7fd2f1, 0px 1px 0px #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
#mbb-random a::before {
background-color:#ccd0d5;
content:"";
display:block;
position:absolute;
width:100%;
height:100%;
padding:8px;
left:-8px;
top:-8px;
z-index:-1;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff;
-moz-box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff;
-o-box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff;
box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff;
}
#mbb-random a:active {
padding-bottom:9px;
padding-left:10px;
padding-right:10px;
padding-top:11px;
top:1px;
background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(62,184,229)),
color-stop(1, rgb(44,160,202))
);
}
</style>
<center><div id="mbb-random"></div></center>
<script type="text/javascript">
function showLucky(root){ var feed = root.feed; var entries = feed.entry || []; var entry = feed.entry[0]; for (var j = 0; j < entry.link.length; ++j){if (entry.link[j].rel == 'alternate'){window.location = entry.link[j].href;}}} function fetchLuck(luck){ script = document.createElement('script'); script.src = '/feeds/posts/summary?start-index='+luck+'&max-results=1&alt=json-in-script&callback=showLucky'; script.type = 'text/javascript'; document.getElementsByTagName('head')[0].appendChild(script); } function feelingLucky(root){ var feed = root.feed; var total = parseInt(feed.openSearch$totalResults.$t,10); var luckyNumber = Math.floor(Math.random()*total);luckyNumber++; a = document.createElement('a'); a.href = '#random'; a.rel = luckyNumber; a.onclick = function(){fetchLuck(this.rel);}; a.innerHTML = 'Random Post'; document.getElementById('mbb-random').appendChild(a); } </script><script src="/feeds/posts/summary?max-results=0&alt=json-in-script&callback=feelingLucky">
</script>
Now Save the widget 

Done!

How to add AddThis Welcome Bar in Blogger Blog

Did you think that blogging and website-building is increasing visitors? Effectively... not precisely!. Blogging is like exchange with a crowd of people. A Blogger does everything to keep up his target interest group as well as engaged. Frequently he will get visitors, comments and subscribers on his site and Fans on Facebook furthermore other social websites. One the easy method to attract in viewer's eyes is to add a welcome bar in your blog. So, In this article we discuss How to addThis Welcome Bar in Blogger blog.

How to Add AddThis Welcome bar in Blogger Blog

Step # 1: Go to https://www.addthis.com/get/welcome and Register

Step # 2: After logging, a customization panel is displayed


Step # 3: To customize the bar, you must select a theme (color), enter the message you need to show, enter the link connected with the button that is shown on the bar.

Step # 4: You need to copy the code proposed by AddThis into your blog. To do that go to blogger.com, open the Template, click on HTMLand paste the code in the head section and Save.

Done!



Simple $100 On a daily basis Technique

The technique I am going to show you commonly need advertising, yet you will find completely free methods carry out achieves this.

1. Find a CPL Offer
I prefer CPL offer a ton just on the grounds that you don't to make a sale, a firm can simply spend that you relate people to the site page and in addition submit a perhaps or maybe enter the email. There are tons associated with CPL delivers on the market, and for every specialty.

2. Find the Market
When you feel sheltered with a CPL offer you, you have to get the current business sector. My mate and i after found another CPL offer you expected for fat decrease, well, i came to financed twitter redesigns furthermore settled another MySpace page together with bunches of adherents $5 so as to convey another twitter redesign for me. These MySpace supporters had been inside the home change specialty, likewise it has been all-around totally new numerous years, and furthermore anybody will attempt to dispose of pounds for that totally new 12 months

An alternate outline on this is at the specific IM specialty. I discovered somebody offering minimal effort alone advertisings for that IM specialty, settled him or her $20 between 100 vital. My companion and i dispatched another CPL offer you which was forking over me actually all-around $4 every immediate, since i have utilized them past to furthermore the EPC has been generous. I acquired all-around thirty-five leads. My mate and i made pretty much everything income without adding to a greeting page or maybe composing a bit of composing. He/ she made the email for me, I simply outfitted the connection in addition to the 20 us dollars.

3. Keep your Eyes Open
Simply what I adore concerning CPL promoting is really that i need not make ventures a great deal of time building up a web website or possibly an agenda (I agenda fabricate proposed for our some different gives however) You must keep up eye accessible expected for circumstances wherever you know you can make income. When you at last find a technique which is viable, repeat the accomplishment alongside level set up.


I truly trust a couple of an individual watched this sort of supportive, I comprehend for some individuals it may be trying to create their specific first buck on-line, and its simple methodologies including these sort of which could change which.

How to increase Thumbnail Resolution in Blogger

When we add a gadget in Blogger, the thumbnails will keep a default size 72 x 72 px which may not look great in the event that we attempt to make them greater using just CSS. In any case, with a bit of JavaScript we will ready to replace the thumbnail with the same picture of higher resolution and this way, large pictures will no more seem blurry.


In this article we will see How to increase Thumbnail Resolution in Blogger



Changing the Thumbnail Size for the Popular Posts Widget

Step # 1: Firstly add the Popular posts gadget and go to the  Layout > Add a Gadget > Popular Post from the pop up windows


Step # 2: Go to Template > Edit HTML and open the search through Ctrl + F


Step # 3: Copy the following code and paste the search box and find the following tag

</head>
Step # 4: Copy the following code and paste above </head> tag

<style type='text/css'>
.PopularPosts .item-thumbnail a {
clip: auto;
display: block;
height: 130px;
margin: 0 0px 5px;
overflow: hidden;
width: 210px;
border: 2px solid #EEEEEE;
border-radius: 20px;
}
.PopularPosts .item-thumbnail img {
position: relative;
top: -30px;
transition:all .2s linear;
 -o-transition:all .5s linear;
-moz-transition:all .2s linear;
-webkit-transition:all .2s linear;
}
.PopularPosts .item-thumbnail img:hover{
opacity:.6;
filter:alpha(opacity=60)
}
.PopularPosts .widget-content ul li {
background: #F9F9F9;
border: 2px solid #EEEEEE;
border-radius: 10px;
box-shadow: 0 4px 10px #EEEEEE;
color: #555555;
padding: 10px;
margin-bottom: 5px;
}
.PopularPosts .item-title {
clear: both
font: 14px Cambria,Georgia, sans-serif;
color: #2288BB;
font-weight: bold;
text-transform: uppercase;
text-align: center;
}
.PopularPosts .item-snippet {
display: none;
}
.widget .widget-item-control a img {
height: 18px;
width: 18px;
}
</style>
Step # 5: Now search and find this tag

</body> 
and just above it, add this script

<script type='text/javascript'>                
function changeThumbSize(id,size){
var blogGadget = document.getElementById(id);
var replacement = blogGadget.innerHTML;
blogGadget.innerHTML = replacement.replace(/s72-c/g,"s"+size+"-c");
var thumbnails = blogGadget.getElementsByTagName("img");
for(var i=0;i&lt;thumbnails.length;i++){
thumbnails[i].width = size;
thumbnails[i].height = size;
}
}
changeThumbSize("PopularPosts1",210);                
</script> 
I highlighted in red is the gadget ID for the Popular Posts gadget. To change the thumbnail size for any of your blog widget, first you need to find the gadget ID and then add a line below this part

 changeThumbSize("PopularPosts1",210);
changeThumbSize("widget-ID-HERE",210) 
Replace widget-ID-HERE text with the ID of that widget





How to embed Facebook Video in Blogger blog

Video marketing is the great future of content marketing, and one ought to integrate it to numerous places. When ever I make a new video, I share it on many social media platform including Youtube, Facebook page and Google plus. When we write a related article on my blog or some other site, I use those videos and embed it inside a blog post. Extraordinarily, it’s an extraordinary idea  if you embed Facebook video in blog it gives an alternate approach to market your video and your Facebook profile and page.

So, in this article we are discuss How to Embed Facebook Video in Blogger blog.


There are two major method to embed a facebook video in blogger blog. One way is long and other than is very short and simple. Let’s see both methods.

Method # 1

Step # 1: This method is very simple and easy. Every Facebook video has an id, as shown in the image below. You will required a video id for this trick.



Step # 2:  You need to id, copy the video id ( for example '956977232795'), and paste it in the code given below. Replace the word 'ID' with the video ID.

<object width="500" height="281" >
   <param name="allowfullscreen" value="true" />
   <param name="allowscriptaccess" value="always" />
   <param name="movie" value="http://www.facebook.com/v/ID" />
   <embed src="http://www.facebook.com/v/ID" type="application/x-shockwave-flash"
      allowscriptaccess="always" allowfullscreen="true" width="500" height="281">
   </embed>
</object>
Step # 3: That's all! You can now embed this code into the blogger blog HTML editor and see the video.


Method # 2

Step # 1: Play the facebook video on facebook and click on the options at the footer of the video.


Step # 2: Click on Embed Post and you see the HTML embed code. copy the embed code.


Step # 3: Copy the embed code and paste in the blog HTML section. 

That's all . You can see the video.
I hope this video become useful and help to understand how to embed Facebook video in Blogger blog.



Add A CSS Animated Share Button on Blogger

In this article we will learn how we can add as similar button with a really cool hover impact and four social networking icons on blogger with links to share the current page on Facebook, Twitter, Google plus and Pinterest. However, we can replace these social Networks later with some other just by changing the links below.


Make A CSS Animated Share Button


Step # 1: Login to your account and go to Template > Edit HTML

Step # 2: Find the ]]></b:skin>   tag 

Step # 3: above ]]></b:skin> tag add this CSS

.share_button { width: 300px;height: 50px; margin: 10px auto; }.share_button ul { width: 50%; height: inherit; float: left; list-style: none; margin: 0 !important; padding: 0 !important; }.share_button ul h1 { margin-top: 9%; overflow: hidden; width: 100%;color: #4889F0; font-size: 18px; text-shadow:2px 2px 2px #fff; }.share_button ul li { position: absolute; height: inherit; width: 150px; margin: 0 !important; padding: 0 !important; background: #EEEEEE;-webkit-transition: all 600ms;-moz-transition: all 600ms;-o-transition: all 600ms;-ms-transition: all 600ms;transition: all 600ms;text-align: center;}.share_button ul li h2 { display: inline-block; width: 32%; height: 40px; overflow: hidden; margin-top: 5%; cursor: pointer; border: 0 !important; }.share_button ul:first-child li:first-child{text-align: right; }.share_button ul:last-child li:first-child{text-align: left; }.share_button ul:first-child li:last-child,.share_button:hover ul:first-child li:first-child {-webkit-transform: rotateY(90deg);-moz-transform: rotateY(90deg);-o-transform: rotateY(90deg);-ms-transform: rotateY(90deg);transform: rotateY(90deg);}.share_button ul:last-child li:last-child,.share_button:hover ul:last-child li:first-child {-webkit-transform: rotateY(-90deg);-moz-transform: rotateY(-90deg);-o-transform: rotateY(-90deg);-ms-transform: rotateY(-90deg);transform: rotateY(-90deg);}.share_button:hover ul:first-child li:last-child,.share_button:hover ul:last-child li:last-child {-webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-o-transform: rotateY(0deg);-ms-transform: rotateY(0deg);transform: rotateY(0deg);}
Step # 4: Now let's go ahead and add the HTML button in the template. Most common place would be just after <div class='post-footer'> - find the second <div class='post-footer'> and paste the following code just above it:

div class='share_button'>
<ul><li><h1>Share t</h1></li>
<li><h2><a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.canonicalUrl + &quot;&amp;t=&quot; + data:post.title ' title='Share on Facebook'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIjmtTaCC7gBaPEIrxdcxuwCH3wEUI20hmCLcmCa9zFTLW9nFX3Lwk26l9cjUZ4_JFvNLw2GGYNSDxedagsHxzQ4W6DZMHI0O54pITG_MHaqpkiOnhwUgBBsF6QsNY8wRDUtH2YA_5QCd2/s1600/Facebook.png"/></a></h2>
<h2><a expr:href='&quot;http://twitter.com/home?status=&quot; + data:post.title + &quot; &quot; + data:post.canonicalUrl ' title='Share on Twitter'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWpTi6sJY84A6il5geNouTG7RG6HFZP32nlkTUwgUoDZchd0XdXxZTwg9-wPPaKu9j4PTjlmhkJd-vxeuK0NthCz40PJ6spJrsh5LM5393eR416TssivoI1vdqrZq32MhiGMv-GANe5Keq/s1600/Twitter.png"/></a></h2></li></ul><ul><li><h1>his page</h1></li>
<li><h2><a expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.canonicalUrl ' title='Share on Google Plus'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheTBOIoUvdFYBLYjSIrUI_uYZR0bSPbvBlV1GXKNNm8W0Wpm7hzg9e8G551Q2VK1yFcGJqbqScs_5uijv9_H_2IrWnL0lwp-6T1n-EKJc0T2GmubbwzqutoLUwrg9K4NfdIMlPbCt7A4fg/s1600/Google-plus.png"/></a></h2>
<h2><a href='javascript:void((function(){var%20e=document.createElement(&apos;script&apos;);e.setAttribute(&apos;type&apos;,&apos;text/javascript&apos;);e.setAttribute(&apos;charset&apos;,&apos;UTF-8&apos;);e.setAttribute(&apos;src&apos;,&apos;http://assets.pinterest.com/js/pinmarklet.js?r=&apos;+Math.random()*99999999);document.body.appendChild(e)})());' title='Share on Pinterest'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_hCwu1rAY7CvsEJFGc9ZyczkxGErTnoku4XCIHZ-B8V1didE828FxXr0_BpS3V8Ue81kixvyQQiHPPmp39mnqh3Sv5k8AJ3orhe6ARThC3b1murmMi9E5J-N3pHn6jl3NWWHcw4hdew0V/s1600/Pinterest.png"/></a></h2></li></ul>
</div>
Important Note; if you want to change the icons, than replace the URLs in blue.

Step # 5: Save Template.
Done!

Add Beautiful Social Subscription Widget in Blogger

The Social subscription gadget is for the people who need more genuine reader and great fan taking after for them. Yes the Subscription widget is a RSS type, which the people will enter their email and subscribe to the upgrades of the blog. At whatever point the visitor post new content they will get the news on their email quickly.  Following way to add Beautiful Social Subscription Widget in Blogger.



How to Add Beautiful Social Subscription Widget in Blogger

  • Login to your account and go to Layout > Add a Gadget > HTML/Javascript
  • Copy the following code and paste into the box

<style>
#sidebar-subscribe-box{width:300px;border:1px solid #aaa;border-radius:3px;padding:3px 0}
 .sidebar-subscribe-box-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh9YVxChp8nKlBsAyOP9XPZOt7wZiCaJ8hh9dsPdzEZyPpzC42njDcLqgFN6iRwf4LS3ob38WFuaF-AkxvvEz0AqEI5Nxzn_ryGeGKkRiqBtQFYT1BSSv2NN-3vdnIV0GQyKbNhTpmvAg/s1600/background.png) repeat scroll 0 0 #f7f7f7;color:#111;font-size:14px;line-height:20px;padding:1px 20px 10px;text-align:center;text-transform:uppercase}
 .sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0}form.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0 0;width:auto}
 .sidebar-subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwaReeCnRgIc-_KgrjE1Uqx05KjT8Pf5eVO_7d0Dnxbdc2whiFgtNQ5s69i1-Rm7Z_9JuDB47qXubGbYAGOdxKkfo2CUpmu5DdPT5WbiHt0HqlN8_VdXDhACtFkBVnE5UwYOwmilGQeT0/s1600/icons.png) no-repeat 0 -27px;border:1px solid #ccc;border-radius:4px;color:#444;margin:0 0 15px;padding:10px 40px;width:68%}
 .sidebar-subscribe-box-email-button{background:#09f;border:1px solid #007fff;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;color:#fff;cursor:pointer;font-family:verdana;font-weight:700;padding:10px;text-shadow:1px 1px 0 rgba(0,0,0,.4);text-transform:uppercase;width:100%}
 .sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus{background:#1ca4ff}
 .sidebar-subscribe-box-email-button:active{-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;outline:0}iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table{width:100%}embed{border-radius:3px;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);background:#FFF;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:0;padding:4px 4px 4px}
 #footer-section{border-top:1px solid #aaa;box-shadow:inset 0 4px 6px -3px #aaa;font-family:cambria;font-size:14px;height:100px;margin:10px -30px 5px;padding:0 30px;text-align:center;width:100%}
a.social-icons{margin-right: 5px;height:45px;width:45px;}
a.social-icons:hover { opacity: .7; filter:alpha(opacity=70);}
</style>
<div id="sidebar-subscribe-box">
<div class="sidebar-subscribe-box-wrapper">
    <br/>
<a class="social-icons" href="https://www.facebook.com/urusername"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvJfMCklQEvPG3G2kgjRUIXfgGXTtLZlG1oJPflH1b3fRH-EB96HDZCmCOkDd3hLSbumkTQKcbb0hH9aDjsB9FF-WPE_F_pRHF3d9IKmXD1pjVF_3iZlZfBEIvFqI4NZKuWtJ5TqXG1k-1/s1600/Bloggertrix-facebook.png" /></a>
<a class="social-icons" href="https://twitter.com/urusername"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifSF04JV7v3TVpy5z6noXjmZsTAZ6S9A0Q18dKNIK7fabht7jLiwX7EGPSr5na1yeI_IxB2W1dG5VAe3gojocirTNd1HEw8eyjd9Ujsvt8AfvIVUNpRJGnAbFBEU-xGErNqEen7kl2s-5P/s1600/bloggertrix-twitter.png" /></a>
<a class="social-icons" href="https://plus.google.com/b/10070288270156578/100702882701565711888/posts"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg76DYgHXq5-yVuct4skyirN0zA9t5_uWeQqPVVPdjhaa9cGvFZzljtv2vYXV6j-BMcgSsIvGjX39uVNctD4HC2MVGi7BFpdM-JIA-t-qjbD2EiuUNSXLAMcr6cZrVvQEMrweztNxWLVvKh/s1600/Bloggertrix-Googleplus.png" /></a>
<a class="social-icons" href="http://feeds.feedburner.com/usmanali"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT18OXTj_b6eV2pqGNpVwOTxCuR7B4k7lcLiPpJzrJVr1lxEL7Wg83il9gppoQeEL68wEPXw-2aF9bzc9mDXBEuxI9bQm04JNPoE43NbnkPhucVOhiMv0IjfO47IRO0jXwJqLyPsFvEbxw/s1600/Bloggertrix-Rss.png" /></a>
<p>Subscribe To Our Email Newsletter & Receive Updates Free</p>
<div class="sidebar-subscribe-box-form"><form action="http://feedburner.google.com/fb/a/mailverify?uri=usmanali" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=usmanali', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="way2usefulinfo" />
<input name="loc" type="hidden" value="en_US" /><input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="Enter your email address here"/>
<input class="sidebar-subscribe-box-email-button" title="" type="submit" value="Subscribe Now !" /></form>
</div></div></div>

  • Change highlight color codes

Done!

How to Add Back to Top of the Post Button in Blogger Blog

Back to top of the post buttons is a button once clicked it will navigate the visitor to the top point of the page or post. It is essentially use for better scrolling, clients don't need to navigate using parchment bars they can utilize this button to reach to top without loss the time. Those bloggers who wishes to compose a long post or in the event that you have a video blog where you post many of pictures in the single post once more to the top point of the post button is exceptionally helpful for you. Just follow the following way to Add Back to Top of the Post Button in Blogger Blog.

  • Login to your blog account and Go to Layout > Add a Gedget >HTML/Javascript

  • Now copy the following code and paste into the box


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" >
/***********************************************
* Scroll To Top Control script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Modified by www.probloggertricks.com
* This notice MUST stay intact for legal use
* Visit Project Page at http://www.dynamicdrive.com for full source code
***********************************************/
var scrolltotop={
    //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
    //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
    setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
    controlHTML: '<img src="URL Goes Here" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
    controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner
    anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
    state: {isvisible:false, shouldvisible:false},
    scrollup:function(){
        if (!this.cssfixedsupport) //if control is positioned using JavaScript
            this.$control.css({opacity:0}) //hide control immediately after clicking it
        var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
        if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
            dest=jQuery('#'+dest).offset().top
        else
            dest=0
        this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
    },
    keepfixed:function(){
        var $window=jQuery(window)
        var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
        var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
        this.$control.css({left:controlx+'px', top:controly+'px'})
    },
    togglecontrol:function(){
        var scrolltop=jQuery(window).scrollTop()
        if (!this.cssfixedsupport)
            this.keepfixed()
        this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
        if (this.state.shouldvisible && !this.state.isvisible){
            this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
            this.state.isvisible=true
        }
        else if (this.state.shouldvisible==false && this.state.isvisible){
            this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
            this.state.isvisible=false
        }
    },

    init:function(){
        jQuery(document).ready(function($){
            var mainobj=scrolltotop
            var iebrws=document.all
            mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
            mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
            mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
                .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
                .attr({title:'Scroll Back to Top'})
                .click(function(){mainobj.scrollup(); return false})
                .appendTo('body')
            if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
                mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
            mainobj.togglecontrol()
            $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
                mainobj.scrollup()
                return false
            })
            $(window).bind('scroll resize', function(e){
                mainobj.togglecontrol()
            })
        })
    }
}
scrolltotop.init()
</script>
 You can select different images for your back to top button, here I have provided few you can use your own too if you want.Place any of the URL you like in the above code, replace “URL Goes Here” with any of your selected URL from below and click Save.


http://3.bp.blogspot.com/Jhm_YShNMoc/UujZWfBmHyI/AAAAAAAACSw/RG0ZAtfbUA8/
s1600/back+to+top+Gray+arrow.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqPZnUsn2La0qkuPLqKZeGpLNSXbxNpYf0X3r2jpe4jPcLD7NK0PbVUPvoUqv5uZEOpQBW2bw7fDuQoPDFpzAj6thEkB1Hd1R3SK3tjAXqyfi1vHJdRUfEGSuejWRbHmJFderl66ExchZF/s1600/back+to+top+paw+button.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcf3c5aKo0X2xRmcFN-1gjZT4pbKQs6D5Zll_pREH7wUJSiwUc2lYhrLslG1rbNhNdhUamiKOo6SGDqaHia3NRV1OCI-65_Hm1kPCA-zUakLilaQwe9Z_3Q4Tb1gLWuGboZSkEOJ2jj6Ui/s1600/Back+to+top+Circle.png


Save Gadget. Done! I hope this article become useful for you.

Simple ways to Increase Blog Traffic

In this article will help to boost blog’s traffic with huge traffic. Beginning a blog is simple yet its difficult to look after it. The major issue with blog is not getting a lot of traffic, you stop blogging on the grounds that you couldn't build your blog traffic and many newbie and some old however not serious blogger face this issue all that much. Here are some easy ways to increase your blog traffic. Simply take after these easy tips and in few weeks you will see the difference in your blog's trafic. Numerous things should to be cared to increase blog traffic, in the same way as SEO, Social media advancement, guest posting, and quality content.


Increase Blog Traffic

1. Search Engine Optimization

SEO is a very important things to care about. It helps you to build blog traffic.Writing article with optimized according to SEO, these step boost your blog traffic, Using of SEO plugins can help in optimized your article for the google search engine, Bing. You should to use some free best SEO plugins, these help you in optimizing your blog in search engines. Use Google tools like Google webmaster tools, analytic it’s also help you to understand your blog and gives you a lot of suggestion to improvement of your blog. 

2. Social media Promotion

Social Media play very important role to increase your blog traffic. Lot of social media websites like Facebook, Google Plus, Twitter, reddit and much more. Now these days a lot of peoples are on social media and promoting your article on social media networks help to increase blog traffic. The more you promote your blog on social media the more your traffic increments. It doesn't cost a single penny for promoting blogs on social media. Make Facebook pages and group and promote your blog. Google Plus play very very important role in SEO because Google Plus provided Dofollow links. When you published an article on your blog, share it on social media and ask your friends.

3. Interact with Others on Blog comment

Comment is one of the methods for attracting visitors to your blog. Interact with visitors on comments and also do comments on other high ranking blogs yet reasonable and knowledgeable comment which will increase your blog traffic. 

4. Research Your Keywords

When visitors search, they search by keyword. It is very important that you know what these keywords are whether you need to rank at the highest point of the search engines. Your posts should to be written around these type of keywords. 

5. Make Your Blog User Friendly

Make your blog clean and simple for your visitors and search engines discover information. That means insert your blog's archives, labels, related posts and pages. The search engines and visitors not face any type of problem on the blog and they easy read the articles.

Blog Archive