সবাই চায় তাদের ব্লগার টেমপ্লেটে আকর্ষনীয় ইউনিক কিছু ডিজাইন রাখতে। যে গুলি দেখে সাবাই ভাববে যে, এই ব্লগে অন্যদের চেয়ে আলাদা কিছু রয়েছে। বিশেষ করে পোষ্ট সেকশনটায় কিছু আলাদা ডিজাইন করা অনেক কষ্ট সাধ্য ব্যাপার। কারণ পোষ্ট সেকশনে ডিজাইন করার মত তেমন কিছু পাওয়া যায় না। Bullet List ব্লগার টেমপ্লেটের পোষ্ট সেকশনের একটি কমন অংশ। যে কোন পোষ্ট করতে গেলেই পোষ্টের বিভিন্ন জায়গা Bullet List ব্যবহার করতে হয়। কাজেই এই Bullet List এ কিছুটা ইফেক্ট দিতে পারলে আপনার পোষ্ট সেকশনটা কিছুটা হলেও আকর্ষণীয় হবে। আমি আজকে আপনাদের সাথে যেটি শেয়ার করছি এটিতে দুটি ছোট ইমেজ ব্যবহার করেছি। একটি নরমালি শো করবে এবং অন্যটি Mouse Hover অর্থাৎ লাইনের উপর মাউজ ধরলে শো করবে।
কিভাবে করতে হয়ঃ
- প্রথমে আপনার ব্লগে লগইন করুন।
- এরপর Template > Edit Html এ ক্লিক করুন।
- তারপর কিবোর্ড হতে Ctrl+F চেপে ]]></b:skin> অংশটি সার্চ করুন।
.post ul { list-style:none; }
.post ul li {
line-height: 1.4em;
background: transparent url(http://3.bp.blogspot.com/-seIVQ5f7y-Y/VCOwywAMIGI/AAAAAAAADKA/qWe4Y2vV9Yk/s1600/Green.gif) no-repeat scroll 0px 4px;
margin: 0.3em 0;
padding: 0 0 0.8em 20px;
}
.post ul li:hover {
background: transparent url(http://1.bp.blogspot.com/-BmmZydO9hc8/VCOwy0pJmVI/AAAAAAAADJ8/g4C_isTWqVw/s1600/Blue.gif) no-repeat scroll 0px 4px;
}
- সবশেষে Save Template এ ক্লিক করুন। That's all.
কাষ্টোমাইজেশনঃ
- আপনার পোষ্টের Text Align অনুসারে Bullet List এর সাইজ পরিবর্তন করতে পারবেন। এর জন্য ইমেজ এর শেষে যে, 4px দেয়া আছে তা পরিবর্তন করে আপনার পছন্দমত দিতে পারেন।
- আপনি ইচ্ছে করলে ইমেজ Url পরিবর্তন করে নিজের পছন্দমত Bullet List ব্যবহার করতে পারেন।
হারুন সাহেব! যদি আংশিক আরেকটু ধারণা দিতেন কৃতজ্ঞ থাকতাম ৷ কোড দিয়েছি, লিষ্ট কোন অংশে দেখাবে, কিভাবে/কোথায় লিষ্ট করবো ইত্যাদি ৷
উত্তরমুছুনপোষ্ট লিখার সময় Bullet সিলেক্ট করলেই হবে।
মুছুনভাই আপনার ব্লগের ডানপাশে নিচ থেকে উপরে যাওয়ার যে বোতামটি ভেসে ওঠে সেটা কীভাবে করে সে বিষয়ক কোন পোস্ট আছে কি? আমি দু:খিত যে খুজে পেলাম না।
উত্তরমুছুনআমরা ইতোপূর্বে এ বিষয়ে দুটি পোষ্ট শেয়ার করেছি। ব্লগের সার্চ বক্সে Back to Top লিখে সার্চ দিলে পোস্ট দুটি পেয়ে যাবেন।
মুছুন