[ شرح ] إضافة قائمة منزلقة لآخر المواضيع أسفل التدوينات

سجل إميلك وتوصل بمواضيعنا :

[12:02 م | 0 التعليقات ]

بـــِــــسم الله الرحمن الرحيـــــــمـ ْ

والصلاة والسلام على من بعثه الله هادياً ومبشراً ونذيراً ، نبينا محمد وعلى آلهـ

وصحبه أجمعين ..

أمـــآ بعـــد :

إبـــحث عن هذا الوســم :

]]></b:skin>

وألصق هذا الكوود قبله ،،

.accordion {

width: 620px;

text-align: center;

border-bottom: solid 1px #c4c4c4;}

.accordion h3 {

background: #e9e7e7 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-yZlsC4hnO59I3cByE4h63BOaES0HXVXSajhBQh1v6BKwfY7-i7vHtJQk4Wy4AnBC7Zq1KOJo9Z2fhtIVDZmDI9ExV3j9Rz1skCxtv7Ie8mlMgL188Gci2V8tMyo5aU-SPs-iE7hOmQF1/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:url(http://lh6.ggpht.com/_4_wf1DKMvX4/TMWm472NmPI/AAAAAAAABmw/aioU52gp7Zw/box-bgr.gif) ;

margin: 0;

padding: 10px 15px 20px;

border-left: solid 1px #c4c4c4;

border-right: solid 1px #c4c4c4;}

ثــم إبحث عن الكوود التالي ،،

</head>

وألصق هذا الكوود قبـــله ،،

<script src='http://blogspacetech.googlecode.com/files/jquery.js' type='text/javascript'/>

<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><font size="0"><a href="http://www.monte-escalier-prix.org"></a></font>

قم بالبحث عن الكود التالي (إذا وجدت إثنين فالكود الثاني هو المقصود) :

<data:post.body/>

ثم قم بلصق هذا الكود بعده :

<b:if cond='data:blog.pageType == "item"'>

<script language='JavaScript'>

imgr = new Array();

imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFTDgKvX-sxI-6NbdFcvdeLW1_RDtebQofQBlW5qQybQ-C-m6XIeXtRmCuHcnU96UbusGyJ6dlgM16R_K_anW7ol5vuiOjfKKvoXDfWTlyqVXO60whbu96rXkfeoeUql0e7RgpZB3cehk/s128/no-image.blogspacetech.jpeg";

showRandomImg = true;

jimgwidth = 80;

jimgheight = 80;

jfntsize = 12;

jacolor = "#E67C15";

jaBold = true;

jtext = "التعليقات";

jshowPostDate = true;

jsummaryPost = 200;

summaryFontsize = 12;

summaryColor = "#000";

numposts = 10;

label = "أدوات بلوجر";

home_page = "http://www.rib7i.blogspot.com/";

</script>

<div class='accordion'>

<script src='http://blogspacetech.googlecode.com/files/new.recent-posts.js' type='text/javascript'/>

</div>

</b:if>

width: 620px يتـــغير العرض بتغيير القيمة ،،

أدوات بلوجر : مقــم بتغيير هذه الجملة بأحد التسميــآت في مدونتك ،،

إلــــــــى هنـــآ نصل إلى نهاية الدرس ،،

لاتنسوا مشاركتنـــآ التعليـــقآت ،،

أخووكم : Mr ChàFiài