ব্লগার ব্লগে যুক্ত করুন CSS কাস্টম স্টাইল Heading একদম নতুন স্টাইল !!

আসসালামু আলাইকুম বন্ধুরা , আজকে আমি আপনাদের সঙ্গে দারুন একটি হেডিং ট্যাগ শেয়ার করবো আশাকরি আপনাদের পছন্দ হব । নতুনদের মনে প্রশ্ন জাগতে পারে এটা আবার কি ? আপনি যখুন কোন পোস্ট লিখেন তখুন দেখাবেন আপনি কোন লিখাকে হাইলাইট করার জন্য হেডিং ট্যাগ ব্যবহার করেন এখুন সেই ট্যাগ তো সাধারন থাকে কোন রকম ইফেক্ট বা স্টাইল যুক্ত থাকে না এখুন আপনি সেই ট্যাগ টাকে ব্যবহার করলে নিচে মত ইফেক্ট দেখতে পাবেন । তাহলে নিচে থেকে দেখে নিন কিভাবে ব্যবহার করবেন এবং আপনার ব্লগে যুক্ত করবেন ।

CSS Heading

উপরের ফটো দেখেই অনেকটা বুঝতে পারছেন তবুও আরও ভাল ভাবে বুঝতে নিচে ডেমো তে ক্লিক করুন -

Style Heading Demo

কিভাবে আপনার ব্লগার ব্লগে যুক্ত করবেন এবং ব্যবহার করবেন :

• প্রথমে আপনার ব্লগার অ্যাকাউন্ট লগইন করুন

• ড্যাশবোর্ড থেকে Template এ ক্লিক করে Edit HTML তে ক্লিক করুন

• কীবোর্ড থেকে CTRL+F প্রেস করে নিচের ট্যাগ খুজুন

]]></b:skin>

• উপরের ট্যাগ খুজেপেলে তার ঠিক উপরে নিচে আপনার পছন্দর কোড বসিয়ে দিন

স্টাইল নাম্বার - ১

.post-body h2 {
background: url("https://lh4.googleusercontent.com/-QJBWyFg6bLw/VRWD0lkVJWI/AAAAAAAAI_U/21wuYXw8fBU/s32-no/esobondhu.png") no-repeat scroll 10px center #25BCFB;
border: 2px dashed #04080A;
color: #FFFFFF;
font-family: 'Lobster',cursive;
font-size: 22px;
font-weight: normal;
outline: 4px solid #25BCFB;
padding: 0 1px 4px 45px;
text-shadow: 1px 1px 0 #25BCFB;
text-transform: capitalize;
margin:10px 0;
}

স্টাইল নাম্বার - ২

.post-body h2 {
background: url("https://lh4.googleusercontent.com/-qeXjT_LieRw/VRWD_7D3LbI/AAAAAAAAI_g/j-RuE9TET6c/s32-no/esobondhu.png") no-repeat scroll 10px center #2B8D0D;
border: 2px dotted #04080A;
color: #FFFFFF;
font-family: 'Lobster',cursive;
font-size: 22px;
font-weight: normal;
outline: 4px solid #2B8D0D;
padding: 0 1px 5px 50px;
text-shadow: 1px 1px 0 #2B8D0D;
text-transform: capitalize;
margin:10px 0;
}

ব্যাস উপরের দুটি কোডের মধ্যে যেকোনো একটা ব্যবহার করুন দুটি ব্যবহার করবেন না কাজ হবে না । আর সময় পেয়ে পোস্ট আপডেট হবে এবং আরও স্টাইল যুক্ত করা হবে ।


কিভাবে এই স্টাইল ব্যবহার করবেন প্রথমে যে লিখাতে এই স্টাইল দিতে চান সেটা সিলেক্ট করুন এবং উপরের Format অপশন থেকে Heading সিলেক্ট করুন নিচের চিত্রে দেখুন -

সব শেষ Save Template এ ক্লিক করে বেরিয়ে আসুন । তাহলে আজকের মত এই পর্যন্ত কোন রকম সমস্যা হলে নিচে কমেন্ট করুন । পোস্টটি ভাল লাগলে বন্ধুদের সঙ্গে শেয়ার করুন । ভাল থাকবেন সুস্থ থাকবেন । আসসালামু আলাইকুম ।