How to Make Demo and Download Button

, , No comments

How to Make Demo and Download Button
How to Make Demo and Download Button The Cool  - Yes that tutorial that will I give to all my friend, and download the demo button which I think is cool, is usually the key demo and is often used to download, share templates, share games, and download the demo button also made ​​into cool stuff,  ok immediately wrote see the demo below.
Demo Download
Cool is not it.  Let's follow the tutorial to make the download button and a cool demo below.

  1. Sign in to Blogger
  2. Select Dashboard> Template> Edit HTML
  3. Then add the following code above ]]></b:skin>
/* Button Demo and Download by leetblogger.com
----------------------------------------------- */
.buttonx{display:inline-flex;cursor:pointer;font-size:13px;font-weight:bold;text-transform:uppercase;box-shadow:0 1px 2px rgba(0,0,0,.2);color:#FFF!important;border:2px solid #FFF!important;background-color:#0070b0!important;background:0;margin:5px 0;padding:8px 25px;text-shadow:none!important;transition:all 0s!important}
.buttonx:hover{background-color:#f78d1d!important;background:0}
.buttonx:active{position:relative;top:1px}
4. Save Template
HTML code can mate save / append mode in post HTML not compose
<div style="text-align: center;margin: 10px 0;">
<a class="buttonx" href="http://www.leetblogger.com/" target="_blank">Demo</a>
<a class="buttonx" href="http://www.leetblogger.com/" target="_blank">Download</a>
</div>
Replace http://www.leetblogger.com/ with your URL. Done!




No comments :

Post a Comment

Subscribe to: Post Comments ( Atom )