اضافة شريط اخبار احترافى لمدونات بلوجر - فى هذا الموضوع سوف اشارككم على مدونة روتكس باحدث اضافة حتى الان وبشكلها المطور اضافة شريط اخبار احترافى لمدونات بلوجر.
فائدة شريط الاخبار
وضعت فى المدونة شريط الاخبار الذى يعمل على عرض احدث مشاركات المدونة الخاصة بك، اكواد هذه الاداة خفيفة جدا على المدونات ولا تؤثر فى السرعة، اذا اعجبتك مميزات الاضافة وتريد تركيبها على مدونتك يرجى اتباع الخطوات التالية.
معاينة شريط الاخبار
1. اذهب الى لوحة التحكم > القالب > تحرير القالب > ضع الكود التالى فوق ]]></b:skin>
2. ضع الكود التالى فوق </body>
3. ضع الكود التالى من التخطيط فى المكان المناسب او من تحرير القالب بين <body> و </body>
4. احفظ القالب
انتهى شرح اضافة شريط اخبار احترافى لمدونات بلوجر، شكرا لكم على الزيارة.
فائدة شريط الاخبار
وضعت فى المدونة شريط الاخبار الذى يعمل على عرض احدث مشاركات المدونة الخاصة بك، اكواد هذه الاداة خفيفة جدا على المدونات ولا تؤثر فى السرعة، اذا اعجبتك مميزات الاضافة وتريد تركيبها على مدونتك يرجى اتباع الخطوات التالية.
معاينة شريط الاخبار
اضافة شريط اخبار احترافى لمدونات بلوجر
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. احفظ القالب
انتهى شرح اضافة شريط اخبار احترافى لمدونات بلوجر، شكرا لكم على الزيارة.
منور
ReplyDeleteبنورك
Deleteموضوع جميل... إستمر يا بطل
ReplyDeleteمرورك الاجمل
Deleteشكرا لك وبالتوفيق
شرح ممتاز ولكن بظهر عندي عنوان اخر الاخبار وبجانبه جاري التحميل وتستقر علي ذلك ما الحل
ReplyDelete