بسم الله الرحمن الرحيم
إن ما لاحظته مؤخرا هو إنتشار إضافة شريط الأخبار في الكثير من المدونات العربية وبنفس النسق والفكرة هذه المرة أقدم لكم درس جديد في كيفية إضافة شريط آخر المواضيع والذي نجده في المواقع والمنتديات بحيث يكسب الصفحة ديناميكية ويسهل للمتصفح التعرف على المواضيع الحديثة في المدونة .
أولا : قم بالدخول الى حسابك على بلوجر وفي اللوحة الرئيسية اختر التبويب :تخطيط|عناصر الصفحة وانقر على إضافة أداة في منطقة جزء التخطيط (layout) - منطقة الوسط - ثم اختر من القائمة إضافة HTML/JAVASCRIPT.
وانسخ الكود الأتي :
إن ما لاحظته مؤخرا هو إنتشار إضافة شريط الأخبار في الكثير من المدونات العربية وبنفس النسق والفكرة هذه المرة أقدم لكم درس جديد في كيفية إضافة شريط آخر المواضيع والذي نجده في المواقع والمنتديات بحيث يكسب الصفحة ديناميكية ويسهل للمتصفح التعرف على المواضيع الحديثة في المدونة .
أولا : قم بالدخول الى حسابك على بلوجر وفي اللوحة الرئيسية اختر التبويب :تخطيط|عناصر الصفحة وانقر على إضافة أداة في منطقة جزء التخطيط (layout) - منطقة الوسط - ثم اختر من القائمة إضافة HTML/JAVASCRIPT.
وانسخ الكود الأتي :
<script src="http://sites.google.com/site/taliblogsite/file/Headlines-ar-widget.txt"> </script><script style=""> var nMaxPosts = 10; var sBgColor; var nWidth; var nScrollDelay = 170; var sDirection="right"; var sOpenLinkLocation="N"; var sBulletChar="»»"; </script> <script style="" src="http://مدونتك.blogspot.com/feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerv2"> </script><scriqt>
<ul><span style=";" >↑
<a href="http://www.italib.net//2009/05/blog-post_08.html" title="أضف "> أضف هذه الأداة </a><a href="http://www.italib.net/" title="مدونة الطالب">شريط آخر المواضيع</a></span></ul>
<!--NoEdit--></scriqt>
<ul><span style=";" >↑
<a href="http://www.italib.net//2009/05/blog-post_08.html" title="أضف "> أضف هذه الأداة </a><a href="http://www.italib.net/" title="مدونة الطالب">شريط آخر المواضيع</a></span></ul>
<!--NoEdit--></scriqt>
بحيث :
أكتب عنوان مدونتك في مكان الرابط ذو اللون الأحمر
var nMaxPosts = 10; - يحدد عدد المواضيع التي تظهر في الشريط.
var sBgColor; - var sBgColor= grey; :إذا كنت تريد تغيير لون خلفية الشريط مثلا
var nWidth; - لتحديد العرض
var nScrollDelay = 185; - لتحديد السرعة كلما قلت القيمة زادت السرعة
var sDirection="left"; - لتحديد جهة الحركة. left = Right to left; Right = Left to right; Up = Down to up; Down = Up to down
var sBulletChar="»»"; الرمز الذي يظهر قبل عنوان أي موضوع على الشريط ويمكنك تغييره
var sBgColor; - var sBgColor= grey; :إذا كنت تريد تغيير لون خلفية الشريط مثلا
var nWidth; - لتحديد العرض
var nScrollDelay = 185; - لتحديد السرعة كلما قلت القيمة زادت السرعة
var sDirection="left"; - لتحديد جهة الحركة. left = Right to left; Right = Left to right; Up = Down to up; Down = Up to down
var sBulletChar="»»"; الرمز الذي يظهر قبل عنوان أي موضوع على الشريط ويمكنك تغييره
أكتب عنوان مدونتك في مكان الرابط ذو اللون الأحمر
ليست هناك تعليقات:
إرسال تعليق