আমরা অনেকেই ব্লগার ব্যাবহার করি ব্লগিং করার জন্য। আর মাঝে মাঝে আমরা অনেকেই ডোমেইন কিনে ব্লগার এর মাধ্যমেই ওয়েবসাইত বানাই।
আর যেহেতু আমরা সকলে ব্লগার ব্যাবহার করি তাহলে আমাদের প্রয়োজন আমাদের আমাদের সাইটটা অনেক সুন্দর হওয়া
আর আলোকিত বিডি এমন একটি ব্লগ যেইখানে আপনি পাবেন আপনার ব্লগারকে সুন্দর করার তন্ত্র মন্ত্র
যাই হোক কাজ তাহলে শুরু করি
একটি কথা সবসময় মনে রাখবেন সাইট যত সুন্দর তত ভিজিটরও পাবেন
আজ আমি আপনাদের শিখাব কিভাবে ব্লগারের লেভেলকে CSS3 এফেক্ট দিতে হয়।
ঠিক উপরের ছবির মতো
প্রথমে আপনার ব্লগারে প্রবেশ করুন
এইবার Layout>>Add a Gadget >> Label সিলেক্ট করুন
এইবার উপরে ছবির মতো সেট করুন এবং আপনার পছন্দের জায়গা মতো উইডগেটটি রাখুন
এইবার Template এ গিয়ে প্রথমে আপনার থিমটি Backup রাখুন
এইবার Edit HTML সিলেক্ট করে CTRL+F চেপে ]]></b:skin> খুজে বের করে নিচের কোডগুলো ]]></b:skin> এর সামনে কপি করে পেস্ট করে দিন
/*— alokitobd.org Custom Label Cloud With CSS3 — */
.Label a{
padding-left:20px;
background:#000;
padding:0 20px;
color:#fff!important;
border-radius:100px;
-moz-border-radius:100px;
height:32px;
line-height:32px;
text-transform:uppercase;
text-decoration:none;
border:none !important;
-webkit-transition:all .3s ease-in-out !important;t: 30pxt: 30px;
float:left;
margin-left:5px;
margin-top:5px;
font-size:14px ; }
.Label a:hover{
color:#000 !important;
background:#ff0 ; }
#ff0 এর মাধ্যমে আপনার background এর কালার এবং 14px এর মাধ্যমে ফন্ট এর সাইজ বারাতে কমাতে পারবেন
এই পোস্টটি সর্বপ্রথম আমার ব্লগে প্রকাশিত হয়। সময় পেলে আমার ব্লগটি ঘুরে আশবেন।
ধন্যবাদ
অনলাইনে ছড়িয়ে ছিটিয়ে থাকা কথা গুলোকেই সহজে জানবার সুবিধার জন্য একত্রিত করে আমাদের কথা । এখানে সংগৃহিত কথা গুলোর সত্ব (copyright) সম্পূর্ণভাবে সোর্স সাইটের লেখকের এবং আমাদের কথাতে প্রতিটা কথাতেই সোর্স সাইটের রেফারেন্স লিংক উধৃত আছে ।