والبنسبة لإضافة أخر المقالات تدهب إلى التخطيت تم إلى تحرير إضافة أخر المقالات وتضع هادا الكود :
---------------------------------------------------------------------------
<style>
.content-cat .first p{display:block; margin:0;}
.content-cat .first .himg{width: 274px;height: 151px; position:absolute; top:0;padding: 3px; right:0;}
.content-cat .first:hover > .himg{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5hB0MeO2XyLCKjTfFmB96TSSu1e069wK0yIx3Rcp6aP2PqTL14GXpJvGkrCNK1U-3fBLjEyscDxU0qcpd-vsyeSzt2ZKoO7rB4DD98qjJDmmjLT_cn5ZqIX8_nF5oHEJ0rzWdstXqTQk/s1600/link-overlay.png)center no-repeat;}
.content-vf2 .first i{display:none;}
.content-vf2{width: 100%;}
.date {color:#3A9AA8
;}
.content-vf2 .ccat{
width: 133px;
float: right;
text-align: right !important;
padding: 0;
margin: 0 16px 10px;
position: relative;
list-style: none;
line-height: 3px;
}
.content-vf2 .ccat .textp{
font-size: 11px;
font-family: droidkufi-bold, tahoma;
color: #7B7B7B;
line-height: 24px;
padding:0;
}
.content-vf2 .ccat:hover > .textp{color:#30B662;}
.content-vf2 .ccat:hover > a img{opacity:0.7;}
.content-vf2 .ccat img{
width: 125px;
height: 85px;
float: right !important;
padding: 0px !important;
background: #fff;
}
.content-vf2 .ccat p{display:none;}
.content-vf2 .ccat .himg {
width: 122px;
height: 84px;
position: absolute;
top: 0;
right: 0;
border: 2px solid #3a9aa8;
}
.main .widget{display:none }
.main .widget .title{
color: #fff;
font: 13px droidkufi-bold;
padding: 4px 15px;
margin: 0px;
background: #2f8dca;
display: inline-block;
}
</style>
<center>
<div class="content-vf2" >
<center>
<script type="text/javascript" src=" http://yourjavascript.com/05351118128/jquery.js">
<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/AVvXsEhkckjG_sWOHxiptLh3dpxA7RwHszowOV1OH0VxUtK8fYh_M1qXE6kEPCvxFNAhdNZAdFZYeHLQX8FUL-ijjHBfvmKa-jtmm-lrVjWgTkPJYk0PoY-mbeiq2GWLywovOmLfzhojHkrM0_Y/s128/no-image.blogspacetech.jpeg";
showRandomImg = true;
jimgwidth = 80;
jimgheight = 80;
jfntsize = 12;
jacolor = "#E67C15";
jaBold =true;
jtext = "التعليقات";
jshowPostDate = false;
jsummaryPost = 120;
summaryFontsize = 0;
summaryColor = "#000";
numposts =10
label = "كل";
home_page = "http://mobde3on-1.blogspot.com/";
</script>
<center>
<div class="accordion">
<script src="http://khadamatplus.com/new.recent-posts.js" type="text/javascript"></script>
</div><!– google_ad_section_end –></!–>
</center>
<div class="clear"></div>
</center></div>
<div class='clear'></div>
</center>
---------------------------------------------------------------------------
وتغير الرابط الدي بالكود برابط مدونتك وتغير إسم التسمية
ولإضهار المواضيع في السليدر المرجو نشرها بتسمية 'كل' .
المصدر مدونة مبدعون .
بعد اتباع خطوات الصورة في الاعلى سيتم تحويلك الى صفحة جديدة وسيتم التاكد من ان لديك برنامج جافا للبدء بلتصوير فان لم يكن لديك فقم بتحميله من هنــــــا :
