0
Make Sticky Widget In Blogger
الإضافات اللاصقة أو مايسمى بـ 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%22bottom%3A%200px%3B%20color%3A%20rgba%280%2C%200%2C%200%2C%200%29%3B%20font-size%3A%202px%3B%20position%3A%20fixed%3B%20right%3A%200px%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 بعرض الآداة التي اخترتها حتى لا يكون هناك فارق بين العرض الأساسي والعرض عند التمرير
وبهذا يكون انتهى الموضوع وبالتوفيق

إرسال تعليق

جميع الردود تعبّر عن رأي كاتبيها فقط. حريّة النقد والرد متاحة لجميع الزوار بشرط أن لا يكون الرد خارج نطاق الموضوع وأن يكون خال من الكلمات البذيئة. تذكّر قول الله عز وجل (مَا يَلْفِظُ مِن قَوْلٍ إِلاَّ لَدَيْهِ رَقِيبٌ عَتِيد).

 
Top