اخر الاخبار
جارى التحميل...

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

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

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

فائدة شريط الاخبار

وضعت فى المدونة شريط الاخبار الذى يعمل على عرض احدث مشاركات المدونة الخاصة بك، اكواد هذه الاداة خفيفة جدا على المدونات ولا تؤثر فى السرعة، اذا اعجبتك مميزات الاضافة وتريد تركيبها على مدونتك يرجى اتباع الخطوات التالية.

معاينة شريط الاخبار

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


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


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="http://www.rotkx.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. احفظ القالب

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

مواضيع ذات صلة

محمود مدون مصرى الجنسية، مصمم ومعرب قوالب بلوجر، مهووس ألعاب ذو عدة مدونات، لكن مع كثرة العمل قررت الإقتصار على مدونة واحدة وهى روتكس لكى أساعد كل شخص ولو بشيئ بسيط احب الجميع ولا أكره أحد

تذكر قوله تعالى
(( مَا يَلْفِظُ مِنْ قَوْلٍ إِلَّا لَدَيْهِ رَقِيبٌ عَتِيدٌ )) ‏

الان يمكنك اضافة اي مقطع فيديو الى التعليقات وايضا اضافة الصور فقط ضع رابط الصور او مقطع الفيديو في التعليقات

آرائكم تسعدنا، لمتابعة التعليق حتى نرد عليك فقط ضع إشارة على إعلامي
الابتساماتالابتسامات