HOME › 
TECH › 
SOCIAL MEDIA

Blogger Template

Posted on the 03 May 2013 by Mohammed39

A search box or search field is a common GUI element of computer programs, especially in file and web browsers and on web sites. It is basically a type of text box, the contents of which are to be searched for in a database. It is commonly coupled with a search button (sometimes indicated only by a magnifying glass symbol).
"Attention! before you edit your HTML code, please download your template previously"
Copy and paste the following code :

<form action='#/search' id='searchform' method='get'> <input id='s' name='q' type='text' value=''/> <input id='searchsubmit' type='submit' value=''/> </form>


Explanation : # = Replace with your Website
Css Style : Copy and paste the following code after <head>
 

#searchform {
   position:absolute;
   right:0;
   top:80px;
}
#searchform input {
   border:1px solid #626262;
   background:#000;
   padding:5px 4px 6px;
   color:#999;
   width:215px;
   float:left;
}
#searchform input#searchsubmit {
   width:65px;
   height:30px;
   border:none;
   background:url(http://2.bp.blogspot.com/_MwtPDoeubSk/S2bNGjSHDwI/AAAAAAAACCI/68kTX5QuvrE/s1600/bk_search_but.jpg) 0 0 no-repeat;
   cursor:pointer;
}


Explanation : Red Text = Replace with your own search Background
Google Seach Box on your Site :

<form method="get" action="http://www.google.com/search"> 
<div style="border:1px solid black;padding:4px;width:20em;">
<table border="0" cellpadding="0">
<tr><td>
<input type="text"   name="q" size="25" maxlength="255" value="" />
<input type="submit" value="Google Search" /></td></tr>
<tr><td align="center" style="font-size:75%">
<input type="checkbox"  name="sitesearch"
 value="http://bbloggertutorials.blogspot.com/" checked />#<br />
</div>
</form>


Explanation : Red Text = Replace with your Website
                    # = Text of your website
Today we are talking about How to Upload a New Blogger Template to Blogger. Every new blogger when they make first blog they using the default blogger templates because they don’t know how to upload or install the other blogger template in their blog. I also faced the same problem when I start my blogging career. Just follow the simple steps to upload a new template to blogger blog.
Download your new blogger template from any free blogger template provider website to your computer. Lot of website are providing free blogger template. If the template is contained in a zip file, you have extracted the XML template from zip.
1. First go to Blogspot.com.
2. Login to your Blogger Dashboard.
3. Click on "Template" From The Blogger Menu
4. Now Click on "Backup / Restore" Button.
5. Now select your new blogger template file (it there as a xml file) and click on “Open”.
6. Click on “Upload”.
7. If you see a warning like following:
8. Click on “KEEP WIDGETS”.
9. Now You are done.