قالب خبر فلات مطور بألوان متناسقة و خلفية جميلة



 السلام عليكم ورحمة الله وبركاته
اقدم لكم اليوم قالب بلوجر جميل واحترافي القالب جميل جدا ومميز وبه الكثير من الخواص الجديده والرائعة وسوف اقدم لكم هذا القالب مجانا ارجو ان ينال اعجابكم وانتظرو المزيد من القوالب الجديدة والدروس الاخرى 



                                                         

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


                                                                        إبحث عن
                       url: "http://wachhal.blogspot.com/", // Your blog URL
                                              
وغير ما باللون الأحمر لرابط مدونتك




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

إبحث عن
:
Wachhal

وغيرها بتصنيف من مدونتك 

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

هذا كودها
كود بلغة 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/AVvXsEhVjGhU1bAqlO2ghYo5Spa_YqoSHMzKpJwOY5s34DNjsZ7HlSVjoOIlNeUJWc9uens6m5mrLrrrBvu4LLaSYQIgBagLqXKK0qLuKMtM9B9Fy7eAu93WJNNxuVARW56Mu2BZuDhwx9pxntM/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/AVvXsEhVjGhU1bAqlO2ghYo5Spa_YqoSHMzKpJwOY5s34DNjsZ7HlSVjoOIlNeUJWc9uens6m5mrLrrrBvu4LLaSYQIgBagLqXKK0qLuKMtM9B9Fy7eAu93WJNNxuVARW56Mu2BZuDhwx9pxntM/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/AVvXsEgfOcC9Axk9-p0Bs-73D5vGOsdTh_3Mxjw486Rl0adm3IcTLU7TJt56smM2-eDOCY2H_CygUlxoXW6gBB4nYhMJlC1LHy-AhVFfiiUqgM_HW6w5v60QPf7zUM5xmkLvBvDFkszcgd3P78Bw/"};}};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>

اذا عجبكم الموضوع إدعمونا بتعليقاتكم فهذا يحتنا على العطاء و يشجعنا لنواصل
إنتهى الموضوع و أتمنى أن ينال القالب إعجابكم لاتنسو عمل لايك لصفحتنا على الفيسبوك ليصلكم أخر مواضيعنا الشيقة و شكرا
هل اعجبك الموضوع ؟

شارك معنا بتعليق حول الموضوع

هناك تعليقان (2) :

  1. كيف تصنيف مدونتي ؟؟

    ردحذف
    الردود
    1. اخي وضح كلامك اوك لكي نفهم كيف تصنف مدونتك لا لم أفهم وضح كلامك

      حذف

إحصائيات

جميع الحقوق محفوظة ©2013-2014 | ، نقل بدون تصريح ممنوع . Privacy-Policy | رخصة نشر | تصميم : وسيم نجوت