كيفية إضافة شريط أخر الأخبار في بلوجر

شرح كيفية اضافة اخر الاخبار فى بلوجر لعرض اخر المواضيع من خلال رابط الخلاصة فى مدونة بلوجر أضافة أحدث الاخبار فى بلوجر لعرض المواضيع فى شريط الاخبار شريط أخر الأخبار متحرك اضافة شريط الاخبار بشكل احترافى فى مدونات بلوجر أضافة شريط متحرك لأخر الأخبار , اضافة شريط علوي لأخر المواضيع , شرح تركيب شريط إخباري متحرك بشكل احترافي لعرض أحدث المواضيع على مدونات بلوجر , كيفية اضافة شريط اخر المواضيع بلوجر , نيوز بار لعرض أجدد المواضيع على بلوجر How to Add Breaking News
كيفية إضافة شريط أخر الأخبار في بلوجر
كيفية إضافة شريط أخر الأخبار في بلوجر

أضافة أحدث الاخبار فى بلوجر لعرض المواضيع فى شريط الاخبار

 كيفية اضافة شريط أخر الاخبار فى مدونات بلوجر الان سوف نبدا الشرح فى اضافة الشريط الاخبار بدون مشاكل مع النتيجة المبهرة لمنظروا اذهب الى القالب وبعدها تحرير HTML ابحث عن هذا ]]></b:skin> او </style> لأضافة هذا الكود قبله
/* CSS Breaking News */
#breakingnews {margin:15px 0 0 0;margin-right:15px;height:42px;line-height:29px;overflow:hidden;background:#fff;border:1px solid #e6e6e6;}
#breakingnews .breakhead {position:absolute;background:none repeat scroll 0 0 #363b40;color:#fff;display:block;float:left;font-family:inherit;font-size:16px;font-weight:400;text-transform:uppercase;padding:6.5px 22px;}
#adbreakingnews li a {font-family:inherit;font-weight:400;color:#666;margin-top:10px;transition:all 0.5s ease-in-out;}
#adbreakingnews li a:hover {color:#359bed;}
#adbreakingnews {float:left;margin-left:75px;margin-top:6px;}
#adbreakingnews ul,#adbreakingnews li{list-style:none;margin:0;padding:0}

@media only screen and (max-width:640px){
#breakingnews {margin:20px 0 0 0;margin-right:0;}
#breakingnews .breakhead {padding:6.5px 14px;}
#adbreakingnews {margin-left:50px;}}
ثم بعد ذلك اضف الكود التالي قبل هذا </body>
<script type='text/javascript'>
//<![CDATA[
// Breaking News
$(document).ready(function(){var e="http://www.tvtion.com",t=20;$.ajax({url:""+e+"/feeds/posts/default?alt=json-in-script&max-results="+t,type:"get",dataType:"jsonp",success:function(e){function t(){$("#adbreakingnews li:first").slideUp(function(){$(this).appendTo($("#adbreakingnews ul")).slideDown()})}var n,r,s="",a=e.feed.entry;if(void 0!==a){s="<ul>";for(var l=0;l<a.length;l++){for(var o=0;o<a[l].link.length;o++)if("alternate"==a[l].link[o].rel){n=a[l].link[o].href;break}r=a[l].title.$t,s+='<li><a href="'+n+'" target="_blank">'+r+"</a></li>"}s+="</ul>",$("#adbreakingnews").html(s),setInterval(function(){t()},5e3)}else $("#adbreakingnews").html("<span>No result!</span>")},error:function(){$("#adbreakingnews").html("<strong>Error Loading Feed!</strong>")}})});
//]]>
</script>
هتبحث عن هذا الرابط http://www.tvtion.com/ وتقوم بتغييره الى رابط مدونتك
ثم حفظ الكود فى اي مكان يعجبك بس طبعا تحطوا بين وسم البداية <body> والاغلاق </body>
<div id='breakingnews'><span class='breakhead'><i class='fa fa-rss'/></span>
<div id='adbreakingnews'>جاري التحميل...</div></div>
اذا كنت تريد عرض الاخبار على الصفحة الرئيسية فقط, رجاء قم بأضافة الكود التالي فى الصفحة الرئيسية
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div id='breakingnews'><span class='breakhead'><i class='fa fa-rss'/></span>
<div id='adbreakingnews'>جاري التحميل...</div></div>
</b:if>

كيفية اضافة شريط اخر المواضيع بلوجر

بعدها احفظ القالب وانتهي الشرح والحمد لله المعاينة والنتيجة
ليست هناك تعليقات