28‏/12‏/2015

إن كنت من لديهم قالب بسيط بدون إضافات كثيرة فعليك أن تجرب هذين الأداتان لكل منهما دور : أداة لعرض أحدث المواضيع المطروحة وأداة لمواضيع عشوائية كلاهما ذو رونق جميل يتناسقان مع أي قالب حتى في التجاوب يرافقهما تاريخ النشر وعدد التعليقات طبعا بصورة الموضوع.
أداة المواضيع العشوائية تجلب لك مواضيع من كل تسمية مع كل تحديث للموقع أو الدخول لموضوع... حقا تستحق إحداهما أن تكون بموقعك وهي نفسها التي نستعملها، يمكنك رؤية شكلهما بالمعاينة.
شرح طريقة التركيب
1. من لوحة التحكم إتجه إلى التخطيط
2. أضف أداة HTML/JAVASCRIPT بالسيدبار وضع بها الكود

أداة أحدث المواضيع

<style scoped='' type='text/css'>
#recent-posts li:last-child { padding: 0; margin: 0; }
#recent-posts{color:#999;font-size:12px}
#recent-posts img{background: #fafafa; float: right; height: 60px; margin-left: 8px; width: 60px; border: 1px solid #E8E8E8; padding: 2px;}
#recent-posts ul{margin:0;padding:0}
#recent-posts ul li{margin:0 0 10px 0;padding:0 0 10px 0;border-bottom:1px solid rgba(0,0,0,0.1)}
#recent-posts ul li:last-child{border-bottom:0}
#recent-posts ul li a{display: block; color: #444; font-weight: 700; text-decoration: none; font-size: 13px; margin: 0 0 10px 0; line-height: normal; font-family: 'Droid Arabic Naskh',sans-serif;}
</style>
<div id='recent-posts'>
<script type='text/javaScript'>
var rcp_numposts=5;
var rcp_snippet_length=150;
var rcp_info='yes';
var rcp_comment='تعليقات';
var rcp_disable='T?t Nh?n xét';
function recent_posts(json){var dw='';a=location.href;y=a.indexOf('?m=0');dw+='<ul>';for(var i=0;i<rcp_numposts;i++){var entry=json.feed.entry[i];var rcp_posttitle=entry.title.$t;if('content'in entry){var rcp_get_snippet=entry.content.$t}else{if('summary'in entry){var rcp_get_snippet=entry.summary.$t}else{var rcp_get_snippet="";}};rcp_get_snippet=rcp_get_snippet.replace(/<[^>]*>/g,"");if(rcp_get_snippet.length<rcp_snippet_length){var rcp_snippet=rcp_get_snippet}else{rcp_get_snippet=rcp_get_snippet.substring(0,rcp_snippet_length);var space=rcp_get_snippet.lastIndexOf(" ");rcp_snippet=rcp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rcp_commentsNum=entry.thr$total.$t+' '+rcp_comment}else{rcp_commentsNum=rcp_disable};if(entry.link[j].rel=='alternate'){var rcp_posturl=entry.link[j].href;if(y!=-1){rcp_posturl=rcp_posturl+'?m=0'}var rcp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rcp_thumb=entry.media$thumbnail.url}else{rcp_thumb="http://lh3.ggpht.com/--Z8SVBQZ4X8/TdDxPVMl_sI/AAAAAAAAAAA/jhAgjCpZtRQ/no-image.png"};}};dw+='<li>';dw+='<img alt="'+rcp_posttitle+'" src="'+rcp_thumb+'"/>';dw+='<div><a href="'+rcp_posturl+'" rel="nofollow" title="'+rcp_snippet+'">'+rcp_posttitle+'</a></div>';if(rcp_info=='yes'){dw+='<span>'+rcp_postdate.substring(8,10)+'/'+rcp_postdate.substring(5,7)+'/'+rcp_postdate.substring(0,4)+' - '+rcp_commentsNum+'</span>';};dw+='<div style="clear:both"></div></li>';};dw+='</ul>';document.getElementById('recent-posts').innerHTML=dw;};document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results='+rcp_numposts+'&callback=recent_posts\"><\/script>');
</script>
</div>

أداة مواضيع عشوائية

