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

1
360

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

মন্তব্য দিন আপনার