الخميس، 27 نوفمبر 2014

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

الكاتب Med Naim

اليوم مرحبا بكل المدونين واصحاب المدونات على بوجر او على وردبريس في اول موضوع حول تطوير المواقع وفي صفحة الاضافات حيت خصصناه الى مشاركتكم اضافة "المواضيع الجديدة" وهي اضافة جد جميلة وتعمل عن طريق feed اي تتجدد تلقائيا كلما نشرت موضوع جديد كما انه يمكن عرض حوالي 26 موضوع من خلالها وهدا بالاضافة الى انها لا تحتوي على اكواد جافا سكريبت كتيرة قد تكون سبب في تقل موقعك .

وطريقة تركيب هده الاضافة جد سهلة وبخطوات بسيطة فقط تقوم بدخول على تخطيط في مدونتك تم اضافة جديدة وتختار HTML/JAVASCRIPT تم بعد دلك تكتب في العنوان مواضيع جديدة وفي الخانة اسفل العنوان تكتب هدا الكود التالي :

<center>
 <style text-type="CSS">
img.label_thumb {float:center;padding:2px;background:#fff;border:1px solid #000;width:78px;height:78px;margin-right:10px;margin-top:5px;margin-bottom:5px; }
img.label_thumb:hover {opacity:0.8;filter:alpha(opacity=80);-moz-opacity:0.80;-khtml-opacity:0.8 }
</style>
<script type='text/javascript'>
//<![CDATA[
function labelthumbs(json){document.write('<div>
');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}
var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)
{s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}
else thumburl='';}
document.write('<a href="'+posturl+'" title="'+posttitle+'"><img class="label_thumb" src="'+thumburl+'"/></a>');
if(i!=(numposts-1))
document.write('');}
document.write('</div>
');}
//]]>
var numposts = 12;
</script>
<script type="text/javascript" src="http://هنا رابط مدونتك/feeds/posts/default?alt=json-in-script&callback=labelthumbs"></script>

وفقط تضيف رابط مدونتك في المكان المشار اليه داخل الكود وتقوم بضغط على حفظ وستعمل بادن الله .
هدا كل شئ اتمنى ان تعجبكم هده الاضافة ولا تنسوا مشاركتنا بتعليقاتكم وانتقاداتكم وحتى مشاكلكم فسيسعدنا جدا الاجابة عنها .

Med Naim

إذا كنت تحتاج إلى عدد أكبر من الفقرات يتيح لك مولد النص العربى زيادة عدد الفقرات كما تريد. هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة, ومن هنا وجب على المصمم أن يضع نصوصا مؤقتة على التصميم ليظهر للعميلً