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

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

يمكنك معاينة الاضافة من هنا

شرح تركيب الاضافة

اولا ابحث على </head> وضع الكود التالي فوقه

<b:if cond='data:view.isHomepage'>
<style type='text/css'>
/*<![CDATA[*/
/*Breaking News www.abdoutech.org*/
.breaking_news{overflow:hidden;margin:10px auto}
.breaking_news .breaking-title{float:right;height:54px;line-height:50px;width:50px;text-align:center;margin-left:7px;border-radius:3px;background-color:rgb(46,53,67)}
.breaking_news .breaking-title i{color:#fff}
#abdoutechnews{display:inline-block}
#abdoutechnews li{height:50px;display:block;transition:cubic-bezier(.17,.67,.83,.67)}
#abdoutechnews li a{line-height:50px;display:block;color:#2e3543;text-indent:20px;font-weight:500}
.break_arrows{display:inline-block;float:left;position:absolute;top:50%;left:1%;transform:translateY(-50%);padding:7px 8px;border-radius:3px}
.break_arrows a{display:block;width:30px;height:30px;border-radius:5px;line-height:30px;background:#2e3543;text-align:center;color:#fff;margin-right:5px;font-size:12px;float:right}
.breaking_news .breaking_abdoutech{position:relative;overflow:hidden;border-radius:3px;background-color:rgb(255,255,255);border:1px solid #eeeeee}
@media screen and (max-width:640px){.breaking_news{display:none}}
/*]]>*/
</style>
</b:if>

الان ابحث على </body> وضع الكود التالي فوقه

تحميل الكود

الان ضع الكود التالي في المكان الذي تريد ضهور فيه شريط الاخبار

يسعدنا تفاعلكم بالتعليق ولكن نرجو منكم أن يكون خاص بالموضوع

maher 29 يناير 2019 في 3:50 م

موضوع رائع

سلمت يداك
- عبدو تكنولوجي - Abdou Technologie 29 يناير 2019 في 3:59 م
  
  شكرا

Unknown 29 يناير 2019 في 9:28 م

شريط الأخبار لا يعمل
- عبدو تكنولوجي - Abdou Technologie 29 يناير 2019 في 10:35 م
  
  الاضافة تعمل عادي ونفس الكواد في المعاينة