طه ويب

مكان لقوالب إحترافية و دروس مفيدة

الرئيسية حصريا إضافة سلايد شو جديد إلى المدونات

حصريا إضافة سلايد شو جديد إلى المدونات

السلام عليكم ورحمة الله تعالى وبركاته

اليوم ان شاء الله سوف نعود لكم بعد غياب طويل ، حيث نعود لكم بتدوينة رائعة وهي طريقة اضافة سلايدشو جديد كليا الى مدونات بلوجر ، هذا السلايدشو هو حصري والأول على منصة بلوجر 


 add new slideshow to blogs - blogger

لمعاينة السلايدشو 

معاينة

لتركيب السلايدشو عليك بما يلي : 
البحث عن : </head> ووضع هذا الكود فوقه



<link  href='https://tahadouhi.googlecode.com/svn/taha/silder-1/ws.css" rel="stylesheet" type="text/css'></link>


ثم البحث عن : </body>
ولصق هذه الأكواد فوقه : 

<script src='https://tahadouhi.googlecode.com/svn/taha/silder-1/scr.js'></script>
<script src='https://tahadouhi.googlecode.com/svn/taha/silder-1/eng1.js'></script>


بعدها قم بالبحث عن المكان الذي تود أن تضع فيه السلايدشو ، وقم بلصق هذا الكود : 



<div id='wowslider-container1'>
<div class='ws_images'><ul>
<li><img alt='wordpress gallery plugin online' id='wows1_0' src='http://wowslider.com/sliders/demo-62/data1/images/ford64041_1280.jpg' title='Ford Mustang'/>is an automobile manufactured by the Ford Motor Company</li>
<li><img alt='wordpress gallery plugin reviews' id='wows1_1' src='http://wowslider.com/sliders/demo-62/data1/images/crazy57942_1280.jpg' title='Overpainted Wolksvagen'/></li>
<li><img alt='wordpress gallery plugin style' id='wows1_2' src='http://wowslider.com/sliders/demo-62/data1/images/car101975_1280.jpg' title='Yellow Car'/>Chevrolet Camaro</li>
<li><img alt='wordpress image gallery plugin' id='wows1_3' src='http://wowslider.com/sliders/demo-62/data1/images/audi87448_1280.jpg' title='Audi A7'/></li>
<li><img alt='wordpress gallery plugin guru' id='wows1_4' src='http://wowslider.com/sliders/demo-62/data1/images/pontiacbonneville78259_1280.jpg' title='Pontiac Bonneville'/>1958 Classic</li>
</ul></div>
<div class='ws_bullets'><div>
<a href='#' title='Ford Mustang'><img alt='Ford Mustang' src='http://wowslider.com/sliders/demo-62/data1/tooltips/ford64041_1280.jpg'/>1</a>
<a href='#' title='Overpainted Wolksvagen'><img alt='Overpainted Wolksvagen' src='http://wowslider.com/sliders/demo-62/data1/tooltips/crazy57942_1280.jpg'/>2</a>
<a href='#' title='Yellow Car'><img alt='Yellow Car' src='http://wowslider.com/sliders/demo-62/data1/tooltips/car101975_1280.jpg'/>3</a>
<a href='#' title='Audi A7'><img alt='Audi A7' src='http://wowslider.com/sliders/demo-62/data1/tooltips/audi87448_1280.jpg'/>4</a>
<a href='#' title='Pontiac Bonneville'><img alt='Pontiac Bonneville' src='http://wowslider.com/sliders/demo-62/data1/tooltips/pontiacbonneville78259_1280.jpg'/>5</a>
</div></div>
<div class='ws_shadow'/>
</div>




بعدها قم بتغيير روابط الصور والعناوين إلى مايناسبك

إلى هنا نكون قد وصلنا الى النهاية ، نتمنى ان يكون قد نال اعجابكم ، نلتقي في تدوينة أخرى ان شاء الله

من الرائع أن تشاركنا تجربتك وخبرتك ، من فضلك لا تستخدم أي كلمات خارجة ، روابط لا علاقة لها بالموضوع لأنه سيتم حذفها فورا ، فالتعليقات خاضعة للإشراف وجميع الردود تعبر عن رأي كاتبيها فقط ،دعنا نجعل التعليقات ساحة لتبادل الخبرات والنقاش بحيث يكون خال من الكلمات البذيئة،وأحب أنبهك أنه عند تعليقك تستطيع متابعة التعليق من خلال *إعلامي*الموجودة اسفل يسار الصندوق ، شكرا لتفهمك :)

شكرا لتعليقك
قالب أمنيّة