قالب خبر فلات الإحترافي لبلوجر ~ مدونة يوسف ويب

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

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

صورة للقالب

رابط المعاينة
تحميل القالب
شرح القالب :

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

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

كود بلغة HTML:

url: &quot;http://khabareflat-temp.blogspot.com/&quot;, // 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/AVvXsEirZZMgJtzPdx12185zSAniH8dFYuH6PBi4V9ZHnMngOhIPrgaImgbZJXJ3va0wDQNrg0ttx1vukWRdDcc6TuVBmXmd51MOc3nACBTKjc5AkYZWVdBvUjg1oZVvqvjgAU2zysduVGGG_6o/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/AVvXsEirZZMgJtzPdx12185zSAniH8dFYuH6PBi4V9ZHnMngOhIPrgaImgbZJXJ3va0wDQNrg0ttx1vukWRdDcc6TuVBmXmd51MOc3nACBTKjc5AkYZWVdBvUjg1oZVvqvjgAU2zysduVGGG_6o/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/AVvXsEhE5ReicLKFDiDL5APjAhHX9IqP_5yucpN875ZSFnlsf04Jd8XJjpOy6wMJk322IOhnmdRRKJ3BGEB9OO9w6HWyQtQC5m99XE-9_BAgy3onAaNemYGqpW0mKofkLO5TVFF8fmYotz9_hfPb/"};}};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>

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

المصدر: ملتقى المدونين العرب - من قسم: قسم قوالب ملتقى المدونين العرب المجانية

عن الكاتبمحمد شاكر

مدون مغربي ، عمري 15 سنة أنشأت هذه المدونة لتعليم الشباب العربي كل ما أعرفه عن مجال التقنية و المعلوميات من خلال دروس بمنتهى البساطة ، أجيد تصميم و تكويد المواقع ، خبير في الاتش تي ام ال و سي اس اس أي مساعدة لا تتردد في الطلب من خلال التعليق على الموضوع أعلاه .