Chúc bạn một ngày tốt lành

Thứ Bảy, ngày 28 tháng 5 năm 2011

Hướng dẫn cách tạo khung đăng nhập cho Blogger BlogSpot

Hướng dẫn cách tạo khung đăng nhập cho blogger
Blogger có cung cấp tính năng đăng nhập cho người dùng trên thanh Navbar, tuy nhiên tính năng này sẽ bị mất đi khi các bạn ẩn thanh navbar đi để trang blog của bạn trông giốn một website hơn. Đó là nguyên nhân khiến bạn không thể đăng nhập vào blog của mình trực tiếp được mà phải vào trang chủ blogger. Tuy vậy, chúng ta có thể khắc phục việc nầy bằng cách tạo forum đăng nhập thay thế. Để tạo form này các bạn làm theo các bước sau:

1. Đầu tiên đăng nhập và vào bố cục của blogger
2. Chọn thêm tiện ích (Add a Gadget)
3. Bạn hãy click chon thêm HTML/Javascript
4. Copy và dán code bên dưới vào HTML/Javascript trên

Có 2 mẫu cho bạn lựa chọn. Các bạn có thể xem Demo qua ảnh hay tại đây.

Hướng dẫn cách tạo khung đăng nhập cho blogger
Mẫu 1:

<form action="https://www.google.com/accounts/ServiceLoginAuth?service=blogger" method="post" onsubmit="onlogin()">
<input value="http://www.blogger.com/home" name="continue" type="hidden"/>
<div><label for="Email"> Tài khoản: [<a href="http://vntim.blogspot.com/2011/05/cach-tao-khung-hop-dang-nhap-blogger.html" target="_top" title="Tác giả VnTim™">©</a>]<br/><input id="EmailGoogle" tabindex="1" name="Email" size="30" type="text"/></label></div>
<div><label for="Passwd"> Mật khẩu: (<a href="https://www.blogger.com/forgot.g" target="_top" title="Quên mật khẩu?">?</a>)<br/></label><input id="Passwd" tabindex="2" autocomplete="on" name="Passwd" size="30" type="password"/></div>
<div><input type="checkbox" name="PersistentCookie" id="PersistentCookie" value="yes" /> <label for="PersistentCookie" >Nhớ mật khẩu</label></div>
<input id="signin-btn-ns" tabindex="0" value="Đăng nhập" name="submit" type="submit"/></form>

Hướng dẫn cách tạo khung đăng nhập cho blogger
Mẫu 2:

