বন্ধুরা আজকে আমি আপনাদের সাথে একটি দারুন জিনিস শেয়ার করতে যাছি এই বিষয় নিয়ে এর আগেও আমি একটি পোস্ট করেছি জিনিস টি হল 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
==> ব্যাস হয়ে গেল । তাহলে আজকের মতো এই পর্যন্ত আবারও দেখা হবে ।
]]></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 এ ক্লিক করুন । নীচের চিত্রে দেখুন ।
Tags
ব্লগার
Code koi???
উত্তরমুছুনধন্যবাদ কমেন্ট করে ভুল ধয়িয়ে দেবার জন্য । দাঁড়ান পোস্ট আপডেট হছে ।
উত্তরমুছুনAmar blog niea akta feedback dieci.
উত্তরমুছুনPlease ans.