احدث اضافة حتى الان وبشكلها المطوراضافة شريط اخبار احترافى لمدونات بلوجر.
اضافة شريط اخبار احترافى لمدونات بلوجر - فى هذا الموضوع سوف اشارككم على مدونة wesam developer باحدث اضافة حتى الان وبشكلها المطوراضافة شريط اخبار احترافى لمدونات بلوجر.
فائدة شريط الاخبار
وضعت فى المدونة شريط الاخبار الذى يعمل على عرض احدث مشاركات المدونة الخاصة بك، اكواد هذه الاداة خفيفة جدا على المدونات ولا تؤثر فى السرعة، اذا اعجبتك مميزات الاضافة وتريد تركيبها على مدونتك يرجى اتباع الخطوات التالية.
معاينة شريط الاخبار
اضافة شريط اخبار احترافى لمدونات بلوجر
1
اذهب الى لوحة التحكم > القالب > تحرير القالب > ضع الكود التالى فوق ]]></b:skin>/* CSS Breaking News Rotkx */
#breakingnews{position:relative;font-family:'Droid Arabic Kufi',Roboto;margin:20px 20px 0 20px;height:50px;line-height:26px;overflow:hidden;padding:4px 0;border-top:2px solid #ecf0f1;border-bottom:2px solid #ecf0f1}
#breakingnews:after{content:'\f0c9';font-family:fontawesome;color:#bdc3c7;position:absolute;left:18px;font-size:1.2rem;font-weight:normal;top:12px;text-align:center}
#breakingnews .breakhead{background:#e74c3c;color:#fff;display:inline-block;float:right;font-size:17px;font-weight:700;padding:6px 12px}
#adbreakingnews{float:right;margin-right:12px;margin-top:6px;line-height:28px}
#adbreakingnews ul,#adbreakingnews li{list-style:none;margin:0;padding:0}
#adbreakingnews li a {font-weight:400;color:#000;margin-top:10px;}
#adbreakingnews li a:hover {color:#e74c3c;}
#adbreakingnews li a:before{content:'\f079';font-family:fontawesome;display:inline-block;float:right;margin:0 0 0 8px;line-height:29px;}2
ضع الكود التالى فوق </body><script type='text/javascript'>
//<![CDATA[
// Breaking News
$(document).ready(function(){var e="https://wiisam21.blogspot.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>لا توجد نتائج!</span>")},error:function(){$("#adbreakingnews").html("<strong>خطأ فى التحميل Feed!</strong>")}})});
//]]>
</script>3
ضع الكود التالى من التخطيط فى المكان المناسب او من تحرير القالب بين<body> و </body><div id='breakingnews'><span class='breakhead'>اخر الاخبار</span>
<div id='adbreakingnews'>جارى التحميل...</div></div>4
احفظ القالبانتهى شرح اضافة شريط اخبار احترافى لمدونات بلوجر شكرا لكم على الزيارة.
إذا أعجبك المقال أو كان مفيدًا - ضع "أعجبني". اشترك في المدونة اوشارك برأيك في التعليقات! أراك لاحقا
COMMENTS