-->

الجمعة، 25 مارس، 2011

إضافة أداة مشاركات شائعه متحركه لبلوجر Animated Recent Posts With Spy

بسم الله والحمد لله
موضوع اليوم عن كيفيه إضافة أداه مواضيع شائعه أو مشاركات شائعه بالصور والنصوص ومتحركه بطريقه جميله جدا من أعلى إلى أسفل ولكن أولا أريد أن أقدم جزيل الشكر إلى  Abu-Farhan
للشرح تابع الأتى
-- سجل دخولك فى مدونتك بلوجر
-- إنتقل إلى التصميم >> إضافة أداه >> HTML JAVASCRIBT
-- ضع الكود التالى بها وأختر عنوان لها 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>

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

<!--



#spylist {

overflow:hidden;

margin-top:5px;

padding:0px 0px;

height:350px;

}

#spylist ul{

width:220px;

overflow:hidden;

list-style-type: none;

padding: 0px 0px;

margin:0px 0px;

}

#spylist li {

width:208px;

padding: 5px 5px;

margin:0px 0px 5px 0px;

list-style-type:none;

float:none;

height:70px;

overflow: hidden;

background:#fff url(http://1.bp.blogspot.com/_AstD3fky-O0/TPqUOD822nI/AAAAAAAAALU/IqHlrBo0W6Y/s1600/bdlab-blogspot-com.jpg) repeat-x;

border:1px solid #ddd;

}



#spylist li a {

text-decoration:none;

color:#4B545B;

font-size:11px;

height:18px;

overflow:hidden;

margin:0px 0px;

padding:0px 0px 2px 0px;

}

#spylist li img {

float:left;

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] = "http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png";



imgr[1] = "http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png";



imgr[2] = "http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png";



imgr[3] = "http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png";



imgr[4] = "http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png";

showRandomImg = true;



boxwidth = 255;



cellspacing = 6;



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 = 10;



home_page = "http://hend-moments.blogspot.com/";



limitspy=4

intervalspy=4000



</script>



<div id="spylist">

<script src='http://scriptabufarhan.googlecode.com/svn/trunk/recentpostthumbspy-min.js' type='text/javascript'></script>

</div>
ملحوظه
هناك أشياء عليك بتغييرها
-- غير home_page بعنوان مدونتك
-- تستطيع تغيير العروض عن طريق  width : 220px;
width:208px:
-- تستطيع تغيير أحجام الصور عن طريق  thumbwidth = 70;
thumbheight = 70;
-- عدد المواضيع التى تريد أن تظهر عن طريق  numposts = 10;

abuiyad

5 التعليقات:

moon shado يقول...

المشكلة

انت ف كل اداة حاط اعلان لمدونتك

ممكن تزيله

Hend يقول...

أختى MOON SHADO
السلام عليكم
أولاً أنا أضع رابط مدونتى لتسبدليه حتى تكون الطريقه سهله وليس من باب الإعلان ياأختى لو تلاحظى فى مدونتى لست أضع صفحه راسلنى أو تبادل إعلانى

abdo helal يقول...

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


http://abdo-helal.blogspot.com/2011/08/blog-post_758.html

abdo helal يقول...

من فضلك لا تتاخرى على فى الرد

دردشه صوتيه يقول...

مشكوور والله يعطيك العافيه

أضف تعليق

عبر عن رأيك بدون تسجيل دخول

كن على إتصال

Best Blogger Tips
Blogger Gadgets