আপনার ব্লগে যুক্ত করে নিন একটি অসাধারন CSS Blockquote আর আপনার পোস্টকে করে তুলুন আর সুন্দর ।

1
359

আপনার ব্লগে যুক্ত করে নিন একটি অসাধারন CSS Blockquote আর আপনার পোস্টকে করে তুলুন আর সুন্দর ।

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

Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting

 

dsrfsetr আপনার ব্লগে যুক্ত করে নিন একটি অসাধারন CSS Blockquote আর আপনার পোস্টকে করে তুলুন আর সুন্দর ।

asd আপনার ব্লগে যুক্ত করে নিন একটি অসাধারন CSS Blockquote আর আপনার পোস্টকে করে তুলুন আর সুন্দর ।

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

 

  • ব্লগ লগ ইন করুন তারপর ড্যাশবোর্ড থেকে Template এ ক্লিক করে Edit html এ ক্লিক করুন । 
  • এবার 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 আর আপনার পোস্টকে করে তুলুন আর সুন্দর ।

 

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

 

  1. http://www.asobondhu.blogspot.in/2013/09/css-blockquote.html
  2. http://www.asobondhu.blogspot.in/2013/09/header.html
  3. http://www.asobondhu.blogspot.in/2013/09/colorful-text-icon-navigation-bar.html
  4. http://www.asobondhu.blogspot.in/2013/09/blog-post_3.html
  5. http://www.asobondhu.blogspot.in/2013/09/contact-form.html

 

 

  • পোস্টটি আমার দ্বারা পূর্বে প্রকাশিত এখানে সময় পেলে ঘুরে আসুন । 

 

 

 

  • আজকের মতো এই পর্যন্ত ভাল থাকবেন সুস্থ থাকবেন । আল্লাহ্‌ হাফেজ । 

 

টিউনারপেজের নতুন টিউন আপনাকে ইমেইল করব?
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting

1 মন্তব্য

  1. কাজ হইছে ভাই ধন্যবাদ। আমার ব্লগ দেখে তো আমি নিজেই চিনতে পারছি নাহ জাস্ট অসাধারণ। আপনার কাছ থেকে আরো পোস্ট চাই।

একটি উত্তর ত্যাগ

Please enter your comment!
Please enter your name here

five × one =