Share our Blog

twitterfacebookgoogle plusrss feedemail
Subscribe via Email

Previous year Question papers

provide Different previous computer engineering Question papers.

Language Tutorials

We offere you Different Language Tutorials like c,c++,java,.Net etc.

Ebooks

Provide Varoius computer engineering Ebooks to improve Knowledge in computer/It field

Monday, 8 July 2013

Horizontal Drop Down Menu For your Blog

 
Horizontal Drop Down menu Gives a better navigation to your blog.Every Blogger need a simple but highly efficient Drop Down menu using pure HTML and CSS code.
Today i explain about How to add  highly efficient Horizontal Drop Down menu using pure HTML and CSS code.
Follow My Steps:
1. Login toblogger account.
2.Go to Layout Tab ->Add a Gadget option ->Take Html/Javascript ->paste below code. 
 Code for Horizontal Drop Down menu:
<div>
 <ul id="vin">
      <li><a href='#'>Home</a> </li>
     <li> <a href='#'>About us</a></li>
     <li> <a href=''>Contact us</a></li>
     <li><a href='#'>Ebooks</a>         
           <ul>     
            <li><a href='#'>CSE</a></li>              
            <li><a href='#'>ECE</a></li>           
           </ul>   
     </li> 
     <li><a href='#'>project</a>   
            <ul>               
            <li><a href='#'>project1</a></li>  
            <li><a href='#'>project2</a></li>            
            <li><a href='#'>project3</a></li>           
            </ul>
     </li>  
     <li><a href='#'>language</a>        
             <ul>            
              <li><a href='#'>c#.Net</a></li>   
             </ul>               
    </li>   
   <li><a href='#'>Tutorials</a> </li>   
</ul>
</div>
<style>
#vin,#vin ul    
{
  list-style: none;
}
#vin  
{
 float: left;
}
#vin > li
{   
 float: left;
 background-image:url('http://2.bp.blogspot.com/-1-modBl1trs/UdrKM55ZvCI/AAAAAAAAAH0/vNxA4LnJkPk/s1600/Untitled-111.gif');
}
#vin li a
{
    display: block;
     height: 2em;
     line-height: 2em;
     padding: 0 1.5em;
     text-decoration: none;
}
#vin ul
{   
 position: absolute;
 display: none;
 z-index: 999;
 }
 #vin ul li a    
 {
    width: 80px;
  }
  #vin li:hover ul
  {   
    display: block;
    background-image:url('http://2.bp.blogspot.com/-1-modBl1trs/UdrKM55ZvCI/AAAAAAAAAH0/vNxA4LnJkPk/s1600/Untitled-111.gif');
  }
</style>     

View Demo:
menu


 
Or you can add ur own image in url section... 
 

You Might Also Like:

Tuesday, 18 June 2013

Add Sitemaps To Search Engine For Better SEO

For a better SEO i already Explained about How to Create a Alt tag of Image For Better SEO,
How to Add Blogg Posts to Facebook Page Automatically, How to add Blogg Post to Twitter Automatically Today i will Explain About how to add blogg/site to various search engine and add sitemap of that site.

searchengine 1








Add your Blogg/Site to various Search Engine will increase the chance to index that site.
later adding Sitemap of that Site increases the visibility in Search Engines.For better SEO ,
we must add Blogg/Site to Search Engines.How to add? No problem.Follow my steps.
          Today most of Bloggers love Google as a Search Engine.But i also explained about bing,yahoo search Engine in my Steps.

How to add Site maps to Google?

1.Go to Google Webmaster account
2.you can get a window like
webmaster1

  
 
 
 
 
 
 
 
 
 
 
 
 
3.click Home.Get a add a site option in left side.click and add your site url.
add a site
 
 
 

4.ok.Added your site to Google search Engine.
5.Then Click the Site name appear in that page.
site name
 

6.you can get ur site Dashboard window like
webmaster optimization
 
 
















7.click Optimization tab.you can get sitemap choice.click on that.add ur sitemap.
site sitmaps


















8.For adding sitemap you can use like that
     ur site url/rss.xml
     ur site url/atom.xml?redirect=false&amp;start-index=1&amp;max-results=500
     ur site url//feeds/comments/default
9.Sucess!! completed ur work. ur site is indexed by Google.

How to add Site maps to Bing,yahoo?

 
1.For adding Bing,yahoo you need a microsoft account.create a account
2.login to webmaster
3.add sitemaps.
4.you can use like that
   ur site url/rss.xml
   ur site url/atom.xml?redirect=false&amp;start-index=1&amp;max-results=500
   ur site url//feeds/comments/default
5.Sucess!!ur site is indexed by yahoo,Bing.

You Might Also Like :

Saturday, 15 June 2013

How to Create a Alt tag of Image For Better SEO

Increasing Traffic,page rank,Search engine indexing are the major aims of a New Blogger.How it achieve? Lot of Suggestions are here.One of the efficient and Simple trick is creating Title name,Alt tag of images when you upload For a  new post. Follow these Simple Steps for doing that.

1.Go to Blogger
2.Upload a image for a new post.
3.click on that image.you can see like this
image1
 
4.click properties.
image2







5.Type Tiltle,alt.

OR

3.Take HTML view after image upload.you can see like that.
   (Note:when you upload image url is different.)




<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-uzObIOtr12A/UbxRSTXGrCI/AAAAAAAAAFc/WwNPpSg49qM/s1600/vinkp4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://2.bp.blogspot.com/-uzObIOtr12A/UbxRSTXGrCI/AAAAAAAAAFc/WwNPpSg49qM/s320/vinkp4.jpg" width="289" /></a></d
Change to:


<div class="separator" style="clear: both; text-align: center;">

<a href="http://2.bp.blogspot.com/-uzObIOtr12A/UbxRSTXGrCI/AAAAAAAAAFc/WwNPpSg49qM/s1600/vinkp4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img title="feed" alt="rssfeed" border="0" height="320" src="http://2.bp.blogspot.com/-uzObIOtr12A/UbxRSTXGrCI/AAAAAAAAAFc/WwNPpSg49qM/s320/vinkp4.jpg" width="289" /></a></div>





4.Ok.Completed. 

 

 

You Might Also Like :