আমার সালাম নিবেন। আশা নয় বিশ্বাস করি আপনারা সকলে ভাল আছেন। বন্ধুরা আপনাদের শুভ কামনা নিয়ে আজকে আমি ভিন্নধারার পোস্ট শেয়ার করছি। বন্ধুরা আপনারা জানেন যে ব্লগ পোষ্টে সাধারনত ডিফল্ট ভাবে বুলেট লিষ্ট থাকে। কিন্তু এই ডিফল্ট বুলেট লিস্ট আপনি সহজে কাষ্টমাইজ করে নিতে পারেন। সেটাই আজ আমি আপনাদের দেখাবো। তো আর বেশি কথা নয় তো চলুন এখান দেখা যাক।
উপরের স্টাইলের মত দেথতে হবে। তাহলে ডেমো দেখার কোন প্রয়োজন নাই। নিচ থেকে দেখে নিন নতুন এই স্টাইল।
কিভাবে ডিফল্ট বুলেট লিষ্ট কাষ্টমাইজ করে CSS স্টাইলে যুক্ত করবেন।
- প্রথমে আপনার ব্লগার একাউন্ট লগিন করুন।
- তার পর ড্যাশবোর্ড হতে ড্রাপ ডাউন মেনু থেকে টেমপ্লেট নির্বাচন করুন।
- এবং HTML Edit নির্বাচন করুন।
- নিচের কোডটুকু খুজে বের করুন।
]]></b:skin>
- এবার নিচের কোডটুকু হুবাহু কপি করে পেষ্ট করুন।
.post ul {
list-style:none;
}
.post ul li {
line-height: 1.4em;
background: transparent
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjevcaqTtlx45VeJSig4-MwOjOEMHvj-GmSnq4V3C1BoZzUNldDa97xcA19Pj3jPl1a-vmQ00eT4Ivgh3QvVJhdNRFeKNP3x6HuiM5xPj1wivLmpABX5nmLhJsSMz3gYyIp2bOHoFb7gvw/s1600/BloggerSpice+Star+Filled.png)
no-repeat scroll 0px -1px;
font:14px "Oswald",sans-serif;
margin: 0.3em 0;
padding: 0 0 0.8em 20px;
}
.post ul li:hover {
background: transparent
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinVijFbYnYk2Edr-F5G4n1sjJTnN6s8BHbPMOs8YdDS0S-vMY61ODfE3SSh59IY9rEqn4QoLuz7UGcOGguyTcmB1tfx2z91oj0Q2svV3cc9v0pAJQ0AHQWSZfPEdhkVcHqdnSIER2ClwE/s1600/BloggerSpice+Star+Unfilled.png)
no-repeat scroll 0px -1px;
}
.post ul li:active{
background: transparent
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjevcaqTtlx45VeJSig4-MwOjOEMHvj-GmSnq4V3C1BoZzUNldDa97xcA19Pj3jPl1a-vmQ00eT4Ivgh3QvVJhdNRFeKNP3x6HuiM5xPj1wivLmpABX5nmLhJsSMz3gYyIp2bOHoFb7gvw/s1600/BloggerSpice+Star+Filled.png)
no-repeat scroll 0px -1px;
}
- সর্বশেষ টমেপ্লেটটি সেভ করে বের হয়ে আসুন।
কিভাবে এই বুলেট লিষ্ট ব্যবহার করবেন।
আপনি পোষ্ট লেখার অপশনে যান এবং সেখান আপনি যে অংশটুকু বুলেট লিস্ট করতে চান সেই অংশটুকু নির্বাচন করুন। তার পর বুলেট লিষ্টে ক্লিক করুন।
বন্ধুরা আমি আশা করছি আপনারা বিষয়টি পরিষ্কার ভাবে বুঝতে পারছেন। আর যদি কোন রকম সমস্যার মনে করেন তাহলে কমেন্ট করে জানাবেন। পোষ্ট টি যদি আপনাদের সামন্যতম ভাল লাগে তাহলে বন্ধুদের সাথে শেয়ার করুন।
আজ এই পর্যন্ত আল্লাহ হাফেজ।
0 comments:
Post a Comment