Download Button For Blogger

Add Download Button To Blogger

How To Add :

• Go To Blogger.com
• Select Theme 
• Edit HTML
• Click Ctrl+F
• Type ]]></b:skin And Click Enter
• Copy The CSS Codes And Paste It Just Above ]]></b:skin
• Now Save Your Template 
• Now Its Time For A Small HTML Part
• If You Want To Add The Download Button On Your Post 
• Select The Post And Add The HTML Code In The Place Where You Want To Add The Button And Paste Your Download Link On The Provided Place 
• Done Now Publish Or Update Your Post And See The Download Button With A Click Action 

HTML Part :

Selectable Tect : <a href="your download link here"><button class="btn btn-primary btn-lg raised" type="button">Download</button></a></div>

CSS Part :

Selectable Text : /********************************* WIDGET CREATED BY TECH MOB *********************************/ /************************** DEFAULT STYLES **************************/ .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; padding: 10px 16px; } .btn-lg { font-size: 18px; line-height: 1.33; border-radius: 6px; } .btn-primary { color: #fff; background-color: #428bca; border-color: #357ebd; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { color: #fff; background-color: #3276b1; border-color: #285e8e; } /*********************** RAISED BUTTONS ************************/ .btn-primary.raised { box-shadow: 0 3px 0 0 #007299; } .btn-primary.raised:active, .btn-primary.raised.active { background: #33a6cc; box-shadow: none; margin-bottom: -3px; margin-top: 3px; } /*********************** CUSTON BTN VALUES ************************/ .btn { padding: 14px 24px; border: 0 none; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; } .btn:focus, .btn:active:focus, .btn.active:focus { outline: 0 none; } .btn-primary { background: #0099cc; color: #ffffff; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background: #33a6cc; } .btn-primary:active, .btn-primary.active { background: #007299; box-shadow: none;