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

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

<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(http://2.bp.blogspot.com/_jFIsHl5gfpM/TFytEJ5rLTI/AAAAAAAAAf0/ogdrOF9AZ7U/s1600/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] = “http://lh5.ggpht.com/_ZXEvc1YiIko/TLzMljzSYFI/AAAAAAAAA4g/FW2VlpJHWfE/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.igli5.com/”;

</script>

<div class=”accordion”>

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

</div>

——————————————————–


 بعد نسخ هذا الكود وتغيير حلقات حوحو إلى القسم الذي تريد أن يضهر آخر مواضيعه على مدونتك  ، وقم بتغيير رابط مدونتي الموجود داخل الكود باللون الأزرق إلى رابط مدونتك  ،  ثم تذهب إلى لوحة تحكم مدونتك وتضغط على التخطيط كما هو مبيين في هاته الصورة :

ثم تضغط على اختيار html /java script 

وتقوم بإضافة الكود الذي هو موجود أعلاه داخل هذا المربع كما هو موضح في الصورة التالية :