আপনার ব্লগে যুক্ত করুন পেপার স্টাইলে BlockQuote আর তুলনামূলক ভাবে আপনার ব্লগকে আরো সুন্দর করে তুলুন।

বন্ধুরা আপনারা সকলে আল্লাহ অশেষ রহমতে ভাল আছেন। আজ আমি আপনার সাথে অতি মূল্যবান একটি বিষয় নিয়ে হাজির হয়েছি। আপনার ব্লগ টাইটেল দেখে হয়তো বা এতক্ষণে বুঝতে পারছেন আমি কি বলতে চেয়েছি। তাহলে আর দেরি না করে এবার কাজের কথায় আশা যাক।

১/ প্রথমে আপনার ব্লগ সাইটের ড্যাশবোর্ডে প্রবেশ করুন এবং টেমপ্লেট ক্লিক করুন।
২/ টেমপ্লেট যাওয়ার পরে Edit HTML বাটনে ক্লিক করুন।
৩/ নিচে চিত্রের মত পেজ ওপেন হবে এবং Ctrl+F চাপুন?
৪/ ]]></b:skin>

৫/ উপরের কোডটি খুজে পেলে তার ঠিক আগে নীচের কোডটি কপি করে পেস্ট করুন । নীচের চিত্রে দেখুন ।

.post-body blockquote {
line-height: 1.3em;
}

.post blockquote {
background: #F2F1F1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxhdCw6iJamCzFKQnoLn1932XKKNG3b_FUrJvPCefeKbiWh6AITePG0ATPuc57JgSJsv-UUUZI_NHbMUi46ejfsQfKG-ZP5epFRf_-b8Qqro_FdfQMrlfhXpkTmtEyFBSPPdH4hQlDOX3i/s986/note.png);
background-position:;
background-repeat:repeat-y;
margin: 0 20px;
border-top: 1px solid #DDD;
border-right: 1px solid #666;
border-left: 1px solid #DDD;
border-bottom: 1px solid #666;
padding: 20px 20px 20px 50px;
color:#000000;
font: normal 0.9em "Consolas", "Courier New", Courier, mono, serif;;
-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;
-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition-duration:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
}
.post blockquote:hover {
background: #F9F9F9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxhdCw6iJamCzFKQnoLn1932XKKNG3b_FUrJvPCefeKbiWh6AITePG0ATPuc57JgSJsv-UUUZI_NHbMUi46ejfsQfKG-ZP5epFRf_-b8Qqro_FdfQMrlfhXpkTmtEyFBSPPdH4hQlDOX3i/s986/note.png);
background-repeat:repeat-y;
color:#000000;
box-shadow: -1px -1px 12px 2px gainsboro;
border-radius: 15px;
}
.post blockquote p {
margin: 0;
padding-top: 10px;
}

৬/ আপনার ব্লগ টেমপ্লেটটি সেভ করুন। ব্যস কাজ শেষ।
আল্লাহ হাফেজ।