25 مايو، 2011

طور مدونتك مع كود الذهاب إلى أعلى لمدونات بلوجر Blogger

شارك

السلام عليكم ورحمة الله وبركاته

اليوم موعدنا مع درس جديد واضافة جديدة لمدونات بلوجر الشهيرة لجعل المدونة أكثر مرونة وجمال واللى خلانى افكر فيها وانزلها فى موضوع لوحدها ان الكود ده تم طلبه بكثرة من قبل المدونين واصحاب المدونات والمواقع تسهيلا على زوارهم ومتابعيهم.

مدونة سامكو | طور مدونتك مع كود الذهاب إلى أعلى لمدونات بلوجر Blogger

الكود هو " الذهاب إلى ألى " أو " أعلى الصفحة " أو " GO TO TOP " او اى اسم انتم عاوزينه

 

فكرة الكود

هو عبارة عن زر صغير موجود فى اسفل المدونة " يمين أو يسار " ثابت يتحرك مع الصفحة وعند الوصول الى اسفل صفحة مدونة بلوجر ما عليك الا الضغط عليه ليصل بك الى اعلى الصفحة بسرعة دون تحديث للصفحة او فتحها مرة اخرى

مدونة سامكو | طور مدونتك مع كود الذهاب إلى أعلى لمدونات بلوجر Blogger

 

مميزان الكود

- يمكن استخدامه من قبل المدونين لإضافة لمسة جمالية على القالب الخاص بهم ومدوناتهم تحديداً.

- يمكن استخدامه من قبل المعربين والمصممين لقوالب بلوجر او وردبريس او المواقع الاخرى والمنتديات للتسهيل على الزوار والمتابعين لهم لتصفح مواقعهم ومدوناتهم.

 

الكود

<a title="الذهاب الى الاعلى " href="#" style="display:scroll;position:fixed;bottom:5px;right:5px;"><img src="http://www10.0zz0.com/2011/03/02/10/532198131.png"></a>

 

قبل تركيب الكود

قم بتغير رابط الايقونة الموجود باللون الاحمر بالرابط التى تريد وضعه فى مدونتك

 

تركيب الكود

1- الذهاب الى لوحة التحكم

2- اختار تبويب " تصميم " ثم تبويب " عناصر الصفحة "

3- اضافة أداة "  HTML/JavaScript " ويفضل تكون فى اسفل الصفحة

4- قم بوضع الكود السابق ثم احفظ

5- اذهب الى مدونتك واستمتع بالكود الجديد

 

تم الانتهاء وان شاء الله القادم افضل واحسن

شارك

6 التعليقات:

قوالب بلوجر معربة يقول...

رائع جدا , شكرا لك أخي الغالي

المنشد أبو مجاهد الرنتيسي يقول...

بسم الله وبعد
بوركت أخانا في الله على ما در به قلمك من نصائح ومعلومات قيمة تساعد الاصدقاء على تطوير مواقعهم

إخوانك في الله
أبو مجاهد الرنتيسي + أحلام الرنتيسي

وجع البنفسج يقول...

معلومة جديدة نضيفها للمدونة ، سلمت يداك اخي الكريم ..

دمت بخير وتقبل خالص احترامي وتقديري.

محمد نجد يقول...

خاصية رائعة جدا .. وفقك الله اخ محمد ..
لاتحرنا من ابداعاتك

REHAM يقول...

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

self-life يقول...

thanks very much

إرسال تعليق

التبادل النصى والاعلانات

 
Design by مدونة سامكو | Bloggerized by الأدراة - Premium Blogger Themes | اتصل بنا

التبادل الاعلانى

خدمات الدعم الفنى لبلوجر

التبادل الاعلانى