السلام عليكم ورحمة الله وبركاته
اليوم سوف نقوم بشرح طريقة تركيب معرض الصور في الفوتر بناء على طلب الأخوة والأخوات ، مع العلم هنالك مشاركة تتحدث عن إضافة معرض الصور لمدونات بلوجر ولكن حجم عارض الصور كبير لا يتناسب وضعه في الفوتر وإذا أردنا أن نستخدمه يجب أن نضعه تحت الهيدر والذي يحب أن يرى هذه المشاركة مـــن هــــنـــا والمشاركة تتحدث عن نموذجين من معرض الصور لا علينا نرجع إلى طلب الأخوة والأخوات إضافة معرض الصور بشكل مناسب ويتوافق وضعه في الفوتر .
- شرح طريقة تركيب معرض الصور :
1- أدخل إلى مدونتك | ثم أختر تحرير قالب .
2- إبحث عن الوسم : </head>
3- ضع الكود التالي فوقه .
<script src='https://googledrive.com/host/0B7H_GQEvKCj1bjRueExyQ2ZTZXM/jquery-cycle.js' type='text/javascript'></script>
<style type='text/css'>
#slideshow {
position:relative;
top:0px;left:0px;
width:100%;
max-width:300px; /* Atur Lebar Gambar ! */
height:auto;
}
#slideshow img {
width:100%;
height:auto;
position:absolute;
top:0px;
left:0px;
background:#fff url(http://www.ajaxload.info/cache/FF/FF/FF/33/33/33/6-0.gif) no-repeat center;
}
</style>
<script type='text/javascript'>
$('#slideshow').cycle({
fx: 'fadeZoom', // « ganti effect sesuai dengan effect yang di inginkan!
next: '#before',
prev: '#after',
delay: -3000
});
</script>
4- إحفظ القالب .
5- إذهب إلى تخطيط | ثم أختر إضافة أداة من الفوتر : HTML/JavaScript
6- اللصق الكود التالي في صندوق الأاة ثم إحفظ .
<div id="slideshow">
<img alt='' src='http://www5.0zz0.com/2015/02/21/00/254685094.jpg'/>
<img alt='' src='http://www5.0zz0.com/2015/02/21/00/600538433.jpg'/>
<img alt='' src='http://www5.0zz0.com/2015/02/21/00/734975801.jpg'/>
<img alt='' src='http://www5.0zz0.com/2015/02/21/00/459179899.jpg'/>
<img alt='' src='http://www5.0zz0.com/2015/02/21/00/991081244.jpg'/>
</div>
- استبدل ماهو باللون الأحمر بالصور التي ترغب أن تضيفها .
- وأيضاً يمكنك إضافة صور أكثر بتكرار هذا الكود فوق وسم الإغلاق </div> .
<img alt='' src='http://www5.0zz0.com/2015/02/21/00/991081244.jpg'/>
تنويه : أحبائي وأعزائي : تحية طيبة وبعد ، أنتم تعلمون كم يبذل كاتب التدوينة من جهد وعصف ذهني كي يخرجها إلى حيز الوجود أرجو من شخصكم الكريم عند النقل ذكر المصدر .
ليست هناك تعليقات:
إرسال تعليق