<style>
#random-posts li:last-child { border: none; padding: 0; margin: 0; }
#random-posts li { list-style: none;margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid rgba(0,0,0,0.1);  }
.rp-ar1web { font-size: 12px; color: #999; }
#random-posts img{ background: #fafafa; float: right; height: 60px; margin-left: 8px; width: 60px; border: 1px solid #E8E8E8; padding: 2px; }
#random-posts a { color: #444; font-weight: 700; text-decoration: none; font-size: 13px; margin: 0 0 10px 0; line-height: normal; font-family: 'Droid Arabic Naskh',sans-serif; }
</style>
    <div class="rp-ar1web">
  <!-- start -->
<div id='random-posts'>
<script type='text/javaScript'>
var rdp_numposts=5;
var rdp_snippet_length=60;
var rdp_info='yes';
var rdp_comment='تعليق';
var rdp_disable='';
var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"http://www.ar1web.com/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};
</script>
<script type='text/javaScript'>
function random_posts(json){a=location.href;y=a.indexOf('?m=0');for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;if(y!=-1){rdp_posturl=rdp_posturl+'?m=0'}var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="http://lh3.ggpht.com/--Z8SVBQZ4X8/TdDxPVMl_sI/AAAAAAAAAAA/jhAgjCpZtRQ/no-image.png"}}};document.write('<li>');document.write('<img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/>');document.write('<div><a href="'+rdp_posturl+'" rel="nofollow" title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>');if(rdp_info=='yes'){document.write('<span>'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</span>'}document.write('<div style="clear:both"></div></li>')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type=\"text/javascript\" src=\"http://www.ar1web.com/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>')};
</script>
</div>
  <!-- /end -->
</div>
التغييرات الأساسية
1. إذا أردت زيادة عدد المواضيع فالرقم محدد بالأحمر في كِلا الأداتين
2. غير رابطنا www.ar1web.com برابطك في أداة المواضيع العشوائية وهو متكرر مرتين
إن كنت من لديهم قالب بسيط بدون إضافات كثيرة فعليك أن تجرب هذين الأداتان لكل منهما دور : أداة لعرض أحدث المواضيع المطروحة وأداة لمواضيع عشوائية كلاهما ذو رونق جميل يتناسقان مع أي قالب حتى في التجاوب يرافقهما تاريخ النشر وعدد التعليقات طبعا بصورة الموضوع.
أداة المواضيع العشوائية تجلب لك مواضيع من كل تسمية مع كل تحديث للموقع أو الدخول لموضوع... حقا تستحق إحداهما أن تكون بموقعك وهي نفسها التي نستعملها، يمكنك رؤية شكلهما بالمعاينة.
شرح طريقة التركيب
1. من لوحة التحكم إتجه إلى التخطيط
2. أضف أداة HTML/JAVASCRIPT بالسيدبار وضع بها الكود

أداة أحدث المواضيع

<style scoped='' type='text/css'>
#recent-posts li:last-child { padding: 0; margin: 0; }
#recent-posts{color:#999;font-size:12px}
#recent-posts img{background: #fafafa; float: right; height: 60px; margin-left: 8px; width: 60px; border: 1px solid #E8E8E8; padding: 2px;}
#recent-posts ul{margin:0;padding:0}
#recent-posts ul li{margin:0 0 10px 0;padding:0 0 10px 0;border-bottom:1px solid rgba(0,0,0,0.1)}
#recent-posts ul li:last-child{border-bottom:0}
#recent-posts ul li a{display: block; color: #444; font-weight: 700; text-decoration: none; font-size: 13px; margin: 0 0 10px 0; line-height: normal; font-family: 'Droid Arabic Naskh',sans-serif;}
</style>
<div id='recent-posts'>
<script type='text/javaScript'>
var rcp_numposts=5;
var rcp_snippet_length=150;
var rcp_info='yes';
var rcp_comment='تعليقات';
var rcp_disable='T?t Nh?n xét';
function recent_posts(json){var dw='';a=location.href;y=a.indexOf('?m=0');dw+='<ul>';for(var i=0;i<rcp_numposts;i++){var entry=json.feed.entry[i];var rcp_posttitle=entry.title.$t;if('content'in entry){var rcp_get_snippet=entry.content.$t}else{if('summary'in entry){var rcp_get_snippet=entry.summary.$t}else{var rcp_get_snippet="";}};rcp_get_snippet=rcp_get_snippet.replace(/<[^>]*>/g,"");if(rcp_get_snippet.length<rcp_snippet_length){var rcp_snippet=rcp_get_snippet}else{rcp_get_snippet=rcp_get_snippet.substring(0,rcp_snippet_length);var space=rcp_get_snippet.lastIndexOf(" ");rcp_snippet=rcp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rcp_commentsNum=entry.thr$total.$t+' '+rcp_comment}else{rcp_commentsNum=rcp_disable};if(entry.link[j].rel=='alternate'){var rcp_posturl=entry.link[j].href;if(y!=-1){rcp_posturl=rcp_posturl+'?m=0'}var rcp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rcp_thumb=entry.media$thumbnail.url}else{rcp_thumb="http://lh3.ggpht.com/--Z8SVBQZ4X8/TdDxPVMl_sI/AAAAAAAAAAA/jhAgjCpZtRQ/no-image.png"};}};dw+='<li>';dw+='<img alt="'+rcp_posttitle+'" src="'+rcp_thumb+'"/>';dw+='<div><a href="'+rcp_posturl+'" rel="nofollow" title="'+rcp_snippet+'">'+rcp_posttitle+'</a></div>';if(rcp_info=='yes'){dw+='<span>'+rcp_postdate.substring(8,10)+'/'+rcp_postdate.substring(5,7)+'/'+rcp_postdate.substring(0,4)+' - '+rcp_commentsNum+'</span>';};dw+='<div style="clear:both"></div></li>';};dw+='</ul>';document.getElementById('recent-posts').innerHTML=dw;};document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results='+rcp_numposts+'&callback=recent_posts\"><\/script>');
</script>
</div>

