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

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


CSS-Heading
CSS Heading


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






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



  • প্রথমে আপনার ব্লগার অ্যাকাউন্ট লগইন করুন
  • ড্যাশবোর্ড থেকে Template এ ক্লিক করে Edit HTML তে ক্লিক করুন
  • কীবোর্ড থেকে CTRL+F প্রেস করে নিচের ট্যাগ খুজুন


]]></b:skin>


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


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



CSS-Heading-blogger



.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;
}


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



css-heading-blogger-blog



.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 এ ক্লিক করে বেরিয়ে আসুন । তাহলে আজকের মত এই পর্যন্ত কোন রকম সমস্যা হলে নিচে কমেন্ট করুন । পোস্টটি ভাল লাগলে বন্ধুদের সঙ্গে শেয়ার করুন । ভাল থাকবেন সুস্থ থাকবেন । আসসালামু আলাইকুম ।


এসো বন্ধু

আমি পারভেজ ব্লগিং এর সঙ্গে যুক্ত আছি গত বেশ কিছু বছর, বাংলা ব্লগিং এর সঙ্গে সঙ্গে আমি অন্য ভাষাতেও ব্লগিং করি। সেই সব কারনে ব্লগে নিয়তম থাকা হয়না, আপনাদের ভালোবাসা যদি আগের মত আবার ফিরে পাই তাহলে অবশ্যই নিয়মত হবার চেস্ট করবো। facebook telegram youtube twitter

4 মন্তব্যসমূহ

আপনার একটি মন্তব্য একজন লেখক কে ভালো কিছু লিখার অনুপেরনা যোগাই তাই প্রতিটি পোস্ট পড়ার পর নিজের মতামত জানাতে ভুলবেন না । তবে বন্ধুরা এমন কোন মন্তব্য পোস্ট করবেন না যার ফলে লেখকের মনে আঘাত করে ! কারণ একটা ভাল মন্তব্য আমাদের আরও ভাল কিছু লিখার অনুপেরনা যাগাই !!

  1. দারুন একটা জিনিস দিলেন ভাই , পোস্ট গুলির চেহারাই পালটে গেছে অনেক ধন্যবাদ শেয়ার করার জন্য। আশা করি এরকম আরো সুন্দর সুন্দর জিনিস আমাদের উপহার দিবেন। (h)

    উত্তরমুছুন
    উত্তরগুলি
    1. ধন্যবাদ আপনার মূল্যবান মন্তব্যের জন্য ! :o

      মুছুন
  2. ধন্যবাদ ভাই।আমার এরকম কিছুর দরকার ছিল।

    উত্তরমুছুন
  3. সুন্দর পোস্ট(h)

    উত্তরমুছুন
নবীনতর পূর্বতন

نموذج الاتصال