[ أضافات بلوجر ] كود سلايد شو السابق ألاحترافي ألخاص بمدونتي

~... اَلَصَلَآةٍ وًّ اَلَسَلَآمَ عَلَىَّ أشَرَفَ اَلَمَرَسَلَيَـنَ ...~

~... اَلَحَمَدَ لَلَهَ وًّحَدَهَ نَحَمَدَهَ وًّ نَشَكَرَهَ وًّ نَسَتَعَيَنَهَ وًّ نَسَتَغَفَرَهَ وًّ نَعَوًّدَ بَاَلَلَهَ مَنَ شَرَوًّرَ أنَفَسَنَاَ وًّ مَنَ سَيَئَاَتَ أعَمَاَلَنَاَ ...~

~... مَنَ يَهَدَهَ اَلَلَهَ فَلَاَ مَظَلَ لَهَ وًّ مَنَ يَظَلَلَ فَلَنَ تَجَدَ لَهَ وًّلَيَاًَ مَرَشَدَآ ...~

~... وًّ أشَهَدَ ألَاَ إلَاَهَ إلَاَ اَلَلَهَ وًّحَدَهَ لَاَ شَرَيَكَ لَهَ وًّ أنَ مَحَمَدَاًَ عَبَدَهَ وًّ رَسَوًّلَهَ صَلَىَّ اَلَلَهَ عَلَيَهَ وًّ سَلَمَ ...~

~... أمَاَ بَعَدَ ...~

~... فَإنَ أصَدَقَ اَلَحَدَيَثَ كَتَاَبَ اَلَلَهَ تَعَاَلَىَّ وًّ خَيَرَ اَلَهَدَيَ هَدَيَُ سَيَدَنَآ مَحَمَدَ صَلَىَّ اَلَلَهَ عَلَيَهَ وًّ سَلَمَ ...~

~... وًّ شَرَ إلَأمَوًّرَ مَحَدَثَاَتَهَاَ وًّ كَلَ مَحَدَثَةٍ بَدَعَةٍ وًّ كَلَ بَدَعَةٍ َضَلَآلَةٍ وًّ كَلَ َضَلَآلَةٍ فَيَ اَلَنَاَرَ ...~

~... فَاَلَلَهَمَ أجَرَنَاَ وًّ قَنَاَ عَذاَبَهَاَ بَرَحَمَتَكَ يَاَ أرَحَمَ ألَرَآحَمَيَنَ ...~

أقدم لكم كود سلايد شو أحترافي كان سابقا في مدونتي

يمكنك تغير حجم السلايد عن طريق الاكواد التالي بالون الاحمر

width: 350px

height: 250px

الكود هو

