معهد خبراء بلوجر

معهد خبراء بلوجر (http://www.bloggerexp.com/index.php)
-   إضافات وأدوات بلوجر (http://www.bloggerexp.com/forumdisplay.php?f=10)
-   -   سلايدر / سلايدشو مدونة المحترف (محترفي الحماية) (http://www.bloggerexp.com/showthread.php?t=4500)

admin 11-20-2012 08:54 PM

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

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

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

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

REDA 11-20-2012 09:21 PM

رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)
 
الله بجد تسلم يا اخى عثمان :ok:

REDA 11-20-2012 09:33 PM

رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)
 
اخى عثمان لم اجد <div id='main-wrapper'>

ما الحل ؟؟ :o:

على_2 11-20-2012 10:01 PM

رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)
 
تم تركيب
http://mrshare2000.blogspot.com

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

ayoubsan 11-20-2012 10:29 PM

رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)
 
اخى عثمان لم اجد <div id='main-wrapper'> :

بلال حمدان 11-20-2012 10:56 PM

رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)
 
اخى عثمان انا ايضا لم اجد <div id='main-wrapper'>

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

A.M.A.M.S 11-21-2012 02:34 AM

رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)
 
سلايدر رائع أخي عثمان
سلمت يداك

admin 11-21-2012 11:15 AM

رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)
 
لمن لم يجد الكود
يطرح رابط مدونته وإن شاء الله أحدد له الكود المناسب له

ayoubsan 11-21-2012 11:35 AM

رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)
 
اخي عتمان هدا هو رابط مدونتي
http://arab-inf.blogspot.com/

بلال حمدان 11-21-2012 11:50 AM

رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)
 
رابط مدونتي : http://country-tech.blogspot.com/


الساعة الآن 08:50 PM

Powered by vBulletin™ Version 3.8.7
Copyright © 2018 vBulletin Solutions, Inc. All rights reserved. منتديات
new notification by 9adq_ala7sas
Developed By Marco Mamdouh
معهد خبراء بلوجر - 2012