আপনার ব্লগার ব্লগে HTML কোড পোস্ট করুন ভিন্ন স্টাইলে

আজকে আমি আপনাদের দেখাবো কিভবে আপনি আপনার ব্লগার ব্লগে কোন HTML কোড পোস্ট করার সময় একটু আলাদা ভাবে পোস্ট করবেন । এই কাজ টি করার জন্য নীচের টিপস গুল একটু লক্ষ করুন ।

.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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx44QO7W6kL5Glql4lR8ZHrqqjP3vw9CpRPsbuhmh8Aww2zNS8_u8w8vFCwNzFQj3rJxq32pnfgKaxONHr7InOzIYiU39HNNZkxJ4JCSXmnZYv5DhCqYDGCrP7HFInp7iHzigDoWuprAw/s1600/Untitled-1.png) repeat-y top left;border : 1px solid #000000;}.tgbox:hover{background : #ffc0cb url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizSwOMEWDPE8XvkJXlA2iVt6eHO2GssngqRrpMM3DrPSFPHYB86qsn4QkMclZHUqeer3LWDSXMArvWsABmEGRdLKcpJEZKNhoEMs_AdwTewFpxx4O3tnaxcCnoHQxPh63IiIbPUua57-g/s1600/bkb.png) repeat-y top left;color:#FEF9BF;border : 1px solid #000;}

১) প্রথমে আপনার ব্লগার ব্লগ লগ অন করুন তারপর ড্যাশবোর্ড থেকে 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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx44QO7W6kL5Glql4lR8ZHrqqjP3vw9CpRPsbuhmh8Aww2zNS8_u8w8vFCwNzFQj3rJxq32pnfgKaxONHr7InOzIYiU39HNNZkxJ4JCSXmnZYv5DhCqYDGCrP7HFInp7iHzigDoWuprAw/s1600/Untitled-1.png) repeat-y top left;

border : 1px solid #000000;

}

.tgbox:hover{

background : #ffc0cb url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizSwOMEWDPE8XvkJXlA2iVt6eHO2GssngqRrpMM3DrPSFPHYB86qsn4QkMclZHUqeer3LWDSXMArvWsABmEGRdLKcpJEZKNhoEMs_AdwTewFpxx4O3tnaxcCnoHQxPh63IiIbPUua57-g/s1600/bkb.png) repeat-y top left;

color:#FEF9BF;

border : 1px solid #000;

}

* এবার যখন কোন HTML কোড পোস্ট করবেন তখুন আপনার পোস্ট বক্সের বাম পাশে HTML এ ক্লিক করে এই কোড টি পেস্ট করুন    <div>Your text here</div>  এবার লাল রঙের Your text here টিকে মুছে আপনার HTML কোড বসিয়ে দিন । 

তাহলে আজকের মতো এই পর্যন্ত আবারও দেখা হবে নতুন কিছু নিয়ে । আল্লা হাফেজ ।