Wapkiz এ স্টাইকি ফুটার আইকন বার যুক্ত করার উপায়

 আপনারা যারা wapkiz ইউজার আপনাদের হয়তো আমার আগে দেওয়া হেডার নেভিগেশন বার টি যুক্ত করেছেন।

আর আজকে আপনাদের জন্য নিয়ে আসলাম রেস্পন্সিব স্টাইকি ফুটার বার কোড।

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

আপনারা এটিকে গুরুত্বপূর্ণ লিংক যেমন পপুলার ফাইল, ক্যাটাগরি, লেটেষ্ট আপডেট ইত্যাদি ইত্যাদি লিংক দিতে পারবেন যাতে ইউজার খুব সহজেই ব্যবহার করতে পারে।

এটি আপনার সাইটে ভাসমান মানে স্টাইকি অবস্থায় থাকবে এবং আপনি আপনার সাইটের গুরুত্বপূর্ণ লিংক আইকনের মাধ্যমে রাখতে পারবেন।

এটির মাধ্যমে আপনি যখন এই বাটনটিতে ক্লিক করবেন তখনই শুধু লিংক টি অপেন হবে এবং যেকোনো ইউজার তার কাষ্কিত পেইজে যেতে পারবে সহজেই।

আর এই সিষ্টেসটিকে বলে ফুটার স্টাইকি আইকন বার।

যেহেতু এটি রেস্পন্সিব তাই এটি মোবাইল ও পিসিতে খুব সুন্দর করে দেখা যাবে।

আপনারা হয়তো অনেকেই জানেন না

 wapkiz কী?

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

 wapkiz.com হচ্ছে এটির ডোমেইন নেইম আর আপনি যদি কোনো ওয়েবসাইট বানান তবে আপনার ডোমেইন নেইম হবে example.wapkiz.com এমন।

পরে আপনি ইচ্ছে করলে আপনার সাইটে কাষ্টম ডোমেইন কিনে ব্যবহার করতে পারবেন।

 রেস্পন্সিব স্টাইকি আইকন বারটি যুক্ত করার সুবিধাঃ

 আপনি যদি আপনার সাইটে স্টাইকি আইকনবার টি যুক্ত করেন তবে আপনার সাইটটি দেখতে অনেক সুন্দর ও আকর্ষনিয় হবে।

 যেকেউ আপনার সাইটটি খুব সুন্দর করে ভিজিট করতে পারবে আর আপনার সাইটে থাকা ওয়াপকিজ ফুটার অ্যাড হাইড হয়ে যাবে।

 আপনি আপনার সাইটে যদি এটি বসান তবে এটি সবসময় ফোনের স্ক্রিনে ভেসে থাকবে। 

 আপনার সাইটে থাকা ফুটারটি যেকেউ খুব সুন্দর করে ইউজ করতে পারবে এবং দেখতেও সুন্দর দেখাবে।

 

 কীভাবে যুক্ত করবেনঃ 

 স্টাইকিবার টি যুক্ত করার জন্য নিচের কোডটি আপনার সাইটের ফুটারের একেবারে শেষে যুক্ত করে দিন।

 তবেই আপনার সাইটে স্টাইকি আইকন বারটি যুক্ত হয়ে যাবে।

 আর এই আইকনবার টির কোডগুলো আপনাদের দেওয়া হচ্ছে আইটি হেল্পবিডি১২ এর সৌজন্যে। 

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

 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"><style>.ic-bar { width: 100%; background-color:teal; overflow: auto;position:fixed!important;left:0!important;right:0!important;bottom:0px!important;a-index484848485;margin:0;}.ic-bar a { float: left; width: 20%; text-align: center; padding: 4px 0; transition: all 0.3s ease; color: white; font-size: 36px;}.ic-bar a:hover { background-color:indigo;}.ic-bar a:active { background-color:black;}</style><div class="ic-bar"><a href="https://www.facebook.com/mightnews24"><i class="fa fa-facebook-square"aria-hidden="true"></i></a> <a onclick="openNavlock()"><i class="fa fa-user"aria-hidden="true"title="Login"></i></a> <a onclick="openNavabout()"><i class="fa fa-globe"aria-hidden="true"></i></a> <a onclick="openNavads()"><i class="fa fa-bitcoin"aria-hidden="true"title="Earning Site"></i></a> <a onclick="openNavfolder()"><i class="fa fa-folder-open"aria-hidden="true"></i></a></div>

 বন্ধুরা যদি কোডটি কপি করতে সমস্যা হয় তবে কমেন্ট করে জানান।

 উপসংহারঃ 

 বন্ধুরা কোডটি নিশ্চয় আপনার ভালো লেগেছে। 

 আপনি ইচ্ছে করলে কোডটি কালার ও আইকন পরিবর্তন করে ব্যবহার করতে পারেন।

আপনি এই কোডটি সাইটের যে অংশেই বসান নাকেন এটি সবসময় সাইটের ফুটারেই দেখাবে।

আপনি এটি ওয়াপকিজ সহ অন্য সকল সাইটে ব্যবহার করতে পারবেন।

 তো আজ এপর্যন্ত নতুন কিছু পেতে আমাদের সাথেই থাকুন।