Header Ads Widget

Responsive Advertisement

Ticker

6/recent/ticker-posts

আপনার ব্লগার ওয়েবসাইটে ব্যবহার করুন কিছু অসাধারণ আইকন।

আপনার ব্লগার সাইটের সাদামাঠা ভাব দেখতে ভালো লাগছে নাহ।মেনু বার অনেক পুরাতন লাগছে ?
তাহলে আপনার জন্নই এই টিউন।


উপরের পিকটা আমার ব্লগার সাইটের।
দেখছেন কত্তগুলান শুন্দর লাগতাছে আইকন গুলান অ্যাড কইরা :D।
এখন আপনাদের প্রশ্ন হইতে পারে,
ভাই আমি করবো ক্যাম্নে ??? 
আসুন তাহলে দেখা যাক ক্যামনে আপনি আপনার মেনুবার এ এমন শুন্দর আইকন যোগ করবেন।
১।
আপনার ব্লগার সাইটে লগ ইন করুন।তার পরে,
  • Template >> Edit HTML
  • <head> সার্চ করুন
<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'/>
কোন কিছু বুঝতে সমস্যা হলে অবশ্যই নিচে টিউমেন্ট করবেন।