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

 وكما ترى فانه يوجد على هذا الموقع سهم يشير الى فوق، وموجود في الأسفل وعلى اليمين، ليس بالأمر الكثير انه فقط يحتاج للقليل من الكود كالتالي:

1. ادخل على "تصميم"
2. ثم "تحرير HTML"

أ) رابط على شكل صورة:
3. ابحث عن <body>

أسفلها تماما اضف:
 <a href='top'/>

ثم ابحث عن <body/>
واضف قبلها هذا الكود:
<div  id='monddiv'>
<a href='#top'><img src='http://sites.google.com/site/plusmesfichplus/navigation.jpg' title='ارجع فوق'/></a></div>

بامكانك وضع رابط للصورة الخاصة بك التي تريد ظهورها على مدونتك، فقط غير الرابط باللون الأخضر.

4. ابحث عن <head/>
واضف قبلها:
#monddiv img {
     border:0; 
     position:fixed; 
     bottom:28px; 
     right:12px;
}

ب) أما ان كنت تريد وضع نص بدلا من صورة فاضف هذا الكود بدلا من الكود السابق في المرحلة رقم 3 وقبل <body/>:

<div  id='monddiv'>
<a href='#top'>ارجع فوق</a></div>

 وفي مرحلة أخيرة أي المرحلة 4 أضف هذا الكود قبل <head/> :

#monddiv a {
     border:0; 
     position:fixed; 
     bottom:28px; 
     right:12px;
}

بامكانك تغيير موضع هذا الرابط أينما تريد فقط قم بتعديل القيم:
right، bottom ... أو مثلا ان كنت تريد وضع الرابط السابق على اليسار بنفس الارتفاع فقط غير right بـ left.

0 نعليق

X

تابعنا على مواقع التواصل الإجتماعي