أداة آخر التدوينات المضافة للمدونة

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

انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم إضافة أداة جديدة 

ثم نضع بداخلها الكود التالي مع تغير رابط المدونة بالون الأحمر إلى رابط مدونتك

<script src="http://sites.google.com/site/mohamedabuiyad/sitmapblogger/abuiyad.min.js" type="text/javascript"></script>

<style type="text/css" media="screen">

<!--

#spylist {

overflow:hidden;

margin-top:5px;

padding:0px 0px;

height:530px;

}

#spylist ul{

width:750px;

overflow:hidden;

list-style-type: none;

padding: 0px 0px;

margin:0px 0px;

}

#spylist li {

width:260px;

padding: 5px 5px;

margin:0px 0px 5px 0px;

list-style-type:none;

float:none;

height:68px;

overflow: hidden;

background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisWvEpVzr9JrZb7gOF3eIJ_6D8sk_kIV0lRvEXoe0nUyekLio_k24T1mvtoynOsQkf2sH5C2SsXH4ovL_50l6kq4YMQm_eVMIC59leqUp6qdNnBwIHiD1LCbcldgPQrNdUESKcwHzHzq8/s1600/31-01-2012+12-21+DALR.jpg) repeat-x;

border:1px solid #ddd;

}

#spylist li a {

text-shadow;

color:#C29310;

font-size:12px;

height:60px;

overflow:hidden;

margin:0px 0px;

padding:0px 0px 2px 0px;

}

#spylist li img {

float:right;

margin-right:5px;

background:#EFEFEF;

border:0;

}

.spydate{

overflow:hidden;

font-size:10px;

color:#0284C2;

padding:2px 0px;

margin:1px 0px 0px 0px;

height:15px;

font-family:Tahoma,Arial,verdana, sans-serif;

}

.spycomment{

overflow:hidden;

font-family:Tahoma,Arial,verdana, sans-serif;

font-size:10px;

color:#262B2F;

padding:0px 0px;

margin:0px 0px;

}

-->

</style>

<script language='javascript'>

imgr = new Array();

imgr[0] = "https://sites.google.com/site/lightbox007/photo/noimageblogger.jpg";

imgr[1] = "https://sites.google.com/site/lightbox007/photo/noimageblogger.jpg";

imgr[2] = "https://sites.google.com/site/lightbox007/photo/noimageblogger.jpg";

imgr[3] = "https://sites.google.com/site/lightbox007/photo/noimageblogger.jpg";

imgr[4] = "https://sites.google.com/site/lightbox007/photo/noimageblogger.jpg";

showRandomImg = true;

boxwidth = 500;

cellspacing = 3;

borderColor = "#232c35";

bgTD = "#000000";

thumbwidth = 70;

thumbheight = 70;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = true;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 07;

home_page = "http://kalam-blogger.blogspot.com/";

limitspy=6

intervalspy=4000

</script>

<div id="spylist">

<script src='http://sites.google.com/site/mohamedabuiyad/sitmapblogger/recentpost-abuiyad-min.js' type='text/javascript'></script>

</div>

مع إمكانية تغير خلفية الأداة و ذلك عن طريق تغير الرابط الملون الإخضر إلى ما يناسب خلفية أو لون قالبك قم بحفض مبروك عليك الأداة .


أتمنى أن تنال إعجابكم في إنتظار تشجيعاتكم  

6:47 ص