ব্লগের যুক্ত করুন সুন্দর একটি লেভেল

সবাইকে শুভেচ্ছা জানিয়ে শুরু করছি `ব্লগের যুক্ত করুন সুন্দর একটি লেভেল'

আসা করি আপনারা ভালকরে বুঝবেন। যদি কোন সম্যসা হয় তাহলে কমান্ড করতে ভুলবেন না কিন্তু। আর আমার সাইট থেকে ও ঘুরে আসতে পারেন।

প্রথমে  Blogger প্রবেশকরুন।এরপর Settings

এ প্রবেশকরুন।

এভার  Layouts ক্লিককরুন।Layout গিয়ে ক্লিক করুন
gadget and choose Labels      
 ভিতরে যাও  নিচের ছবিটির মত
 Display তে গিয়ে cloud বাটনটি সিল্টেক করুন।

 এভার Save করুন।

১.ড্যাশবোড> ডিজাইন>Edit HTML প্রবেশ করুন। 

template টি বেকাপ নিন।

 Expand Widget Templates 

লেখার পাশের বক্সে টিক দিন

এভার ctrl+F চেপে  নিচের কোডটি খুজুন। 

]]></b:skin>

   এবং এর উপরে নিচের কোডটি বসান

/*-----Custom Labels Cloud widget by http://www.MyBloggerTricks.com----*/
.label-size{
margin:0 2px 6px 0;
padding: 3px;
text-transform: uppercase;
border: solid 1px #C6C6C6;
border-radius: 3px;
float:left;
text-decoration:none;
font-size:10px;
color:#666;
}
.label-size:hover {
border:1px solid #6BB5FF;
text-decoration: none;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-moz-transform: rotate(7deg);
-o-transform: rotate(7deg);
-webkit-transform: rotate(7deg);
-ms-transform: rotate(7deg);
transform: rotate(7deg);
filter: progid:DXImageTransform.Microsoft.Matrix(
M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');
zoom: 1;
}
.label-size a  {
text-transform: uppercase;
float:left;
text-decoration: none;
}
.label-size a:hover  {
text-decoration: none;
}

         Save your template