বন্ধুরা আজকে আমি আপনাদের সাথে একটি দারুন জিনিস শেয়ার করতে যাছি এই বিষয় নিয়ে এর আগেও আমি একটি পোস্ট করেছি জিনিস টি হল BLOCKQUOTE  এখুন আপনাদের কাছে প্রশ্ন এটা আবার কি জিনিস আমার উত্তর এটা ব্যবহার করে যেকোনো কোড বা লিখাকে হাইলাইট করতে পারবেন আপনরা আমার পোস্ট দেখলে দেখে থাকবেন এটা আমিও ব্যবহার করি কিন্তু স্টাইল একটু আলাদা । তাহলে আরাও ভাল করে বুজতে এটাকে ব্যবহার করতে হবে তার আগে নীচে থেকে লাইভ ডেমো দেখে নিন । আশাকরি আপনাদের ভাল লাগবে । গুড লাক ।





==> উপরের ফটো দেখেই বুজতে পারছেন আমি এতক্ষণ কি বিষয় নিয়ে বলছিলাম । নীচে লাইভ ডেমো ।







দেখে নিন কিভাবে আপনার ব্লগে যুক্ত করবেন ! 


১) আপনার ব্লগার ব্লগ লগ ইন করুন তারপর ড্যাশবোর্ড থেকে Template এ ক্লিক করুন । 

২) এবার Edit HTML এ ক্লিক করে আপনার কীবোর্ড এর Ctrl+F প্রেস করে নীচের কোডটি খুজে বের করুন ।

]]></b:skin>


৪) উপরের কোডটি খুজে পেলে তার ঠিক আগে নীচের কোডটি কপি করে পেস্ট করুন । নীচের চিত্রে দেখুন ।



.post-body blockquote {
line-height: 1.3em;
}

.post blockquote {
background: #F2F1F1 url(https://lh6.googleusercontent.com/-JL3xSHJZ7W0/UAfD64wDPBI/AAAAAAAACp0/q4g6ZIdwFIw/s986/note.png);
background-position:;
background-repeat:repeat-y;
margin: 0 20px;
border-top: 1px solid #DDD;
border-right: 1px solid #666;
border-left: 1px solid #DDD;
border-bottom: 1px solid #666;
padding: 20px 20px 20px 50px;
color:#000000;
font: normal 0.9em "Consolas", "Courier New", Courier, mono, serif;;
-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;
-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition-duration:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
}
.post blockquote:hover {
background: #F9F9F9 url(https://lh6.googleusercontent.com/-JL3xSHJZ7W0/UAfD64wDPBI/AAAAAAAACp0/q4g6ZIdwFIw/s986/note.png);
background-repeat:repeat-y;
color:#000000;
box-shadow: -1px -1px 12px 2px gainsboro;
border-radius: 15px;
}
.post blockquote p {
margin: 0;
padding-top: 10px;
}

Read more: http://www.widgetgenerators.com/2013/09/add-professional-paper-blockquote-style.html#ixzz2rhm8FyIK







৪) এবার Save Template এ ক্লিক করুন । 



দেখুন কিভাবে কাজ করবেন ! 


==> যে কোড বা লিখাকে আপনি উপরের মতো বক্স এর মধ্যে দেখাতে চান তার জন্য সব লিখা বা কোডকে সিলেক্ট করুন ।  এবার  BLOCKQUOTE এ ক্লিক করুন । নীচের চিত্রে দেখুন । 





==> ব্যাস হয়ে গেল । তাহলে আজকের মতো এই পর্যন্ত আবারও দেখা হবে ।

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

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

  1. মোঃ আসলাম পারভেজ৮:১৭ PM

    ধন্যবাদ কমেন্ট করে ভুল ধয়িয়ে দেবার জন্য । দাঁড়ান পোস্ট আপডেট হছে ।

    উত্তরমুছুন
  2. K H Al Mahmud১০:০২ AM

    Amar blog niea akta feedback dieci.
    Please ans.

    উত্তরমুছুন

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

 
Top
Blogger Widgets