- ব্লগার ব্লগ দিয়ে নিজের একটি সম্পূর্ণ ব্লগ তৈরী করুন [পর্ব-০১] :: ব্লগ তৈরী
- ব্লগার ব্লগ দিয়ে নিজের একটি সম্পূর্ণ ব্লগ তৈরী করুন [পর্ব-০২] :: ড্যাশবোর্ড পরিচিতি
- ব্লগার ব্লগ দিয়ে নিজের একটি সম্পূর্ণ ব্লগ তৈরী করুন [পর্ব-০৩] :: আপনার ব্লগে বৃষ্টির মতো ফুল ঝরুক
- ব্লগার ব্লগ দিয়ে নিজের একটি সম্পূর্ণ ব্লগ তৈরী করুন [পর্ব-০৪] :: দারুন কিছু Scroll To top buttons
- ব্লগার ব্লগ দিয়ে নিজের একটি সম্পূর্ণ ব্লগ তৈরী করুন [পর্ব-০৫] :: অসাধারণ কিছু mouse cursor
- ব্লগার ব্লগ দিয়ে নিজের একটি সম্পূর্ণ ব্লগ তৈরী করুন [পর্ব-০৬] :: নিন কিছু অসধারন Numbered Page Navigation
- ব্লগার ব্লগ দিয়ে নিজের একটি সম্পূর্ণ ব্লগ তৈরী করুন [পর্ব-০৭] :: যুক্ত করুন দারুন একটি ফেসবুক লাইক বক্স
- ব্লগার ব্লগ দিয়ে নিজের একটি সম্পূর্ণ ব্লগ তৈরী করুন [পর্ব-০৮] :: যুক্ত করুন দারুন একটি Twitter Follow me বাটন
- ব্লগার ব্লগ দিয়ে নিজের একটি সম্পূর্ণ ব্লগ তৈরী করুন [পর্ব-০৯] :: যুক্ত করে নিন facebook comment বক্স
- ব্লগার ব্লগ দিয়ে নিজের একটি সম্পূর্ণ ব্লগ তৈরী করুন [পর্ব-১০] :: পোস্ট করার নিয়ম
- ব্লগার ব্লগ দিয়ে নিজের একটি সম্পূর্ণ ব্লগ তৈরী করুন [পর্ব-১১] :: টেম্পলেট সেট করার নিয়ম
- ব্লগার ব্লগ দিয়ে নিজের একটি সম্পূর্ণ ব্লগ তৈরী করুন [পর্ব-১২] :: বিভাগ যুক্ত করার নিয়ম ।
- ব্লগার ব্লগ দিয়ে নিজের একটি সম্পূর্ণ ব্লগ তৈরী করুন [পর্ব-১৩] :: যুক্ত করুন একটি সুন্দর NEXT এবং PREVIOUS বটন ।
- ব্লগার ব্লগ দিয়ে নিজের একটি সম্পূর্ণ ব্লগ তৈরী করুন [পর্ব-১৪] ::আপনার ব্লগার ব্লগের SCROLLING BAR পরিবর্তন করে একটি সুন্দর SCROLLING BAR যুক্ত করে নিন ।
- ব্লগার ব্লগ দিয়ে নিজের একটি সম্পূর্ণ ব্লগ তৈরী করুন [পর্ব-১৫] :: আপনার ব্লগার ব্লগে HTML কোড পোস্ট করুন ভিন্ন স্টাইলে ।
- ব্লগার ব্লগ দিয়ে নিজের একটি সম্পূর্ণ ব্লগ তৈরী করুন [পর্ব-১৬] :: আপনার ব্লগার ব্লগে কিভাব READ MORE অপশন যুক্ত করবেন দেখে নিন ।
- ব্লগার ব্লগ দিয়ে নিজের একটি সম্পূর্ণ ব্লগ তৈরী করুন [পর্ব-১৭] :: আপনার ব্লগার ব্লগে যুক্ত করে নিন GOOGLE+ কমেন্ট বক্স ।
- ব্লগার ব্লগ দিয়ে নিজের একটি সম্পূর্ণ ব্লগ তৈরী করুন [পর্ব-১৮] :: আপনার ব্লগার ব্লগের Favicon কিভাবে পরিবর্তন করবেন দেখেনিন ।
- ব্লগার ব্লগ দিয়ে নিজের একটি সম্পূর্ণ ব্লগ তৈরী করুন [পর্ব-১৯] :: গুগলে আপনার ব্লগার ব্লগের Sitemap – সাইট ম্যাপ সাবমিট করুন । ( মেগা পোস্ট )
- ব্লগার ব্লগ দিয়ে নিজের একটি সম্পূর্ণ ব্লগ তৈরী করুন [পর্ব-২০] :: আপনার ব্লগে যুক্ত করে নিন একটি অসাধারন CSS Blockquote আর আপনার পোস্টকে করে তুলুন আর সুন্দর ।
- ব্লগার ব্লগ দিয়ে নিজের একটি সম্পূর্ণ ব্লগ তৈরী করুন [পর্ব-২১] :: দেখেনিন কিভাবে আপনার ব্লগার ব্লগের Background,Font Size & Font Family পরিবর্তন করবেন ।
- ব্লগার ব্লগ দিয়ে নিজের একটি সম্পূর্ণ ব্লগ তৈরী করুন [পর্ব-২২] :: কিভাবে ব্লগ এডিট করবেন সঙ্গে ব্লগার ব্লগ এর নতুন টেমপ্লেট এডিটর ইন্টারফেস এর সাথে পরিচিত হয়েনিন ।
- ব্লগার ব্লগ দিয়ে নিজের একটি সম্পূর্ণ ব্লগ তৈরী করুন [পর্ব-২৩] :: ডাউনলোড করে নিন সুন্দর একটি ব্লগার টেম্পলেট ।
- ব্লগার ব্লগ দিয়ে নিজের একটি সম্পূর্ণ ব্লগ তৈরী করুন [পর্ব-২৪] :: ফেসবুক Pop out লাইক ওয়েডগেট ব্লগার ব্লগ এর জন্য । দেখুন দারুন লাগবে ।
- ব্লগার ব্লগ দিয়ে নিজের একটি সম্পূর্ণ ব্লগ তৈরী করুন [পর্ব-২৫] :: Animated android Bird শুধু মাত্র ব্লগার ব্লগে জন্য । নতুন স্টাইল ।
- ব্লগার ব্লগ দিয়ে নিজের একটি সম্পূর্ণ ব্লগ তৈরী করুন [পর্ব-২৬] :: প্রতিটি পোস্ট এর নীচে অসাধারন একটি লেখক পরিচিতি বক্স যুক্ত করুন ।
- ব্লগার ব্লগ দিয়ে নিজের একটি সম্পূর্ণ ব্লগ তৈরী করুন [পর্ব-২৭] :: ওয়ার্ডপ্রেস ব্লগকে ব্লগার ব্লগে কনভার্ট ( Convert ) করুন । A to Z টিউটোরিয়াল ।
- ব্লগার ব্লগ দিয়ে নিজের একটি সম্পূর্ণ ব্লগ তৈরী করুন [পর্ব-২৮] :: আপনার ব্লগের পোস্ট অন্য কেউ কপি করছে ! তাহলে আজি DMCA – Google এ রিপোর্ট করুন ।
আল্লাহ্ এর নাম নিয়ে আজকের এই পোস্ট শুরু করছি । আজকে আমি আপনাদের দেখাবো কিভবে আপনি আপনার ব্লগার ব্লগে কোন HTML কোড পোস্ট করার সময় একটু আলাদা ভাবে পোস্ট করবেন । এই কাজ টি করার জন্য নীচের টিপস গুল একটু লক্ষ করুন এবং নীচে থেকে এর লাইভ ডেমো দেখে নিন ।
১) প্রথমে আপনার ব্লগার ব্লগ লগ অন করুন তারপর ড্যাশবোর্ড থেকে Template এ ক্লিক করে Edit HTML এ ক্লিক করুন , এবার যে বক্সে ওপেন হবে তাতে মউস দিয়ে একবার ক্লিক করুন এবার Ctrl + F চাপুন । নীচের চিত্রে দেখুন।
২) উপরের চিত্রে দেখুন লাল ঘরে যে সার্চ বক্স আছে সেখানে ]]></b:skin> এই কোড টি খুজেবের করুন তারপর নীচের কোডটি ]]></b:skin> ঠিক এর উপরে বসান তারপর Save এ ক্লিক করুন । নীচের চিত্রে দেখুন।
****—কোড পেতে নীচে যান —****
.tgbox {
overflow:auto;width:auto;height:auto;
font-family: “Georgia”, “Verdana”, Courier, mono, serif;
color:#848176;
margin : 15px 35px 15px 15px;
padding : 10px 10px 10px 35px;
clear : both;
list-style-type : none;
background : #ffc0cb url(http://2.bp.blogspot.com/-y0gH2fSDFbo/UQqFLEnQiOI/AAAAAAAABwc/ufRWnmxXiL4/s1600/Untitled-1.png) repeat-y top left;
border : 1px solid #000000;
}
.tgbox:hover{
background : #ffc0cb url(http://2.bp.blogspot.com/-SMhIT3VpOq8/UQeezUekI4I/AAAAAAAABuI/ahb39VUXkgA/s1600/bkb.png) repeat-y top left;
color:#FEF9BF;
border : 1px solid #000;
}
* এবার যখন কোন HTML কোড পোস্ট করবেন তখুন আপনার পোস্ট বক্সের বাম পাশে HTML এ ক্লিক করে এই কোড টি পেস্ট করুন <div>Your text here</div> এবার লাল রঙের Your text here টিকে মুছে আপনার HTML কোড বসিয়ে দিন ।
* আশাকরি বুজতে কোন অসুবিধা হল না আর যদি কোন প্রকার সমস্যা হয় তাহলে আমাকে কমেন্ট করে জানবেন আমি হেল্প করার চেষ্টা করবো ।
* তাহলে আজকের মতো এই পর্যন্ত আবারও দেখা হবে নতুন কিছু নিয়ে । আল্লা হাফেজ ।
====================================================================
