Form đăng nhập cho Blogspot
#slide-panel{background-color:#000;border-bottom:2px solid #838383;display:none;height:80px;margin:auto;padding-top:20px}
.slide{width:950px;margin:auto}
.btn-slide:link,.btn-slide:visited{color:#fff;float:right;display:block;font-size:14px;text-transform:uppercase;font-weight:bold;height:28px;padding:3px 0 3px 0;line-height:28px;text-align:center;text-decoration:none;width:80px;font-family:Arial;background:#000;margin-top:-2px}
.loginform{width:950px;margin:0 auto;color:#999;font-family:Arial,Helvetica,sans-serif}
.formdetails{color:#FFF;font-size:12px;padding:5px}
.formdetails input{border:none;padding:2px 5px;background-color:#EFEFEF}
.loginregister{color:#999;padding:5px}
.loginregister a:link,.loginregister a:visited{color:#90fff6;font-size:12px}
.loginregister a:hover{color:#fff}
.loginform h2{padding:10px 10px 10px 0;font-size:18px;font-weight:normal;text-transform:uppercase}
.loginform ul li{display:inline}
.loginform ul li a:link,.loginform ul li a:visited{color:#FFF;font-size:12px;text-decoration:underline}
input#signIn{color:#fff;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF2tuO1d4mQZCkQQ1ZMuB-9ucBGdgCIjLQH0MN5hX0rAntHmhxLlnKKOwwi83G2temkfMeIb2ilrfL82DoF4CZ7c3E-arQ1R3TPV6Jb05rVqWJCMSmZKfKCAh4gzAdy8m5mtxJU7PTZQI/) no-repeat;width:94px;height:25px;cursor:pointer;padding-bottom:5px}
input#Email,input#Passwd{background:#414141;color:#fff}
input:focus#Email,input:focus#Passwd{background:#545454}
Tiếp theo, chèn đoạn code sau ngay bên dưới </head>:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){$(".btn-slide").click(function(){$("#slide-panel").slideToggle("slow");});});
</script>
<div id='slide-panel'><div class='loginform'><div class='formdetails'>
<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&ltmpl=start&skipvpage=true&rm=false&showra=1&fpui=2&naui=8#s01' method='post'>
<label for='log'>Username : </label><input id='Email' name='Email' size='20' type='text'/>
<label for='pwd'>Password : </label><input id='Passwd' name='Passwd' size='20' type='password'/>
<input id='signIn' name='signIn' type='submit' value='Đăng nhập'/>
<label for='rememberme'><input checked='checked' id='rememberme' name='rememberme' type='checkbox' value='forever'/> Ghi nhớ</label>
</form></div>
<div class='loginregister'>
<a href='https://www.blogger.com/signup.g' target='_blank'>Đăng kí</a> | <a href='http://www.blogger.com/forgot.g' target='_blank'>Quên mật khẩu ?</a>
</div></div></div>
<div class='slide'><a class='btn-slide' href='#'>Login </a></div>
Save template và xem thành quả.
Tags: Thủ thuật blogspot

Bài viết liên quan
15 theme đẹp cực đẹp dành cho BlogSpot
30/12/2011 - 0 Nhận xét26 Best Magazine Style Blogger Templates
30/12/2011 - 0 Nhận xétCách xóa ẩn Navbar của Blogger-Blogspot
30/12/2011 - 0 Nhận xétLàm menu ngang như thế nào?
30/12/2011 - 0 Nhận xétLấy dữ liệu Blogspot khác và Bảo vệ dữ liệu blogspot bản thân.
04/02/2012 - 0 Nhận xétTạo Banner quảng cáo với hiệu ứng trượt dọc 2 bên
04/02/2012 - 0 Nhận xét
Đăng ký:
Đăng Nhận xét (Atom)
Labels
18+
(1)
Album ảnh cưới
(2)
Ảnh desktop
(2)
ảnh hải phòng
(1)
Ảnh lưu
(3)
bài hát
(1)
bấm huyệt
(1)
biển đông
(1)
biểu tình
(2)
ca khúc
(1)
cắt cáp
(1)
chấp pháp
(1)
chống trung quốc
(2)
chủ quyền
(1)
chúc mừng năm mới
(1)
đăng ký tên miền
(1)
đường lưỡi bò
(1)
facebook
(2)
fam
(1)
forum
(1)
gây hấn
(1)
hà nội
(1)
hải phòng
(2)
hải tặc
(1)
HTML
(3)
kis
(1)
kis2012
(1)
làm vợ
(1)
lãnh hải
(2)
logo fam
(1)
Love song
(1)
lượm
(12)
Mẹo
(4)
ngư chính
(1)
Người già
(3)
Nhạc tiền chiến
(1)
Phần mềm
(1)
Phim hoạt hình
(1)
sex
(6)
Tán gái
(2)
tàu hải giám
(1)
tàu sân bay
(1)
Tâm lý
(20)
template
(3)
Tên miền
(1)
tên miền miễn phí
(1)
thiết kế logo
(1)
thủ thuật
(1)
Thủ thuật blogspot
(62)
Tin học
(50)
tranh chấp
(1)
Trẻ em
(2)
TV online
(1)
vợ chồng
(1)
Y học
(30)
yêu nước
(1)
yoga
(19)
Share your views...
0 Respones to "Form đăng nhập cho Blogspot"
Đăng nhận xét