আমাদের যাদের ডোমেইন বা হোস্টিং কেনার সামর্থ্য নেই বা থাকলেও ওয়েবসাইট ডিজাইন খুব একটা বুঝি না তাদের জন্য weebly নামক একটি কোম্পানী একেবারে বিনামূল্যে সাবডোমেইন সহ হোস্টিং ফ্রি দিচ্ছে। এই প্ল্যাটফর্মে যে কেই নূন্যতম বেসিক জ্ঞান দিয়েও দৃষ্টিনন্দন ওয়েবসাইট তৈরী করতে পারবে। আপনার যদি weebly তে কোন একাউন্ট না থেকে থাকে তাহলে এখানে ক্লিক করে একটি একাউন্ট বানিয়ে নিন। তারপর আরম্ভ করে দিন ওয়েবসাইট তৈরী। weebly তে আপনি রেফারেল পদ্ধতিতে আয় করতে পারবেন এছাড়াও পারবেন স্বনামধন্য Google Adsense এর মাধ্যমেও আয় করতে। এবার আসল ব্যাপারটি বলা যাক।

weebly র দেয়া ওয়েবসাইটগুলোতে সাধারনত ফুটারে অর্থাত ওয়েবসাইটের নীচে একটি লিখা থাকে যেখানে বলা থাকে উইবলির মাধ্যমে নতুন একটি ওয়েবসাইট বানান। এই লিখাটি উঠাতে হলে আপনাকে টাকা দিয়ে উইবলি প্রো কিনতে হবে। আর একটি ব্যাপার হচ্ছে আপনি এখানে favicon এ্যাড করতে পারবেন না যতক্ষন না পর্যন্ত আপনি উইবলি প্রো কিনছেন। কিন্তু আমি এখানে যে টিউটোরিয়াল দেব তার সাহায্যে আপনি উইবলি প্রো না কিনেই একেবারে বিনামূল্যে উইবলিতে ফুটার অদৃশ্য ও ফ্যাভিকন অ্যাড করতে পারবেন। তো শুরু করা যাক।

প্রথমে আপনার ফেভিকনটি ডিজাইন করুন। এবার এটিকে JPEG/JPG মুডে সেভ করুন। এখন এখানে ক্লিক করে একে .ico ফরম্যাটে রূপান্তরিত করুন। এবার আপনার পাবলিশার ওয়েবসাইটে ফিরে গিয়ে favicon নামে নতুন একটি পেজ তৈরী করুন। এখন পেজের উপরে বাম পাশে Multimedia এর অন্তর্গত File মাউস দিয়ে ড্র্যাগ করে পেজে টেনে এনে ছেড়ে দিন। এবার আপনার ফেভিকনটি আপলোড করুন।

এখন আপনি আপনার ওয়েবসাইটটি দেখুন এবং ফেভিকনটি ডাউনলোডের জন্য ক্লিক করুন। লক্ষ্য করুন আপনার ব্রাউজারে http://www.yoursite.com/favicon.ico নামে কিছু এসেছে যার শেষে .ico রছেছে। এটিই আপনার কাঙ্খিত লিঙ্ক। এখন নোটপ্যাড খুলে নিচের প্রক্রিয়াটি লক্ষ্য করুন।
<link href=”Your-Favicon-URL” rel=”SHORTCUT ICON”>
উপরের Your-Favicon-URL এর স্থলে আপনি আপনার কাঙ্খিত লিংকটি বসান। এবার আপনার পাবলিশারে ফিরে এসে Design থেকে Edit HTML/CSS তারপর HTML এ ক্লিক করে নোটপ্যাডে লিখিত কোডটি যেকোন স্থানে পেষ্ট করে দিন। ব্যাস হয়ে গেলো আপনার পেজে ফ্যাভিকন যোগ করা।

এবার আসি ফুটারের লেখাটি গোপন করার পদ্ধতি নিয়ে।
প্রথমে Design তারপর Edit HTML/CSS তারপর CSS এ ক্লিক করুন। অত:পর নিচের কোডটি খুজে বের করুন।
/* Footer */
#footer
{
color: #C6DDEE;
background: #CCC url(footer.jpg) no-repeat center top;
clear: both;
width: 825px;
height: 62px;
text-align: center;
padding-top: 12px;

এখন #Footer {  এর নীচে visibility:hidden; কোডটি বসিয়ে দিন। নিচে লক্ষ্য করুন।

/* Footer */
#footer
{
visibility:hidden;
color: #C6DDEE;
background: #CCC url(footer.jpg) no-repeat center top;
clear: both;
width: 825px;
height: 62px;
text-align: center;
padding-top: 12px;

ব্যাস হয়ে গেলো কাজ শেষ। এখন আপনার ওয়েবসাইটে গিয়ে দেখুন কি দারুন ফেভিকন এবং ফুটারে কোন লিখা নেই।

টিউনটি পূর্বে এখানে প্রকাশিত।