سلايد شو رائع لبلوجر تلقائى التشغيل بدون تعديل القالب

سلايد شو

أقدم لكم اليوم سلايد شو تلقائى افقى و رأسى و ذاتى التشغيل
اكثر من رائع بتقنية jQuery ولا 

يحتاج لتعديل قالب المدونه

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

<style type="text/css"> .slider-box { background: none repeat scroll 0 0 #FAFAFA; border-radius: 5px 5px 5px 5px; box-shadow: 0 0 3px #333333; margin: 0 auto; width: 675px; overflow: hidden; } #slider-wrapper { margin: 0 auto; padding: 10px; } #jslider-container { border: 2px solid #FFFFFF; max-width: 550px; position: relative; text-align: left; z-index: 90; } </style> <link href="http://project.dimpost.com/image-slider/wowslider/css/wow-slider.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> <div class="slider-box"> <div id="slider-wrapper"> <div id="jslider-container"> <div class="jslider_images"> <ul> <li><a href="http://dimpost.com"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3BrLIkoBw6lbFqmCLisgT16dk2ps7gRNQlqzl5QRPqvAzSCpjU-FBwjUkvWaXItODUTjPKOq-oWS7IbMNQUkLvnF0VhewuX9Weg058J_RzHMr4ZpQ4RW_PXf5X24RuGUGfjhwYD3ohWqp/s550/sample1.jpg" title="Sunset"/> </a>A boat with beautiful sunset.</li> <li><a href="#"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIxn_HSpWseKTs6Zmlyb0JrkBgdzvHBupADuHvalPxw_4QWQ_S5TWKid_oDp299DVMhZNVC79edWBAYNMOQdS2bTThe6nAKMZjPWZwwopjxTK8WvHG9GYPiMyMP9UjkTpJkcjD_uACoRt2/s550/sample2.jpg" title="Rainbow"/> </a></li> <li><a href="#"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvup2pRxOLpS1s8o0LDsGn_IODFqx2Uz9nsyhWpQ1JwoNiXnHFdcUvCvEtujsKTEVkMccD6o0FZG_iQfvNzM1s8lDfUMmrPW3seVWm4Su3MQzjaBWYiBZT3NK1jF6Cg0PrEnSiyXVQtR4Q/s550/sample3.jpg" title="True Nature"/> </a>Tree in field with blue sky.</li> <li><a href="#"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7yTmyhCziucLF4NC196tiqpF0dUjHXK5d0ClD_GPSyjDM56yLUIDhWgyoTfmwXF4XyxPRzTs4fKmUYPZWKTC67aIztRROgvlOltWm5ltL4SbEy1jMIiDlLWfBWAJZeIiSk1atiHxtVgKj/s550/sample4.jpg" title="Sunrise""/> </a>Amaizing sunrise moment</li> <li><a href="#"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYA1xStdx7-Q86pHFLFF2Vy7WrQ6CVovqbdEZEkbaLpdy2xx-1UhpU82c0wfphLFsGyk9pU_g1W66s3KzV722cBlK6eyGkTMPmmXzeQG8JF63x5fxJC2Xi_pNPaaISMGpAblegFTeqNonX/s550/sample5.jpg" title="CAR in HDR Nature"/> </a></li> <li><a href="#"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5fjvRwvdQraNhT9nfTH-YOWMnUKWh3vWnN0vXrnnagjMrxwBZKtf5GG2o_T7ebpErDPOPhICz_uge-W8ugFyQAx5Q6d0oHrTZTV5SqETh_n9uXFWCRtZ9LWzubv6jQOGzDcasFmgj1W3b/s550/sample6.jpg" title="Sunshine"/> </a></li> </ul> </div> <div class="jslider_thumbs"> <div> <a href="#" title="Sunset"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjl7mM5vHpbAB77dVw65VmRNhfEMSH5KfWs0uG9Eh0DpskW5qOYUCLa3Opt4jrPQVIygXmLeAFva7DscmnOxdG4k0P9MqXVEcqc0uxpseEIyGXu7pKApRnCtCMQ6y-bhyphenhyphen43hnViqRQLsLO/s85/sample1.jpg"/></a> <a href="#" title="Rainbow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR35e1Y1Qv2wC5qkaRT8rjpJqQmR44yXTdUbZ6tpPJmy5UBR8Z4GOXSbQG7S__6umnhTXbgo3AlvvVZn1leDU_UyMvRcrL9ieURWhV-jm6nBKMmBUmN06rDSrDMvmlO7mA7yjUa23aizU9/s85/sample2.jpg"/></a> <a href="#" title="True Nature"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeWkNNWvRT0heiGt7Wql_jQtOoLQQ-XBiVXeVXKMfM4Ys18e8oQQQCqY7XLQw8Iv4yypRsFi1DqzeN9n8Cbs_QPg4AnZMRvgtFL-JMhqfUPK3zUHhY9fozCYrVqYSWJYYmQc04__vyOFrA/s85/sample3.jpg"/></a> <a href="#" title="Sunrise"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWbDDdtkNdiMLjYYngcO_ClJRhysA6NTbLY2OnXqj6N1pUcBOcXityDAPrY6MxUCZaHaHNI-bgYcx9VDAiuDE-RMXELzCrjFr82r5yXT6TkgS4LrEzAO5t5iUj1M1TDZxSu4cwaBDtL1C9/s85/sample4.jpg"/></a> <a href="#" title="CAR in HDR Nature"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjenyxyJyFko5AZ6egefV5UGiY_WGHx1FJyPYKj9moa5RiqrSA5IqECgzvYKZxSJ7lgHYWaw2a_2K_KGxA_qKooLJ0oQ0LXhPyGKPfB2vGzJKz5hTzB92ZeuMWYobJKApERP-iXbdzLAKzi/s85/sample5.jpg"/></a> <a href="#" title="Sunshine"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIvi-FD6NfI5j0LOv0ZehAK_o8SGRbZvtS1hXf-TDNTFKeoYS6OUCX54LzXNH5p7MsWV7TXMy6uPFmgtKh5qS2-jQT4sSeevvxXQz7zyEP8SWbvIBtY-6AvpqA6r0Nkm1OxxC9BkWn68NX/s85/sample6.jpg"/></a> </div> </div> </div> </div> </div> <script type="text/javascript" src="http://dimpost.googlecode.com/files/wow-slider.js"></script>

ستجد الجزء ألأخير من الكود بهذا الشكل

        <div>
  <a href="#" title="Sunset"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjl7mM5vHpbAB77dVw65VmRNhfEMSH5KfWs0uG9Eh0DpskW5qOYUCLa3Opt4jrPQVIygXmLeAFva7DscmnOxdG4k0P9MqXVEcqc0uxpseEIyGXu7pKApRnCtCMQ6y-bhyphenhyphen43hnViqRQLsLO/s85/sample1.jpg"/></a>
  <a href="#" title="Rainbow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR35e1Y1Qv2wC5qkaRT8rjpJqQmR44yXTdUbZ6tpPJmy5UBR8Z4GOXSbQG7S__6umnhTXbgo3AlvvVZn1leDU_UyMvRcrL9ieURWhV-jm6nBKMmBUmN06rDSrDMvmlO7mA7yjUa23aizU9/s85/sample2.jpg"/></a>
  <a href="#" title="True Nature"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeWkNNWvRT0heiGt7Wql_jQtOoLQQ-XBiVXeVXKMfM4Ys18e8oQQQCqY7XLQw8Iv4yypRsFi1DqzeN9n8Cbs_QPg4AnZMRvgtFL-JMhqfUPK3zUHhY9fozCYrVqYSWJYYmQc04__vyOFrA/s85/sample3.jpg"/></a>
  <a href="#" title="Sunrise"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWbDDdtkNdiMLjYYngcO_ClJRhysA6NTbLY2OnXqj6N1pUcBOcXityDAPrY6MxUCZaHaHNI-bgYcx9VDAiuDE-RMXELzCrjFr82r5yXT6TkgS4LrEzAO5t5iUj1M1TDZxSu4cwaBDtL1C9/s85/sample4.jpg"/></a>
  <a href="#" title="CAR in HDR Nature"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjenyxyJyFko5AZ6egefV5UGiY_WGHx1FJyPYKj9moa5RiqrSA5IqECgzvYKZxSJ7lgHYWaw2a_2K_KGxA_qKooLJ0oQ0LXhPyGKPfB2vGzJKz5hTzB92ZeuMWYobJKApERP-iXbdzLAKzi/s85/sample5.jpg"/></a>
  <a href="#" title="Sunshine"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIvi-FD6NfI5j0LOv0ZehAK_o8SGRbZvtS1hXf-TDNTFKeoYS6OUCX54LzXNH5p7MsWV7TXMy6uPFmgtKh5qS2-jQT4sSeevvxXQz7zyEP8SWbvIBtY-6AvpqA6r0Nkm1OxxC9BkWn68NX/s85/sample6.jpg"/></a>
        </div>

استبدل الكلمه التى بعد title بأسم الموضوع الذى تريد ظهوره فى السلايد شو و استبدل الرابط الذى بعد img src برابط صورة الموضوع