របៀបដាក់​-how to make sticky float sidebar for blogger

សួរ​ស្តី​ប្រិយមិត្តអ្នក​អាន​ទាំង​អស់គ្នា​ដែលបានចូលមកក្នុងគេហទំព័ររបស់​ខ្ញុំ។ ថ្ងៃនេះខ្ញុំបាទសូម​​​​បង្ហាញជូននូវគន្លឹះមួយ​ គឺការដាក់ ផ្ទៃខាងៗនៃប្លុកអោយនៅជាប់ពេលដែល​យើងចុចវាឡើងលើ​រឺ ចុះក្រោម​​តែវាមិនបន្តរចុះក្រោមតាមទេ វានឹងនៅនឹងថ្កល់ដើម្បី​កុំឲ្យវានៅចំហរផ្ទៃខាងៗនៃប្លុករី​ វេប​សាយរបស់យើងជាដំបូបងប្អូនត្រូវ ចូលក្នុងគណនីប្លុក រីវេបសាយរបស់បងប្អូន រួចហើយសូមចូលទៅ​Edit TemplteHtml បន្ទាប់មកចុច Cont F ស្វែករកនូវពាក្យ បន្ទាប់មក Copy code ខាងក្រោម
ដាកនៅខាងលើ

<script>
// Sticky widget by Bloggersentral.com
// Tutorial at http://www.bloggersentral.com/2013/04/how-to-make-any-widget-sticky.html 
// Free to use or share, but please keep this notice intact.
//<![CDATA[
bs_makeSticky("YOUR_WIDGET_ID"); // 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> 

បញ្ជាក់នៅត្រង់ YOUR_WIDGET_ID​​​​ ត្រូវដាក់ ID Widget របស់លោកអ្នកដែលចង់ដាក់
អោយវានៅជាប់

• Tweet
• Share
• Share
• Share
• Share

ads here

About Admin MC3

This is dummy text. It is not meant to be read. Accordingly, it is difficult to figure out when to end it. But then, this is dummy text. It is not meant to be read. Period.

Related Post