How to integrate domain search tool in you html template.This is the post for those people who have WHMCS hosting software and want to intigrate the domain search tool in their Own design template.
I have added the file you can download and can paste in your own and follow the procedure explain below.
See the below image how you domain search look on you website
DOMAIN SEARCH INTEGRATION PROCESS
1. Add Below CSS in you style.css
2. Important: The Green color h1, h2, h3, h4, h5 , h6 are already present some time in the template if you use Ready made HTML theme Template so remove the header css of green color. If not then you can add with out removing it.
/* Search Domain ——————————————*/
h1{font-size:24px;}
h2 {font-size:22px;}
h3 {font-size:18px;}
h4 {font-size:16px;}
h5 {font-size:14px;}
h6 {font-size:12px;}
h1, h2, h3, h4, h5, h6{
font-weight: 600;
line-height: 30px;
padding: 5px 0 15px 0;
margin: 0;
color: #555;
font-family: 'OpenSansBold', Arial, sans-serif;
}
.search_domain{
border-bottom: 1px solid #dedede;
overflow: hidden;
z-index: 999999;
width: 100%;
font-size: 14px;
font-family: 'Open Sans', sans-serif;
line-height:24px;
color:#777;
position: relative;
font-weight:normal;
background-color: #fff;
}
.is-sticky{
left: 0;
width: 100%;
}
.search_domain.is-sticky h1{
padding: 9px 0;
}
.is-sticky .form_domain{
padding: 5px 0;
}
.search_domain h1{
margin: 0;
padding: 18px 0;
}
.search_domain .button:hover{
color: #fff;
}
.arrow_domain{
position: relative;
}
.arrow_domain:before{
content: '';
right: -15px;
position: absolute;
top: 50%;
margin-top: -10px;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
}
.form_domain{
padding: 14px 0;
}
.form_domain span{
float: left;
margin-left: 10px;
padding: 8px 10px 0 0;
font-size: 20px;
font-weight: bold;
}
.form_domain input{
margin:0;
width: 48%;
height: 37px;
border:solid #ddd 1px;
padding: 5px 10px;
font-size: 14px;
border-radius: 3px;
}
.form_domain select{
height: 36px;
width: 22%;
margin:0 2%;
padding: 5px 20px;
border:solid #ddd 1px;
}
.form_domain .button{
padding: 6px 30px;
height: auto;
margin: 0;
width: 15%;
background-color: #4CAF50; /* Green */
color: #fff;
}
.form_domain .button:hover{
background-color: #f44336; /* Red */
}
.form_domain form{
margin:0;
padding: 0;
}
DOMAIN SEARCH INTEGRATION PROCESS
1. Add Below HTML text in you any Template.
2. Important: The Yellow color https://thegogogo.com with you own domain name.
<!– Search Domain –>
<section class="search_domain gray">
<div class="container">
<div class="row">
<div class="col-md-3">
<div class="arrow_domain">
<h1>Search a domain</h1>
</div>
</div>
<div class="col-md-9 form_domain">
<span>www.</span>
<form action="https://thegogogo.com/order/domainchecker.php" method="post">
<input type="hidden" name="direct" value="true" />
<input type="text" name="domain" required placeholder="Enter Yor Domain">
<select name="ext">
<option>.com</option>
<option>.net</option>
<option>.co</option>
<option>.travel</option>
</select>
<input type="submit" class="button" button id ="bloading" value="Search">
</form>
</div>
</div>
</div>
</section>
<!– End Search Domain –>
Courtesy of THE GOGOGO.com Who have provided the detail of Domain search tools and shared with us.
If you want to know how to integrate Domain search tools with WordPress with or with out visual basic editor the click below link — CLICK HERE
