افضل قالب بلوجر لعام 2014 / 2015

السلام عليكم ورحمة الله وتعالى و بركاته بمناسبة وصلونا لـ1000 معجب في صفحتنا على الفيسبوك قررنا أن نصمم قالب بلوجر حصري مصمم من طرف فريق مبدعون وإهدائه مجانا لكم،  الأن نترككم مع المعانية والتحميل .

المعاينة

التحميل

والبنسبة لإضافة أخر المقالات تدهب إلى التخطيت تم إلى تحرير إضافة أخر المقالات وتضع هادا الكود : 

---------------------------------------------------------------------------

<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><!&#8211; google_ad_section_end &#8211;></!&#8211;>

</center>

<div class="clear"></div>

    </center></div>

<div class='clear'></div>

</center>

---------------------------------------------------------------------------

وتغير الرابط الدي بالكود برابط مدونتك وتغير إسم التسمية

ولإضهار المواضيع في السليدر المرجو نشرها بتسمية 'كل' . 

المصدر مدونة مبدعون .