বন্ধুরা আশাকরি সবাই ভাল আছেন । আমিও আপনাদের দোয়াই ভাল আছি । যাই হক আজাকে আমি আপনাদের দেখাব কিভাবে আপনি আপনার ব্লগার ব্লগ এর স্ক্রলবার পরিবর্তন করে সুন্দর একটি স্টাইলিশ স্ক্রলবার যুক্ত করবেন । আশাকরি স্ক্রলবার ব্যাপারটা বুজতেই পারছেন । তাহলে আর দেরি না করে নীচে থেকে দেখে নিন কিভাবে কাজটি করবেন । চলুন সুরু করা যাক ।
~>> অনেকেই এখুন ভাল ভাবে ব্যাপার হয়তো বুজতে পারলেন না । তাহলে নীচের ডেমো তে ক্লিক করে দেখুন ......
~>> তাহলে দেখে নিন কিভাবে আপনার ব্লগে যুক্ত করবেন । খুব সহজ সুধু নীচে ছোট একটি টিপস লক্ষ করুন তাহলেই হয়ে যাবে ।
১// প্রথমে আপনার ব্লগ লগ ইন করুন তারপর ড্যাশবোর্ড থেকে Template এ ক্লিক করুন , তারপর Edit HTML এ ক্লিক করুন ।
২// এবার আপনার কীবোর্ড এর
]]></b:skin>
৩// এবার উপরের কোডটি খুজে পেলে তার ঠিক উপরে নীচের কোড গুল কপি করে পেস্ট করুন ।
::-webkit-scrollbar {
width: 12px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
-webkit-border-radius: 10px;
border-radius: 10px;
background:#fff;
}
::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px;
border-radius: 10px;
background: rgba(4,189,250,0.8);
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(4,189,250,0.4);
}
width: 12px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
-webkit-border-radius: 10px;
border-radius: 10px;
background:#fff;
}
::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px;
border-radius: 10px;
background: rgba(4,189,250,0.8);
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(4,189,250,0.4);
}
নোট ঃ উপরের লাল রঙ্গে ঘিরা RGB কালার কোড পরিবর্তন করে আপনার পছন্দের কালার কোড ব্যবহার করতে পারেন । এর জন্য আপনি আপনার ফটোশপ বা এই লিঙ্ক থেকে অনলাইন কালার টুল ব্যবহার করতে পারেন ।
৪// এবার Save Template এ ক্লিক করে সেভ করে নিন ।
~>> আশাকরি বুজতে কোন সমস্যা হল , যদি কোন সমস্যা হয় তাহলে আমাকে জানাবেন আমি হেল্প করতে চেষ্টা করবো । তাহল আজকের মতো এই পর্যন্ত আবারও দেখা হবে । ভাল থাকবেন সুস্থ থাকবেন । আল্লাহ্ হাফেজ ।
Tags
ব্লগার