এটি 28 পর্বের ব্লগার টিউটোরিয়াল বিষয়ক টিউনের 14 পর্ব
wp-content/uploads/2013/04/blogger_logo.png
ব্লগার টিউটোরিয়াল

ghyutparvezhjbglghyut2013-05-24 10_34_38-How to Change Scrolling Bar of a Blog_ - Add an Stylish Scrollbar _ The Tricks Lhjbgl

আল্লাহ্‌ এর নাম নিয়ে আজকের এই পোস্ট শুরু করছি । আমার সবাই চাই আমাদের ব্লগ আর ১০ জন এর থেকে একটু আলাদা হোক আর সেই উদ্দেশ্য নিয়েই আমার আজকের এই পোস্ট । আজকে আমি আপনাদের দেখাবো কিভাবে আপনার ব্লগের ডান পাশের  Scrolling Bar পরিবর্তন করবেন । এটি সত্যি দেখতে দারুন । তার আগে ডেমো দেখে নিন নীচে ডেমো বটনে ক্লিক করে।

 

JJNDFJK

 

 

 

* তাহলে এবার দেখে নেওয়া যাক এই সুন্দর Scrolling Bar আপনার ব্লগে কিভাবে যুক্ত করবেন । এর জন্য আমার নীচের টিপসটি একটু লক্ষ করুন ।

১) প্রথমে আপনার ব্লগার ব্লগ লগ অন করুন তারপর ড্যাশবোর্ড থেকে Template এ ক্লিক করে Edit HTML এ ক্লিক করুন , এবার বক্সে মউস দিয়ে একবার ক্লিক করুন এবার Ctrl + F চাপুন । নীচের চিত্রে দেখুন।

 

ghyut2013-05-24 10_20_06-Blogger_ Asobondhu -hjbgl

২) উপরের চিত্রে দেখুন লাল ঘরে যে সার্চ বক্স আছে সেখানে ]]></b:skin> এই কোড টি খুজেবের করুন তারপর নীচের কোডটি ]]></b:skin>  ঠিক এর উপরে বসান তারপর Save এ ক্লিক করুন । নীচের চিত্রে দেখুন । 

 

ghyut2013-05-24 10_21_26-Blogger_ Asobondhu -hjbgl

 

 

 

==================

কোড পেতে নীচে যান

==================

 

 

/* TheTricksLab */
::-webkit-scrollbar {
background:#fff;
width:10px;
}
::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
background-image: -webkit-linear-gradient(top, #336699 10%, #336699 51%);
}
::-webkit-scrollbar-track {
}
* আশাকরি বুজতে কোন অসুবিধা হল না আর যদি কোন প্রকার সমস্যা হয় তাহলে আমাকে কমেন্ট করে জানবেন আমি হেল্প করার চেষ্টা করবো ।
vWyHr
                                   * পোস্ট টি আমার দ্বারা পূর্বে প্রকাশিত এখানে ।    
vWyHr
* তাহলে আজকের মতো এই পর্যন্ত আবারও দেখা হবে নতুন কিছু নিয়ে । আল্লা হাফেজ । 
* আমার একটি ব্লগ সেখান থেকে ঘুরে আসতে পারেন এখান থেকে  । আর একটি ফেসবুক ফ্যান পেজ আছে সময় পেলে ঘুরে আসতে পারেন আর ভাল লাগলে একটি লাইক করতে ভুলবেন না কিন্তু । 
FACEBOOK
Series Navigation<< ব্লগার ব্লগ দিয়ে নিজের একটি সম্পূর্ণ ব্লগ তৈরী করুন [পর্ব-১৩] :: যুক্ত করুন একটি সুন্দর NEXT এবং PREVIOUS বটন ।ব্লগার ব্লগ দিয়ে নিজের একটি সম্পূর্ণ ব্লগ তৈরী করুন [পর্ব-১৫] :: আপনার ব্লগার ব্লগে HTML কোড পোস্ট করুন ভিন্ন স্টাইলে । >>