اضافة كود شريط آخر الأخبار متحرك شبيه بشريط مدونة الضياء

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

طريقة الاضافة

 1-من لوحة التحكم >> قالب >> تحرير HTML
2- خذ نسخة احتياطية لقالب المدونة قبل اجراء اي تغير
3- قم بالبحث عن الكود التالي بالاستعانة بلوحة التحكم (CTRL+F)
4- قم بالبحث عن الكود ]]></b:skin> واضف فوقه مباشراً الكود التالي
5-ان لم تجده ابحث عن الكود التالي <b:skin><![CDATA[

<group description="News Ticker" selector=".news-ticker">
<variable name="news.back.color" description="Background Color"
type="color" default="#f3f3f3" value="#f3f3f3"/>
<variable name="news.backn.color" description="Title Background"
type="color" default="#2c2c2c" value="#2c2c2c"/>
<variable name="news.textn.color" description="Title"
type="color" default="#fff" value="#ffffff"/>
<variable name="news.text.color" description="Scroll Title"
type="color" default="#2c2c2c" value="#2c2c2c"/>
<variable name="news.texth.color" description="Scroll Title Hover"
type="color" default="#444" value="#444444"/>
</Group>

 6- والان قم بالبحث عن الكود </head> واضف فوقه مباشراً الكود التالي

/* Tickercontainer
----------------------------------------------- */
.tickercontainer {
width: 1038px;
height: 50px;
margin: 0;
padding: 0;
overflow: hidden;
}
.tickercontainer .mask {
position: relative;
right: 10px;
width: 1038px;
overflow: hidden;
}
ul.newsticker {
position: relative;
list-style-type: none;
margin: 0;
padding: 0;
}
ul.newsticker li {
float: right;
margin: 0;
padding: 0;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
}
ul.newsticker span {
margin: 0px 0px 0px;
} 

الاكواد تختلف من قالب الى اخر لكن سوف اضع كود تقريبي يوجد في العديد من القوالب نبحث عن الكود <div class='main-wrapper'> 

ان لم تجده ابحث عن الكود <div class='clear'/> ونضع اسفله الكود التالي

<div id='content-wrapper'><div id='outer-fix'><div id='news-wrapper'><b:section class='news-ticker' id='news1' preferred='yes'> <b:widget id='HTML6' locked='false' title='' type='HTML'> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2></b:if> <div class='widget-content'> <data:content/> </div><b:include name='quickedit'/></b:includable> </b:widget> <b:widget id='HTML76' locked='true' mobile='yes' title='News Ticker' type='HTML'> <b:includable id='main'> <!-- only display title if it's non-empty --> <div class='widget-content'><div id='headlines'><li><i class='fa fa-refresh fa-spin'/></li><h2>اخر الاخبار</h2><div class='right_arrow'/><div class='htick'><div class='htick-text'><ul id='ticker01'><div id='news2'/><script type='text/javascript'>newsticker({idpbt:"#news2",maxpost:20,});</script></ul></div></div></div></div><script type='text/javascript'>$(function(){ $("ul#ticker01").liScroll();});</script>
</b:includable> </b:widget> <b:widget id='Navbar1' locked='false' title='Navbar' type='Navbar'> <b:includable id='main'><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script><div id="navbar-iframe-container"></div><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar.g?targetBlogID\758734222039967882681\46blogName\75%D9%85%D8%AF%D9%88%D9%86%D8%A9+%D8%A7%D9%84%D8%B6%D9%8A%D8%A7%D8%A1\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75//dayaeblog.blogspot.com/search\46blogLocale\75ar\46v\0752\46homepageUrl\75http://dayaeblog.blogspot.com/\46vt\0754757030015805066040', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </script><script type="text/javascript">(function() {var script = document.createElement('script');script.type = 'text/javascript';script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';var head = document.getElementsByTagName('head')[0];if (head) {head.appendChild(script);}})();</script></b:includable> </b:widget>

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