1. <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js' type='text/javascript'></script>
2. <style type='text/css'>
3.   .contenedorsli {
4. width: 350px;
5. margin: 0 auto;
6. height: 250px;
7. }
8. #slider {
9. position: relative;
10. overflow: hidden;
11. width: 100%;
12. height: 250px;
13. border: 4px solid #333;
14. margin: 0 auto;
15. padding: 0;
16. }
17. #slider > div {position: absolute;top: 0;left: 0;width: 100%;padding:0;}
18. #slider img {
19. width: 100% !important;
20. height: 250px !important;
21. margin: 0;
22. padding: 0;
23. border: 0;
24. }
25. #slider p {
26. position: absolute;
27. left: 0;
28. top: 0;
29. height: 250px;
30. width: 150px;
31. margin: 0;
32. padding: 10px;
33. color: #FFF;
34. background: #333;
35. font-size: 18px;
36. font-weight: bold;
37. line-height: 22px;
38. padding-top: 100px;
39. text-align: center;
40. filter: alpha(opacity=90);
41. opacity: .9;
42. -moz-box-sizing: border-box;
43. -webkit-sizing: border-box;
44. box-sizing: border-box;
45. -moz-transition: all .5s;
46. -webkit-transition: all .5s;
47. transition: all .5s;
48. }
49. #slider:hover p {bottom: 0;background: #990000;}</style><br />
50. <script type="text/javascript">//<![CDATA[
51. // Motor del slider
52.   $(function(){
53.     $('#slider div:gt(0)').hide();
54.     setInterval(function(){
55.       $('#slider div:first-child').fadeOut(2000)
56.       .next('div').fadeIn(2000)
57.       .end().appendTo('#slider');},5000);}
58.   );
59. // Obtener entradas aleatorias
60. var numposts_gal = 6;
61. var salida_gal = '';
62. function slideraleatorio(json) {
63.   var numPosts = json.feed.openSearch$totalResults.$t;
64.   var indexPosts = new Array();
65.   for (var i = 0; i < numPosts; ++i) {indexPosts[i] = i;}
66.   // Línea para reordenar aleatoriamente las entradas leídas
67.   indexPosts.sort(function() {return 0.5 - Math.random()});
68.   if (numposts_gal > numPosts) {numposts_gal = numPosts;}
69.   for (i = 0; i < numposts_gal; ++i) {
70.     var entrada = json.feed.entry[indexPosts[i]];
71.     var titulo = entrada.title.$t;
72.     for (var k = 0; k < entrada.link.length; k++) {
73.       if ( entrada.link[k].rel == 'alternate') {enlace = entrada.link[k].href;break;}
74.     }
75.     if ("content" in entrada) {var contenido = entrada.content.$t;}
76.     x = contenido;
77.     a = x.indexOf("<img");
78.     b = x.indexOf("src=\"", a);
79.     c = x.indexOf("\"", b + 5);
80.     d = x.substr(b + 5, c - b - 5);
81.     if ((a != -1) && (b != -1) && (c != -1) && (d != "")) {var imagen = d;}
82.     else {var imagen = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjai1OUEgtAoJDLzAEiyCXm6rceCpUjHWtHT6tC0ZrG3rE_Ug1yn2lIQNfotsYoAYcYzoZFpNU7pvak02izXgeE3uUCRXHz1JddVi8fjYX2TeW1oDc0PgTHKPsh3-scGCHr_NfIXfLJg/s0/sin-imagen.png';}
83.     salida_gal += '<div><a href="' + enlace + '"><img src="' + imagen + '" /><p>' + titulo + '</p></a></div>';
84.   }
85.   document.getElementById('slider').innerHTML = salida_gal;
86. }
87. //]]></script>
88. <div class="contenedorsli"><div id="slider"></div></div><script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=slideraleatorio&amp;max-results=500"></script>

بما انو لايمكن النسخ من المدونة حمل الكود من الرابط التالي

وقت التحميل

~... وًّفَيَ ألَخَتَآمَ ...~

~... هَكَذاَ لَكَلَ بَدَاَيَةٍ نَهَاَيَةٍ ، وًّخَيَرَ اَلَعَمَلَ مَاَ حَسَنَ آخَرَهَ وًّخَيَرَ اَلَكَلَاَمَ مَاَ قَلَ وًّدَلَ وًّبَعَدَ هَذاَ اَلَجَهَدَ ...~

~... اَلَمَتَوًّاََضَعَ أتَمَنَىَّ أنَ أكَوًّنَ مَوًّفَقَاَ فَيَ سَرَدَيَ لَلَعَنَاَصَرَ اَلَسَاَبَقَةٍ سَرَدَاَ لَاَ مَلَلَ فَيَهَ وًّلَاَ تَقَصَيَرَ ...~

~... مَوًَّضَحَاَ اَلَآثَاَرَ اَلَإيَجَاَبَيَةٍ وًّاَلَسَلَبَيَةٍ لَهَذاَ اَلَمَوًَّضَوًّعَ اَلَشَاَئَقَ اَلَمَمَتَعَ ...~

~... وًّفَقَنَيَ اَلَلَهَ وًّإيَاَكَمَ لَمَاَ فَيَهَ صَاَلَحَنَاَ جَمَيَعَاَ ...~