الموضوع
اقرأ ايضًا
التعليقات
عن الكاتب
تعليمات
لقد عدنا مجددا بتدوينة من قسم السلايدرات لمن يرغب بتركيبه في موقعه فهذه التدوينة مخصصة خصيصا لك. سنتعرف على سلايدر تلقائي يعرض أجدد المواضيع يحتوي على صورة وزر اقرأ المزيد وكذلك نبذة عن الموضوع
لذا وبدون إطالة أترككم مع المعاينة
شرح طريقة التركيب
1. ابحث بإستعمال CTRL+F عن ]]></b:skin> أو ضعه بين <style> </style> فوق </head>
2. ضع الكود التالي فوقه
التغييرات الأساسية
1. لتعديل مقاس السلايدر فالرقم محدد بالأحمر في كود المرحلة 1
2. لتعديل توقيت سرعة المواضيع فالرقم محدد بالأزرق في كود المرحلة 4 إذا أردت تسريعه فعليك خفض الرقم مثلا من 2000 إلى 1000 والعكس إذا أردت تبطيئه
3. إن كنت تتوفر على خط Droid Arabic Kufi فقم بحذفه من الكود الأول هو محدد بالبرتقالي
لذا وبدون إطالة أترككم مع المعاينة
1. ابحث بإستعمال CTRL+F عن ]]></b:skin> أو ضعه بين <style> </style> فوق </head>
2. ضع الكود التالي فوقه
/*Slider V1 www.ar1web.com */
#featuredSlider{ background: #fff; float: right; margin: 10px; padding: 0 0 10px; border: 1px solid #E4E3E3;width: 96.2%;height: 285px;position: relative; color: #666;direction: rtl; }
.featured-thumb {float: right; margin: 5px 0; padding: 0px; padding-left: 10px;}
#featuredSlider .container { margin:8px 10px 0 0;overflow:hidden; position:relative;}
.featuredTitle { padding-top: 15px; font: 16px droid arabic kufi, serif; text-align: right; font-weight: 700;}
.featuredTitle a{color:#FC4F3F}
.featuredTitle a:hover{color:#000}
p.text-ar1web { font: 12px/1.9em tahoma;}
a.readmore {float: right; border: 1px solid #BFBFBF; background: #FFF; display: block; font: bold 10px droid arabic kufi; margin: 10px 0 0 0; padding: 4px 10px; color: #383737;}
a.readmore:hover {color: #FC4F3F;border:1px solid #ABAAAA;}
.slides{width:100%!important;height:280px!important}
.navigation {float:left;overflow:hidden;position: relative;bottom:7px}
ul.pagination {list-style-type:none; margin:0 auto; padding:0;}
ul.pagination a { float:left; margin:0 5px; display:inline; }
ul.pagination a { display:block;width:12px; padding-top:12px; height:0; overflow:hidden; background-image:url(http://2.bp.blogspot.com/-j2T8LeJpjkY/UBfzfSqJGSI/AAAAAAAAIDE/jiGwQpYoRO4/s1600/slider+pagination.png); background-position:0 0; background-repeat:no-repeat; }
ul.pagination a:hover { background-position:0 -12px; }
ul.pagination a:hover { background-position:0 -12px; }
ul.pagination a.activeSlide { background-position:0 -12px }
/*
* Droid Arabic Kufi (Arabic) http://www.google.com/fonts/earlyaccess
*/
@font-face {
font-family: 'Droid Arabic Kufi';
font-style: normal;
font-weight: 400;
src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.eot);
src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),
url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.woff) format('woff'),
url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.ttf) format('truetype');
}
@font-face {
font-family: 'Droid Arabic Kufi';
font-style: normal;
font-weight: 700;
src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.eot);
src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'),
url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.woff) format('woff'),
url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.ttf) format('truetype');
}
3. ابحث عن </head> ثم ضع قبله الكود التالي<script src='//cdn.rawgit.com/iHussam/ar1web/master/cycle.js' type='text/javascript'/>
<script src='//cdn.rawgit.com/iHussam/ar1web/master/slider2.js' type='text/javascript'/>
4. يتمثل الكود التالي في وضعه بالمكان المناسب لك وأفضل مكانه له هو فوق المواضيع كما بالمعاينة لذا إن أردت وضعه هناك فابحث عن <b:section class='main' id='main' showaddelement='no'> بعدها ضع الكود فوقه إن وجدت فوقه كود مثلا : <div id='main-wrapper'> فضع الكود فوقه<b:if cond='data:blog.pageType == "index"'>
<div id='featuredSlider'>
<div class='container'>
<script>
document.write(" <script src=\"/feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script>
<div class='navigation'>
<ul class='pagination'/> <script>
$('.slides').cycle({
fx: 'fade',
speed: 'slow',
timeout: 2000,
pager: '.pagination'
});
</script>
</div>
</div> <!--end .container-->
</div>
</b:if>
1. لتعديل مقاس السلايدر فالرقم محدد بالأحمر في كود المرحلة 1
2. لتعديل توقيت سرعة المواضيع فالرقم محدد بالأزرق في كود المرحلة 4 إذا أردت تسريعه فعليك خفض الرقم مثلا من 2000 إلى 1000 والعكس إذا أردت تبطيئه
3. إن كنت تتوفر على خط Droid Arabic Kufi فقم بحذفه من الكود الأول هو محدد بالبرتقالي
ملحوظة:
يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق
1أن يكون التعليق خاص بمحتوى التدوينة
2أن لا تضع أي روابط خارجية
3لإضافة كود حوله أولاً بمحول الأكواد
4أي سؤال خارج محتوى التدوينة يرجى استخدام ركن الأسئلة
5😊😉😀😁😎😍😜😑😇💖😯😱😭👍❓🍻
إرشادات
- موقع : Mediafire
- موقع :file-upload
- باسوورد فك الضغط للملفات المضغوطة : Ar1web2014
- تجدون روابط التحميل في القوالب والملحقات بجانب التدوينة أي بالسيدبار
- كل ملحق أو قالب يوجد بالمدونة هو للإستعمال الشخصي فقط
- إن تواجد رابط معطوب فالمرجو التبليغ عنه هنا، شكرا.
تحميل الملفات
أين تجدنا؟
كلمة الختام
أخر تعديل كان في يوم السبت 20 يونيو من سنة 2020 ، هذه الصفحة قابلة للتعديل وقت اللزوم
سلايدر جميل الشكل، بسيط وسريع
ردحذفباركك الله عزيزي، بالتوفيق في قادم
التدوينات، تقبل تحياتي!
سلايدر جميل الشكل، بسيط وسريع
ردحذفكل يوم ادخل للمدونة امنا ان اجد تدوينة بعنوان "بعد طول الانتضار قالب عرب ويب الحالي 2016 الان مجانا للتحميل"
ردحذفشكرا لكم اخواني الأفاضل تشرفوننا دائما بتشجيعاتكم
ردحذف@ Leo San
@ Mgrdegh Gh
@ Mohamed Talidi :ماكرهتش أخويا ولكن القالب لن ينشر لربما بعد عامين... إن كتب لنا الله عمرا
اين تحميل القوالب
ردحذفالملحقات والقوالب تكون روابطها بالسيدبار
حذفشكراً لك وبشدة بجد رائع كـ العادة , لكن هناك سؤال اريد أن اسالك عن تدوينة اخرى لكني راعيت شروطك ولم اكتب مشكلتي هنا اين اكتبها وارجوانك تجاوبني عليها بخصوص قالب الله يحفظك ^^
ردحذفالعفو اخي وشكرا على حرصك
حذفعلى العموم يمكنك طرح السؤال هنا إن كان مشكل اطرحه هنا :
http://www.ar1web.com/2015/03/do-you-have-problem-in-blogger.html
merci
ردحذفعلى الرحب خويا
حذفللأسف لم أجد كود الخطوة الرابعة
ردحذفلتجده بكل تأكيد ابحث عنه من خلال "الانتقال إلى الأداة" اضغط على "BLOG1" وسيحولك إليه
حذفالسلام عليكم اخي حسام
ردحذفشكرا لك على السلايدر . هل من حل لإيقاف السلايدر الموجود في هذا القالب وتعويضه بهذا لأن الأول يشتغل احيانا ويتجمد غالباhttp://www.ar1web.com/2015/04/intime-tempalte-responsive.html
عليكم السلام، نعم يمكن أخي هل تريد الخطوات ام ماذا؟
حذفاهلا اخي حسام نعم اخي ان أمددتني بالخطوات فسأكون شاكرا لك . لأن القالب هو الأجمل بالنسبة لي لكن مشكلة السلايدر لازلت ابحث عن حل دون جدوى.وشكرا لكم ولمدونتكم مسبقا
ردحذفالخطوات طويلة وتتطلب شرح أكثر أرسل القالب وسأضيفها لك : info@ar1web.com
حذفتم ارسال القالب اخي حسام شكرا لكم على الإهتمام
ردحذفاخي حسام ليتك تحذف مشاركات ذات صلة لأنها هي الأخرى تتجمد ونحن سنعوضها بنموذج آخر
ردحذفحسنا، سأضع بدلها أخرى
حذفوأخيرا اخي حسام تم حل المشاكل المتعلقة بالقالب . توصلت به وركبته بنجاح
ردحذفشكرا لك على المجهود الرائع تستحقون كل التقدير والإحترام .شكرا مرة ثانية
على الرحب والسعة تشرفنا بخدمتكم
حذفالسلام عليكم انا عندي نفس المشكلة بس الللي عندي مش بيشتغل خالص و مش عارف انزل ده كيف امسح القديم و انزل الجديد بتاعك او كيف اشاغل القديم بتاعي يرجة المساعدة
ردحذفأرسل قالبك وسأحاول تركيبه لك : info@ar1web.com
حذفملقتش اخر كود اخى ؟
ردحذفإضغط على الانتقال الى الاداة واختر Blog1 سيوجهك إليه
حذفلكن لا يعرض مواضيع مدونتي
ردحذفالسلام عليكم سلايد رائع اخي لكن عندي مشكلة ان السلايد ملتصق بالتدوينة الاولي فما العمل ؟
ردحذفأهلا بك، تابع معي في الكود الأول الخطوة 1 ستجد في السطر الأول هذا :
حذفmargin: 10px قم بتغيره بهذا : margin: 0 0 30px auto يمكنك التعديل على المسافة بزيادة الرقم 30
تم التعديل بنجاح , موفق إن شاء الله ..
ردحذفالسلام عليكم , سلايدر جميل اخي لكن كيف اجعل السلايدر يظهر في
ردحذفالصفحة الرئيسية فقط ، لانه يظهر في الاقسام وصفحة البحث ؟
اهلا بك، في الكود الاخير بالخطوة 4 ستجد هذا الكود :
حذف<b:if cond='data:blog.pageType == "index"'>
غيره بهذا :
<b:if cond='data:blog.url == data:blog.homepageUrl'>
تقدر اخي الكريم تركبه لمدونتي كل ما اركبه يظهر بشكل كبير واحين لا يظهر
ردحذفممكن ان تركبه لي
ردحذفاخي حسام السلايدر ياتيني في الفوق فوق الاقسام مساعدة اخي
ردحذفعندي مشكلة مكان سلايدر تبقى بيضاء مع العلم ان لدي عدة مواضيع وشكرا
ردحذفأخي لم أجد كلمة head في قالبي
ردحذفاخي لم لجد
ردحذفأجد صعوبة في فهم طريقة التركيب الأولى أريد إضافة هذا السلايد شو أعجبني كثيرا
ردحذف