আসসালামু আলাইকুম। আমার ৫ম পোস্টে আপনাদের সবাইকে স্বাগতম। বেশি কথা না বলে সরাসরি কাজে যাই। ব্লগারের ব্লগগুলোর যেকোনো  উইজেটকে স্টিকি করতে প্রথমে নিচের কোডটি কপি করুন। তারপর যেই উইজেট স্টিকি করবেন তার আইডি বের করুন। "আপনার উইজেট আইডি" লেখা জায়গায় উইজেট আইডি লিখুন। এবার Template>>Edit HTML এ গিয়ে </body> লিখে সার্চ দিন। এবং পুরো কোডটি </body> ট্যাগের উপর পেস্ট করুন। তাহলে খুব সহজে আপনার উইজেট স্টিকি হয়ে যাবে। এটার মাধ্যমে কিন্তু ওয়ার্ডপ্রেসেও লেখা স্টিকি করা যায়।  না বুঝলে কমেন্ট করুন।

 

<script>
// Sticky widget by Tips Wolrd 
// Tutorial at http://tipsworldblog.blogspot.com
// Free to use or share, but please keep this notice intact.
//<![CDATA[
bs_makeSticky("আপনার উইজেট আইডি"); // enter your widget ID here
function bs_makeSticky(elem) {
    var bs_sticky = document.getElementById(elem);
    var scrollee = document.createElement("div");
    bs_sticky.parentNode.insertBefore(scrollee, bs_sticky);
    var width = bs_sticky.offsetWidth;
    var iniClass = bs_sticky.className + ' bs_sticky';
    window.addEventListener('scroll', bs_sticking, false);
    function bs_sticking() {
        var rect = scrollee.getBoundingClientRect();
        if (rect.top < 0) {
            bs_sticky.className = iniClass + ' bs_sticking';
            bs_sticky.style.width = width + "px";
        } else {
            bs_sticky.className = iniClass;
        }
    }
}
//]]>
</script>

<style>
.bs_sticking {background:#f2f2f2 !important; position:fixed !important; top:0; z-index:9999; box-shadow:0px 10px 4px -5px rgba(0,0,0,0.3); margin-top: 0; position:relative\9 !important;}
</style>

পোস্টটি পূর্বে প্রকাশিত টিপস ওয়ার্ল্ডে