How To Make Clickable Button In Website .

How To Make Clickable Button ( Demo And Download Button ) In Blog Or Website .#Bhinder_Badra

1. Login To Your Blogger Account And Go To the “THEME” Section. Now You Will See “Edit HTML” Button. Click On It To Open Blogger’s Template Editor.

2. Search For This Line: ]]></b:skin>. Now Copy The Below CSS Code And Paste it Right Above The ]]></b:skin> Line. Click On The “Save THEME” Button.

CSS CODE :

--- Code By Bhinderbadra.com -----

/* Demo Download Button By www.bhinderbadra.com

------------------------------------------------------ */

.boddbtn {text-align:center;color:#fff !important;list-style:none;margin:10px !important;padding:10px !important;font-size:14px;display:inline-block;text-decoration:none !important;clear:both;}

.boddbtn ul {padding:0;margin:0;}

.boddbtn li {list-style:none;display:inline;padding:0;margin:5px;}

.demobtn,.downloadbtn{color:#fff !important;padding:12px 15px !important;font-size:13px;font-weight:700;font-family:oswald;text-transform:uppercase;text-align:center;border-radius:3px;border:0;letter-spacing:1px;transition: all 0.2s ease-out;text-decoration:none !important;}

.demobtn {background-color: #3498db;}

.downloadbtn {background-color: #34d968}

.demobtn:hover {background-color: #2980b9;color: #fff;}

.downloadbtn:hover {background-color: #2fbd5a;color: #fff;}

--- Code By Bhinderbadra.com -----(code-box)

Button Style 1 Code :

--- Code By Bhinderbadra.com -----

.demobtn {background-color: #EB4026;}

.downloadbtn {background-color: #CA212A}

.demobtn:hover {background-color: #C83821;color: #fff;}

.downloadbtn:hover {background-color: #A61B22;color: #fff;}

--- Code By Bhinderbadra.com -----(code-box)

Button Style 2 Code:

--- Code By Bhinderbadra.com -----

.demobtn {background-color: #444444;}

.downloadbtn {background-color: #2C3D4F;}

.demobtn:hover {background-color: #222;color: #fff;}

.downloadbtn:hover {background-color: #24313F;color: #fff;}

--- Code By Bhinderbadra.com -----(code-box)

Button Style 3 Code :

--- Code By Bhinderbadra.com -----

.demobtn {background-color: #E84C3D;}

.downloadbtn {background-color: #82BF57}

.demobtn:hover {background-color: #C83821;color: #fff;}

.downloadbtn:hover {background-color: #6FA34A;color: #fff;}

--- Code By Bhinderbadra.com -----(code-box)

Button Style 4 Code :

--- Code By Bhinderbadra.com -----

.demobtn {background-color: #516EAB;}

.downloadbtn {background-color: #29C5F6}

.demobtn:hover {background-color: #435B8E;color: #fff;}

.downloadbtn:hover {background-color: #26A6CE;color: #fff;}

--- Code By Bhinderbadra.com -----(code-box)

Button Style 5 Code :

--- Code By Bhinderbadra.com -----

.demobtn {background-color: #3498db;}

.downloadbtn {background-color: #34d968}

.demobtn:hover {background-color: #2980b9;color: #fff;}

.downloadbtn:hover {background-color: #2fbd5a;color: #fff;}

--- Code By Bhinderbadra.com -----(code-box)

HTML Button Maker Code 

--- Code By Bhinderbadra.com -----

<div style="text-align: center;">

<ul class="boddbtn">

<li><a class="demobtn" href="#" rel="nofollow" target="_blank">DEMO</a></li>

<li><a class="downloadbtn" href="#" rel="nofollow" target="_blank">DOWNLOAD</a></li>

</ul>

</div>

--- Code By Bhinderbadra.com -----(code-box)

Terms of Service – This is posted on this website.  We own it. If anyone wants to talk about copyright.  So can talk to Bhinder Badra. Please Contact Us With #Bhinder_Badra(alert-warning)

- VIDEO -