مرحبا بك اخى الزائر في مدونة ( محمد رضا السباعي ) زيارتك تسعدنا ومتابعتك لنا تشرفنا... نتمنى لك مشاركة طيبة

الاثنين، 17 أكتوبر 2011

أأضافة أداة القرآن الكريم لمدونك

أضافة أداة القرآن الكريم لمدونك

اذهب الى - التصميم - عناصر الصفحة

اضافة أدة HTML/JavaScript



قم بلصق الكود التالي داخل الاداة


<center><iframe align="center" id="tvquran" src="http://www.ahsascool.com/tvq/includeit.php?id=1" frameborder="0" allowtransparency="1" scrolling="no" width="302" height="334">
</iframe></center>



ثم حفظ

أرجو أن تنال الاضافة اعجابكم 

إضافة أخر المواضيع بطريقة متحركة




إضافة المواضيع الجديدة بطريقة متحركة



إضافة أعجبتني وهي جميلة جدا خاصة بأخر المواضيع التي نشرتها بمدونتك. 



إضافة جديد المواضيع  
شرح الاضافة
 توجه إلى تصميم ، عناصر الصفحة ، إضافة أداة ، HTML/JavaScript ثم ألصق الكود الموجود في الأسفل. 




1  
2




<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://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.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://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 = true;


summaryPost = 40;


summaryFontsize = 10;


summaryColor = "#666";


icon2 = " ";


numposts = 10;


home_page = "http://abuali710.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>   
للتعديل في الكود قم بتبديل ما لون ب:
  1. اللون الأحمر غيره برابط مدونتك وهذا ضروري
  2. اللون الأزرق لتغير حجم الإضافة
  3. اللون الأخضر لتغيير خلفية الإضافة
  4. اللون البني لتغيير حجم الصورة التي ستظهر في الإضافة
  5. اللون البنفسجي خاص بعدد المواضيع التي ستظهر
أتمنى أن تنال الإضافة إعجابكم.