[بلوجر] إضافة شريط إخباري إحترافي لمدونات بلوجر 2014

[بلوجر] إضافة شريط إخباري إحترافي لمدونات بلوجر 2014

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

طريقة التركيب :

- إضافة الشريط تحت القائمة الأفقية :

ابحث عن كود css الخاص بالقائمة الأفقية وأضف الكود التالي بعده مباشرة :

.breaking-news { background: #444; width: 958px; overflow: hidden; margin-bottom: 15px; margin-top: -20px; border-bottom: 2px solid #279d97; border-top: 2px solid #279d97; border-left: 2px solid #279d97; height: 40px; } .breaking-news h2 { background: #279d97; height: 30px; padding: 5px; font-family: DroidKufi-Regular; font-size: 15px; color: #fff; float: right; line-height: 30px; } .breaking-news marquee { width: 57em; float: right; padding: 5px; font-family: DroidKufi-Regular; font-size: 15px; color: #03a9ff; line-height: 30px; }

الأن إبحث عن كود html الخاص بالقائمية الأفقية وأضف الكود التالي أسفله :

<b:if cond='data:blog.url == data:blog.homepageUrl'><div class='breaking-news'> <h2>اخر المشاركات</h2><marquee direction='right' onmouseout='this.start();' onmouseover='this.stop();' scrollamount='1' scrolldelay='10' truespeed=''> <a href='http://www.pro-ayoub.com/2014/02/covers-and-logos-psd.html'>[هدية] أغلفة وشعارات psd هدية لمتتبعينا* </a> <a href='http://www.pro-ayoub.com/2014/01/Control-Show-Hide-tools-and-additions-in-Blogger.html'>[درس] كيف تجعل إضافات بلوجر تظهر في صفحات محددة *</a> <a href='http://www.pro-ayoub.com/2014/01/Converting-direct-links-to.html'>[درس] كيف تجعل روابط مواضيع مدونتك مباشرة *</a> <a href='http://www.pro-ayoub.com/2014/01/templat-pro-ayoub-v1.html'>[قوالب] حصريا حمل القالب السابق لمدونة برو أيوب *</a> <a href='http://www.pro-ayoub.com/2014/01/blog-post_22.html'>[الملحقات] الجزء الأول من حقيبة تدرجات المصمم أيوب *</a> <a href='http://www.pro-ayoub.com/2014/01/blog-post_21.html'>[نصائح] نصائح ونقط مهمة لتصميم قالب بلوجر احترافي *</a> <a href='http://www.pro-ayoub.com/2014/01/blog-post_12.html'>[سيو] تصحيح وضع التاجات داخل مدونات بلوجر لأرشفة أفضل *</a> <a href='http://www.pro-ayoub.com/2014/01/css.html'>[درس] أهم أكواد css ودور كل واحد منها *</a> <a href='http://www.pro-ayoub.com/2014/01/2013_10.html'>[تقرير] أفضل المدونات العربية لسنة 2013 احصائيات برو أيوب *</a> <a href='http://www.pro-ayoub.com/2014/01/blog-post_7.html'>[ درس ] تحميل خطوط الفوتوشوب وطريقة تركيبها في الحاسوب *</a> </marquee></div></b:if>

- إضافة الشريط تحت السلايد شو :

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

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