:: شرح كيفية إضافة نص متحرك في مدونات بلوجر ::

 

بسم الله الرحمن الرحيم

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

أين يمكنني إضافة كود النص المتحرك scrolling text-marquee-html codes ؟

يمكنني إضافته في رأس المدونة header، المواضيع Posts ، منطقة الذيل Footer والأعمدة الجانبية Sidebars .

لعمل هذا قم بالدخول لحسابك :التخطيط|عناصر الصفحة|إضافة أداة واختر HTML/JAVASCRIPT

إذا كنت تريد اضافة النص المتحرك لموضوعك ما عليك إلا التأكد أنك في الجزء : تحرير HTML لا الـتأليف Compose لكي تضيف الكود الخاص بالنص المتحرك (نسخ).

نبدأ بنص متحرك بسيط : مثلا :

الكود:

كود بلغة HTML:

<marquee>مدونة الطالب</marquee>

مثال آخر (إضافة لون للشريط ):
لمعرفة كود الألوان بإختلافها قم بزيارة لهذا الرابط

الكود:

كود بلغة HTML:

<marquee bgcolor="#99CCFF">مدونة الطالب</marquee>

والآن نتطرق لبعض الأمور التي يجب علينا معرفتها :

اقتباس:

direction="left" (يسار) direction="right" (يمين) direction="up" (أعلى) direction="down" (أسفل)

الكود:

كود بلغة HTML:

<marquee direction="up" bgcolor="#ccfb5d">الطالب</marquee>

(لقد اخترت المسار من الأسفل إلى الأعلى باختيار الجهة "up")

* مازلنا مع إضافة بعض الخصائص :

اقتباس:

behavior="alternate"

* هذه الخاصية لجعل النص المتحرك في حركة ذهاب وإياب حسب الجهة التي اخترتها (يمين أو يسار،أعلى،،)

كود بلغة HTML:

<marquee behavior="alternate" direction="right" bgcolor="#ccfb5d">بسم الله الرحمن الرحيم</marquee>

* يمكنك أيضا التحكم في سرعة النص المتحرك :

اقتباس:

scrollamount="2"

الكود:

كود بلغة HTML:

<marquee behavior="alternate" direction="right" scrollamount="2" bgcolor="#ccfb5d">بسم الله الرحمن الرحيم</marquee>

إذا أردت سرعة أكبر فزد في قيمة scrollamount.

* الأن سنرى كيفية جعل النص المتحرك يتوقف بمجرد تمرير المشيرة (الماوس) عليه :

الكود:

كود بلغة HTML:

<marquee behavior="alternate" direction="right" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" scrolldelay="50" bgcolor="#cccccc"> سبحان الله والحمد لله والله أكبر</marquee>

مرر الآن المشيرة فوق النص .

* لتغيير لون النص يمكنك ذلك بإضافة :

ليصبح الكود :

كود بلغة HTML:

<span style=""color:#FF0000""><marquee behavior="alternate" direction="right" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" scrolldelay="50" bgcolor="#cccccc"> سبحان الله والحمد لله والله أكبر</marquee></span>

* الآن كيفية إضافة رابط للنص المتحرك :

الكود:

كود بلغة HTML:

<marquee behavior="scroll" direction="left" bgcolor="#99FFFF" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4">    <a href="url#1">LINK#1</a>  <a href="url#2">LINK#2</a>  <a href="url#3">LINK#3</a>  </marquee>

ما عليك إلا وضع مكان Link#1,Link#2,Link#3 النص المراد أن يظهر و مكان url#1,url#2 و url#3 العناوين أو الروابط للنصوص التي اخترتها .

للأمانة العلمية هذا الموضوع منقول بتصرف يسير من منتدى عرب بلوجر - الدعم الفني - :: قسم دروس وإضافات بلوجر :: وأرجو استخدامه في الخير وفيما يرضي الله وأنا أبرأ إلى الله ممن يستخدمه لأغراض سيئة ومخلة بالدين