إضافة أداة آخر المواضيع بطريقة منزلقة إلى مدونتك | حلمي حلمكم

إضافة أداة آخر المواضيع بطريقة منزلقة إلى مدونتك

السلام عليكم

في هذا اليوم مع اضافة جميلة هي اضافة اخر المواضيع بطريقة منزلقة كما هو مبين في هذه الصورة

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

<script type="text/javascript" src="http://blogspacetech.googlecode.com/files/jquery.js"></script>
<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>
<style type="text/css">
.accordion {
width: 300px;
text-align: center;
border-bottom: solid 1px #c4c4c4;
}
.accordion h3 {
background: #e9e7e7 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVbSyW20L6npnngJMs1ZGR0x2hm4bwRXodPn8cOo31eTndhh5dFNUn1UhNUw_kzVKCnVX3orTv_trGF15UGh5s3QuYm4zM58MG-oNlunGG05fXldL1XEZ3oAVMmn8U93PWTZDcJmYt2oow/s320/arrow-square.gif) no-repeat right -51px;
padding: 7px 15px;
margin: 0;
font: bold 120%/100% Arial, Helvetica, sans-serif;
border: solid 1px #c4c4c4;
border-bottom: none;
cursor: pointer;
}
.accordion h3:hover {
background-color: #e3e2e2;
}
.accordion h3.active {
background-position: right 5px;
}
.accordion p {
background: #f7f7f7;
margin: 0;
padding: 10px 15px 20px;
border-left: solid 1px #c4c4c4;
border-right: solid 1px #c4c4c4;
}
</style>
<script language="JavaScript">
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNIMpfSkbGrQK8IvCNZkIV9aP6KsdAzobeMl7qMZlN0mY3EzTBRHbADFLDMVs1zF6uSowO8GiZMgev31i8JEMa-pn2OCGlvgVMzq1FTC_bW8nAuAVzjaJUSL5qiAJrFZIUbGNEnDpi-HA/s128/no-image.blogspacetech.jpeg";
showRandomImg = true;
jimgwidth = 80;
jimgheight = 80;
jfntsize = 12;
jacolor = "#D12709";
jaBold = true;
jtext = "التعليقات";
jshowPostDate = true;
jsummaryPost = 200;
summaryFontsize = 12;
summaryColor = "#000";
numposts =4;
label = "تنسيق القالب";
home_page = "http://www.vision402.blogspot.com/";
</script>
<div class="accordion">
<script src="http://blogspacetech.googlecode.com/files/new.recent-posts.js" type="text/javascript"></script>
</div>

بعد نسخ هذا الكود قم بتغيير تنسيق القالب إلى القسم الذي تريد أن يضهر آخر مواضيعه على مدونتك ، وقم بتغيير رابط مدونتي الموجود داخل الكود http://www.vision402.blogspot.com إلى رابط مدونتك

هناك تعليق واحد:

Unknown5 مارس 2013 في 12:46 م
Mrc
ردحذف
الردود

إضافة تعليق

الا يازائري كن كريماً لمن ** جاد واعطى للناس الكرامُ

الاشتراك في: تعليقات الرسالة (Atom)