Monday, September 4, 2017

Animated demo and download button Website me Kaise Lagye.

Hello blogger, agar Aap apne blog article me Animated demo and download button ko add karne chata hai. Agar aap web design ya blog wedget website me add kar rahe hai are sath me demo and downlod buttons se blog article ka demo dikana chate hai. To iske liye ham Animated demo and download button ka use karte hai.


Animated demo and download button Website me Kaise Lagye.


Hame apne reader ko jitni feslity de sake utne hi apke vistor attrect hote hai yeah apko bi pta hi hoga. 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 dout 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 in blog 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 templete save kar de.
Customization
Agar aap demo and downlod button ke color apke blog templete se match nhi kar rhe hai. to color ko change kar sakte hai.

  • Change Demo button color #00A0EE
  • Change Demo button havor color #77005f
  • Change dowanload button color #00AC00
  • Change download button havor 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 Downlod 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 dawnlod 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 artcle demo and download button article acha laga hai. To social media per jaru share kare.
    1. Amazing Stylihs email subscribe wedget.
    2. Stylish breaking news ticker for blog website.
    3. Stylish 5+ Labels widget for blog website.

    Share This Post On Soical Media:-
    About Author :- My name is Sultan From dehradun india. Iam a passinate and full Time blogger. If you like his articles then share with your friend and Social media sites facebook twitter more Etc and Keep Visting on Blog net Book.

    Let's Get Connected:- Facebook | Twitter | Google Plus

    Related Posts

    0 comments: