(Vinhs.info) -Đây là bài viết giới thiệu về Form đăng nhập đầu trang cho Blogspot mà trước đây Vinhs.info đã từng dùng. Đây là một tiện ích rất hữu ích cho cả blog cá nhân và blog cộng đồng.
Tính năng:
- Đăng nhận blogger.com
- Đăng ký gmail.com
- Theo dõi blog của bạn
- Nút +1 của google
- Và Form đăng nhập đầu trang cho Blogspot
Để trải nghiệm tốt hơn bạn hãy cùng tôi xem qua về cách thực hiện cài đặt nó vào blog nhé! Rất đơn giản và dễ dàng các bạn ạ!
Bước 1. Đăng nhập Blogger, vào Design >> Edit HTML, chọn Expand Widget Templates.
Đặt đoạn code sau đây vào trước thẻ ]]></b:skin>
/* Code(Đăng nhập Vinhs.info)*/.toppic{background:#000;width:100%;margin:0 auto;border-bottom:0 solid #666;filter:alpha(opacity=70);opacity:0.7}.topnav{width:920px;height:32px;overflow:hidden;margin:0 auto;padding:0 10px}Bước 2. Bạn hãy tìm đoạn code <div id='wrapper'> và đặt đoạn code bên dưới trên code vừa tìm được.
<div class='toppic'>
<div class='topnav'>
<div style='font: 11px Trebuchet Ms; float: left; padding-top: 8px; letter-spacing: 0.01em; color: rgb(249, 249, 249);'>
Tham gia bình luận trên Vinhs.info : <a href='http://www.blogger.com' target='_blank' title='Đăng nhập tại blogger.com'>Đăng nhập</a> | <a href='http://gmail.com' target='_blank' title='Đăng ký tại gmail.com'>Đăng ký</a> | <a href='http://www.blogger.com/follow-blog.g?blogID=9005022768446405150' target='_blank' title='Đăng ký theo dõi Vinhs.info'>Theo dõi</a>
<!-- Đặt thẻ này ở <head> hoặc ngay trước thẻ </body> -->
<script src='https://apis.google.com/js/plusone.js' type='text/javascript'/>
<!-- Đặt thẻ này ở nơi bạn muốn nút +1 xuất hiện -->
<g:plusone size='small'/>
</div>
<div style='float: right; font: 11px Trebuchet Ms; text-decoration: none; color: rgb(249, 249, 249); padding-top: 4px;'>
<form action='https://www.google.com/accounts/ServiceLogin?service=blogger&continue=https%3A%2F%2Fwww.blogger.com%2Floginz%3Fd%3Dhttp%253A%252F%252Fwww.blogger.com%252Fhome%26a%3DADD_SERVICE_FLAG&passive=true&alinsu=0&aplinsu=0&alwf=true<mpl=start&skipvpage=true&rm=false&showra=1&fpui=2&naui=8#s01' id='start-login' method='post' name='login' onsubmit='onlogin()'>
<input name='continue' type='hidden' value='http://www.blogger.com/loginz?d=%2Fhome&p=http%3A%2F%2Fwww.blogger.com%2F'/>
<input name='service' type='hidden' value='blogger'/>
<input name='nui' type='hidden' value='8'/>
<input name='naui' type='hidden' value='8'/>
<input name='fpui' type='hidden' value='2'/>
<input name='uilel' type='hidden' value='3'/>
<input name='skipvpage' type='hidden' value='true'/>
<input name='rm' type='hidden' value='false'/>
<input name='alwf' type='hidden' value='true'/>
<input name='roeu' type='hidden' value='http://www.blogger.com/login.g'/>
<input name='alinsu' type='hidden' value='0'/>
<input name='GA3T' type='hidden' value='WbQ8QiJfUvA'/>
<div>
<label for='Email'> Gmail : <input id='Email' name='Email' size='15' tabindex='1' type='text' value=''/></label><label for='Passwd'> Password : <a href='https://www.blogger.com/forgot.g' target='_top' title='Forgot your password?'/>
</label><input autocomplete='off' id='Passwd' name='Passwd' size='15' tabindex='2' type='password'/>
<input class='ubtn ubtn-block' id='signin-btn-ns' name='submit' tabindex='0' type='submit' value='Đăng nhập'/></div>
</form>
</div>
</div>
</div>
Cuối cùng, bạn bấm nút Lư mẫu (Save) và ra xem blog để thưởng thức thành quả nào!
Chú ý: Thay ID mầu đỏ thành ID blog của bạn là xong! Rất đơn giản phải không các bạn?
No comments:
Post a Comment