Chèn khung đăng nhập vào blog
[ Ji Nguyễn ] Hôm nay Ji sẽ giới thiệu đến các bạn cách tạo một khung đăng nhập nho nhỏ trên blog để thuận tiện đăng nhập khi đang xem blog mà không cần phải gõ cái địa chỉ blogger.com nữa.
1/ Đăng nhập vào blog, vào phần Bố cục à Phần tử trang
2/ Các bạn tạo thêm 1 widget mới không cần đặt tên rồi past đoạn code bên dưới vào.
<style type="text/css">
#topbar
{
margin-top: 300px;
margin-right: 300px;
PADDING-BOTTOM: 5px;
PADDING-RIGHT: 5px;
PADDING-LEFT: 5px;
WIDTH: 167px;
VISIBILITY: hidden;
FONT-FAMILY: Tahoma;
POSITION: absolute;
color: white;
}
</style>
<script type="text/javascript" src="https://sites.google.com/site/vnblognetwork/file-cabinet/dangky.js"> </script>
<div id="topbar">
<form action="ucp.php?mode=login" method="post">
<table cellpadding="0" cellspacing="3" border="0" width="100%" bgcolor=#6A6A6A style="border:3px solid #000">
<tr>
<td colspan="2" class="smallfont"><font color="#FFFFFF"><b>Wellcome</b></font></td>
</tr>
<tr>
<td colspan="2">
<input class="post" value="Tài khoản" name="username" size="26" title="Tên thành viên" type="text"/>
</tr>
<tr>
<td colspan="2" class="smallfont" >
<input class="post" name="password" size="26" value="password" title="Mật khẩu" type="password">
</td>
</tr>
<tr>
<td align="left">
<input class="radio" checked name="autologin" title="Đăng nhập tự động mỗi lần nghé thăm" type="checkbox"><font color="#FFFFFF">Nhớ!</font>
</td>
<td align="right">
<input name="login" value="Đăng nhập" type="submit">
</td>
</tr>
<tr>
<td colspan="2" align="left" style="white-space:nowrap" class="smallfont">
<a href="ucp.php?mode=sendpassword">Quên mật khẩu?</a><br/>
<a target="_blank" href="ucp.php?mode=register"><blink><b>Đăng ký<blink></b></a>
</td>
</tr>
</table>
</form>
</div>
{
margin-top: 300px;
margin-right: 300px;
PADDING-BOTTOM: 5px;
PADDING-RIGHT: 5px;
PADDING-LEFT: 5px;
WIDTH: 167px;
VISIBILITY: hidden;
FONT-FAMILY: Tahoma;
POSITION: absolute;
color: white;
}
</style>
<script type="text/javascript" src="https://sites.google.com/site/vnblognetwork/file-cabinet/dangky.js"> </script>
<div id="topbar">
<form action="ucp.php?mode=login" method="post">
<table cellpadding="0" cellspacing="3" border="0" width="100%" bgcolor=#6A6A6A style="border:3px solid #000">
<tr>
<td colspan="2" class="smallfont"><font color="#FFFFFF"><b>Wellcome</b></font></td>
</tr>
<tr>
<td colspan="2">
<input class="post" value="Tài khoản" name="username" size="26" title="Tên thành viên" type="text"/>
</tr>
<tr>
<td colspan="2" class="smallfont" >
<input class="post" name="password" size="26" value="password" title="Mật khẩu" type="password">
</td>
</tr>
<tr>
<td align="left">
<input class="radio" checked name="autologin" title="Đăng nhập tự động mỗi lần nghé thăm" type="checkbox"><font color="#FFFFFF">Nhớ!</font>
</td>
<td align="right">
<input name="login" value="Đăng nhập" type="submit">
</td>
</tr>
<tr>
<td colspan="2" align="left" style="white-space:nowrap" class="smallfont">
<a href="ucp.php?mode=sendpassword">Quên mật khẩu?</a><br/>
<a target="_blank" href="ucp.php?mode=register"><blink><b>Đăng ký<blink></b></a>
</td>
</tr>
</table>
</form>
</div>
Cuối cùng, các bạn bấm nút lưu lại. Chúc các bạn thành công.
Tin liên quan
Comments[ 0 ]
Đăng nhận xét
- Nghiêm cấm nói tục, chửi thề trong blog. Mọi hành vi vô văn hóa không được chấp nhận trong blog này.
- Không sex, quảng bá trang web cấm tại đây.
- Các bài viết phải tuân thủ yêu cầu tiếng việt, đầy đủ dấu.
- Bạn có thể sử dụng các thẻ html cơ bản cho comment của mình