১৪ ডিসেম্বর, ২০১৫

ব্লগে ০২ টি আকর্ষণীয় Customize Blockquote Style যুক্ত করুন!

ব্লগে ০২ টি আকর্ষণীয় Customize Blockquote Style যুক্ত করুন!
4/ 5 stars - "ব্লগে ০২ টি আকর্ষণীয় Customize Blockquote Style যুক্ত করুন!" যে কোন ব্লগে Block Quote অথবা Block Quotation দ্বারা সাধারনত ব্লগ পোষ্টের ভীতরের কিছু লেখাকে Highlight করা হয়। এটি আসলে ভিজিটরদের ব্লগের ক...
-
যে কোন ব্লগে Block Quote অথবা Block Quotation দ্বারা সাধারনত ব্লগ পোষ্টের ভীতরের কিছু লেখাকে Highlight করা হয়। এটি আসলে ভিজিটরদের ব্লগের কোন অংশ সম্পর্কে স্পষ্ট ধারনা দেয়ার জন্য করা হয়। তাছাড়াও ব্লগে যখন কোন ধরনের Html, Css এবং JavaScript কোড শেয়ার করা হয় তখন এগুলিকে সহজে চেনার জন্য Block Quotation ব্যবহার করা হয়।
ব্লগে ০২ টি আকর্ষণীয় Customize Blockquote Style যুক্ত করুন!
সব ধরনের ব্লগে বিভিন্ন স্টাইলের Block Quotation ব্যবহার করতে দেখা যায়। আমরা আজ আপনাদের সাথে ০২ টি Customize Blockquote Css Style শেয়ার করব। এ দুটিকে কাষ্টমাইজ করে আপনি চাইলে আপনার মনেরমত করে নিতে পারবেন।

কিভাবে করবেনঃ

  • প্রথমে আপনার ব্লগে লগইন করুন।
  • এরপর Template > Edit Html এ ক্লিক করুন।
ব্লগে ০২ টি আকর্ষণীয় Customize Blockquote Style যুক্ত করুন!
  • তারপর কিবোর্ড হতে Ctrl+F চেপে ]]></b:skin> অংশটি সার্চ করুন।
ব্লগে ০২ টি আকর্ষণীয় Customize Blockquote Style যুক্ত করুন!
  • এখন আপনার পছন্দমত নিচের যে কোন একটি স্টাইল টেমপ্লেট এর ]]></b:skin> ট্যাগের ঠিক উপরে পেষ্ট করুন
ব্লগে ০২ টি আকর্ষণীয় Customize Blockquote Style যুক্ত করুন!
স্টাইল-১
.post blockquote {
    background: url("http://2.bp.blogspot.com/-ExudhS_5kYA/UrBMFWQmNSI/AAAAAAAAFbs/VB-DcdJJukg/s1600/blockquote-bg.png") repeat scroll center top #F9F9F9;
    border-left:6px solid #CACACA;
    border-radius:6px;
    color:#000;
    font-size:11px;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-style:italic;
    line-height:18px;
    margin:0px 0px 5px 0px;
    overflow:hidden;
    padding:10px 0px 10px 40px;
 }
ব্লগে ০২ টি আকর্ষণীয় Customize Blockquote Style যুক্ত করুন!
স্টাইল-২
.post blockquote {
    background-image: url('http://4.bp.blogspot.com/-y200gaXba74/VmVvlY3P8HI/AAAAAAAAFzc/GrTjvmg0W_c/s1600/Bloquote.png');
    background-position:0% 0%;
    background-repeat:no-repeat repeat;
    border-radius:6px;
    border-color:#007ABE;
    border-right:1px dotted;
    border-bottom:1px dotted;
    border-top:1px dotted;
    color:#000; font-size:11px;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-style:italic; line-height:18px;
    margin:0px 0px 5px 0px;
    overflow:hidden;
    padding:10px 0px 10px 40px;
 }
  • সবশেষে Save Template এ ক্লিক করে Template টি Save করুন।

কাষ্টমাইজেশনঃ

  • উপরের background হতে ব্যাকগ্রাউন্ডের ছবি বা কালার পরিবর্তন করতে পারবেন।
  • border-left:6px solid #CACACA হতে Border কালার এবং Border Width পরিবর্তন।
  • এরপর color, font-size, font-family এবং font-style হতে ফন্ট স্ট্যাইল পরিবর্তন।
  • এছাড়ও Margin, Padding সহ আর অনেক স্টাইল যুক্ত করতে পারবেন।
Subcribe to our all updates

and Share on
পূর্ববর্তী পোষ্ট
পরবর্তী পোষ্ট

3 টি মন্তব্য: Post Yours! Read Comment Policy ▼
লক্ষ্য করুনঃ
পোষ্টের সাথে সম্পৃক্ত নয় এমন কোন কমেন্ট করা যাবে না। কোন কারণ ব্যতীত আপনার ব্লগের লিংক শেয়ার করতে যাবেন না। সবসময় গঠনমূলক মন্তব্য প্রদানের চেষ্টা করবেন। আমরা সবার মতামত সমানভাবে মূল্যায়ন করি এবং যথাসময়ে প্রতি উত্তর দেয়ার চেষ্টা করি।

  1. আমার সাইটে তো ব্লক কোটের চিহ্ন চলে আসছে। ওটাকে বন্ধ করব কীভাবে? তাছাড়া সব ঠিকই আছে মোটামুটি

    উত্তরমুছুন
  2. ভাই আমার একটা জিনিস জানার দরকার
    নিম্নে উল্লিখিত ভাবে আমি সাইট বার সাজাতে চাই আমাকে হেল্প করবেন?
    ১। সোসাল মিডিয়া সমূহ
    ২। সার্চ
    ৩। রিসেন্ট পোষ্ট ৪টি
    ৪। নতুন পোষ্ট
    বাঁকী গেজেটেড গুলো আমি ডিলিট করতে পারছিনা কিভাবে ডিলিট করব একটু বলবেন প্লিজ

    উত্তরমুছুন
    উত্তরগুলি
    1. আপনার ব্লগের এড্রেসটা আমাকে পাঠিয়ে দিন। তাহলে এ বিষয়ে সমাধান দেয়ার চেষ্টা করব।

      মুছুন

 
Subscribe for all Updates

Subscribe Now

কপিরাইট © 2015- প্রযুক্তি ডট কম ™, সর্বস্বত্ব সংরক্ষিত

Powered by: