حصريا اضافة سلايدشو احترافي لمدونات بلوجر من عمرو ويب

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

لمعاينة سلايدشو اضغط هنا

اول شيئ قم بذهاب الي لوحة تحكم مدونتك ثم تحرير html
ثم قم بالبحث عن الوسم <div id='content-warpper'> وضع بعدها مباشرا الكود التالي
لتحميل الكود اضغط هنا 
<div id='alwansd'>
<div class='alwanw' 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>
<a href='اختر الصورة هنا'>
<div class='moreimg'/>
</a>
</div>
</div>

ثانيا قم بالبحث عن </head> وضع قبله تماما الكود التالي
لتحميل الكود اضغط هنا
 <script>
    /* 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 =300;
    numposts1 = 5;
    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==&#39;alternate&#39;){posturl=entry.link[k].href;break}}for(var k=0;k&lt;entry.link.length;k++){if(entry.link[k].rel==&#39;replies&#39;&amp;&amp;entry.link[k].type==&#39;text/html&#39;){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+ &#39; &#39; + m + &#39; &#39; + y ;
    if(i==0){ var first = &#39;first&#39;;  }else{ var first = &#39;&#39;; }
    var trtd = &#39;&lt;div class=&quot;contentimg &#39;+first+&#39;&quot;&gt;&lt;div class=&quot;alwansf&quot;&gt;&lt;a href=&quot;&#39;+posturl+&#39;&quot;&gt;&lt;img class=&quot;alignnone&quot; src=&quot;&#39;+img[i]+&#39;&quot;/&gt;&lt;/a&gt;&lt;/div&gt; &lt;/div&gt; &#39; ;
    document.write(trtd);    
    j++;
    }} 
    </script>
وقم باستبدال كلمة (الرئيسية) المدكورة في الكود سابق بأسم القسم الدي تريد ظهور مواضيعك فيه
وثالثا واخير قم بالبحث عن ]]></b:skin> وضع قبله تماما الكود التالي 
لتحميل الكود اضغط هنا 
/*------------------slider----------------------*/
#alwansd{
height: 277px;
margin: 20px auto 0;
width: 990px;
position: relative;
}
.alwanw .contentimg{
}
.alwansf {float: right !important; margin: 0 0 11px 11px;}
.contentimg .alwansf a {width: 207px;height: 133px; float:right;box-shadow:0 0 32px rgb(83, 83, 83) inset;}
.contentimg .alwansf a:hover {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR4lrEN7ba0nAaMIvsms7qcz09bdGAEePPd2cN2vzpxbeep4tIVpBgtySd93MhDsAmvSKcqUhHtkbaxVoEEbGBhuj00HiMX8WxNfX9Jn84fGjQZLqQPGrKVm9kBhJuj5TVwAj7FgZuTM0/s1600/link.png) center no-repeat}
.contentimg .alwansf a img {width: 207px;height: 133px;z-index:-1; }
.first .alwansf a {width: 481px;height: 277px; }
.first .alwansf a img {width: 481px;height: 277px; }
.moreimg {width: 62px;height: 277px;left: 0;position: absolute;background: #38b2f4  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJZGi19jgA0GZkD8u50sMpxMdEKtJsGNl1MUKqQ2Zqr4pXoVvreyS37C1mGnzmZX1jENrXbMsk0vlRGqG3-O-768A7kpW6fEmr63Dqf5gBs7o2P6aaOeD_A5pLYHjhtV61QIuaAZZS_DI/s1600/more-post.png) center no-repeat;}
.moreimg:hover {background: #b8cad6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJZGi19jgA0GZkD8u50sMpxMdEKtJsGNl1MUKqQ2Zqr4pXoVvreyS37C1mGnzmZX1jENrXbMsk0vlRGqG3-O-768A7kpW6fEmr63Dqf5gBs7o2P6aaOeD_A5pLYHjhtV61QIuaAZZS_DI/s1600/more-post.png) center no-repeat;
}
/*------------------end-slider----------------------*/
ثم قم بعمل حفظ النمودج ومبروك عليك سلايدشو الجديد لاتنسا تقييم الموضوع بوضع تعليق. انتظروني في كل جديد من المواضيع 
وسلام عليكم ورحمته الله وبركاته

مدونة عمرو ويب تصميم محمد ابو الغرانيق © 2013-2015

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