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





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

طريقة التركيب :
- إضافة الشريط تحت القائمة الأفقية :
ابحث عن كود 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;
}

الأن إبحث عن كود 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>
- إضافة الشريط تحت السلايد شو :
ما عليك سوى أن تطبق نفس الخطوات السابقة لكن هذه المرة ابحث عن أكواد السلايد شو
بعد ذلك قم بتغيير روابط وعناوين المواضيع بالعناوين الخاص بك
ملحوظة : الشريط غير تلقائي أي عليك أن تضيف الجديدة المواضيع الخاصة بك في كل مرة
أي استفسار اتركوه في تعليق إلى اللقاء
 
ÊÕãíã : ÊßäæáíÈí