<form id="gaia_loginform" action="https://www.google.com/accounts/ServiceLoginAuth?service=blogger" method="post" onsubmit= "return(gaia_onLoginSubmit());" >
<div id="gaia_loginbox">
<table class="form-noindent" cellspacing="0" cellpadding="5" width="100%" border="0">
<tr> <td valign="top" style="text-align:center" nowrap="nowrap" bgcolor="#e8eefa">
<input type="hidden" name="ltmpl" value="draft" />
<div class="loginBox">
<table id="gaia_table" align="center" border="0" cellpadding="1" cellspacing="0">
<tr><td colspan="2" align="center">
<table> <tr> <td valign="top">
<img src="http://kodehexa.googlepages.com/google_transparent.gif" alt="Google" /></td>
<td valign="middle"><font size="+0"><b>Tài khoản</b></font></td></tr></table>
<font size="-1"></font></td></tr>
<script type="text/javascript">
<!-- function onPreCreateAccount() { return true; } function onPreLogin() { if (window["onlogin"] != null) { return onlogin(); } else { return true; } } -->
</script>
<tr><td colspan="2" align="center"></td></tr>
<tr><td nowrap="nowrap"><div align="right">
<span class="gaia le lbl">Email:</span></div></td><td>
<input type="hidden" name="continue" id="continue" value="http://www.blogger.com/home" />
<input type="hidden" name="service" id="service" value="blogger" />
<input type="hidden" name="naui" id="naui" value="8" />
<input type="hidden" name="fpui" id="fpui" value="2" />
<input type="hidden" name="skipvpage" id="skipvpage" value="true" />
<input type="hidden" name="rm" id="rm" value="false" />
<input type="hidden" name="ltmpl" id="ltmpl" value="draft" />
<input type="hidden" name="hl" id="hl" value="vi" />
<input type="hidden" name="alwf" id="alwf" value="true" />
<input type="hidden" name="alinsu" id="alinsu" value="0" />
<input type="hidden" name="ltmpl" id="ltmpl" value="draft" />
<input type="hidden" name="GALX" value="Ie2nThzvHSI" />
<input type="text" name="Email" id="Email" size="20" value="" class='gaia le val' />
</td></tr>
<tr><td></td><td align="left"></td></tr>
<tr><td align="right"><span class="gaia le lbl">Mật Khẩu:</span></td>
<td><input type="password" name="Passwd" id="Passwd" size="20" class="gaia le val" /></td></tr>
<tr><td></td><td align="left"></td></tr>
<tr><td align="right" valign="top">
<input type="checkbox" name="PersistentCookie" id="PersistentCookie" value="yes" />
<input type="hidden" name='rmshown' value="1" /></td>
<td align="left"><label for="PersistentCookie" class="gaia le rem">Nhớ mật khẩu</label></td></tr>
<tr><td></td>
<td align="left"><input type="submit" class="gaia le button" name="signIn" value="Đăng nhập" /></td></tr>
<tr id="ga-fprow">
<td colspan="2" height="33.0" class="gaia le fpwd" align="center" valign="bottom">
<a href="https://www.blogger.com/forgot.g" target=_top>Quên mật khẩu?</a>
[<a href="http://vntim.blogspot.com/2011/05/cach-tao-khung-hop-dang-nhap-blogger.html" target=_top title="Tác giả VnTim™">©</a>]</td>
</tr></table></div></td></tr></table></div>
<input type="hidden" name="asts" id="asts" value="" />
</form>
<form id="gaia_universallogin" action="https://www.google.com/accounts/ServiceLoginAuth?service=blogger" method="post" onsubmit="return(gaia_onLoginSubmit());">
<input type="hidden" name="continue" id="continue" value="https://draft.blogger.com/home" />
<input type="hidden" name="service" id="service" value="blogger" />
<input type="hidden" name="naui" id="naui" value="8" />
<input type="hidden" name="fpui" id="fpui" value="2" />
<input type="hidden" name="skipvpage" id="skipvpage" value="true" />
<input type="hidden" name="rm" id="rm" value="false" />
<input type="hidden" name="ltmpl" id="ltmpl" value="draft" />
<input type="hidden" name="hl" id="hl" value="vi" />
<input type="hidden" name="alwf" id="alwf" value="true" />
<input type="hidden" name="alinsu" id="alinsu" value="0" />
<input type="hidden" name="ltmpl" id="ltmpl" value="draft" />
<input type="hidden" name="ltmpl" id="ltmpl" value="draft" />
</form>

5. Cuối cùng chỉ việc save lai và kiểm tra thử kết quả (các bạn có thể đặt tên tiện ích này là "Đăng nhập" nếu muốn)

Chú ý: Các bạn có thể thay đường link màu đỏ: http://www.blogger.com/home bằng các link khác nếu muốn tạo khung đăng nhập cho dịch vụ khác của Google như Gmail là: https://mail.google.com/mail vv.

VnTim™ thân chào các bạn. Chúc các bạn thành công.

10 Comments:

X-Tùng said...

Very nice.

chưa thử nhưng cám ơn U trước.

X-Tùng said...

mình muốn chỉnh lại khung đăng nhập tùy thích thì ở đâu hả bạn

nhat said...

blog tình yêu

Nặc danh said...

làm sao vào được bố cục của blogger vậy bạn chỉ mình với

KINH DOANH MẠNG LƯỚI said...

mình muốn phần đăng nhập như sau:
khi nhập Tên tài khoản, Mật khẩu thì vào thẳng 01 website nào đó.
Bạn có thể giúp mình vấn đề này không.
Nếu được hãy mail cho mình nha: ndminh090106@gmail.com
Cám ơn bạn nhiều.

Nguyễn Văn Sáng said...

ban huong dan tao khung dang nhap cua site google duoc k

Chung cư giá gốc said...

em vừa thử và đã tạo được rồi. Cảm ơn bác nhiều :D

Nặc danh said...

sr nhưng không cóa đăng kí à

Oanh Vũ Thị Hoàng said...

good job,sẽ thử ngay,thanks nhiu nha.
Hoang Oanh

Chung cư Hà Nội said...

phải thử ngay mới được, thanks

Đăng nhận xét

» VnTim™ cảm ơn bạn đã đọc bài viết.
» Nếu có thắc mắc hay góp ý, bạn hãy để lại một nhận xét.
» Nếu thấy bài viết hay hãy chia sẻ với những người quanh bạn.
» Bạn có thể sử dụng một số thẻ HTML như <b>, <i>,<a>.
» Vui lòng đăng những nhận xét lịch sự và gõ tiếng Việt có dấu nếu có thể.
» Rất cảm ơn những comment thiện ý.

 

VnTim™ Trái Tim Việt Nam Copyright © 2010 VnTim™ Trái Tim Việt Nam