أداة مواضيع عشوائية

<style>
#random-posts li:last-child { border: none; padding: 0; margin: 0; }
#random-posts li { list-style: none;margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid rgba(0,0,0,0.1);  }
.rp-ar1web { font-size: 12px; color: #999; }
#random-posts img{ background: #fafafa; float: right; height: 60px; margin-left: 8px; width: 60px; border: 1px solid #E8E8E8; padding: 2px; }
#random-posts a { color: #444; font-weight: 700; text-decoration: none; font-size: 13px; margin: 0 0 10px 0; line-height: normal; font-family: 'Droid Arabic Naskh',sans-serif; }
</style>
    <div class="rp-ar1web">
  <!-- start -->
<div id='random-posts'>
<script type='text/javaScript'>
var rdp_numposts=5;
var rdp_snippet_length=60;
var rdp_info='yes';
var rdp_comment='تعليق';
var rdp_disable='';
var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"http://www.ar1web.com/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};
</script>
<script type='text/javaScript'>
function random_posts(json){a=location.href;y=a.indexOf('?m=0');for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;if(y!=-1){rdp_posturl=rdp_posturl+'?m=0'}var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="http://lh3.ggpht.com/--Z8SVBQZ4X8/TdDxPVMl_sI/AAAAAAAAAAA/jhAgjCpZtRQ/no-image.png"}}};document.write('<li>');document.write('<img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/>');document.write('<div><a href="'+rdp_posturl+'" rel="nofollow" title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>');if(rdp_info=='yes'){document.write('<span>'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</span>'}document.write('<div style="clear:both"></div></li>')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type=\"text/javascript\" src=\"http://www.ar1web.com/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>')};
</script>
</div>
  <!-- /end -->
</div>
التغييرات الأساسية
1. إذا أردت زيادة عدد المواضيع فالرقم محدد بالأحمر في كِلا الأداتين
2. غير رابطنا www.ar1web.com برابطك في أداة المواضيع العشوائية وهو متكرر مرتين
7 Blogger تعليقات
Disqus
7 التعليقات
المشرف
avatar

جميلة جدًا، متناسقة مع مدونتي وقالبيَ الأسود
الجميـــل :D باركك الله عزيزي حسام ع الإضافة الجميلة
بانتظارك في المزيد... :3

المشرف
avatar

كل لما احمل قالب علي المدونه يفتح المدونه وبعد كدا يذهاب الي موقعك

المشرف
avatar

هل يمكن جعل هاته الإضافة من أجل المشاركات الشائعة ؟
أو بالأحرى هل يمكنك برمجة كود لجعل المشاركات الشائعة تظهر بنفس شكل الإضافتين فوق ؟
وبارك الله فيك

المشرف
avatar

تم اصلاح المشكل هي تعمل :)

المشرف
avatar
المشرف
avatar
المشرف
avatar

روح لقالب ثم تحرير html وغير www.ar1web.com الى رابط مدونتك

يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق
1أن يكون التعليق خاص بمحتوى التدوينة
2أن لا تضع أي روابط خارجية
3لإضافة كود حوله أولاً بمحول الأكواد
4أي سؤال خارج محتوى التدوينة يرجى استخدام ركن الأسئلة