شرح كيفية جعل أداة ثابتة على مدونات بلوجر

اليوم إنشاء الله سنشرح لكم طريقة إضافة أداة ثابتة على البلوجر . ما الذي نقصده بالأداة ثابتة ? الاداة الثابتة تمكن الزائر من صب كل إتجاهه نحوها ، حيث كل ما نزل اسفل المدونة سنتزل هي أيضا نحو الأسفل  ، لكنها تبقى مجرد أداة “Widget”  .

Sans titre DzTechs - شرح كيفية جعل أداة ثابتة على مدونات بلوجر

 

أصبح العديد من المواقع تستعمل هذه التقنية مؤخرا على القائمات الأفقية ، حيت ان هذه الطريقة تعد إحترافية جديدة على المدونات ، بدون أن لا ننسى الدور الذي تقدمه للمدونة و أيضا الشكل .

نحن في هذه التدوينة سنقوم بالشرح طريقة جعل أداة “Widget” تابثة بالنسبة للزائر . يمكنك إستعمال هذه الطريقة على صندوق الفايس بوك من اجل الحصول على العديد من الإعجابات ، أو إستعمالها على صندوق الإشتراك بالمدونة ، أوعلى أي  ودجيت تريدها و تختارها انت طبعا ، فقط تابع الشرح و لا تنسى الضغط إعجاب للموضوع .

  • اول عملية سنقوم بها و هي الذهاب إلى المدونة
  • نختار قالب >>>>>>  تحرير HTML
  • بعدها نبحث عن الوسم

     </Body>
  • نضع الكود الثالي فوق الوسم </body
 <script>
 // Sticky widget by dz-techs.com
// Free to use or share, but please keep this notice intact.
//<![CDATA[
bs_makeSticky("HTML7"); // 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:relative9 !important;}
</style> 

و نقوم بالتغيير HTML7  بالرمز الأداة على HTML

ذات صلة:  إضافات بلوجر | عداد المتابعين

كيف ستحصل على إسم الاداة ب HTML

  • تتوجه إلى تخطيط
  • ثم تختار الأداة التي تريدها و تضغط تحرير
  • بعدها ترى الإسم الاداة ب HTML  . سيكون موجود على الربط “ثابع الصورة”

FireShot+Pro+Screen+Capture+%2523074+ +%2527Blogger+  +%25D9%2585%25D8%25AF%25D9%2588%25D9%2586%25D8%25A9+%25D8%25A7%25D9%2584%25D9%2585%25D8%25B9%25D9%2584%25D9%2588%25D9%2585%25D9%258A%25D8%25A7%25D8%25AA+  +%25E2%2580%258F%25D8%25AA%25D9%2587%25D9%258A%25D8%25A6%25D8%25A9+HTML JavaScript%2527+ +www blogger com rearrange blogID%253D5606329808953411223%2526widgetType%253DHTML%2526widgetId%253DHTML7%2526action%253De - شرح كيفية جعل أداة ثابتة على مدونات بلوجر

  .^_^.
اشترك في نشرتنا الإخبارية
اشترك هنا للحصول على آخر الأخبار والتحديثات والعروض الخاصة التي يتم تسليمها مباشرة إلى البريد الإلكتروني الخاص بك.
يمكنك إلغاء الاشتراك في أي وقت
قد يعجبك ايضا

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. AcceptRead More