قالب خبر فلات مقدم لكم من فريق مدونين

قالب خبر فلات مقدم لكم من فريق مدونين

السلام عليكم ورحمة الله وبركاته

في هذا الموضوع الجديد أردت أن أقدم لكم قالب جديد هو قالب خبر فلات 

صورة للقالب



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

للتحميل من المرفقات

شرح القالب :

لتشغيل إضافة آخر الأخبار



إبحث عن هذا الكود و غير الرابط برابط مدونتك

كود بلغة HTML:

url: "http://khabareflat-temp.blogspot.com/", // Your blog URL

لتشغيل ألسليدر



إبحث عن

كود بلغة HTML:

<script src='/feeds/posts/default/-/كل?published&amp;alt=json-in-script&amp;callback=labelthumbs' type='text/javascript'/>

و غير "كل" بتصنيف من مدونتك ليعرض مواضيعه في ألسليدر

لتشغيل إضافة الأخبار في الرئيسية تقوم بإضافتها من تخطيط



هذا كودها

كود بلغة HTML:

<div class="content-cat" >
<script type="text/javascript">
$(document).ready(function(){
$(".accordion h3:first").addClass("active");
$(".accordion p:not(:first)").hide();
$(".accordion h3").click(function(){
$(this).next("p").slideToggle("slow")
.siblings("p:visible").slideUp("slow");
$(this).toggleClass("active");
$(this).siblings("h3").removeClass("active");
});
});
</script>
<script language="JavaScript">
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMM6-zwg2mFFwD4BlxTLh1rx2yZVU7_36l04cstzyg89kVZGS0MFkmI8TFL8mftJJvZAywmT2uXDeB9irBnWexPC9Om8zeKlsztTIKJE7-e9Q6IyTteTFX2vxeQG3L-mxnUOBLweO3Asg/s128/no-image.blogspacetech.jpeg";
showRandomImg = true;
jimgwidth = 80;
jimgheight = 80;
jfntsize = 12;
jacolor = "#E67C15";
jaBold =true;
jtext = "التعليقات";
jshowComments = true;
jshowPostDate = true;
jsummaryPost = 120;
summaryFontsize = 12;
summaryColor = "#888";
numposts =5;
label = "كل";
home_page = "/";
</script>
<script src="https://dz-site.googlecode.com/files/new.recent-posts.js" type="text/javascript"></script>
<div class="accordion">
</div>
</div>

و لتشغيل إضافة الأخبار العمودية



هذا كودها

كود بلغة HTML:

<div class="content-cat" >
<script type="text/javascript">
$(document).ready(function(){
$(".accordion h3:first").addClass("active");
$(".accordion p:not(:first)").hide();
$(".accordion h3").click(function(){
$(this).next("p").slideToggle("slow")
.siblings("p:visible").slideUp("slow");
$(this).toggleClass("active");
$(this).siblings("h3").removeClass("active");
});
});
</script>
<script language="JavaScript">
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMM6-zwg2mFFwD4BlxTLh1rx2yZVU7_36l04cstzyg89kVZGS0MFkmI8TFL8mftJJvZAywmT2uXDeB9irBnWexPC9Om8zeKlsztTIKJE7-e9Q6IyTteTFX2vxeQG3L-mxnUOBLweO3Asg/s128/no-image.blogspacetech.jpeg";
showRandomImg = true;
jimgwidth = 80;
jimgheight = 80;
jfntsize = 12;
jacolor = "#E67C15";
jaBold =true;
jtext = "التعليقات";
jshowComments = true;
jshowPostDate = true;
jsummaryPost = 120;
summaryFontsize = 12;
summaryColor = "#888";
numposts =3;
label = "كل";
home_page = "/";
</script>
<script src="https://dz-site.googlecode.com/files/new.recent-posts.js" type="text/javascript"></script>
<div class="accordion">
</div>
</div>

مع تغير التصنيف "كل" في كلتا الإضافتين لعرض مواضيعك فيها

لإضافة آخر الأخبار في الفوتر



قم بإضافتها بهدا الكود

كود بلغة HTML:

<div id='recent-posts'>
<script type='text/javaScript'>
var rcp_numposts=3;
var rcp_snippet_length=150;
var rcp_info='yes';
var rcp_comment='تعليقات';
var rcp_disable='disable comments';
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)+"…";};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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSvaYZFZgUMBv61BTcWNZX7esQQeXBikzeWgUlkBEGm8TN8pad2WjldxVSMSI2NGGaq3WBXfWnVl2iNMAAtBBRe5RBWdZr3og89-G-QAkUoIW_8HLk9eZ179R1Y8kriBAHxhuW63LcZhvB/"};}};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>

أتمنى عدم حذف الحقوق