নিয়ে নিন আসাধারণ একটি Scroling Blockquote CSS

আসসালামু আলাইকুম। কেমন আছেন সবাই? আশা করি সবাই ভালো আছেন।
হ্যাঁ আমিও ভালো আছি আপনাদের দোয়াই।
নিয়ে নিন আসাধারণ একটি Scroling Blockquote CSS
নিয়ে নিন আসাধারণ একটি Scroling Blockquote CSS

প্রথমেই ক্ষমা চেয়ে নিচ্ছি পোস্টটি দেড়িতে শেয়ার করার জন্য। এক ভাইয়ে বলেছিল যে আমি আমার
ব্লগের blockquote টি শেয়ার করি। আজ তা নিয়েই লিখতে বসলাম।
আশা করি সকলেরই blockquote টি পছন্দ হবে।
নিয়ে নিন আসাধারণ একটি Scroling Blockquote CSS
নিয়ে নিন আসাধারণ একটি Scroling Blockquote CSS

Blockquote টি Scroling ক্রার জন্য যা করতে হবেঃ

প্রথমে ব্লগারে লগিং করুণ।
তারপর Deshbord থেকে Theme এ জান।
নিয়ে নিন আসাধারণ একটি Scroling Blockquote CSS
নিয়ে নিন আসাধারণ একটি Scroling Blockquote CSS
এখন Edit HTML এ ক্লিক করন।
তারপর কীবোর্ড হতে Ctrl+F একসাথে প্রেস করুণ।
নিয়ে নিন আসাধারণ একটি Scroling Blockquote CSS
নিয়ে নিন আসাধারণ একটি Scroling Blockquote CSS
সার্চ বারে ]]></b:skin> লিখে এন্টার প্রেস করুন।

এখন ]]></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;}

আশা করি আপনি সফল ভাবে কাজটি করতে পেরেছেন। আর যদি Blockquote টি পরিবর্তন না হই,
তাহলে আপনার আগের  Blockquote এর CSS গুলো রিমুভ করেন।
এখন নিশ্চয় Blockquote টি Scroling হয়েছে।
এখানেই শেষ করলাম আজকের টিউটরিয়াল। আল্লাহ্‌ সকলের নেক হায়াত দাণ করুক... আমীন। 

Rules: Make sure your comment add content to the page. Then add your links thereafter. Irrelevant comments will be deleted.

Post a Comment

Add Comment (0)

Previous Post Next Post