سلايدر متناسق لعرض الصور
1. إبحث عن </body> وضع الكود التالي فوقه
<script src='//googledrive.com/host/0B0LkZloPKBfWRXVIS0x6RFlQQjg'/>
<script type='text/javascript'>
jQuery( document ).ready(function( $ ) {
$( '#my-slider' ).sliderPro();
});
</script>
<link href='//googledrive.com/host/0B0LkZloPKBfWNHQ2TDVGYkpZRFU' rel='stylesheet'/>
<div class="slider-pro" id="my-slider">
<div class="sp-slides">
<!-- Slide 1 -->
<div class="sp-slide">
<a href="#" target="_blank"><img class="sp-image" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPVxUPu6K1ltoTy5mOLhdiZ6Oq1rccUIEvReYFvbTFYUzYin89IQCv0kQ_3KIbgR1p22f73EBApEpBCRnDzyRuEel2TkJi74y2JR7KavIZoVM3fmbOke3WGlP1Zls21hG3ek_CaizO9_1H/s1600/Pro1.png"/></a>
</div>
<!-- Slide 2 -->
<div class="sp-slide">
<a href="#" target="_blank"> <img class="sp-image" src="http://3.bp.blogspot.com/-h0KxM6-112I/Vd4qB8DabXI/AAAAAAAALJw/qjE4HfTk_BU/s1600/Tag%2Band%2BStyling%2BVienna%2BLite%2B2.jpg"/></a>
</div>
<!-- Slide 3 -->
<div class="sp-slide">
<a href="#" target="_blank"> <img class="sp-image" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdc-nA9T0DVXbovDVmjWXV4HxYYMZ6B8PVNH6n4QoMAYUP-DXaQqtHf6nMQoH-w2kSqBBKf7MqWnPApMXc7lQ9o23_MJDexE9t4Aa8a1pjhwBK63xxo6thgcVwqOgx7KaWh86aI5VH8t4/s1600/2014_rio_2_movie-1280x800.jpg"/></a>
</div>
<!-- Slide 4 -->
<div class="sp-slide">
<a href="#" target="_blank"> <img class="sp-image" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSaSfViCtE6WFS3WRXF-RdTU2sDZszqLUPoyB0mo43cfqfSiZAbv2tHU7LjsFB8Yfu_ixTw5CZjds-dTW0dgutSQ9jEL0uD0QlsVNR1l1VYMy11LyfKp0mCexfACsu9daeAUdJV9qGdD4r/s1600/nickwordc.jpg"/></a>
</div>
<!-- Slide 5 -->
<div class="sp-slide">
<a href="#" target="_blank"> <img class="sp-image" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvgRLCpj-Mk3XdKkcqrJ1lbsIIl6zkf40hOhgKXbkeJy973ov-NPFaouNvnHTjrkLtLwEjZG_B4jpZXg7lntBchpuNMVbMn1OLKG4i1fdiKxEAOoW6zBq238KZFVBI-TCnvXdDeYvJ898/s1600/work_03.png"/></a>
</div>
<!-- Slide 6 -->
<div class="sp-slide">
<a href="#" target="_blank"> <img class="sp-image" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz7dx_WMefDo7SVk6sBnOrjpbtvgYNZdmVNQIONvteN7d86HcgBrytmo-FeRN7M3xeyRnS0brjUvqeQOD3LrY5AvDExnOGNXEWZ5wXu2WDJgkCTfROkZZb8r5YUoekqI9-TjYKa1Mdour3/s1600/6.jpg"/></a>
</div>
</div>
</div>
* كل الصور محددة باللون الأخضر تغير بخاصتك
* الهاشتاج # ضع بدله رابط الموضوع
<!-- Slide 7 -->
<div class="sp-slide">
<a href="رابط الموضوع" target="_blank"> <img class="sp-image" src="رابط الصورة"/></a>
</div>
osama abid alreda
اسامة عبد الرضا : من الجمهورية العراقية, اهتمامي وحبي لتدوين هو ما جعلني أستمر ليس فقط لتقديم المواضيع بل أيضا لمساعدة الأشخاص المبتدئين ، كما كنت سابقا إلا أني لم أجد من يساعدني ! مع ذلك كافحة وواضبة على ما أحبه من عمل لأصل إلى ما أريده ، ليس كمستقبل لكن كهدف حققته ,لدي إهتمامات اخرى منها الرياضة ، ألعاب الفيديو ، والتصميم بحد ذاته ومدونة ويب نايت تعبر عما أهواه .
: شروط التعليق يجب على التعليق أن يكون ضمن سياق التدوينة ■ يجب على التعليق أن يكون بلا روابط إشهارية ■