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

 

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




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


إضافة رد
نسخ الرابط
نسخ للمنتديات
 
أدوات الموضوع انواع عرض الموضوع
قديم 06-29-2013, 12:34 PM   #1
yvidis
مدون نشيط
 
الصورة الرمزية yvidis
 
تاريخ التسجيل: Apr 2013
المشاركات: 173
افتراضي السلايدر التلقائي الذي تعمل به اغلب مواقع التصميم بين ايديكم !

أنا : yvidis




السلام عليكم و رحمة اللته تعالى و بركاته اعضاء و زوار مدونة عالم الثقافة !

اليوم سوف اطرح بين ايديكم السلايدر الذي تستعمله جل مواقع تصميم القوالب ؛ الى انه خام اي غير معدل و يبقى لكم حرية التعديل عليه كما تريدون !


اولا : نضع الكود التالي قبل وسم " </head>"


كود بلغة HTML:
&lt;script&gt; /* Script from:http://simplexdesign.blogspot.com/ */imgr = new Array();imgr[0] = &quot;http://lh3.ggpht.com/_kViOplhgIHI/TKxBIScZTiI/AAAAAAAAAWE/PM7AQ1lf6ME/noimages.jpg&quot;;showRandomImg = true;aBold = true;summaryPost = 140; numposts1 = 5; label1 = &quot;Featured&quot;;function removeHtmlTag(strx,chop){var s=strx.split(&quot;&lt;&quot;);for(var i=0;i&lt;s.length;i++){if(s[i].indexOf(&quot;&gt;&quot;)!=-1){s[i]=s[i].substring(s[i].indexOf(&quot;&gt;&quot;)+1,s[i].length)}}s=s.join(&quot;&quot;);s=s.substring(0,chop-1);return s}function showrecentposts1(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i&lt;numposts1;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k&lt;entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k&lt;entry.link.length;k++){if(entry.link[k].rel=='replies'&amp;&amp;entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(&quot;&quot;)[0];break}}        if (&quot;content&quot; in entry) {var postcontent = entry.content.$t;}elseif (&quot;summary&quot; in entry) {var postcontent = entry.summary.$t;}else var postcontent = &quot;&quot;;postdate = entry.published.$t;if(j&gt;imgr.length-1) j=0;img[i] = imgr[j];s = postcontent    ; a = s.indexOf(&quot;&lt;img&quot;); b = s.indexOf(&quot;src=\&quot;&quot;,a); c = s.indexOf(&quot;\&quot;&quot;,b+5); d = s.substr(b+5,c-b-5);if((a!=-1)&amp;&amp;(b!=-1)&amp;&amp;(c!=-1)&amp;&amp;(d!=&quot;&quot;)) img[i] = d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=[&quot;Jan&quot;,&quot;Feb&quot;,&quot;Mar&quot;,&quot;Apr&quot;,&quot;May&quot;,&quot;Jun&quot;,&quot;Jul&quot;,&quot;Aug&quot;,&quot;Sep&quot;,&quot;Oct&quot;,&quot;Nov&quot;,&quot;Dec&quot;];var day=postdate.split(&quot;-&quot;)[2].substring(0,2);var m=postdate.split(&quot;-&quot;)[1];var y=postdate.split(&quot;-&quot;)[0];for(var u2=0;u2&lt;month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break;}}var daystr = day+ ' ' + m + ' ' + y ;var trtd = '&lt;div class=&quot;contentdiv&quot;&gt;&lt;div class=&quot;sliderPostPhoto&quot;&gt;&lt;a href=&quot;'+posturl+'&quot;&gt;&lt;img width=&quot;590&quot; height=&quot;240&quot; class=&quot;alignnone&quot; src=&quot;'+img[i]+'&quot;/&gt;&lt;/a&gt;&lt;div class=&quot;sliderPostInfo&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;featuredPost&quot;&gt;&lt;h2&gt;&lt;a href=&quot;'+posturl+'&quot;&gt;'+posttitle+'&lt;/a&gt;&lt;/h2&gt;&lt;span&gt;'+daystr+'&lt;/span&gt;&lt;p&gt;'+removeHtmlTag(postcontent,summaryPost)+'...&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;';     document.write(trtd);       j++;}}&lt;/script&gt;

هنا يمكنك تغيير عدد الحروف التي سوف يتم اختصارها و عرضها في السلايدر : summaryPost = 140; ->
هنا عدد الرسائل التي سوف يتم طرحها : numposts1 = 5; ->


و هنا عرض و طول الصورة : width=&quot;590&quot; height=&quot;240&quot;




ثانييا نبحث عن وسم "</body> " و نضع قبله هذا الكود :

كود بلغة HTML:
&lt;script src='http://dl.dropbox.com/u/12924430/contentslider.js'&gt;&lt;/script&gt; &lt;script&gt; featuredcontentslider.init({id: &quot;slider1&quot;, //id of main slider DIVcontentsource: [&quot;inline&quot;, &quot;&quot;], //Valid values: [&quot;inline&quot;, &quot;&quot;] or [&quot;ajax&quot;, &quot;path_to_file&quot;]toc: &quot;#increment&quot;, //Valid values: &quot;#increment&quot;, &quot;markup&quot;, [&quot;label1&quot;, &quot;label2&quot;, etc]nextprev: [&quot;Previous&quot;, &quot;Next&quot;], //labels for &quot;prev&quot; and &quot;next&quot; links. Set to &quot;&quot; to hide.enablefade: [true, 0.5], //[true/false, fadedegree]autorotate: [true, 6000], //[true/false, pausetime]onChange: function(previndex, curindex){ //event handler fired whenever script changes slide//previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)//curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)}})&lt;/script&gt;


و الآن ابحث عن وسم <div id='main'> او <div id='main-wrapper'> او <div id='content'> او <div id='container'> و ضع قبله هذا الكود :

كود بلغة HTML:
 <b:if cond='data:blog.pageType == &quot;index&quot;'><div id='featured'><div class='sliderwrapper' id='slider1'><script>document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/&quot;+label1+&quot;?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts1\&quot;&gt;&lt;\/script&gt;&quot;);</script></div><div class='pagination' id='paginate-slider1'></div></div></b:if>

و اخيرا ابحث عن " ]]></b:skin> " و ضع قبلها هذا الكود :
كود بلغة HTML:
#featured{margin-bottom:35px}.sliderwrapper{position: relative;overflow: hidden;border: 10px solid #dedde5;border-bottom-width: 6px;height: 250px}.sliderwrapper .contentdiv{background:#68667B;visibility: hidden;position: absolute;left: 0;top: 0;padding: 5px;height: 100%;filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);-moz-opacity: 1;opacity: 1;}.pagination{text-align: right;background-color:#dedde5;padding: 2px 10px 10px}.pagination a{font-size:11px;color:#dedde5;padding: 0 5px;background:#68667B}.pagination a:hover, .pagination a.selected{color:#68667B;background-color:#fff}.featuredPost{width:95%;padding:5px 10px 10px;background:#68667b;background:rgba(104, 102, 123, 0.9);color:#dedde5;position:absolute;bottom:0}.featuredPost a{color:#fff}.featuredPost a:hover{color:#dedde5}.featuredPost h2{margin:0;font-size:16px;line-height:1}.featuredPost span{font-size:10px}.featuredPost p{font-size:11px}


و هكذا نكون انتهينا مع تغير "Featured" التسمية التي تريد ان تظهر

اتمنى ان يوفقم الله في تركيب هذا السلايدر و من واجهته مشكلة يترك ردا للمساعدة
نهاركم سعيد


المصدر عالم الثقافة
__________________
السلام عليكم و رحمة الله تعالى و بركاته ، اتمنى ان تكونوا بخير اعضاء المعهد !
و كما الجميع هنا فلا يوجد احد بدون مدونة ، لذلك انا ايضا اعرض عليكم مدونتي المتواضعة ، عالم الثقافة الالكترونية ، لن اجبركم على زيارتها فانتم احرار

رابط المدونة : http://etakafa.blogspot.com
من مواضيع yvidis

الدعم العربي

yvidis غير متواجد حالياً   رد مع اقتباس

مركز رفع موسوعة العربية
قديم 06-29-2013, 12:55 PM   #2
mohamed.a
مدون جديد
 
تاريخ التسجيل: Aug 2012
المشاركات: 57
افتراضي رد: السلايدر التلقائي الذي تعمل به اغلب مواقع التصميم بين ايديكم !

أنا : mohamed.a




لو وضعت معاينة كان افضل شكرا على كل حال

الدعم العربي

mohamed.a غير متواجد حالياً   رد مع اقتباس
قديم 06-29-2013, 03:20 PM   #3
chahiri
مدون جديد
 
تاريخ التسجيل: Jun 2013
المشاركات: 12
افتراضي رد: السلايدر التلقائي الذي تعمل به اغلب مواقع التصميم بين ايديكم !

أنا : chahiri




ممكن صور للنتيجة النهائية ؟؟

الدعم العربي

chahiri غير متواجد حالياً   رد مع اقتباس
قديم 06-29-2013, 08:53 PM   #4
yvidis
مدون نشيط
 
الصورة الرمزية yvidis
 
تاريخ التسجيل: Apr 2013
المشاركات: 173
افتراضي رد: السلايدر التلقائي الذي تعمل به اغلب مواقع التصميم بين ايديكم !

أنا : yvidis




__________________
السلام عليكم و رحمة الله تعالى و بركاته ، اتمنى ان تكونوا بخير اعضاء المعهد !
و كما الجميع هنا فلا يوجد احد بدون مدونة ، لذلك انا ايضا اعرض عليكم مدونتي المتواضعة ، عالم الثقافة الالكترونية ، لن اجبركم على زيارتها فانتم احرار

رابط المدونة : http://etakafa.blogspot.com
من مواضيع yvidis

الدعم العربي

yvidis غير متواجد حالياً   رد مع اقتباس
قديم 06-30-2013, 02:03 AM   #5
Zakaria-0
مدون نشيط
 
تاريخ التسجيل: Jun 2013
المشاركات: 120
افتراضي رد: السلايدر التلقائي الذي تعمل به اغلب مواقع التصميم بين ايديكم !

أنا : Zakaria-0




Tnnkyou brother :=

الدعم العربي

Zakaria-0 غير متواجد حالياً   رد مع اقتباس
قديم 06-30-2013, 11:03 AM   #6
yvidis
مدون نشيط
 
الصورة الرمزية yvidis
 
تاريخ التسجيل: Apr 2013
المشاركات: 173
افتراضي رد: السلايدر التلقائي الذي تعمل به اغلب مواقع التصميم بين ايديكم !

أنا : yvidis




__________________
السلام عليكم و رحمة الله تعالى و بركاته ، اتمنى ان تكونوا بخير اعضاء المعهد !
و كما الجميع هنا فلا يوجد احد بدون مدونة ، لذلك انا ايضا اعرض عليكم مدونتي المتواضعة ، عالم الثقافة الالكترونية ، لن اجبركم على زيارتها فانتم احرار

رابط المدونة : http://etakafa.blogspot.com
من مواضيع yvidis

الدعم العربي

yvidis غير متواجد حالياً   رد مع اقتباس
قديم 07-03-2013, 02:11 AM   #7
king-web
مدون جديد
 
تاريخ التسجيل: Apr 2013
المشاركات: 91
افتراضي رد: السلايدر التلقائي الذي تعمل به اغلب مواقع التصميم بين ايديكم !

أنا : king-web




يوجد الكثير من Featured أي واحدة سنغير
__________________
مرحبا بكم في

http://degolas-pro.blogspot.com/


https://www.facebook.com/sfrif
من مواضيع king-web

الدعم العربي

king-web غير متواجد حالياً   رد مع اقتباس
قديم 07-05-2013, 11:16 AM   #8
yvidis
مدون نشيط
 
الصورة الرمزية yvidis
 
تاريخ التسجيل: Apr 2013
المشاركات: 173
افتراضي رد: السلايدر التلقائي الذي تعمل به اغلب مواقع التصميم بين ايديكم !

أنا : yvidis




&quot;Featured&quot
__________________
السلام عليكم و رحمة الله تعالى و بركاته ، اتمنى ان تكونوا بخير اعضاء المعهد !
و كما الجميع هنا فلا يوجد احد بدون مدونة ، لذلك انا ايضا اعرض عليكم مدونتي المتواضعة ، عالم الثقافة الالكترونية ، لن اجبركم على زيارتها فانتم احرار

رابط المدونة : http://etakafa.blogspot.com
من مواضيع yvidis

الدعم العربي

yvidis غير متواجد حالياً   رد مع اقتباس
قديم 07-13-2013, 11:28 AM   #9
mohamed tahseen
مدون جديد
 
تاريخ التسجيل: Jul 2013
المشاركات: 21
افتراضي رد: السلايدر التلقائي الذي تعمل به اغلب مواقع التصميم بين ايديكم !

أنا : mohamed tahseen




انا لم اسمع عنه من قبل ولكن سأجربه

الدعم العربي

mohamed tahseen غير متواجد حالياً   رد مع اقتباس
قديم 07-13-2013, 04:25 PM   #10
yvidis
مدون نشيط
 
الصورة الرمزية yvidis
 
تاريخ التسجيل: Apr 2013
المشاركات: 173
افتراضي رد: السلايدر التلقائي الذي تعمل به اغلب مواقع التصميم بين ايديكم !

أنا : yvidis




هذا لانك جديد في مجال التدوين !
__________________
السلام عليكم و رحمة الله تعالى و بركاته ، اتمنى ان تكونوا بخير اعضاء المعهد !
و كما الجميع هنا فلا يوجد احد بدون مدونة ، لذلك انا ايضا اعرض عليكم مدونتي المتواضعة ، عالم الثقافة الالكترونية ، لن اجبركم على زيارتها فانتم احرار

رابط المدونة : http://etakafa.blogspot.com
من مواضيع yvidis

الدعم العربي

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

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

الكلمات الدلالية (Tags)
الذي, التلقائي, السلايدر, تعملا


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

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

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

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

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
عرض القالب الذي لن تجده إلى هنا قالب مدمج مع واجهة خدمات التصميم والتكويد أدخل وشارك برأي big barsa قوالب بلوجر مدفوعة 18 08-28-2014 10:31 PM
سلايدر من مدونة بلوجر توب التلقائي وشكل مميز مى محمد إضافات وأدوات بلوجر 8 05-02-2013 04:41 AM
سلايدر التلقائي بتنسيقك الخاص bboyhishem إضافات وأدوات بلوجر 5 04-19-2013 02:03 AM
حصريا قالب مدونة المحترف بين ايديكم SiiMo قوالب بلوجر عربية ومعربة 10 02-12-2013 02:16 PM





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

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