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

الرئيسية تطوير بلوجر كل اضافة أنيقة للمدونة القطعة المتحركة المشاركات الأخيرة

تطوير بلوجركل

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

محمد عبد الوهاب 0

A+ A-

facebook twitter

بسم الله الرحمن الرحيم 

والصلاة والسلام على المبعوث رحمة للعالمين سيدنا محمد وعلى آله وصحبه أجمعين : اما بعد

في هذا الموضوع سوف تساعدك على إنشاء آخر المشاركات

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

1. تسجيل الدخول إلى مدونة بلوجر > تصميم > التخطيط.

2. انقر فوق إضافة الأداة واختر "HTML / Javascript

3.الآن الصق الكود أدناه.

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

pylist ul{      
width
padding:0px 0px;      
height:350px;      
}      
.spydate{      
overflow:hidden;      
font-size:10px;  }

#
s:350px;      
overflow:hidden;      
list-style-type: none;      
padding: 0px 0px;      
margin:0px 0px;      
}      

x 10px !important;

#spylist li {      
width:230px;      
background: #1ed2f2;
list-style-type: none;
margin:0 0 5px 0px;
padding:5px 5px 1

p-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;border: 0 none !important;-webkit-border-top-left-radius:40px;-webkit-border-bottom-right-radius:40px;-moz-border-radius-topleft:40px;-moz-border-radius-bottomright:40px;border-top-left-radius:40px;border-bottom-right-radius:40px; 
}     

#spylist li:hover { 
background: #84f6f5;

} 

#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;

ew Array();

imgr[0] =
margin-top:3px;       
background:none;      
border:0;      
}      

.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 = 
n "http://i43.tinypic.com/orpg0m.jpg";

imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;

boxwidth = 255;

cellspacing = 6;

borderColor = "#232c35";

bgTD = "#000000";



thumbwidth = 70;

thumbheight = 70;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = false;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 10;

home_page = 

"http://bloggertrix.com/";


imitspy=4



lintervalspy=4000

</script>


list">
    <script
<div id="sp

y src='http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/recentpostthumbspy-min.js' type='text/javascript'></script>

</div><a style=" float:right;font-size:8px; color:#3B78CD; text-decoration:none;" href="http://bloggertrix.com">Blogger widget</a>

بعد لصق الكود أعلاه

* استبدل http://bloggertrix.com/ مع عنوان الرابط لموقعك

4. الآن حفظ HTML الخاص بك / Javascript ".

     انتهى...

الوسوم: تطوير بلوجر كل