এর আগে আমি pre ট্যাগ দিয়ে কিভাবে কোড বক্স যোগ করবেন সেটি দেখিয়েছিলাম আজ দেখাব কিভাবে Blockquote ট্যাগ দিয়ে কোড বক্স যোগ করা যায়।আর একটি কথা এটির মাধ্যমে খুব সহজে এবং আরো সুন্দর ভাবে কোড যোগ করতে পারবেন।
- কিভাবে যোগ করবেন
২।Edit Template এ ক্লিক করুন।
৩। এবার ]]></b:skin> এই কোড টুকু খুজুন এবং নিচের কোড টুকু এর উপরে বসিয়ে দিন।
/* Blockquote---------------------------------------------- */
blockquote { background:#808000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoRTbN02bHwJCQ-nIa_9CGV1L0hsRH97bJlw-qyX5pF-MzY5H9xIf9oznxbrI1DAoisn-tvxDC3_pSNudegAnP3M4amqIDuMmP4QX4QFiugzaVnmO1jNUAoeU4OM4HI8Ce8Ky2pDNH-jYj/s1600/quote.png) no-repeat; padding-left:32px; padding-top:3px; margin-left:25px; color:#777; font-style:italic; font-size:14px; line-height:22px;border-top: 1px dotted #b5b5b5; border-bottom: 1px dotted #b5b5b5; margin-top:10px; margin-bottom:10px;}
এবার সেভ করুন।
- কিভাবে পরিবর্তন করবেনঃ
#808000 এটি হলো ব্যাকগ্রাউন্ড কালার কোড চাইলে আপনি এটা পরিবর্তন বা মুছে দিতে পারেন।
URL এটি ব্যাকগ্রাউন্ড ইমেজ, এটিও পরিবর্তন করতে পারেন।
font-style:italic কোডের ফন্টগুলো কেমন হবে এখান থেকে আপনি পরিবর্তন করতে পারেন।এখানে Normal/Bold/Italic বা অন্য কোন এইচটিএমএল ট্যাগ ব্যবহার করতে পারেন।
লেখার সাইজ পরিবর্তন করতে 14px এর জায়গায় কম বেশি করতে পারেন।
- কিভাবে কোড বসাবেনঃ
১।লেখার সময় এইচটিএমএল ফরম্যাটে যান।যেখানে কোড বসাতে চান সেখানে নিচের মত লেখুন।
<blockquote>
এখানে কোড বসাবেন
</blockquote>
২। এটি আমি সবচেয়ে সহজ মনে করি।যখন কোন লেখা লিখবেন তখন পোস্টের মাঝে কোড বসান এবং কোড টুকু সিলেক্ট করুন এবার দেখুন উপরে quote আছে এডিট বাটনে এটাতে ক্লিক করলে হবে।তাহলে আর বাড়তি কোড ব্যবহার করতে হবে না।
আশা করি ভালো লাগবে।ভালো থাকবেন আমার সাথে থাকুন।আর ভালো লাগলে বন্ধুদের সাথে শেয়ার করতে ভুলবেন না। এটি
0 মন্তব্য:
Post a Comment
এখন থেকে মন্তব্যে ছবি যোগ করতে পারেন।তবে অবশ্যই সেটি ভালো মানের ছবি হতে হবে অন্যথায় মন্তব্যটি মুছে ফেলা হবে এবং মন্তব্যটি অবশ্যই লেখার সাথে সম্পৃক্ত হতে হবে।