তাহলে আপনার জন্নই এই টিউন।
উপরের পিকটা আমার ব্লগার সাইটের।
দেখছেন কত্তগুলান শুন্দর লাগতাছে আইকন গুলান অ্যাড কইরা :D।
এখন আপনাদের প্রশ্ন হইতে পারে,
ভাই আমি করবো ক্যাম্নে ???
আসুন তাহলে দেখা যাক ক্যামনে আপনি আপনার মেনুবার এ এমন শুন্দর আইকন যোগ করবেন।
১।
আপনার ব্লগার সাইটে লগ ইন করুন।তার পরে,
- Template >> Edit HTML
- <head> সার্চ করুন
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"/>
বুঝতে অসুবিধা হইলে উপরের পিক টা দেখেন।
২।
এখন দেখন কিভাবে আইকন অ্যাড করবেন।
<li><a href='#'> About</a></li>
আপনার মেনুবারের মেনুর জন্য উপরের কোডটি ব্যবহার করা হয়।এইখানে আমরা একটু এডিট করবো।
<li><a href='#'><i class='fa fa-envelope'/> About</a></li>
মানে আপনার মেনুর টেক্সট এর আগে শুধু আইকন এর কোড টা অ্যাড করবো।
৩।
এখন আইকন কোড অথবা আইকন কথায় পাবো ???
http://fortawesome.github.io/Font-Awesome/icons/
উপরের লিঙ্ক এ গেলেই পায়ে জাবেন কয়েক শত ফ্রী আইকন।
আপনার পছন্দের আইকনের উপর ক্লিক করুন আর কোড টা কপি পেস্ট করুন।
লক্ষ্য করুনঃ<i class='fa fa-envelope'> শুধু এতটুকু কপি পেস্ট করুন।এবং পেস্ট করার পরে (/) এই স্পেসাল ক্যারেক্টার টা ব্যবহার করুন। উদাহারনঃ<i class='fa fa-envelope'/>
কোন কিছু বুঝতে সমস্যা হলে অবশ্যই নিচে টিউমেন্ট করবেন।