كود نصوص وصور تمشي يضيف رونقاً جميلاً لموقعك وزيادة العرض

اذا كنت تعاني من ضيق المساحه في القوائم الجانبية لموقعك او مدونتك اليك كود هتمل بسيط  يحل المشكلة ويضيف لموقعك رونقاً جذاب 

طريقة تركيبه بانسبة لمدونات بلوجر فقط اذهب الى لوحة التحكم > التخطيط > إضافة أداة > HTML/JavaScript إضافة وظيفة طرف ثالث أو شفرة أخرى إلى مدونتك الإلكترونية.

والصق الكود المطلوب بعد تعديلة بما هو مناسب لمدونتك 

الكود التي يصلح لعرض النصوص الكتابية, الروابط, الصور,

اطار
سطر أو صورة 1 سطر أو صورة 2 سطر أو صورة 3 سطر أو صورة 4 سطر أو صورة 5 الخ.

كود

<marquee align="right" direction="up" height="120" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="150">

سطر أو صورة 1

سطر أو صورة 2

سطر أو صورة 3

سطر أو صورة 4

سطر أو صورة 5

الى ما تشاء

</marquee>

اتجاه السير يحدده الامر direction="up" اي ان up تعني فوق ومن الممكن تغيير 

كلمة up بكلمة down راح تعكس اتجاه السير من فوق الى تحت وكلمة right راح 

يكون السير من اليمين الى الشمال وعكسها left من الشمال الى اليمين

لتحديد ارتفاع المساحه الذي ترغب  height="120"

ولتحكم في السرعة بواسطة  scrollamount="2"  تستطيع الزيادة بزيادة الرقم 

او تنقيصه

لتحديد العرض الذي ترغب  width="150"

نموذج عارض الصور

كود

<marquee align="left" direction="left" height="200" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="500">
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJElCogaqdiw07yXqwfj6YYX8RFHv_omo1NHQrnj_mo07AzvjR9WTGox1dTRDlvOphiFH3sif0RmQdArrw5qCkyymC8o1L-Zfp3WJeWQN54ISfRaxvXOnRA3eE6XBWiUIOAsFmO88VWV1G/s1600/Facebook.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJElCogaqdiw07yXqwfj6YYX8RFHv_omo1NHQrnj_mo07AzvjR9WTGox1dTRDlvOphiFH3sif0RmQdArrw5qCkyymC8o1L-Zfp3WJeWQN54ISfRaxvXOnRA3eE6XBWiUIOAsFmO88VWV1G/s200/Facebook.png" width="120"></a><span id="goog_266087345"></span><span id="goog_266087348"></span>&nbsp; &nbsp;<img border="0" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgay2JhEhmao_aouzLI6nC68QirnfluMkQ06m2JgyUWvQfX_4hqsY6fFS7BYn_nFo7C6HoCnz2qhIcrnqDNIryawUlKrvQNay5hWuE3GQj_A8XWqWaIvxpvEZKkDO4j810iNbIjKMeMpw29/s200/RSS.png" width="120"><span id="goog_266087349"></span><span id="goog_266087346"></span>&nbsp; &nbsp; <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGxhUJ-xH2XFtVPVozzDbQbnWeCqctimC53h1sa83ohIT0YQ9GhK36FAEtbWEP6KLJm1JkcJTRzo8rdmE6sDT-brud4V0YXJWXq-H01pewwCbS0WfpaTAXe0ikhZjj9K_4YaptN18b-Jxr/s1600/Twitter.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGxhUJ-xH2XFtVPVozzDbQbnWeCqctimC53h1sa83ohIT0YQ9GhK36FAEtbWEP6KLJm1JkcJTRzo8rdmE6sDT-brud4V0YXJWXq-H01pewwCbS0WfpaTAXe0ikhZjj9K_4YaptN18b-Jxr/s200/Twitter.png" width="120"></a></div>
</marquee>

وبالتوفيق دائما ادعو لي ولكم 

Posted in: اضافات بلوجر