সাইন আপ এবং লগিন Script For Blogger and Wordpress.
আসসালামু আলাইকুম বন্ধুরা। আশা করি আপনারা সবাই ভালো আছেন।
তো আমরা আজকে আলোচনা করব যে, আজকে কোনো টিপস এবং ট্রিকস দেখাবো না।
আজকে আমরা আপনাদেরকে Sign Up এবং Login From Script দিব যেটা আপনি Blogger এবং Wordpress দুই জায়গাতে ব্যবহার করতে পরবেন।
So,Script টি আমি নিচে দিয়ে দিয়েছি,,,,
<!DOCTYPE html>
<html>
<head>
<title>Responsive sign up form</title>
<style>
body{
font-family:Arial;
}
*{
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
}
.container{
padding:16px;
max-width:450px;
margin:auto;
background:linear-gradient(#787ea1,#000033);
background:-webkit-linear-gradient(#787ea1,#000033);
background:-moz-linear-gradient(#787ea1,#000033);
background:-o-linear-gradient(#787ea1,#000033);
color:white;
}
h1, p{
text-aling:center;
}
input[type=text],input[type=password]{
width:100%;
padding:15px;
margin:5px 0 22px 0;
display:inline-block;
border:none;
background:#f1f1f1";
font-size:17px;
}
button{
background:#4caf50;
color:#fff;
padding:14px 20px;
margin:8px 0;
border:none;
cursor:pointer;
width:100%;
opacity:0.9;
font-size:17px;
}
button:hover{
opacity:1;
}
.cancelbtn{
background:#f44336;
}
.cancelbtn, .signupbtn{
float:left;
width:50%;
}
hr{
border:1px solid #f1f1f1;
margin-bottom:25px;
}
.clearfix::after{
content: "";
clear:both;
display:table;
}
@media screen and (max- width: 300px)
{
.cancelbtn, .signupbtn{
width:100%;
}
}
</style>
</head>
<body>
<div class="container">
<form>
<h1> Sign Up Now </h1>
<p> Please fill in this form to create an account</p>
<hr>
<label for ="email"> <b> Email </b> </label>
<input type="text" placeholder="Enter Email" name ="email" required>
<label for ="email"> <b> Password </b> </label>
<input type="Password" placeholder="Enter Password" name ="psw" required>
<label for ="email"> <b> Repeat Password </b> </label>
<input type="Password" placeholder="Repeat password" name ="re-psw" required>
<label>
<input type="checkbox" checked ="checked" name ="remember"
style ="margin-button:15px"> Remember me
</label>
<p>By creating an account you agree to our
<a href ="#"> Term & Privacy </a> </p>
<div class ="clearfix">
<button type ="button" class ="cancelbtn"> Cancel </button>
<button type ="button" class ="signupbtn"> Sign Up </button>
</div>
</form>
</div>
</body>
</html>
So, উপরের Script টা কপি করে ব্লগার অথবা ওয়ার্ডপ্রেস ব্যবহার করতে পারেন অনায়াসে।
তো আপনারা Script টি যেভাবে ব্লগার এ ব্যবহার করবেন,
First Of All Blogger এ Login করে Dashboard এ যান।
Second Click☑️Layout Click Add☑️ Gadget And Add☑️ HTML And Java Script
And Last Past The HTML Code.
So,বন্ধুরা Thanks For Visit My Website.
Post a Comment