ADS 2

تركيب سلايدر شو لبوجر

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


السلام عليكم و رحمة الله و بركاتة
كيف حالكم
انشاء الله بخير
شباب اليوم معنا درس
تركيب السلايد شو في مدونة بلوجر
الكثير من عندنا يتسائل كيف يتم تركيبه

الدرس بسيط جدا
بس المطلوب تركيزك

يلا نبدي

اول شي

تذهب إلى لوحة تحكم مدونتك وتضغط على قالب ثم تحرير html وتضع العلامة على مربع توسيع قالب واجهة المستخدم ثم تضغط في الكيبورد على ctrl+f وتبحث عن هذا الكود

رمز PHP:
 ]]></b:skin>  
بعد أن تجده قم بوضع هذا الكود قبله

رمز PHP:
#featured{margin-bottom:10px;
}
.
sliderwrapper{positionrelative;border-bottom-width6px;height124px;
}
.
sliderwrapper .contentdiv{visibilityhidden;positionabsolute;height100%;filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);-moz-opacity1;opacity1;padding:15px 15px 15px 0px;background:#f1f1f1;border-radius5px 5px 5px 5px;box-shadow0 0 3px #ABABAB;margin-top:10px;
}
.
pagination{text-alignright;margin-top50px;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:0pxbackground:nonepadding:0px; }
.
featuredPost{width:410px;padding:0px 10px 10px 10px !important;bottom:0;float:left !important;margin-right54px;
}
.
featuredPost a{color:#515151;font18px "Microsoft Sans Serif";margin:0;padding:0;
}
.
featuredPost h2{margin:0 0 8px 0;}
.
featuredPost span{font-size:11pxmargin:0color:#797979;}.featuredPost p{font-size:12pxmargin:4px 0 0 0color:#797979;}.sliderPostPhoto a img{floatright !important;}
.
sliderPostPhoto{floatright !importantwidth:100px !important;}  
إبحث عن هذا الكود

رمز PHP:
 </head>  
بعد أن تجده قم بوضع هذا الكود قبله مباشرة

رمز PHP:
&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 =15;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&quotin entry) {
var 
postcontent entry.content.$t;}
else
if (&
quot;summary&quotin entry) {
var 
postcontent entry.summary.$t;}
else var 
postcontent = &quot;&quot;;postdate entry.published.$t;
if(
j&gt;imgr.length-1j=0;img[i] = imgr[j];postcontent    s.indexOf(&quot;&lt;img&quot;); s.indexOf(&quot;src=\&quot;&quot;,a); s.indexOf(&quot;\&quot;&quot;,b+5); 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' ' ' ' ;
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;  
بعد إضافته قم بتغيير كلمة معهد ترايدنت العربية باللون الأحمر إلى القسم الذي تريده أن يضهر في السلايد شو

وقم أيضا بتغيير الرقم 15 باللون الأخضر إلى عدد المواضيع التي تريدها أن تظهر على السلايد شو

قم بالبحث مرة أخرى عن هذا الكود

رمز PHP:
</body>  
وقم بإضافة هذا الكود قبله

رمز PHP:
&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: [true0.5], //[true/false, fadedegree]autorotate: [true6000], //[true/false, pausetime]onChange: function(previndexcurindex){ //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;  
*وفي الأخير قم بالبحث عن هذا الكود

رمز PHP:
  <div id='main-wrapper'>  
وقم بإضافة هذا الكود بعده

رمز PHP:
<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>  
بعد هذا كله قم بالضغط على حفظ التغييرات ومبروك عليك السلايد شو

في النهاية اتمنى ان يكون الدرس قد افادكم
تحياتي

منقول من حوحو للمعلوميات


تركيب سلايدر شو لبوجر Reviewed by Unknown on 5:28 ص Rating: 5

ليست هناك تعليقات:

All Rights Reserved by ايجى كونت - دعوية , علمية © 2014 - 2015
Powered By Blogger, Designed by Sweetheme

نموذج الاتصال

الاسم

بريد إلكتروني *

رسالة *

يتم التشغيل بواسطة Blogger.