اضافة اخر المواضيع لمدونات بلوجر مع مصغرات الصور الأضافة تظهر كالتالى ظهور صورة مصغرة من الموضوع وعنوان الموضوع فقط وعدد التعليقات الأضافة اكثر من رائعة بسبب تناسق الاضافة وخفتها على المتصفح ولا تسبب اى ثقل للمدونة فلمن يريد ان يضع هذه الاضافة بالمدونة فليتابع طريقة التركيب ولمن يريد اضافات متشابة بأمكانة ان يشاهد هذه الاضافات السابقة : اضافة اخر مواضيع من قسم محدد مع مصغرات الصور RECENT POSTS LABEL - اضافة اخر المواضيع متحركة بشكل عمودى والصور متحركة بشكل دائرى add Widget Latest Post - اضافة اداة صور اخر المواضيع بشكل جذاب ومتناسق مع التحكم الكامل add Widget Latest Post - كيفية اضافة اخر مواضيع قسم محدد مع خاصية التحكم بعدد المواضيع recent posts label - اضافة عناوين اخر مواضيع المدونة مع خاصية التحكم بالأضافة - اضافة اخر المشاركات المواضيع الأخيرة مع مقتطفات من الموضوع مع التحكم بالاضافة
بعد متابعة الأضافات السابقة بأمكانك الأن ان تتابع هذه الاضافة وكيفية التركيب .
شرح اضافة اخر المواضيع add Recent Post
اذهب لوحة التحكم ثم الى التخطيط وقم بأضافة اداء جديدة واختار HTML/Java Script
ضع هذا الكود بداخلة :
<script language="JavaScript">imgr = new Array();imgr[0] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image1.gif";imgr[1] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image2.gif";imgr[2] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image3.gif";imgr[3] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image4.gif";imgr[4] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image5.gif";showRandomImg = true;
boxwidth = 540;cellspacing = 8;
borderColor = "#ffffff";bgTD = "transparent";
thumbwidth = 40;thumbheight = 40;
fntsize = 12;acolor = "#666";aBold = true;icon = " ";text = "التعليقات";showPostDate = false;
summaryPost = 40;summaryFontsize = 10;summaryColor = "#666";icon2 = " ";numposts = 10;home_page = "http://www.kingnt.com/";</script><script type='text/javascript'>//<![CDATA[function removeHtmlTag(strx,chop){if(strx.indexOf("<")!=-1){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length);}}strx=s.join("");}chop=(chop<strx.length-1)?chop:strx.length-2;while(strx.charAt(chop-1)!=' '&&strx.indexOf(' ',chop)!=-1)chop++;strx=strx.substring(0,chop-1);return strx+'...';}function showrecentposts(json){document.write('<table width="'+boxwidth+'" border=0 bordercolor="#FF0000" align="left" cellspacing="'+cellspacing+'" bgcolor="'+borderColor+'">');j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(" ")[0];break;}}if("content"in entry){var postcontent=entry.content.$t;}else if("summary"in entry){var postcontent=entry.summary.$t;}else var postcontent="";postdate=entry.published.$t;if(j>imgr.length-1)j=0;img[i]=imgr[j];s=postcontent;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!=""))img[i]=d;cmtext=(text!='no')?'<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>':'';var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break;}}var daystr=(showPostDate)?'<i><font color="'+acolor+'"> - ('+day+' '+m+' '+y+')</font></i>':"";posttitle=(aBold)?"<b>"+posttitle+"</b>":posttitle;var trtd='<tr><td><img src="'+img[i]+'" width="'+thumbwidth+'" height="'+thumbheight+'"/></td><td style="font-size: 12px;">'+icon+'<a href="'+posturl+'">'+posttitle+'</a> - <span style="font-size: 9px; color: #616161;'+cmtext+' </span></td></tr>';if(summaryPost==0){trtd='<tr><td><img src="'+img[i]+'" width="'+thumbwidth+'" height="'+thumbheight+'"/></td><td>'+icon+'<a href="'+posturl+'">'+posttitle+'</a></td></tr>';}document.write(trtd);j++;}document.write('</table>');}document.write("<script src=\""+home_page+"feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");//]]></script>
قبل الحفظ يجب ان تضع هذه التغيرات :
1- الكود المحدد باللون الأحمر خاص بمساحة عرض الأضافة
2- الكود المحدد باللون الاصفر خاص بظهور عدد المواضيع
3- الاكواد المحددة باللون الأخضر خاصة بمساحة الصور
4- الكود المحدد باللون السماوى خاص بعدد احرف العناوين
5- الكود المحدد باللون الأورنج خاص بوضع رابط موقعك
بالأخير قم بالضغط على حفظ وانتهى التركيب
بالأخير لن اقول سوى (( لا خير فى كاتم العلم )) وارجو بأن هذه الاضافة البسيطة اعجبتكم وانتظرونى بأضافة اخرى جديدة
ليست هناك تعليقات:
إرسال تعليق
قال تعالى ( مَا يَلْفِظُ مِن قَوْلٍ إِلا لَدَيْهِ رَقِيبٌ عَتِيدٌ )