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.
Hoangdacviet

Bé Viết 18 tuổi, hiện đang bán máy dạo tại Công ty Kami Mask
Quan điểm sống: NO PAIN NO GAIN ❤️ Sống ko chờ đợi!
Sử dụng cái Bạn có ntn mới quan trọng!
Sải cánh Đại Bàng, bước chân Sư Tử!
Yêu chạy bộ, thích du lịch bụi và kiếm tiền nữa!
Đang rảnh, cần lắm Bạn nữ có nhu cầu lấy chồng
Kami Mask SvTre.com LLC Kome

10 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.
» Vui lòng đăng những nhận xét lịch sự và gõ tiếng Việt có dấu.
» Rất cảm ơn những comment thiện ý. Đừng Spam nhé!

Mới hơn Cũ hơn