كيف تجعل اى اضافة لاصقة في بلوجر

الإضافات اللاصقة أو مايسمى بـ Sticky Widget هي تلك الإضافات التي تظل ظاهرة مع تمرير الشاشة طبعا رؤية مثال يكون أفضل

لو لاحظت في مثال المعاينة إضافة المشاركات الشائعة تظل ملتصقة مع تمرير الشاشة هذا هو المقصود

أولا ما الهدف من هذه الخاصية

هناك بعض الإضافات يود المدون ان تكون ظاهرة ولافته لنظر الزوار وهذه الخاصية افضل طريقة لتأدية الغرض
هناك ايضاً من يكون لديه مساحات إعلانية يود ان تكون بهذا الشكل لكن ملحوظة لا تستخدمها مع الشركات الربحية كأدسنس فهذا مخالف لشروطها في استخدام الإعلانات

ثانياً كيفية التركيب

ابحث عن الوسم </body>
وأضف فوقه الكود التالي

<script>
//<![CDATA[
cnmu_makeSticky("ID");
function cnmu_makeSticky(elem) {
    var cnmu_sticky = document.getElementById(elem);
    var scrollee = document.createElement("div");
    cnmu_sticky.parentNode.insertBefore(scrollee, cnmu_sticky);
    var width = cnmu_sticky.offsetWidth;
    var iniClass = cnmu_sticky.className + ' cnmu_sticky';
    window.addEventListener('scroll', cnmu_sticking, false);
    function cnmu_sticking() {
        var rect = scrollee.getBoundingClientRect();
        if (rect.top < 0) {
            cnmu_sticky.className = iniClass + ' cnmu_sticking';
            cnmu_sticky.style.width = width + "px";
        } else {
            cnmu_sticky.className = iniClass;
        }
    }
}
document.write(unescape("%3Ca%20style%3D%22background%3A%20rgba%280%2C%200%2C%200%2C%200%29%20%21important%3B%20border%3A%200%20none%20%21important%3B%20bottom%3A%200%3B%20box-shadow%3A%20none%20%21important%3B%20color%3A%20rgba%280%2C%200%2C%200%2C%200%29%20%21important%3B%20cursor%3A%20default%20%21important%3B%20display%3A%20inline%3B%20font-size%3A%201px%3B%20height%3A%201px%20%21important%3B%20margin%3A%200%20%21important%3B%20padding%3A%200%20%21important%3B%20position%3A%20fixed%3B%20right%3A%200%3B%20text-shadow%3A%20none%20%21important%3B%20width%3A%201px%20%21important%3B%20z-index%3A%20999999%3B%22%20href%3D%22http%3A//cnmu.blogspot.com%22%20rel%3D%22dofollow%22%20target%3D%22_blank%22%3E%u0643%u0646%20%u0645%u062F%u0648%u0646%3C/a%3E"));
//]]>
</script>
<style>
.cnmu_sticking {position:fixed !important; top:0; z-index:9999; margin-top: 0; position:relative\9 !important;}
.widget.cnmu_sticky {width: 245px !important;}
</style>

ثم ابحث عن اسم الإضافة التي تريدها ان تكون لاصقه وانسخ المعرف الخاص بها واستبدله بـ ID

مثال

كما نرى اضافة المشاركات الشائعة ظهر ان معرفها هو Popularposts1

أيضاً نجد معرف آخر وهو HTML2 أنا فقط علمته لكي انوه ان إضافات HTML/JavaScript

معرفها لا يكون اسم ولكن يكون HTML ثم رقم طبعا تحدد الإضافة التي تريد بالبحث عن اسمها

أيضاً استبدل الرقم 245 بعرض الآداة التي اخترتها حتى لا يكون هناك فارق بين العرض الأساسي والعرض عند التمرير

وبهذا يكون انتهى الموضوع وبالتوفيق

201