সদ্যপ্রাপ্ত
আসিতেছে...

Friday, November 29, 2013

ব্লগের পোস্টের মাঝে Blockquote কোড বক্স যোগ করবেন কিভাবে

এর আগে আমি pre ট্যাগ দিয়ে কিভাবে কোড বক্স যোগ করবেন সেটি দেখিয়েছিলাম আজ দেখাব কিভাবে Blockquote ট্যাগ দিয়ে কোড বক্স যোগ করা যায়।আর একটি কথা এটির মাধ্যমে খুব সহজে এবং আরো সুন্দর ভাবে কোড যোগ করতে পারবেন।

কোড বক্স,code box

  • কিভাবে যোগ করবেন
১।প্রথমে ব্লগে করে Template এ যান।
২।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 আছে এডিট বাটনে এটাতে ক্লিক করলে হবে।তাহলে আর বাড়তি কোড ব্যবহার করতে হবে না।

blockquote

আশা করি ভালো লাগবে।ভালো থাকবেন আমার সাথে থাকুন।আর ভালো লাগলে বন্ধুদের সাথে শেয়ার করতে ভুলবেন না।  এটি

0 মন্তব্য:

Post a Comment

এখন থেকে মন্তব্যে ছবি যোগ করতে পারেন।তবে অবশ্যই সেটি ভালো মানের ছবি হতে হবে অন্যথায় মন্তব্যটি মুছে ফেলা হবে এবং মন্তব্যটি অবশ্যই লেখার সাথে সম্পৃক্ত হতে হবে।