বিজয়ের মাসে ব্লগ নতুন রঙে সাজান!

আসসালামু আলাইকুম,কেমন আছেন? বিজয় দিবসের আগাম শুভেচ্ছা।

বিজয়ের মাসে ব্লগে বা সামাজিক সাইটে লাল সবুজের সমাহার দেখা যায়। আসুন শিখিয়ে দেই কিছু উইজেটের কোড যা আমাদের কোডাররা তৈরি করেছে বিজয়ের মাস ডিসেম্বরের জন্য।

অ্যাডমিন অ্যান্ড অথর কন্ট্রোল প্যানেল

এটা কেবল লগিন করলেই দেখা যাবে।

ডেমোঃ

স্বাগতম!

কোডঃ

<span class="item-control blog-admin">
<style>
/* Created and Designed by bloggertawsiftorabi.blogspot.com and grplusbd.cf */
#controlere ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}

#controlere li {
float: down;
}

#controlere a:link{
display: block;
width: 120px;
font-weight: bold;
color: red;
background-color: #98bf21;
text-align: center;
padding: 4px;
text-decoration: none;
text-transform: uppercase;
font-family: siyam rupali;
}
#controlere a:visited {
display: block;
width: 120px;
font-weight: bold;
color: red;
background-color: #98bf21;
text-align: center;
padding: 4px;
text-decoration: none;
text-transform: uppercase;
font-family: siyam rupali;
}

#controlere a:hover, a:active {
background-color: #7A991A;
color: black;
}
::-webkit-scrollbar {
width: 7px;
}
/* Created and Designed by bloggertawsiftorabi.blogspot.com and grplusbd.cf */
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px #000000;
-webkit-border-radius: 20px;
border-radius: 10px;
}
::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px;
border-radius: 10px;
background:linear-gradient(lime, #ff0000);
-webkit-box-shadow: inset 0 0 6px #000000;
}
::-webkit-scrollbar-thumb:window-inactive {
background: lime;
}
</style>
<div id='controlere'>
<center><h4>স্বাগতম!</h4></center></b>
<center><img
border="0"
height="128"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj09eKHw_M8B_gNeVEOm-1qbZctWD1C11532yTLRRqEBsbJRhdN-bfivoXxQXabibkyi3-ZDqOCCh7diarvu6JR6DQKBQBt5cbT7W7DKTsVl_0_MTaVdP48cmxVQIl7narE0jTtPY_n-qI/s1600/New+Bitmap+Image+%25284%2529.jpeg"
width="124"
/></center>
</br>
<ul>
<li><a href="https://www.blogger.com/blogger.g?blogID=XXXX#editor/src=header">নতুন পোস্ট</a></li>
<li><a href="https://www.blogger.com/blogger.g?blogID=XXXX#allposts">সকল পোস্ট</a></li>
<li><a href="https://www.blogger.com/blogger.g?blogID=XXXX#basicsettings">সেটিংস</a></li>
<li><a href="http://www.blogger.com/logout.g">লগ আউট</a></li>
<li><a href="#">আমাদের সম্পর্কে</a></li>
</ul>
</div>
</span>

নতুন স্ক্রল বার

::-webkit-scrollbar {
width: 7px;
}
/* Created and Designed by bloggertawsiftorabi.blogspot.com and grplusbd.cf */
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px #000000;
-webkit-border-radius: 20px;
border-radius: 10px;
}
::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px;
border-radius: 10px;
background:linear-gradient(lime, #ff0000);
-webkit-box-shadow: inset 0 0 6px #000000;
}
::-webkit-scrollbar-thumb:window-inactive {
background: lime;
}