Adding a stylish colored archive widget in blogger/ Blogspot with mouse hover:
1st step:
 |
| Add an archive gadget |
ব্যকগ্রাউনড -এ পছন্দের কালার করতে
প্রথমে, আপনার যদি কোনও গেজেট ( Gadget ) অ্যাড করা না থাকে, তবে ব্লগের ড্যাশবোর্ডের ( Layout ) লেয়াউটে যেয়ে, যেখানে আপনার ব্লগ আর্কাইভ রাখতে চান সেখানে অ্যাড এ গ্যজেট অপশনে ক্লিক করে লিস্ট থেকে ব্লগ আর্কাইভ অ্যাড করুন।
2nd step:
এর পর ড্যাশবোর্ডের থিম Theme ( অথবা টেম্পলেট Templet যেটা আপনার আছে ) - এ ক্লিক করে Customize অপশনে ক্লিক করুন। এখন অ্যাডভানস ( Advance ) অপশনে যেয়ে Add CSS - এ ক্লিক করুন।
 |
| Past the CSS code, you copy |
নিচের কোড টি কপি করে Add custom CSS কোড উইন্ডো তে পেস্ট করে দিন।
.BlogArchive #ArchiveList ul li{
padding: 7px 0 7px 20px;
background-color: #33FF00;
Color: #fff;
height:auto;
}
.BlogArchive #ArchiveList ul
li:visited{
background-color: gray;
}
.BlogArchive #ArchiveList ul
li:active{
background-color: yellow;
}
.BlogArchive #ArchiveList ul li:hover{
background-color: #FE80DF;
}
এরপর Apply to blog - এ ক্লিক করে সেভ করুন।
ব্যকগ্রাউনড কালার হয়ে গেছে। এবার ব্লগের নতুন Face দেখুন।
উপরের সি এস এস কোডে আপনি আপনার পছন্দ মতো কালার ব্যাবহার করতে পারেন।
নিচের কালার কোড গুলোও ব্যবহার করতে পারেন।
| Color Name | Color Code | Color Name | Color Code |
|---|---|---|---|
| Red | #FF0000 | White | #FFFFFF |
| Cyan | #00FFFF | Silver | #C0C0C0 |
| Blue | #0000FF | Gray or Grey | #808080 |
| DarkBlue | #0000A0 | Black | #000000 |
| LightBlue | #ADD8E6 | Orange | #FFA500 |
| Purple | #800080 | Brown | #A52A2A |
| Yellow | #FFFF00 | Maroon | #800000 |
| Lime | #00FF00 | Green | #008000 |
| Magenta | #FF00FF | Olive | #808000 |
কোন মন্তব্য নেই:
একটি মন্তব্য পোস্ট করুন
Please, do not enter any spam link in the comment box.