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

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

بواسطة شرقاوى ويب

الاثنين، 23 أبريل 2018

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

بسم الله الرحمن الرحيم 

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

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

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

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

شرح التركيب 

1. 1- ابحث عن <head/> واضف هذا الكود فوقه مباشرة

<style> /* Newsticker CSS */ #blanter-newsticker{margin:20px 0;position:relative} #recent_post{position:relative;border-bottom:1px solid #ddd;z-index:9;overflow:hidden;padding:8px;width:100%!important} #recent_post a{margin:0 15px;line-height:2} .newstitle{float:right;background:#1b77ea;color:#fff;padding:7px 10px;font-weight:bold;border-radius:4px;text-transform:uppercase} #recent_post .wrapper{width:1120px;max-width:100%;margin:0 auto} @media screen and (max-width:684px){ .newstitle{font-size:14px;padding:3px 10px!important}#recent_post{top:60px!important;padding:0!important}#recent_post marquee{width:67%!important;line-height:2}} #headersocial{float:left;margin:-5px 40px -5px 30px}#headersocial ul{list-style:none;padding:0;margin-top:14px}#headersocial li{float:left;padding:0;margin:0}#headersocial li a.fcb{background:#24458A;color:#FFF}#headersocial li a.gpl{background:#DD4B39;color:#FFF}#headersocial li a.twt{background:#1BB2E9;color:#FFF}#headersocial li a.joz{background:#DF0909;color:#FFF}#headersocial li a{font-size:17px;border-radius:3px;padding:10px;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);margin-right:5px;float:left;color:#fff!important;width:20px;text-align:center}#headersocial li a:hover{box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)} </style> <script type='text/javascript'> var blog_url = "https://sharqawi-web.blogspot.com"; var latest_post = 8; var scrolling_speed = "5"; var close_button = false; var info_text = true; </script>  

ملاحظة لا تنسى استبدال رابط مدونتى https://sharqawi-web.blogspot.com برابط مدونتك.


رقم 8 عدد المواضيع التى ستظهر فى شريط اخر المواضيع

رقم 5 سريط شريط اخر المواضيع 

1. 2- ابحث عن </body> واضف هذا الكود فوقه مباشرة.

<script src='https://cdn.rawgit.com/sharqawi-web/web/2eb031d5/akbaar.js' type='text/javascript'/> <script type='text/javascript'> //<![CDATA[ document.getElementById("blanter-newsticker").appendChild(document.getElementById("recent_post")); //]]> </script>  

1. 3- اضف هذا الكود فى المكان الذى تريده لظهور شريط اخر المواضيع.

<div id='blanter-newsticker'/>  

هذا كل شئ لا تنسى دعمنا لنتسمر فى نشر المزيد انشاء الله