Stylish Glowing Blogger Download Button 2021

 

Hello friends, how are you?. I am Mubassir. In this short article i am going to tell you how you can create a stylish glowing blogger demo and download button with simple steps so please read the article step by step.

BUTTON TUTORIAL!
STEP 1. GO TO BLOGGER  AND CLICK ON THEMES SECTION

STEP 2.  AND CLICK ON EDIT HTML BUTTON

STEP 3. NOW PRESS CTRL+F  BUTTON ON KEYBOARD AND SEARCH FOR </b:skin>

STEP 3. THEN COPY THE  CSS CODE FROM BELOW.

/*👇🏻👇🏻-COPY THIS CSS CODE FROM BELOW-👇🏻👇🏻*/

/* Touch 2 Gain GRADIENT SHADOW BUTTON*/
.Almos-btn-download{display:inline-flex;align-items:center; margin:15px 15px 15px 0; padding:10px 20px; outline:0;border:0;color:#ffffff !important; background-color:#000000;border-radius:10px;font-size:12px;line-height:22px; text-transform:uppercase;box-shadow:0 0 20px red;-webkit-transition-duration:0.2s;transition-duration:0.2s; -webkit-transition-property: box-shadow, transform;transition-property: box-shadow, transform; letter-spacing:3px; }
.Almos-btn-download:hover, .Almos-btn-download:focus, .Almos-btn-download:active{box-shadow: 0 0 6px 6px rgba(255, 38, 58, 1); -webkit-transform: scale(1.1);transform: scale(1.1); color:#fff;}
.Almos-btn-demo{display:inline-flex;align-items:center; margin:15px 15px 15px 0; padding:10px 20px; outline:0;border:0;color:#ffffff !important; background-color:#000000;border-radius:10px;font-size:12px;line-height:22px; text-transform:uppercase;box-shadow:0 0 20px red;-webkit-transition-duration:0.2s;transition-duration:0.2s; -webkit-transition-property: box-shadow, transform;transition-property: box-shadow, transform; letter-spacing:2px; }
.Almos-btn-demo:hover, .Almos-btn-demo:focus, .Almos-btn-demo:active{box-shadow: 0 0 6px 6px rgba(255, 38, 58, 1); -webkit-transform: scale(1.1);transform: scale(1.1); color:#fff;}

STEP 4. NOW PASTE THIS CSS CODE  BEFORE </b:skin>

STEP 5 . NOW COPY THE  HTML BUTTON CODE FROM BELOW

/*👇🏻👇🏻-COPY THIS HTML BUTTON CODE FROM BELOW-👇🏻👇🏻*/
<div style="text-align: center;">
<a class="Almos-btn-download" href="https://touchtogain.blogspot.com" target="_blank" type="button">Demo</a>
<a class="Almos-btn-download" href="https://touchtogain.blogspot.com" target="_blank" type="button">download</a></div>

STEP 6. NOW PASTE THIS HTML CODE IN ANY POST OR WHERE EVER YOU NEED THIS BUTTON.

STEP 7.FINALLY COMPLETED. BELOW YOU CAN SEE THE BUTTON DEMO .

Subscribe Our Newsletter