How to add search in blog

-
How to add custom search in you blog

Step 1:Go to Blogger dashborad 
Step 2:Go to layout
Step 3:Click Add gadget 
Step 4:in popup window Scroll down
Step 5: And click HTML/JAVASCRIPT Add
Step 6:And then add tittle 
Step 7:Copy and paste below the code
          
          <style>
#searchbox {
width: 240px;
}
#searchbox input {
    outline: none;
}
input:focus::-webkit-input-placeholder {
    color: transparent;
}
input:focus:-moz-placeholder {
    color: transparent;
}
input:focus::-moz-placeholder {
    color: transparent;
}
#searchbox input[type="text"] {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit-QDejGjYNP9IGVSCy-2hBK7fSYgpj_twMW-WgzB1Kfi5KaP8y5_tH3UfHyyj3-cu-azrykEwFYSNDHERu7zzB-SAdwEb5lfZx2eQhOv6GVPXUdydANAtZaCby-W022MbfXpiio4L9Y1W/s1600/search-dark.png) no-repeat 10px 13px #f2f2f2;
border: 2px solid #f2f2f2;
    font: bold 12px Arial,Helvetica,Sans-serif;
    color: #6A6F75;
    width: 160px;
    padding: 14px 17px 12px 30px;
    -webkit-border-radius: 5px 0px 0px 5px;
    -moz-border-radius: 5px 0px 0px 5px;
    border-radius: 5px 0px 0px 5px;
    text-shadow: 0 2px 3px #fff;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
}
#searchbox input[type="text"]:focus {
background: #f7f7f7;
border: 2px solid #f7f7f7;
width: 200px;
padding-left: 10px;
}

#button-submit{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD2j_PxxruSlXNz2t63Ge2DmFOAwAZ2vaFr264Ehxh9h2gPuLOVOKhX6xBjjXpaKQTKO6N_EOxWVnOCdDSDbMwXlmLVJ_3ZmHkpSruSbsIrKJkIERaiku_zLZK0ezHPN87h_M2YekrClag/s1600/slider-arrow-right.png) no-repeat;
margin-left: -40px;
border-width: 0px;
width: 43px;
height: 45px;
}
</style>

<form id="searchbox" method="get" action="http://yourblogname//search" autocomplete="off">
<input name="q" type="text" size="15" placeholder="Enter keywords here..." />
<input id="button-submit" type="submit" value=" "/>
</form>
Step 8:Note you need to replace one thing "yourblogname" replace with "your blog address" example: Basimsameer.blogspot.com

Step 9:then click Save

Comments

Post a Comment

Popular posts from this blog

We can't connect to the service you need right now. Check your network connection or try this again later. Windows 10 mail

-
Image
We can't connect to the service you need right now. Check your network connection or try this again later on Windows 10 mail even if your network connection is good This is the error that we face in windows 10 when we try to add new account such as gmail, yahoo in windows 10 mail app Follow these steps to solve this problem 1: Make sure your mail client app is up to date 2: Open the mail client app in windows 10 3: Go to settings from the bottom of the left pane     4: Click Manage accounts 5: Click Add account 6:  you will be prompted to Add an account, here you click Other account 7:  you will be prompted to Add an account and you have to fill your login details Fill it up with your log in details 8: click sign in and now its done  Now can use your non microsoft account on windows 10 mail client app
Read more

How to root Micromax unite 3(q372) without computer

-
Things needed Micromax unite 3 kingo root app Internet connection How to root your micromax unite 3 q372 without computer 1.Download the app from the link below Download here   2.once download completed  3.then go setting and then tap security and allow unknown sources 4.and then install kingo root app in your device 5.after completing the installation and then tap try to root 7.wait your device until completing the rooting process Note: warranty will be voided in your device                  Use at your own risk
Read more

How to unlock the bootloader of MI Devices

-
How to unlock the bootloader of MI Devices  such as Redmi note 3, Redmi note 4, Redmi 4 etc DISCLAIMER: UNLOCKING BOOTLOADER WILL VOID YOUR WARRANTY, WE WILL NOT BE RESPONSIBLE FOR ANY DAMAGE THAT OCCURS DURING OR AFTER UNLOCKING THE BOOTLOADER  DO AT YOUR OWN RISK Precautions The following bootloader unlock procedure is only for Xiaomi smartphones. Do not try on any other Android device. Backup up all your personal data including SMS, contacts, images, videos, app data, etc. Preparations and Requirements The battery of the device should be sufficiently charged. At least 75%. Make sure that you have internet to download all required files A PC or Laptop yeah  of course a xiaomi smartphone with data cable Applying for permissions 1.Login into MI account in your phone(if you don't have MI account then create new one from your phone settings) 2.Go here http://en.miui.com/unlock/ and click unlock now and login with the same MI ...
Read more