Showing posts with label HTML css design. Show all posts
Showing posts with label HTML css design. Show all posts

How to Setup SEO Friendly 301 Redirect?

Sunday, October 27, 2013
SEO Friendly 301 

The “301 Permanent Redirect” is the most efficient and search engine friendly method for redirecting websites. You can use it in several situations, including:

• to redirect an old website to a new address
• to setup several domains pointing to one website
• to enforce only one version of your website (www. or no-www)
• to harmonize a URL structure change

There are several ways to setup a 301 Redirect; below I will cover the most used ones:
PHP Single Page Redirect
In order to redirect a static page to a new address simply enter the code below inside the index.php file.
<?php
header("HTTP/1.1 301 Moved Permanently");
header("Location: http: // www . newdomain . com / page.html");
exit();
?>
PHP Canonical Redirect
The Canonical 301 Redirect will add (or remove) the www . prefixes to all the pages inside your domain. The code below redirects the visitors of the http: // domain . com version to http: // www. domain.com.
<?php
if (substr($_SERVER['HTTP_HOST'],0,3) != 'www') {
header('HTTP/1.1 301 Moved Permanently');
header('Location: http://www.'.$_SERVER['HTTP_HOST']
.$_SERVER['REQUEST_URI']);
}
?>
Apache .htaccess Singe Page Redirect
In order to use this method you will need to create a file named .htaccess (not supported by Windows-based hosting) and place it on the root directory of your website, then just add the code below to the file.
Redirect 301 /old/oldpage.htm /new/http : // www .domain. com/newpage.htm
Apache .htaccess Canonical Redirect
Follow the same steps as before but insert the code below instead (it will redirect all the visitors accessinghttp://domain.com/ to http://www.domain.com/)
Options +FollowSymlinks
RewriteEngine on
rewritecond %{http_host} ^domain.com [nc]
rewriterule ^(.*)$ http:// www . domain .com/$1 [r=301,nc]
ASP Single Page Redirect
This redirect method is used with the Active Server Pages platform.
<%
Response.Status="301 Moved Permanently"
Response.AddHeader='Location','http://www . new-url . com/'
%>
ASP Canonical Redirect

The Canonical Redirect with ASP must be located in a script that is executed in every page on the server before the page content starts.
<%
If InStr(Request.ServerVariables("SERVER_NAME"),"www") = 0 Then
Response.Status="301 Moved Permanently"
Response.AddHeader "Location","http://www."
& Request.ServerVariables("HTTP_HOST")
& Request.ServerVariables("SCRIPT_NAME")
End if
%>
Posted by Unknown at 8:24 AM 0 comments
Labels: , , , , , , , , , , , , , ,

Removing blogger bar from blog

Sunday, March 3, 2013






Removing blogger bar from the top of the blog

it is possible intwo ways

--->  one is that you have your own hosting then it'll be no more on the top of the blog

---> second is that we can hide it by using  CSS properties

First step :

 Go to select Template

Second Step : 

Select Edit  HTML

Then Paste this code in Code

#navbar {
height: 0px;
visibility: hidden;
display: none;
} 

That's it ...

Posted by Unknown at 12:27 AM 0 comments
Labels: , , , , , , , ,

Custom word press login

Saturday, March 2, 2013








Here is the word press login page customization tutorial ,

Look's difficult but pretty easy


Just follow these steps and your reciepe is ready

-> go to admin dashboard and open editor from apperance bar



--> Select Theme function or function.php from right bar
          --> Paste this peice of code
 

                 
function custom_loginlogo() {
echo '<style type="text/css">
h1 a {background-image: url(url) !important; }
</style>';
}
add_action('login_head', 'custom_loginlogo');


Attention  be careful and don't make any mistake..! 
Simple and easy ...



Posted by Unknown at 11:15 PM 0 comments
Labels: , , , , , , , , ,

Sunday, January 20, 2013


HTML & CSS design login pages



                                             Demo              Download


HTML code:


<html >
<head >
    <title>  Webxteria Free login page styles  </title>
    <link href="Css/style.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="script/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="script/ss.js"></script>

  
</head>
<body>
<div id="bar">
<br>
<center> <strong>Home</strong></center>
</div>
<div id="logo"><img id="pic" src="Images/logo.png" width=200px height=200px></div>
<div id="login"> Login </div>
<div id="login2"> Register </div>
<div id="admin"> Admin</div>
<div id="client"> Workers </div>
<div id="contentlog">
<div id="username">
<img id="un" src="Images/user.png" />
                 <input type="text" ID="TextBox1" class="utxt"  value=" Login id ">
