كود هتمل HTML
اذا كنت تعاني من ضيق المساحه في القوائم الجانبية لموقعك او مدونتك اليك كود هتمل بسيط  يحل المشكلة ويضيف لموقعك رونقاً جذاب 
طريقة تركيبه بانسبة لمدونات بلوجر فقط اذهب الى لوحة التحكم > التخطيط > إضافة أداة > 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/AVvXsEhkguHrB2jjeHodGVabPo5GvvowS9pgfI22EmXQ1j_q4_1yMXutFYgpsq_u-MWWmgL8uiYUjnRQ75cgPnDHRwSNvHNrq3Ez9APxdjGZkZZsSOQ54b33aibj2HP98YBgNSC8lxtpPovp61rd/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/AVvXsEhkguHrB2jjeHodGVabPo5GvvowS9pgfI22EmXQ1j_q4_1yMXutFYgpsq_u-MWWmgL8uiYUjnRQ75cgPnDHRwSNvHNrq3Ez9APxdjGZkZZsSOQ54b33aibj2HP98YBgNSC8lxtpPovp61rd/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/AVvXsEi6G-7DsaRY2h3sGIqZ4UVRSaS02A-udiRNFoTtwlVdz18WdWqgyNMYlsroRs39ixaAUBZIWoSeIPWg-teG67-xphFJN-GqzUmuOSvPqjczhLB2bJWqg56b0TMjUcRv5bsyr6HlsFLwLPHZ/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/AVvXsEgNuiYQR5ZyRxcY05Pmklgvv9ctbnqiPZzYqnzVTowMqF0Ro3k-Xi2HzRm9pVLaljtAEqYjr3e6LoZQO9uPmdL7YNga0WaJsQ1MrIreve4C8_blqpM_oDJNfA2T4NOEK7lYypPQoKT9SSzh/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/AVvXsEgNuiYQR5ZyRxcY05Pmklgvv9ctbnqiPZzYqnzVTowMqF0Ro3k-Xi2HzRm9pVLaljtAEqYjr3e6LoZQO9uPmdL7YNga0WaJsQ1MrIreve4C8_blqpM_oDJNfA2T4NOEK7lYypPQoKT9SSzh/s200/Twitter.png" width="120"></a></div>
</marquee>

By