Image 1 Image 2 Image 3 Image 4
How to add Blockquote Scroling CSS Code Like AkramBD26 -->

How to add Blockquote Scroling CSS Code Like AkramBD26

আসসালামু আলাইকুম

সবাই কেমন আছেন, আশা করি সবাই ভালো আছেন।আজ যে ট্রিকটি নিয়ে হাজির হয়েছি। আপনাদের মাঝে তা আপনার কোডিং পোস্ট সেকশানে সুন্দর্য্য বৃদ্ধি করে তুলবো। এজন্য আপনাকে আপনার টেমপ্লেটে সি এস এস কোড সেট করতে হবে।
Blockquote Scroling CSS Code Like AkramBD26
Blockquote Scroling CSS Code Like AkramBD26

Today's Topic : Blockquote Scroling CSS Code Like AkramBD26


© চলুন শুরু করি ব্লগে কিভাবে সংযুক্ত         করবেন।
  • প্রথমে আপনার ব্লগে Login করবেন।
  • dashboard থেকে
    Themes ক্লিক করবেন
  • এখন Edit html এ ক্লিক করবেন। 
© এখন নতুন একটি পেইজ আসবে, তখন আপনার কিবোর্ড থেকে CTRL+F  ক্লিক করবেন।
code box css
Blockquote Scroling CSS Code Like AkramBD26

© এখন সার্চ বক্স এই ট্যাগটি
]]></b:skin> লিখে সার্চ করবেন। ট্যাগটি পেয়ে গেলে নিচের কোডটি এই ট্যাগের টিক উপরে পেস্ট করে দিবেন।
.post blockquote,.post code{-webkit-user-select:all!important;-moz-user-select:all!important;-ms-user-select:all!important;user-select:all!important;}
.post blockquote{background:#eee;margin:10px 0;text-align:left!important;padding:12px;transition:.3s;font:400 17px Monospace;letter-spacing:0;line-height:1.5;color:#555;max-height:300px;overflow:auto;border-left:3px solid #008d4c;}
.post blockquote::-webkit-scrollbar{width:5px;height:6px;}
.post blockquote::-webkit-scrollbar-thumb{background:#ddd;}
.post code{display:inline-block;position:relative;color:#4267B2;margin:0;transition:all .3s;border-radius:4px;font:400 17px Monospace;background:#EDEDED;padding:0 5px;}
  • এবার Save Templete দিয়ে বের হয়ে আসেন। 
© আশা করি আপনাদের অনেক ভালো লেগেছে।
  • সবাই ভালো থাকবেন। আমার জন্য দোয়া করবেন।

আল্লাহ হাফেজ

Newer Next Posts

Related Posts

Facebook

Image 1 Image 2 Image 3 Image 4