</div>
<div id="password">
<img id="un" src="Images/lock.png"/>
                 <input type="password" ID="TextBox2" class="utxt"  value=" Login password ">
</div>
<Button class="consub"> Login </button>
</div>
<div id="reg">
<div id="username">
<img id="un" src="Images/user.png" />
                <input type="text" ID="TextBox3" class="utxt" value="Login Username "></asp:TextBox>
</div>
<div id="password">
<img id="un" src="Images/lock.png"/>
                <input type="password" ID="TextBox4"  class="utxt" value=" Login password "></asp:TextBox>
</div>
<div id="validdb">
<img id="un" src="Images/lock.png"/>
                <input type="text" ID="TextBox5" class="utxt" value=" Database password "></asp:TextBox>
</div>
<br>
            <Button  class="consub" ID="Button1"  >Login </button>

</div>
</body>
</html>



CSS Code :

body{

background:url("../Images/back.gif");
background-repeat: repeat;

}

#bar{
left:300px;
width:500px;
height:40px;
border-radius:10px;
position:absolute;
top:-15px;
background: -webkit-linear-gradient(top, #E7BC14, #B96100);
border-color: #C57805;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
color: white;
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.25);
padding: 8px 12px;
padding-right: 30px;
font-size:15px;
opacity:0;
z-index:99999999999999;
}

#logo{
position:absolute;
left:450px;
top:80px;
width:200px;
height:200px;
margin-bottom:50%;
padding-bottom:15px;
z-index:888888;
opacity:0;

}


#name{
position:absolute;
left:900px;
top:380px;
opacity:0;
}
#login{

 position:absolute;
left:500px;
top:350px;

width: 15%;
float:left;
height: 45px;
color: rgba(0, 0, 0, 0.75);
text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px;
font: bold 14px/45px HelveticaNeue, Helvetica, Arial;
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2), 0px -1px 0px rgba(255, 255, 255, 0.3) inset;
padding: 0px;
text-align: center;
border-radius: 4px;
border: 0px;
background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.35));
background-color: #FFD000;
cursor: pointer;
opacity:0;
}

#login2{

position:absolute;
width: 15%;
float:left;
height: 45px;
color: rgba(0, 0, 0, 0.75);
text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px;
font: bold 14px/45px HelveticaNeue, Helvetica, Arial;
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2), 0px -1px 0px rgba(255, 255, 255, 0.3) inset;
padding: 0px;
text-align: center;
border-radius: 4px;
border: 0px;
background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.35));
background-color: #FFD000;
cursor: pointer;
left:700px;
top:350px;
opacity:0;

}

#admin{
position:absolute;
left:900px;
top:350px;

width: 15%;
float:left;
height: 45px;
color: rgba(0, 0, 0, 0.75);
text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px;
font: bold 14px/45px HelveticaNeue, Helvetica, Arial;
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2), 0px -1px 0px rgba(255, 255, 255, 0.3) inset;
padding: 0px;
text-align: center;
border-radius: 4px;
border: 0px;
background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.35));
background-color: #FFD000;
cursor: pointer;
opacity:0;

}

#admin:hover{

background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5));
}

#client{


position:absolute;
width: 15%;
float:left;
height: 45px;
color: rgba(0, 0, 0, 0.75);
text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px;
font: bold 14px/45px HelveticaNeue, Helvetica, Arial;
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2), 0px -1px 0px rgba(255, 255, 255, 0.3) inset;
padding: 0px;
text-align: center;
border-radius: 4px;
border: 0px;
background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.35));
background-color: #FFD000;
cursor: pointer;
left:900px;
top:350px;
opacity:0;

}

#client:hover{

 background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5));
}
#login2:hover{

 background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5));
}

#login:hover{

 background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5));
}

#contentlog{

width:450px;
height:110px;
background:black;
opacity:0;
position:absolute;
left:340px;
top:500px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom: 0px;
border: 1px solid #555;
padding-right: 10px;
font: bold 14px/45px HelveticaNeue, Helvetica, Arial;
}


#reg{
width:450px;
height:175px;
background:black;
opacity:0;
position:absolute;
left:340px;
top:500px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom: 0px;
border: 1px solid #555;
padding-right: 10px;
font: bold 14px/45px HelveticaNeue, Helvetica, Arial;

}

#submit{


position:absolute;
width: 450px;
float:left;
height: 45px;
color: rgba(0, 0, 0, 0.75);
text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px;
font: bold 14px/45px HelveticaNeue, Helvetica, Arial;
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2), 0px -1px 0px rgba(255, 255, 255, 0.3) inset;
padding: 0px;
text-align: center;
border-radius: 4px;
border: 0px;
background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.35));
background-color: #FFD000;
cursor: pointer;
left:0px;
top:160px;
opacity:1;


}

