اضافات بلوجر : اضافة لآخر الاخبار لمدونات بلوجر

السلام عليكم متتبعي مدونة مبدع بلوجر في اضافة جديدة على مدونة مبدع بلوجر اليوم جئنا لكم بموضوع في قسم اضافات بلوجر ، هذه الاضافة هي توجد اكثرية في مواقع الووردبريس وايضا في المدونات الاخبارية واليوم ان شاء الله سوف نطرح لكم هذه الاضافة في هذا لموضوع لن اطيل عليكم اطرككم مع الاضافة.

اضافات بلوجر

اولا شكل الاضافة : 

طريقة التركيب :

لوحة التحكم > القالب > تحرير قالب Html > نبحث عن هذا الكود :

<b:section class='main' id='main' showaddelement='no'>

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

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='cotent-cat'>
<div id='titleadd' style=' background: #00b5b5;padding: 6px 8px 6px 0px;margin:0 0 9px;border-top:2pxsolid #444444;'>
    <h2 style='color: #fff;font-family: mobde3blogger;font-size: 18px;'>أخبار بلوجر</h2></div>
     <center>
       <script src=' http://yourjavascript.com/05351118128/jquery.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$(&quot;.accordion h3:first&quot;).addClass(&quot;active&quot;);
$(&quot;.accordion p:not(:first)&quot;).hide();
$(&quot;.accordion h3&quot;).click(function(){
$(this).next(&quot;p&quot;).slideToggle(&quot;slow&quot;)
.siblings(&quot;p:visible&quot;).slideUp(&quot;slow&quot;);
$(this).toggleClass(&quot;active&quot;);
$(this).siblings(&quot;h3&quot;).removeClass(&quot;active&quot;);
});
});
</script>
<script language='JavaScript'>
imgr = new Array();
imgr[0] = &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieT4DGSMoDslMEt5OSuXCc-tmQ4KAd7KTr2DYu0ztxZB4i-WUK6ZeeQCGOrmmtpGct3pVg3hbHqr2-2pL0NSnZxU_4yQzDFlhZHA-RMRpwhu79NSJFt6wpooQ7MCpAqvnn-8q76FEWF6Y/s128/no-image.blogspacetech.jpeg&quot;;
showRandomImg = true;

jimgwidth = 80;
jimgheight = 80;
jfntsize = 12;
jacolor = &quot;#E67C15&quot;;
jaBold =true;

jtext = &quot;add&quot;;
jshowPostDate = false;

jsummaryPost = 120;
summaryFontsize = 0;
summaryColor = &quot;#000&quot;;

numposts =5
label = &quot;yourlabel&quot;;
home_page = &quot;/&quot;;
</script>
<div class='accordion'>
<script src='https://dz-site.googlecode.com/files/new.recent-posts.js' type='text/javascript'/>
</div>
</center>
<div class='clear'>
</div>
</div>
    </b:if>

بعد اضافة الكود الاول نقوم بالبحث عن هذا الكود :

]]></b:skin>

نضيف هذا الكود قبله مباشرة :

.content-cat .first i{display:none;}
.content-cat{border-top:5px solid #fff;margin-top: 18px;background: #fff;}
.content-cat .ccat{
width: 298px;
float: right;
text-align: right !important;
padding: 0;
margin: 0 0 10px;
position: relative;
list-style: none;
}
.content-cat .ccat .textp{
font-size: 12px;
font-family: mobde3blogger;
color: #00b5b5;
line-height: 23px;
padding:0;
text-decoration:none;
}
.content-cat .ccat:hover > .textp{color:#282828;transition:all 0.5s ease-in-out;}
.content-cat .ccat:hover > a img{opacity:0.7;}
.content-cat .ccat img{
width: 57px;
height: 57px;
float: right !important;
margin: 0 0 0 12px !important;
padding: 3px !important;
border: 1px solid #e2e3e4 !important;
background: #fff;
}
.content-cat .ccat p{display:none;}
.content-cat .first{
width: 282px;
float: right;
text-align: right !important;
padding: 0;
padding-left: 44px;
margin: 0 0 ;
position: relative;
list-style: none;
background:url(http://im31.gulfup.com/j8ai9.png) left center no-repeat;
}
.content-cat .first .textp{
font-size: 12px;
font-family: mobde3blogger;
color: #00b5b5;
line-height: 23px;
}
.content-cat .first img{
width: 274px;
height: 151px;
float: right !important;
margin: 0 0 5px 0 !important;
padding: 3px !important;
border: 1px solid #e2e3e4 !important;
background: #fff;
}
.content-cat .first p{display:block; margin:0;font-family: tahoma;font-size: 13px;}
.content-cat .first .himg{width: 274px;height: 151px; position:absolute; top:0;padding: 3px; right:0;}
.content-cat .first:hover > .himg{background:url(#)center no-repeat;}
.content-vf .first i{display:none;}
.content-vf{}
.content-vf .ccat{
width: 139px;
float: right;
text-align: right !important;
padding: 0;
margin: 0 5px 10px;
position: relative;
list-style: none;
}

ولتغيير اللون ابحث عن #00b5b5 وضع في مكانه كود اللون الذي تريده ويناسب قالبك.

ومبروك عليك الاضافة.

ترقبوا اضافة آخرى في قسم اضافات بلوجر ان شاء الله

اتمنى ان يعجبكم الموضوع لاتبخلوا علينا بلايك وكمونت لتشجيعنا وتقديم الافضل

فريق : مدونة مبدع بلوجر