How to add download button to a blogger post

Blogger Post Me Download Button Kaise Add Kare

How To Add Live Demo, Download Button And Buy Button In Blogger Post In Hindi: Friends, you must have ever visited the website of the free template or mobile gadget website and you must have noticed that in their post, one of the product Live demo is a download or buy button, and you know that all these websites use these link buttons to promote their product and sell their product. If you are a new blogger then you may also need it because you can also add product by adding download button of affiliate product to your blog.

Now the question is how to add these live demo, download button or buy button to a blog. Putting a button to a new blogger is a very big issue but you can easily add Live Demo, Download Button or Buy Button to your blog post. So let us know how to apply Download, Demo and Buy Button in Blogger Post.

What is live demo, downloads and downloads

Live Demo: - You can use live demo to show any of your products or services live, you can show the template or theme live on your site so that Visitors can like your product.

Download Button: - The download button is mostly used on music and movies sites, these websites place an advertisement with video / music link on their download link button and when an user clicks on that download button, an advertisement is also displayed. That is the earning of that website.

Buy Button: - It is used by us to sell a product or service as if you have joined an affiliate program (amazon, flipkart, templates etc.), then you can use their product link as a Buy Button So that the visitor can buy that product.

Blogger Post Me Button

1. First of all, copy the code below

.button { -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25); -webkit-boxshadow:0 1px 3px rgba(0, 0, 0, 0.25); box-shadow:0 1px 3px rgba(0, 0, 0, 0.25); background:url("") repeat-x scroll 0 0 #222222; border-bottom:1px solid rgba(0, 0, 0, 0.25); color:#FFFFFF !important; cursor:pointer; fontweight:bold; line-height:1; overflow:visible; font-size:17px; padding:8px 19px 9px; position:relative; text-decoration:none; text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25); width:auto; } .demobutton { background-color:#999999; text-align:center; width:150px; } .demobutton:hover { background-color:#00A0EE; } .downloadbutton { background-color:#91BD09; text-align:center; width:150px; } .downloadbutton:hover { background-color:#00AC00; } .button:hover { -moz-box-shadow:0 1px 11px rgba(0, 0, 0, 0.45); -webkit-box-shadow:0 1px 11px rgba(0, 0, 0, 0.45); box-shadow:0 1px 11px rgba(0, 0, 0, 0.45); }

2. Now log on to Blogger and go to the Dashboard.
3. Now click on Theme / Template, and then click Edit HTML.

4. After pressing Ctrl + F on the HTML editor and when the search box is open,]]> </ b: skin> Search the code. Now paste the code copied from above to this "]]> <b: skin>" code and save the template.

Blogger Post Me Button

Copy the code below to put a button in the blogger post.

<a class="button downloadbutton" href="YOUR LINK" rel="nofollow" style="float: left;" target="_blank"> <span style="display: inline-block;">Your Button Name</span></a>

5. Now open the post you want to add a button to, and go to the HTML section and click wherever you want to place the button and paste the code above you can see in the image below.

Now the button has been added to your Blogger Post. Now you can preview the post and see whether the button is working in your Blogger Post.
Notes: -
1. Before editing the Template, take a backup of your blog so that any problems can be uploaded again.
2. Add Product Link to Your Product Link and replace Buy Button Add Buy Now | Similarly you can add Download and Live Demo Button too.

I hope you can now add Live Demo, Download and Buy Button to your Blogger Post if you have any problem adding Add Button to Blogger Post, then tell us in the comments if you have found this post useful, Share with friends on social networking.
Next Post »