#submit:hover{

 background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5));

}

.consub{

 position:absolute;
width: 460px;
float:left;
height: 45px;
color: rgba(0, 0, 0, 0.75);
text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px;
font: bold 14px/45px HelveticaNeue, Helvetica, Arial;
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2), 0px -1px 0px rgba(255, 255, 255, 0.3) inset;
padding: 0px;
text-align: center;
border-radius: 4px;
border: 0px;
background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.35));
background-color: #FFD000;
cursor: pointer;
left:0px;
top:210px;
opacity:1;

}

.consub:hover{

 background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5));

}

#username{
width:460px;
border-bottom: 1px solid #171717;
}

#password{
width:460px;
border-bottom: 1px solid #171717;
}
#validdb{


}


#un{
margin-top:20px;
margin-left:15px;
}

.utxt{
width:80%;
padding: 15px 10px;
font-weight: bold;
color: white;
background: transparent;
border: none;
box-sizing: border-box;
border-bottom: #E1E1E1;
}


#wrapper{
display:block;
width:1000px;
margin:0px auto;
border:1px solid black;
box-shadow: 5px 5x 5px gray;

}

#delimeter{
clear:both;
}

#content{
}

#header{

}

#footer{
}



Js Code:




$(document).ready(function(){
$("#bar").animate({opacity:'0.5',background:' -webkit-linear-gradient(top, #E7BC14, #B96100)'},"slow");
$("#logo").animate({opacity:'1'},"slow");
$("#login").animate({opacity:'1',left:'370px',top:'350px'},"fast");
$("#login2").animate({opacity:'1',left:'580px',top:'350px'},"fast");
$("#bar").mouseenter(function(){
$("#bar").animate({opacity:'1',background:'#E7BC4',background:'-webkit-linear-gradient(top,#EECB40,#B96100)'});
});
$("#bar").mouseleave(function(){
$("#bar").animate({opacity:'0.7',background:' -webkit-linear-gradient(top, #E7BC14, #B96100)'});
});
$("#login").click(function(){
$("#login,#login2").animate({opacity:'0',left:'0'},"slow");
$("#admin").animate({opacity:"1",left:'350px'},"slow");
$("#client").animate({opacity:"1",left:'590px'},"slow");
});
$("#admin,#client").click(function(){
$("#admin,#client").animate({opacity:'0',left:'0'},"slow");
$("#contentlog").animate({opacity:'1',top:'300px'});
});
$("#login2").click(function(){
$("#admin,#client").animate({opacity:'0',left:'0'},"slow");
$("#reg").animate({opacity:'1',top:'300px'});
});
$("#bar").click(function(){
window.location=("index.html");
});
});


Note :-

             You must have jquery-1.7.2.min.js .. Jquery library
Posted by Unknown at 9:09 AM 4 comments
Labels: , , ,
Subscribe to: Posts (Atom)
 

Most Reading

  • Retrive Data from DataBase Using DataAdapter
                      First of all you need to create a new project, Here I am using Visual Studio 2008 Secod step is to...
  • Create search engine in php, mysql
                                   Database Matter The first step is to open up phpMyAdmin or a database software and incorporate the bel...
  • How to Setup SEO Friendly 301 Redirect?
    SEO Friendly 301  The “301 Permanent Redirect” is the most efficient and search engine friendly method for redirecting websites. You c...
  • Assigning IP on Cisco Routers
       Here I am taking the Equipment             -  Cisco 2811       -  Serial DCE       -  WIC-2T   Assigning IP address...
  • Controll your Cd/DVD Drive Using c#
    You can Open or close Your CD/DVD Room Just paste that Code using System; using System.IO; using System.Runtime.InteropServi...
  • Removing blogger bar from blog
    Removing blogger bar from the top of the blog it is possible intwo ways --->  one is that you have your own hosting then it...
  • Simple web browser in c#
    Pretty Simple no need to code bundle of lines for it, Just Drag n Drop Here all Done... Lets Start Create New project      ...
  • Wordpress Customization
    WordPress is a Complete Open source content management System primarily used for publishing platforms and blogs.This page...
  • (no title)
    HTML & CSS design login pages                                               Demo                Download HTML code: ...
  • Automatic Meta Generator
    A meta tag is a hidden tag that lives in the <HEAD> of an HTML document. It is used to supply additional information about th...