বন্ধুরা সবাই ভাল তো আশাকরি সবাই ভাল আছেন । আজকে আমি আপনাদের জন্য দারুন একটি  CSS  Blockquote নিয়ে এলাম এটি আমি একটি ইংলিশ সাইট থেকে পেয়েছি আর আমার খুব পছন্দ হল তাই আপনাদের জন্য পোস্ট করতে বসেগেলাম । আশাকরি আপনাদের পছন্দ হবে ।  Blockquote ব্যবহার করার ফলে আপনি আপনার ব্লগে যখুনি কোন HTML বা CSS কোড পোস্ট করবেন সেই কোড গুল কে খুব সুন্দর ভাবে উপস্থাপনা করতে পারবেন । ডেমো দেখলে ব্যাপারটি সম্পূর্ণ বুজতে পারবেন ।








কিভাবে ব্লগে যুক্ত করবেন নীচের টিপস লক্ষ করুন :)



  1. ব্লগ লগ ইন করুন তারপর ড্যাশবোর্ড থেকে Template এ ক্লিক করে Edit html এ ক্লিক করুন । 
  2. এবার Ctrl + F প্রেস করে নীচের কোড টি খুজেবের করুন । 

]]></b:skin>


  • এবার উপরে কোডটি খুজে পেলে তার ঠিক উপরে বা আগে নীচের CSS কোডটি কপি করে পেস্ট করুন । 

.post blockquote {
  margin:15px 30px;
  font:italic normal 14px/1.4 Georgia,Serif;
  height:0;
  padding:0 0;
  background-color:#0066B3;
  border:10px solid #80C8FE;
  border-left-color:#00477D;
  border-right-color:#00477D;
  -webkit-box-shadow:0 1px 2px rgba(0,0,0,.4);
  -moz-box-shadow:0 1px 2px rgba(0,0,0,.4);
  box-shadow:0 1px 2px rgba(0,0,0,.4);
  overflow:auto;
  -webkit-transition:all 1s cubic-bezier(1,0,0,1) .5s;
  -moz-transition:all 1s cubic-bezier(1,0,0,1) .5s;
  -ms-transition:all 1s cubic-bezier(1,0,0,1) .5s;
  -o-transition:all 1s cubic-bezier(1,0,0,1) .5s;
  transition:all 1s cubic-bezier(1,0,0,1) .5s;
}
.post blockquote:hover {
  padding:10px 15px;
  background-color:#BFE3FE;
  border:5px solid #00477D;
  height:350px;
}



  • এবার Save template এ ক্লিক করে সেভ করে নিন । 


কিভাবে ব্যবহার করবেন ? নীচে দেখুন ।। 



  • এবার কোন কিছু পোস্ট করার সময় এটা ব্যবহার করবেন তখুন যে কোড গুলকে এই বক্স এর মধ্যে রাখতে চান সেগুল কে সিলেক্ট করে Quote এ ক্লিক করুন । নীচে চিত্রে দেখুন । 



  • তাহলে এবার উপভোগ করুন নতুন স্টাইল এর  CSS  Blockquote  এর । ভাল থাকবেন সুস্থ থাকবেন । ভাল লাগলে কমেন্ট করে জানাবেন । 

শেয়ার করুন :→

একটি মন্তব্য পোস্ট করুন Blogger

  1. সুমন আলি১০:৩৩ AM

    হুম , দারুন ভাই ।

    উত্তরমুছুন
  2. aslamparvez১১:২৮ AM

    ধন্যবাদ ভাই । কমেন্ট করার জন্য ।

    উত্তরমুছুন

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

 
Top
Blogger Widgets