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

প্রথমে আপনার ব্লগ এ লগিন করুন। তারপর Layout যান । Add a Gadget e  ক্লিক করুন। সিলেক্ট Label । এরপর নিচের ছবির মত করে কাস্তমাইজ করুন।

এখানে title এ আপনি যা খুশি লিখেতে পারেন। বাদ বাকি ঠিক করে save এ ক্লিক করুন।

এবার স্টাইল করার পালা

ব্লগার থেকে  Template । তারপর Edit HTML ক্লিক করুন। এবার   ]]></b:skin> কোড  খুজে বের করুন । তারপর নিচের সিএসএস কোড কপি করে ঐ কোড আগে পেস্ট করুন। এরপর প্রিভিউ দেখে নিন ঠিক থকালে সেভ করুন। কাজ শেষ

আমি চার স্টাইল দিলাম। আপনার যেটা পছন্দ সেটা দিন । ডেমো দেখতে এখানে ক্লিক করুন

স্টাইল- ১

কোড : 

.label-size a {

text-transform: uppercase;

float: left;

text-decoration: none;

margin: 0 3px 6px 0;

padding: 3px;

border: solid 1px #999;

border-radius: 3px;

font-size: 12px;

-moz-transition: all 0.3s ease-out;

-o-transition: all 0.3s ease-out;

-webkit-transition: all 0.3s ease-out;

-ms-transition: all 0.3s ease-out;

transition: all 0.3s ease-out;

}

.label-size a:hover {

border: 1px solid black;

-webkit-transform: rotate(360deg) scale(1) skew(1deg) translate(0px);

-moz-transform: rotate(360deg) scale(1) skew(1deg) translate(0px);

-ms-transform: rotate(360deg) scale(1) skew(1deg) translate(0px);

-o-transform: rotate(360deg) scale(1) skew(1deg) translate(0px);

}

স্টাইল- ২

কোড

.label-size a {

text-transform: uppercase;

float: left;

text-decoration: none;

margin: 2px 3px 6px 0;

padding: 3px;

border: solid 1px #999;

border-radius: 3px;

font-size: 12px;

-moz-transition: all 0.3s ease-out;

-o-transition: all 0.3s ease-out;

-webkit-transition: all 0.3s ease-out;

-ms-transition: all 0.3s ease-out;

transition: all 0.3s ease-out;

-webkit-transform: rotate(10deg) scale(1) skew(5deg) translate(0px);

-moz-transform: rotate(10deg) scale(1) skew(5deg) translate(0px);

-ms-transform: rotate(10deg) scale(1) skew(5deg) translate(0px);

-o-transform: rotate(10deg) scale(1) skew(5deg) translate(0px);

}

.label-size a:hover {

border: 1px solid black;

-webkit-transform: rotate(0deg) scale(1.2) skew(5deg) translate(0px);

-moz-transform: rotate(0deg) scale(1.2) skew(5deg) translate(0px);

-ms-transform: rotate(0deg) scale(1.2) skew(5deg) translate(0px);

-o-transform: rotate(0deg) scale(1.2) skew(5deg) translate(0px);

}

স্টাইল- ৩

কোড

.label-size a {

text-transform: uppercase;

float: left;

text-decoration: none;

margin: 2px 3px 6px 0;

padding: 3px;

border: solid 1px #999;

border-radius: 3px;

font-size: 12px;

-moz-transition: all 0.3s ease-out;

-o-transition: all 0.3s ease-out;

-webkit-transition: all 0.3s ease-out;

-ms-transition: all 0.3s ease-out;

transition: all 0.3s ease-out;

}

.label-size a:hover {

border: 1px solid black;

-webkit-transform: rotate(0deg) scale(1.2) skew(5deg) translate(0px);

-moz-transform: rotate(0deg) scale(1.2) skew(5deg) translate(0px);

-ms-transform: rotate(0deg) scale(1.2) skew(5deg) translate(0px);

-o-transform: rotate(0deg) scale(1.2) skew(5deg) translate(0px);

}

স্টাইল- ৪

কোড

.label-size a {

text-transform: uppercase;

float: left;

text-decoration: none;

margin: 2px 3px 6px 0;

padding: 3px;

border: solid 1px #999;

border-radius: 3px;

font-size: 12px;

-moz-transition: all 0.3s ease-out;

-o-transition: all 0.3s ease-out;

-webkit-transition: all 0.3s ease-out;

-ms-transition: all 0.3s ease-out;

transition: all 0.3s ease-out;

-webkit-transform:rotate(0deg) scale(1) skew(-15deg) translate(0px);

-moz-transform: rotate(0deg) scale(1) skew(-15deg) translate(0px);

-ms-transform: rotate(0deg) scale(1) skew(-15deg) translate(0px);

-o-transform: rotate(0deg) scale(1) skew(-15deg) translate(0px);

}

.label-size a:hover {

border: 1px solid black;

-webkit-transform: rotate(0deg) scale(1) skew(15deg) translate(0px);

-moz-transform: rotate(0deg) scale(1) skew(15deg) translate(0px);

-ms-transform: rotate(0deg) scale(1) skew(15deg) translate(0px);

-o-transform: rotate(0deg) scale(1) skew(15deg) translate(0px);

}

আজ এখানে শেষ করলাম। আগামি তে আবার দেখা হবে নতুন কিছু নিয়ে। ততদিন ভাল থাকবেন।

আমি ফেসবুকেঃ  https://www.facebook.com/alienfaisal

আমার ব্লগ ঃ Mediaarchive  yifi-torrents এর সকল মুভি ফাইল হস্টিং সাইট এ পাবেন সকল মুভি ১০৮০p, 720p এবং resume support লিঙ্ক । আমরা নতুন তাই কয়েক সময় লাগবে yifi-torrents এর সকল মুভি আপডেট করতে...