معهد خبراء بلوجر - سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)

معهد خبراء بلوجر (https://www.bloggerexp.com/index.php)

- إضافات وأدوات بلوجر (https://www.bloggerexp.com/forumdisplay.php?f=10)

سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)

السلام عليكم وفقا لطلبات الكثيرين يسرني أن أقدم لكم سلايدر / سلايدشو مدونة المحترف حاليا (محترفي الحماية سابقا)

لا أسمح بنقل الموضوع دون ذكر المصدر

معاينة السلايدر بمثال حي : معاينة
صورة للسلايدر :

http://i1258.photobucket.com/albums/...der-th3pro.png

شرح التركيب :

أضف الكود التالي مباشرة قبل : ]]></b:skin>

كود بلغة HTML:

#featured{

margin-bottom:10px;

}

.sliderwrapper{

position: relative;

border-bottom-width: 6px;

height: 124px;

}

.sliderwrapper .contentdiv{

visibility: hidden;

position: absolute;

height: 100%;

filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);-moz-opacity: 1;opacity: 1;

padding:15px 15px 15px 0px;

background:#f1f1f1;

border-radius: 5px 5px 5px 5px;

box-shadow: 0 0 3px #ABABAB;

margin-top:10px;

}

.pagination{

text-align: right;

margin-top: 50px;

padding:5px;

}

.pagination a{

font:11px Arial;

color:#a3a3a3;

padding:4px 8px 4px 8px;

}

.pagination a.selected{

color:#4f4f4f;

}

.pagination .prev,.pagination .next { color:#EAEAEA;

font-size:0px; background:none; padding:0px; }

.featuredPost{

width:410px;

padding:0px 10px 10px 10px !important;

bottom:0;

float:left !important;

margin-right: 54px;

}

.featuredPost a{

color:#515151;

font: 18px "Microsoft Sans Serif";

margin:0;

padding:0;

}

.featuredPost h2{margin:0 0 8px 0;}

.featuredPost span{font-size:11px; margin:0; color:#797979;}

.featuredPost p{font-size:12px; margin:4px 0 0 0; color:#797979;}

.sliderPostPhoto a img{float: right !important;}

.sliderPostPhoto{float: right !important; width:100px !important;}

الآن أضف الكود التالي قبل : </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 =21;

label1 = &quot;إنترنت&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;}

else

if (&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;155&quot; height=&quot;121&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;

مع تغيير إنترنت باسم القسم الذي سيتم عرض مواضيعه عشوائيا
numposts1 =21 : عدد المواضيع المعروضة
وهذا الكود قبل : </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 DIV

contentsource: [&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-wrapper'> :

كود بلغة 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>

ملاحظة هامة جدا : نحن في معهد خبراء بلوجر لا نسعى لاستغلال مدوني بلوجر بغرس أكواد لصالحنا كما يفعل البعض
لذلك أتمنى أن تساهموا في نشر الموضوع قدر الإمكان مع ذكر المصدر
لا أسمح بنقل الموضوع دون ذكر المصدر
ولا تنسوا الضغط على زر الإعجاب أسفله

السلايدر إهداء مني ومن الأخ mohssine ait

رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)

الله بجد تسلم يا اخى عثمان :ok:

رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)

اخى عثمان لم اجد <div id='main-wrapper'>

ما الحل ؟؟ :o:

رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)

تم تركيب
http://mrshare2000.blogspot.com

تسلم يا اخى عثمان

رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)

اخى عثمان لم اجد <div id='main-wrapper'> :

رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)

اخى عثمان انا ايضا لم اجد <div id='main-wrapper'>

ما الحل ؟؟؟؟؟؟؟؟؟

رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)

سلايدر رائع أخي عثمان
سلمت يداك

رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)

لمن لم يجد الكود
يطرح رابط مدونته وإن شاء الله أحدد له الكود المناسب له

رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)

اخي عتمان هدا هو رابط مدونتي
http://arab-inf.blogspot.com/

رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)

رابط مدونتي : http://country-tech.blogspot.com/

رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)

http://arabian-tec.blogspot.com/

رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)

ملك كعادتكم اخوي

رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)

رابط مدونتي : http://www.ibda3blog.tk/

رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)

اقتباس:

المشاركة الأصلية كتبت بواسطة ayoubsan (المشاركة 14408)

اخي عتمان هدا هو رابط مدونتي
http://arab-inf.blogspot.com/

اقتباس:

المشاركة الأصلية كتبت بواسطة بلال حمدان (المشاركة 14410)

رابط مدونتي : http://country-tech.blogspot.com/

اقتباس:

المشاركة الأصلية كتبت بواسطة REDA (المشاركة 14414)

http://arabian-tec.blogspot.com/

أظن أنكم كلكم تستعملون نفس القالب
جربوا وضع الكود مباشرة بعد : <div id='content'>

اقتباس:

المشاركة الأصلية كتبت بواسطة Hamodeimad (المشاركة 14419)

رابط مدونتي : http://www.ibda3blog.tk/

لم أتمكن من دخول المدونة

رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)

تم اخى عثمان مشكوووووووووووووووور بجد :ok:

http://arabian-tec.blogspot.com/

رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)

اخي عثمان شكرا لك تم التركيب والبنسبة لمدونتي فقد قمت بتغيير الرابط

رابط المدونة: http://www.ibda3-blogger.tk/

رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)

جربوا وضعه قبل <div id="Blog1

رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)

بعد التجربة الفعلية للسلايدر
قررت أن ارد مرة أخرى على الموضوع
جزاك الله خيراً اخي عثمان
بالفعل السلايدر رائع ويسهل التعديل عليه ليتناسب مع أشكال المدونات المختلفه
غير سرعته
وتم إعتماده في مدونتي
http://muslimcd.blogspot.com

رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)

موضوع رائع اخ عثمان

رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)

سلايدر احترافي بالفعل ,

واشكرك اخي عثمان على طرحة لنا بالمعهد ,

واشكرك على جهودك المبذولة في المعهد ,

رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)

شكراااااا كثيرررررررررررررررررررررررر اخوي عثمان تم الانتهاء

رابط مدونتي:in_love:

abofrass2.blogspot.com

رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)

رابط مدونتي : http://com-pc.blogspot.com/

رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)

كما قلت سابقا

اقتباس:

جربوا وضع الكود قبل <div id="Blog1

رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)

اقتباس:

المشاركة الأصلية كتبت بواسطة عثمان بن الطالب (المشاركة 15783)

كما قلت سابقا

جريت لكن السلايد لم يظهر ما المشكلة ؟؟؟

رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)

جرب بعد <div class="section"

رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)

اخوتي لمن لم يجد الكود يضيف هذا الكود بدلا منه div id='content

رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)

شكرا على الاضافه الجميله ولكن صادفتني مشكله بعد تركيبها
تظهر عناوين المواضيع مع اقتباس من النص ولكن لا تظهر صور المواضيغ
فهل هناك طريقه لجعل صورة الموضوع تطلع مع كل موضوع يتغير

تحياتي

رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)

اقتباس:

المشاركة الأصلية كتبت بواسطة شرقي باشا (المشاركة 16427)

ممكن رابط المدونة + هل الصور تعمل لها نسخ ولصق بمدونتك ؟

رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)

هذا رابط المدونه
http://shrqawy.blogspot.com
بدل صورة المواضيع تظهر هذه الصوره
http://lh3.ggpht.com/_kViOplhgIHI/TK...E/noimages.jpg

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

ثم يوجد سلايد للصور اسفل الاضافه وهو مضاف مع القالب ولم يعد يعمل ولم اتمكن من ازالته

تحياتي عثمان

رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)

اقتباس:

المشاركة الأصلية كتبت بواسطة شرقي باشا (المشاركة 16452)

هذا رابط المدونه
http://shrqawy.blogspot.com
بدل صورة المواضيع تظهر هذه الصوره
http://lh3.ggpht.com/_kvioplhgihi/tk...e/noimages.jpg

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

ثم يوجد سلايد للصور اسفل الاضافه وهو مضاف مع القالب ولم يعد يعمل ولم اتمكن من ازالته

تحياتي عثمان

ممكن تنشئ موضوع لطلبك وترفق لنا فيه القالب
سأساعدك في حذف السلايدر لكني غير متأكد من مشكلة عدم ظهور الصور خاصة وأنها غير متعلقة بالإضافة
هل صور المواضيع الظاهرة الآن بالسلايدشو رفعتها عبر بلوجر ؟

رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)

اقتباس:

المشاركة الأصلية كتبت بواسطة عثمان بن الطالب (المشاركة 16461)

هذه الصورة
http://lh3.ggpht.com/_kViOplhgIHI/TK...E/noimages.jpg
والتي تظهر بجانب المواضيع ظهرت بمجرد تركيب الاضافه وهي موجوده في القالب في html وبامكاني تغييرها باي صوره وتبقى ثابته لانها اصلا موجوده في الكود
الثاني في الاضافه والذي يركب قبل </head>
اما بالنسبة للصور الموجوده داخل المواضيع تم رفعها عبر البلوجر من خلال ادراج رابط url

سيتم رفع القالب في موضوع مستقل

رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)

السلام عليكم .

أخي عتمان هذا هو رابط مدونتي : http://technoar.blogspot.com/

وشكرا

رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)

هده مدونتي

http://noukrach-arab.blogspot.com

لكن عند اضافة سلايدر لا تضهر الصور

رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)

اقتباس:

المشاركة الأصلية كتبت بواسطة Technoar (المشاركة 16604)

السلام عليكم .

أخي عتمان هذا هو رابط مدونتي : http://technoar.blogspot.com/

وشكرا

جرب بعد :

كود PHP:


		
			
<div class='blog-posts hfeed'>

اقتباس:

المشاركة الأصلية كتبت بواسطة noukrach (المشاركة 16605)

هده مدونتي

http://noukrach-arab.blogspot.com

لكن عند اضافة سلايدر لا تضهر الصور

يجب أن تكون الصور مرفوعة عبر بلوجر على ما أظن

رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)

اقتباس:

المشاركة الأصلية كتبت بواسطة عثمان بن الطالب (المشاركة 16606)

جرب بعد :

كود PHP:


		
			
<div class='blog-posts hfeed'>

يجب أن تكون الصور مرفوعة عبر بلوجر على ما أظن

لم يشتغل:bloggerexp:

رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)

شكرا شكرا شكرا أخي عثمان على المساعدة لقد إشتغل عندي
و الحمد لله

http://technoar.blogspot.com/
وشكرا

رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)

السلام عليكم اخي انا لم اجد هذا
<div id='main-wrapper'>

وهذا رابط مدونتي
http://face-alarab.blogspot.com/
ارجو الرد اخي عثمان

رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)

اقتباس:

المشاركة الأصلية كتبت بواسطة صلاح الجديمه (المشاركة 16615)

السلام عليكم اخي انا لم اجد هذا
<div id='main-wrapper'>

وهذا رابط مدونتي
http://face-alarab.blogspot.com/
ارجو الرد اخي عثمان

جرب بعد

كود بلغة HTML:

<div id='headline'>