- Unknown
- الأربعاء, يناير 01, 2014
- إضافات
- أكتر من 100 تعليق مخفي
أعزائي متابعي مدونة الخادم أحببت اليوم مشاركتكم هذه التدوينة السريعة التي سنتعرف من خلالها عن طريقة إنشاء قائمة مقالات في صور للبلوجر بإحترافية جدا, أترككم الأن مع الصورة لمعاينة الإضافة.
للبث الحي لهذه الإضافة شاهد القائمة الموجودة في مدونتي , شباب والأن بعد معاينة الإضافة سوف ننتقل إلى شرح تركيب هذه القائمة :
<div class="widget-content">
<div class="content-vf">
<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/AVvXsEityc1JGctwgZM9uptKHkqwUck8ByMtlLQCtEIBVQhvQW3aDxcdK5n5ktCz8hqwmPuf0xM1Dk0l-EJ68R7QAuGcOvDRBRY6ZrIB9yw4RaqG3WXWHamSMnrbCl64Je6IFDi-ZeN9PPKFREA/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 =4
label = "حصريات";
home_page = "http://elk-elarabi.blogspot.com/";
</script>
<div class="accordion">
<script src="https://dz-site.googlecode.com/files/new.recent-posts.js" type="text/javascript"></script><script src="#/feeds/posts/default/-/video?max-results=6&orderby=published&alt=json-in-script&callback=showrecentposts"></script></div>
</center>
</div>
</div>
ثم قم بتغير :
numposts =6 إلى عدد المقالات التي تريد لها الضهور في القائمة
label = "حصريات"; غير حصريات إلى القسم الذي تريد أن يضهر مقالاته هناك
home_page = "http://elk-elarabi.blogspot.com/"; ثم غير رابط مدونتي برابط مدونتك.
بعدها قم بالذهاب إلى لوحة تحكم إدارة مدونتك وإضغط على <<قالب>> ثم إبحث بإستعمال Ctrl+f عن وسم ]]></b:skin> وأضف إليه الكود التالي وتمتع بالإضافة :
<--ELKHADIM-->
.content-vf .ccat .textp{
font-size: 12px;
font-family: droidkufi-bold, tahoma;
color: #7B7B7B;
line-height: 23px;
padding:0;
}
.content-vf .ccat:hover > .textp{color:#282828;}
.content-vf .ccat:hover > a img{opacity:0.7;}
.content-vf .ccat img{
width: 131px;
height: 80px;
float: right !important;
margin: 0 0 5px 0 !important;
padding: 3px !important;
border: 1px solid #e2e3e4 !important;
background: #fff;
}
.content-vf .ccat p{display:none;}
.content-vf .ccat .himg{width: 130px;height: 75px; position:absolute; top:0;right:0;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYeOZneCP8s9YJ6CT7pHZX3lihHSq335uTriL7UsMjrvcAJjpSS-7Wnn5LyvvI36FJxorCMdFb8LXelVb_9dAYbJUuywSJHQg_gIkt3PuFprqgvs6B4SQ4qsQODcp5c5v_nYZ_6Aw_sdjV/s1600/sv.png)center ;}
.main .widget{display: }
.main .widget .title{
color: #ae1818;
font: 16px droidkufi-bold;
padding: 4px 15px;
margin: 0px;
background: #fff;
display: inline-block;
}
<--ELKHADIM-->

ليست هناك تعليقات :
إرسال تعليق