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

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

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

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

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

<b:if cond='data:view.isHomepage'><style type='text/css'>/*<![CDATA[*/ /*Breaking News www.abdoutech.com*/ .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> وضع الكود التالي فوقه

تحميل الكود

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

<div class='breaking_news'><div class='breaking-title'><span><i aria-hidden='true' class='fa fa-bolt'></i></span> </div><div class='breaking_abdoutech' data-show="20"/></div>


لزيادة عدد المواضيع يمكنك تغيير هذا الرقم

data-show="20"

الان احفظ القالب و مبروك عليك الاضافة 


اذا اعجبك شرح اليوم لا تنسى الاشتراك في المدونة لكي تتوصل بكل جديد

شارك الموضوع عبر :



free-blogger