السلام عليكم و رحمة الله و بركاته اهلاً بكم اصدقائي اليوم اقدم لكم تحميل قالب احترافي جداً لمدونات البلوجر تم تصميمه من مدونة اخري بالامس و اليوم اقدمه لكم
والبنسبة لإضافة أخر المقالات تدهب إلى التخطيت تم إلى تحرير إضافة أخر المقالات وتضع هادا الكود :
---------------------------------------------------------------------------
<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/AVvXsEisVzzMbZZk0ylOai_Kutc8rtQ-47y8vagcblYB8muQzkb1n5lcZdxtNIV4c2HF-PBb0JdFKMAESN95KmAp34xAYTuA8R2es2Lm9lDXwHh4dL5vLA11czjCQcMCTo0KxttdpRckQD0wWO8/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/AVvXsEglBENoWTh5ojKDdezBL8-OnNTET7tHe25qY-D4RbS1gLZhsvRkiW08cfRugfQ3ORiz27fbDE4m0Fkd53tT_Io6aowWEoDEMRWh2OYaEKeGp3SiFXng11iM0yDiwFPusZkWDcglvHebIns/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>
---------------------------------------------------------------------------
وتغير الرابط الدي بالكود برابط مدونتك وتغير إسم التسمية
ولإضهار المواضيع في السليدر المرجو نشرها بتسمية 'كل' .
مبتكري web
مصطفي ويب
مدونة انفورليم
التقني المحترف
اعلن هنا
تابعنا على شبكاتنا الاجتماعية