Animated demo and download Css button For Website

0

Kya aap Animated demo and download button blog me add karne chata hai. Agar aap web design ya blog widget website me add kar rahe hai are sath me demo and Download buttons se blog article ka demo dikana chate hai.

To iske liye ham Animated demo and download button ka blog me use kar sakte hai.

 

Hame apne reader ko jitni feslity de sake utne hi apke visitor attract hote hai

yeah Animated demo and download button full responsive hai.

Agar ap apne blog me add karna chate hia. To sabhi step ko follow kariye.

How to Add Animated Demo and Download Button In website.

Agar apke man ko kuch hai. To aap demo dek sakte hai. Taki aap check karke apne blog me add kare. kyoki kuch css code blog website ke speed ko kam karte hai. Lekin yeah full responsive hai

How to Add Animated demo and download button On website.

Step 1.

  1. Sabse blog ke dashboard me theme per click kariye.
  2. Ab Edit HTML per click kare.
  3. Ab Ctrl+F debakar search box me ]]></b:skin>ko serach kare.
  4. Ab]]></b:skin> ke tik pahle niche diye gaye css code ko add kar dijye.
add css code in blog post
.demobutton {

background-color:#00A0EE;

text-align:center;

width:150px;

}

.demobutton:hover {

background-color:#77005f;

}

.downloadbutton {

background-color:#00AC00;

text-align:center;

width:150px;

}

.downloadbutton:hover {

background-color:#0097fc;

}

.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);

}

 

  • Ab Template save kar de.

Customization :-
Agar aap demo and download button ke color apke blog template se match nhi kar rhe hai. to color ko change kar sakte hai.

  1. Change Demo button color #00A0EE
  2. Change Demo button hover color #77005f
  3. Change download button color #00AC00
  4. Change download button hover color #0097fc

How To add Animated demo and download button in blog article.

Simply apko niche diye gaye code ko copy karke wha paste kar de jha ap post article me demo and download button ko add karna chate hai.

For Demo button

<a class=”demobutton button” href=”Enter Your demo link here” rel=”dofollow” style=”float: left;” target=”_blank”><span style=”display: inline-block;”>Live Demo</span></a>

Enter Your link ke jagah per apne demo ka link add kariye.

For Download Button

<a class=”button download button” href=”Enter your download link here” rel=”dofollow” style=”float: left;” target=”_blank”><span style=”display: inline-block;”>Download</span></a>

  • Enter your download link here ke jagah per apne dawnload file ka link add kariye.

Simply ham Apne blog website me Animated demo and download button add kar skate hai. Agar apko demo and download button ko add karne me khoi bi problem aye to Hame comment karke Jarur batye.

Agar apko hamara article demo and download button article acha laga hai. To social media per jaru share kare.

Popular Posts:- 

LEAVE A REPLY

Please enter your comment!
Please enter your name here