رئيسية المعهد
رئيسية المعهد  تواصل معنا  حقوق الملكية الفكرية  اربط مدونتك بنا  محول أكواد أدسنس

 

معرض قوالب معهد خبراء بلوجر - دليل مدونات بلوجر - موقع نشر بلوجر - اضافات بلوجر




العودة   معهد خبراء بلوجر > الدعم الفني > إضافات وأدوات بلوجر


إضافة رد
نسخ الرابط
نسخ للمنتديات
 
أدوات الموضوع انواع عرض الموضوع
قديم 03-06-2015, 10:46 AM   #1
مساعد قوالب بلوقر
مدون جديد
 
تاريخ التسجيل: Jan 2015
الدولة: موريتانيا- أنواذيبو
المشاركات: 13
افتراضي اضافة معرض الصور بشكل جديد وحصري

أنا : مساعد قوالب بلوقر






بسم الله الرحمان الرحيم , إخواني الكرام السلام عليكم و رحمة اله تعالى و بركاته .
لعلكم لاحظتم أثناء تصفحكم لمدونات أخرى إما عربية أو أجنبية وجود معرض صور يتضمن ( مجموعة من الصور يتم عرضها تلقائيا) اليوم بإذن الله سأشرح لكم كيفية إضافة هذا المعرض في مدونات البلوجر بخطوات سلسة و بسيطة , لكن قبل البدئ في التركيب لابأس في مشاهدة مثال حي على الإضافة

معاينة


طريقة تركيب الاضافة


كل ماعليك فعله هو اضافة الكود التالي مباشرة في آداة HTML/JavaScript

كود بلغة HTML:
<style type='text/css'>
.btnt-slider { margin: 30px auto; max-width: 850px; padding: 0 20px; }
.rslides { list-style: none outside none; margin: 0 auto; max-height: 400px; max-width: 800px; overflow: hidden; padding: 0; position: relative; width: 100%; }
.rslides li { -webkit-backface-visibility: hidden; position: absolute; border: 5px solid #555; display: none; left: 0; top: 0; margin: 0; padding: 0; list-style: none; }
.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; margin: 0; max-width: 100%; }
ul.rslides .rslides_nav { height: 30px; position: absolute; text-indent: -99999px; top: 45%; width: 30px; z-index: 9999; display: none; }
ul.rslides:hover .rslides_nav { display: block; }
.prev { background: url("http://3.bp.blogspot.com/-2R8tmOI8om8/U3HrZJmrzPI/AAAAAAAAC_U/-ye9JkB8uQg/s1600/arrows.png") repeat scroll 0 0 transparent; float: left; left: 15px; }
.next { background: url("http://3.bp.blogspot.com/-2R8tmOI8om8/U3HrZJmrzPI/AAAAAAAAC_U/-ye9JkB8uQg/s1600/arrows.png") repeat scroll right 0 transparent; float: right; right: 15px; }
</style>
<script type='text/javascript'>
/*<![CDATA[*/
$(function() {
$(".rslides").responsiveSlides({
auto: true,
speed: 500,
timeout: 3000,
nav: true,
pause: true,
prevText: "Previous",
nextText: "Next",
navContainer: "ul.rslides",
});
});
/*]]>*/</script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src='https://googledrive.com/host/0B-P4_Fs3S76yQ1RVNnl0bVlLMXM' type='text/javascript'></script>
<div class="btnt-slider">
<ul class="rslides">
<li><a href="#"><img alt="" src="+" /></a></li>
<li><a href="#"><img alt="" src="+" /></a></li>
<li><a href="#"><img alt="" src="+" /></a></li>
</ul>
</div>
نظرة عامة علي الكود


# : غيرها برابط مدونتك
+ : غيرها برابط الصورة المراد عرضها في المعرض
أما اذا أحببت اضافة الكثير من الصور ماعليك سوي تكرار الكود التالي

<li><a href="#"><img alt="" src="+" /></a></li>

في أمان الله

المصدر

الدعم العربي


التعديل الأخير تم بواسطة مساعد قوالب بلوقر ; 03-06-2015 الساعة 10:50 AM
مساعد قوالب بلوقر غير متواجد حالياً   رد مع اقتباس

مركز رفع موسوعة العربية
قديم 04-24-2015, 07:19 AM   #2
abjdhoaz200
مدون نشيط
 
الصورة الرمزية abjdhoaz200
 
تاريخ التسجيل: Apr 2014
المشاركات: 130
افتراضي رد: اضافة معرض الصور بشكل جديد وحصري

أنا : abjdhoaz200




شكرآ جزيلا على المدونه الرائع و المميز

واصل تالقك معنا فى المنتدى خبراء بلوجر

بارك الله فيك أخى ...

ننتظر منك الكثير من خلال إبداعاتك المميزة

لك منـــــــ إجمل تحية ــــــــــى
__________________
http://12abjdhoaz.blogspot.com/
صورمشبات
http://abjdhoaz200.blogspot.com/
مشبات
http://abjdhoaz433.blogspot.com/
ديكورات مشبات
http://shomane.blogspot.com/
مشبات . صور مشبات. ديكورات مشبات.صورمشبات,
من مواضيع abjdhoaz200

الدعم العربي

abjdhoaz200 غير متواجد حالياً   رد مع اقتباس
إضافة رد

مواقع النشر (المفضلة)

الكلمات الدلالية (Tags)
لغرض, الصور, اضافة, بشكل, جديد


الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)
 
أدوات الموضوع
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
كود التبادل الاعلاني بشكل جديد وحصري - بلوجر ebd3h إضافات وأدوات بلوجر 0 07-19-2014 09:03 PM
صندوق المواضيع الأكثر تعليقاً بشكل جديد وحصري Designer4arab حسين إضافات وأدوات بلوجر 0 12-08-2013 08:07 PM
إضافة أداة كن من متابعى هذه المدونة بشكل جديد وحصرى luqmanessam إضافات وأدوات بلوجر 2 01-19-2013 11:00 AM
اضافة ترقيم الصفحة بشكل جديد mostafa alwin إضافات وأدوات بلوجر 10 12-29-2012 03:22 PM





لتصفح أفضل وللاستفادة القصوى من خصائص المعهد ننصحكم باستعمال :

Powered by vBulletin® Copyright ©2000 - 2024 Dov By EGYNT.Co
new notification by 9adq_ala7sas
Developed By Marco Mamdouh
معهد خبراء بلوجر - 2012 Google
أعلن على المعهد : اتصل بنا - منتدي كنوز - الدعم العربي - قوالب بلوجر - او او انيمي
رئيسية المعهد
الساعة الآن 12:53 PM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته
التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك
(ويتحمل كاتبها مسؤولية النشر)