4 0 4
نعتذر , لا نستطيع ايجاد الصفحة المطلوبة الصفحة الرئيسية

الخميس، 17 مارس، 2016


اليوم على مدونة عالم المدون نقدم لكم اول إصدار من السلايد شو تلقائى على المدونة والسلايد متجاب مع جميع الشاشة ومتوافق مع جميع المتصفحات وسهل التركيب وسريع فى الأستعمال والسلايد يعرض عدد 5 مواضيع علية بشكل أحترافى وأنيق وهذا السلايد يتم أستخدامه على موقع ريال مدريد العربى وهو سلايد أحترافى بمعنى الكلمة والسلايد سهل جدا فى تركيبه وهو سعرض المواضيع حسب قسم معين او تسمية معينة تابعو معنا لشرح كيفية التركيب .




شرح  التركيب



قم بأخذ نسخة احتياطية من قالب مدونتك قبل التعديل على اى شئ

1- قم بالبحث عن الكود   ]]></b:skin>   ثم قم بوضع فوقه الكود التالى

/*wdbloog*/
#wdbloog .widget {position: relative;min-height: 385px;margin-bottom: 10px;font-size: 0;}
#wdbloog .post-category,
.wdbloog-post-title {color: #fff !important;}
#wdbloog .title {display: none;}
.center-box {float: left;}
.right-box-wrapper,
.left-box-wrapper {float: left;width: 23.73%;}
.left-box, .right-box {height: 244.5px;}
.left-box:first-child {margin-bottom: 1px;}
.right-box:first-child {margin-bottom: 1px;}
.center-box {position: relative;width: 52.37288%;height: 490px;margin: 0 0.0847457%;}
.wdbloog2 .center-box {margin-right: 0.0847457%;margin-left: 0;}
.wdbloog2 .left-box-wrapper {margin-right: 0.0847457%;}
.left1, .left2, .right1, .right2 {position: relative;}
.left1:after,
.left2:after,
.right1:after,
.right2:after {content: '';position: absolute;top: 0;bottom: 0;right: 0;left: 0;background: rgba(0,0,0,0.5);background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.6) 0, transparent 100%); /* Chrome10+,Safari5.1+ */filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); /* for IE */background: linear-gradient(0deg, rgba(0,0,0,0.6) 0, transparent 100%);/* W3C */}
.post-category {position: absolute;top: 12px;left: 12px;padding: 5px 10px;
font-family: 'Droid Arabic Kufi' , serif;text-transform: uppercase;font-size: 0.75rem;font-weight: 700;z-index: 3;}
.post-category:hover {background: $maincolor !important;}
.left1 .post-category {background: #FF5E5E;}
.left2 .post-category {background: #519CA7;}
.center-box .post-category {background: #1AC381;}
.right1 .post-category {background: #F38840;}
.right2 .post-category {background: #933CA0;}
.wdbloog-post-title {position: absolute;top: 0;bottom: 0;left: 0;right: 0;padding: 12px;
font-family: 'Droid Arabic Kufi' , serif; text-transform: capitalize;font-size: 0.875rem;font-weight: 700;line-height: 1.7;z-index: 2;}
.left-box-wrapper .heading,
.right-box-wrapper .heading,
.top-box-wrapper .heading,
.bottom-box-wrapper .heading {position: absolute;bottom: 10px;left: 12px;right: 12px;font-size: 15px;}
.center-box .wdbloog-post-title {background-color: rgba(0, 0, 0, 0.5);font-size: 1.5rem;text-transform: capitalize;padding: 10px 20px;top: auto;text-shadow: 0 1px 0 #000;}
.center-box .wdbloog-post-title .heading {position: relative;bottom: auto;}
.wdbloog-post-title:hover .heading {color: $maincolor;}
.top-box-wrapper {margin-bottom: 1px !important;}
.top-box-item {position: relative;float: left;width: 24.937%;margin-right: 0.084% !important;height: 190px;}
.top-box-item:last-child {margin-right: 0 !important;}
.bottom-box-item {float: left;position: relative;width: 33.277%;height: 250px;margin-right: 0.084% !important;}
.bottom-box-item:last-child {margin-right: 0 !important;}
.top-box-item:after,
.bottom-box-item:after {content: '';position: absolute;top: 0;bottom: 0;right: 0;left: 0;background: rgba(0,0,0,0.5);background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.6) 0, transparent 100%); /* Chrome10+,Safari5.1+ */filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); /* for IE */background: linear-gradient(0deg, rgba(0,0,0,0.6) 0, transparent 100%);/* W3C */}
.top-box-item:nth-child(1) .post-category {background: #FF5E5E;}
.top-box-item:nth-child(2) .post-category {background: #519CA7;}
.top-box-item:nth-child(3) .post-category {background: #1AC381;}
.top-box-item:nth-child(4) .post-category {background: #F38840;}
.bottom-box-item:nth-child(1) .post-category {background: #933CA0;}
.bottom-box-item:nth-child(2) .post-category {background: #D41E46;}
.bottom-box-item:nth-child(3) .post-category {background: #607D8B;}
.bottom-box-wrapper .wdbloog-post-title {font-size: 1rem;}
.wdbloog4 .bottom-box-wrapper {margin-bottom: 1px !important;}
h3.heading {font-size: 26px;font-family: Droid Arabic Naskh!important;}
/*wdbloog*/

2- قم بالبحث عن الكود   </body>   ثم قم بوضع فوقه الكود التالى

<script>
//<![CDATA[

/* wdbloog Widget
--------------------------------------*/

  var numOfwdbloogPosts = 5;
  var wdbloog = $('#wdbloog .widget-content');
  var wdbloogContent = wdbloog.text().trim();
  var wdbloogTitle = $('#wdbloog .title').text();

  wdbloog.removeClass('widget-content').addClass(''+ wdbloogTitle +' clearfix');

  if(wdbloogTitle === "wdbloog1" || wdbloogTitle === "wdbloog2") {

  if((wdbloogContent !== "random") && (wdbloogContent.charAt(0) !== "[")) {
      $.ajax({
        url: "/feeds/posts/default/-/" + wdbloogContent + "?alt=json-in-script&max-results="+ numOfwdbloogPosts +"",
        type: "get",
        dataType: "jsonp",
        success: function (e) {

          var img  = new Array();

          for (var i = 0; i < 5; i++) {
            var entry = e.feed.entry[i];
            var posttitle = entry.title.$t;
            var posturl;

            var category = '<a class="post-category" href="/search/label/'+entry.category[0].term+'?max-results=7">'+entry.category[0].term+'</a>';  
            
            for (var k = 0; k < entry.link.length; k++) {
              if (entry.link[k].rel == 'alternate') {
                posturl = entry.link[k].href;
                break;
              }
            }

            if ("content" in entry) {
              var postcontent = entry.content.$t;
            }

            s = postcontent; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);

            if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;

            var tmb = img[i].replace('s1600/','s500-c/');

            if(i===0) {
              var trtd1 = '<div class="left-box-wrapper clearfix"><div class="left-box left1" style="background: url('+ tmb +') no-repeat center;background-size: cover">'+ category +'<a href="'+ posturl +'" class="wdbloog-post-title"><h3 class="heading">'+ posttitle +'</h3></a></div>';
            }

            if(i===1) {
              var trtd2 = '<div class="left-box left2" style="background: url('+ tmb +') no-repeat center;background-size: cover">'+ category +'<a href="'+ posturl +'" class="wdbloog-post-title"><h3 class="heading">'+ posttitle +'</h3></a></div></div>';
            }

            if(i===2) {
              var trtd3 = '<div class="center-box clearfix" style="background: url('+ tmb +') no-repeat center;background-size: cover">'+ category +'<a href="'+ posturl +'" class="wdbloog-post-title"><h3 class="heading">'+ posttitle +'</h3></a></div>';
            }

            if(i===3) {
              var trtd4 = '<div class="right-box-wrapper clearfix"><div class="right-box right1" style="background: url('+ tmb +') no-repeat center;background-size: cover">'+ category +'<a href="'+ posturl +'" class="wdbloog-post-title"><h3 class="heading">'+ posttitle +'</h3></a></div>';
            }

            if(i===4) {
              var trtd5 = '<div class="right-box right2" style="background: url('+ tmb +') no-repeat center;background-size: cover">'+ category +'<a href="'+ posturl +'" class="wdbloog-post-title"><h3 class="heading">'+ posttitle +'</h3></a></div></div>';
            }

            if(wdbloogTitle === "wdbloog1") {
              wdbloog.html(trtd1 + trtd2 + trtd3 + trtd4 + trtd5); 
            }
            if(wdbloogTitle === "wdbloog2") {
              wdbloog.html(trtd3 + trtd1 + trtd2 + trtd4 + trtd5); 
            }
          }

        }

      });
    } else if(wdbloogContent.charAt(0) === "[") {

      $.ajax({
      url: "/feeds/posts/default?alt=json-in-script",
      type: "get",
      dataType: "jsonp",
      success: function (e) {

        var r = wdbloogContent.match(/[^[\]]+(?=])/g);
        var postsLength = e.feed.entry.length;

        for (var i = 0; i < postsLength; i++) {
          var entry = e.feed.entry[i];
          var posttitle = entry.title.$t.toLowerCase();

          if(r[0].toLowerCase() === posttitle) {
          var img  = new Array();

            var posturl;
            var category = '<a class="post-category" href="/search/label/'+e.feed.entry[i].category[0].term+'?max-results=7">'+e.feed.entry[i].category[0].term+'</a>';  

            for (var k = 0; k < entry.link.length; k++) {
              if (entry.link[k].rel == 'alternate') {
                posturl = entry.link[k].href;
                break;
              }
            }

            if ("content" in entry) {
              var postcontent = entry.content.$t;
            }

            s = postcontent; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);

            if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;

            var tmb = img[i].replace('s1600/','s500-c/');

            var trtd1 = '<div class="left-box-wrapper clearfix"><div class="left-box left1" style="background: url('+ tmb +') no-repeat center;background-size: cover">'+ category +'<a href="'+ posturl +'" class="wdbloog-post-title"><h3 class="heading">'+ posttitle +'</h3></a></div>';
          }

          if(r[1].toLowerCase() === posttitle) {
          var img  = new Array();

            var posturl;
            var category = '<a class="post-category" href="/search/label/'+e.feed.entry[i].category[0].term+'?max-results=7">'+e.feed.entry[i].category[0].term+'</a>';  

            for (var k = 0; k < entry.link.length; k++) {
              if (entry.link[k].rel == 'alternate') {
                posturl = entry.link[k].href;
                break;
              }
            }

            if ("content" in entry) {
              var postcontent = entry.content.$t;
            }

            s = postcontent; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);

            if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;

            var tmb = img[i].replace('s1600/','s500-c/');

            var trtd2 = '<div class="left-box left2" style="background: url('+ tmb +') no-repeat center;background-size: cover">'+ category +'<a href="'+ posturl +'" class="wdbloog-post-title"><h3 class="heading">'+ posttitle +'</h3></a></div></div>';
          }


          if(r[2].toLowerCase() === posttitle) {
          var img  = new Array();

            var posturl;
            var category = '<a class="post-category" href="/search/label/'+e.feed.entry[i].category[0].term+'?max-results=7">'+e.feed.entry[i].category[0].term+'</a>';  

            for (var k = 0; k < entry.link.length; k++) {
              if (entry.link[k].rel == 'alternate') {
                posturl = entry.link[k].href;
                break;
              }
            }

            if ("content" in entry) {
              var postcontent = entry.content.$t;
            }

            s = postcontent; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);

            if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;

            var tmb = img[i].replace('s1600/','s500-c/');

            var trtd3 = '<div class="center-box clearfix" style="background: url('+ tmb +') no-repeat center;background-size: cover">'+ category +'<a href="'+ posturl +'" class="wdbloog-post-title"><h3 class="heading">'+ posttitle +'</h3></a></div>';
          }

          if(r[3].toLowerCase() === posttitle) {
          var img  = new Array();

            var posturl;
            var category = '<a class="post-category" href="/search/label/'+e.feed.entry[i].category[0].term+'?max-results=7">'+e.feed.entry[i].category[0].term+'</a>';  

            for (var k = 0; k < entry.link.length; k++) {
              if (entry.link[k].rel == 'alternate') {
                posturl = entry.link[k].href;
                break;
              }
            }

            if ("content" in entry) {
              var postcontent = entry.content.$t;
            }

            s = postcontent; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);

            if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;

            var tmb = img[i].replace('s1600/','s500-c/');

            var trtd4 = '<div class="right-box-wrapper clearfix"><div class="right-box right1" style="background: url('+ tmb +') no-repeat center;background-size: cover">'+ category +'<a href="'+ posturl +'" class="wdbloog-post-title"><h3 class="heading">'+ posttitle +'</h3></a></div>';
          }

          if(r[4].toLowerCase() === posttitle) {
          var img  = new Array();

            var posturl;
            var category = '<a class="post-category" href="/search/label/'+e.feed.entry[i].category[0].term+'?max-results=7">'+e.feed.entry[i].category[0].term+'</a>';  

            for (var k = 0; k < entry.link.length; k++) {
              if (entry.link[k].rel == 'alternate') {
                posturl = entry.link[k].href;
                break;
              }
            }

            if ("content" in entry) {
              var postcontent = entry.content.$t;
            }

            s = postcontent; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);

            if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;

            var tmb = img[i].replace('s1600/','s500-c/');

            var trtd5 = '<div class="right-box right2" style="background: url('+ tmb +') no-repeat center;background-size: cover">'+ category +'<a href="'+ posturl +'" class="wdbloog-post-title"><h3 class="heading">'+ posttitle +'</h3></a></div></div>';
          }

        }

        if(wdbloogTitle === "wdbloog1") {
          wdbloog.html(trtd1 + trtd2 + trtd3 + trtd4 + trtd5); 
        }
        if(wdbloogTitle === "wdbloog2") {
          wdbloog.html(trtd3 + trtd1 + trtd2 + trtd4 + trtd5); 
        }
      }

      });
  } else if(wdbloogContent.match("random")) {

      $.ajax({
      url: "/feeds/posts/default?alt=json-in-script",
      type: "get",
      dataType: "jsonp",
      success: function (e) {

        var entryLength = e.feed.entry.length,
            a = entryLength - 5,
            n = Math.floor(Math.random() * (a + 1));

        $.ajax({
          url: "/feeds/posts/default?alt=json-in-script&end-index=" + n + "",
          type: "get",
          dataType: "jsonp",
          success: function (e) {

            var img  = new Array();

            for (var i = 0; i < 5; i++) {
              var entry = e.feed.entry[n+i];
              var posttitle = entry.title.$t;
              var posturl;
              
              var category = '<a class="post-category" href="/search/label/'+entry.category[0].term+'?max-results=7">'+entry.category[0].term+'</a>';  

              for (var k = 0; k < entry.link.length; k++) {
                if (entry.link[k].rel == 'alternate') {
                  posturl = entry.link[k].href;
                  break;
                }
              }

              if ("content" in entry) {
                var postcontent = entry.content.$t;
              }

              s = postcontent; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);

              if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[n] = d;

              var tmb = img[n].replace('s1600/','s500-c/');

              if(i===0) {
                var trtd1 = '<div class="left-box-wrapper clearfix"><div class="left-box left1" style="background: url('+ tmb +') no-repeat center;background-size: cover">'+ category +'<a href="'+ posturl +'" class="wdbloog-post-title"><h3 class="heading">'+ posttitle +'</h3></a></div>';
              }

              if(i===1) {
                var trtd2 = '<div class="left-box left2" style="background: url('+ tmb +') no-repeat center;background-size: cover">'+ category +'<a href="'+ posturl +'" class="wdbloog-post-title"><h3 class="heading">'+ posttitle +'</h3></a></div></div>';
              }

              if(i===2) {
                var trtd3 = '<div class="center-box clearfix" style="background: url('+ tmb +') no-repeat center;background-size: cover">'+ category +'<a href="'+ posturl +'" class="wdbloog-post-title"><h3 class="heading">'+ posttitle +'</h3></a></div>';
              }

              if(i===3) {
                var trtd4 = '<div class="right-box-wrapper clearfix"><div class="right-box right1" style="background: url('+ tmb +') no-repeat center;background-size: cover">'+ category +'<a href="'+ posturl +'" class="wdbloog-post-title"><h3 class="heading">'+ posttitle +'</h3></a></div>';
              }

              if(i===4) {
                var trtd5 = '<div class="right-box right2" style="background: url('+ tmb +') no-repeat center;background-size: cover">'+ category +'<a href="'+ posturl +'" class="wdbloog-post-title"><h3 class="heading">'+ posttitle +'</h3></a></div></div>';
              }

            }

            if(wdbloogTitle === "wdbloog1") {
              wdbloog.html(trtd1 + trtd2 + trtd3 + trtd4 + trtd5); 
            }
            if(wdbloogTitle === "wdbloog2") {
              wdbloog.html(trtd3 + trtd1 + trtd2 + trtd4 + trtd5); 
            }
          }

        });

      }
    });

}

  } else if(wdbloogTitle === "wdbloog3" || wdbloogTitle === "wdbloog4") {

  if((wdbloogContent !== "random") && (wdbloogContent.charAt(0) !== "[")) {
      $.ajax({
        url: "/feeds/posts/default/-/" + wdbloogContent + "?alt=json-in-script&max-results=7",
        type: "get",
        dataType: "jsonp",
        success: function (e) {

          var img  = new Array();

          for (var i = 0; i < 7; i++) {
            var entry = e.feed.entry[i];
            var posttitle = entry.title.$t;
            var posturl;
          
            var category = '<a class="post-category" href="/search/label/'+e.feed.entry[i].category[0].term+'?max-results=7">'+e.feed.entry[i].category[0].term+'</a>';  
         
            for (var k = 0; k < entry.link.length; k++) {
              if (entry.link[k].rel == 'alternate') {
                posturl = entry.link[k].href;
                break;
              }
            }

            if ("content" in entry) {
              var postcontent = entry.content.$t;
            }

            s = postcontent; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);

            if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;

            var tmb = img[i].replace('s1600/','s500-c/');

            if(i===0) {
              var trtd1 = '<li class="top-box-item" style="background: url('+ tmb +') no-repeat center;background-size: cover">'+ category +'<a href="'+ posturl +'" class="wdbloog-post-title"><h3 class="heading">'+ posttitle +'</h3></a></li>';
            }

            if(i===1) {
              var trtd2 = '<li class="top-box-item" style="background: url('+ tmb +') no-repeat center;background-size: cover">'+ category +'<a href="'+ posturl +'" class="wdbloog-post-title"><h3 class="heading">'+ posttitle +'</h3></a></li>';
            }

            if(i===2) {
              var trtd3 = '<li class="top-box-item" style="background: url('+ tmb +') no-repeat center;background-size: cover">'+ category +'<a href="'+ posturl +'" class="wdbloog-post-title"><h3 class="heading">'+ posttitle +'</h3></a></li>';
            }

            if(i===3) {
              var trtd4 = '<li class="top-box-item" style="background: url('+ tmb +') no-repeat center;background-size: cover">'+ category +'<a href="'+ posturl +'" class="wdbloog-post-title"><h3 class="heading">'+ posttitle +'</h3></a></li>';
            }

            if(i===4) {
              var trtd5 = '<li class="bottom-box-item" style="background: url('+ tmb +') no-repeat center;background-size: cover">'+ category +'<a href="'+ posturl +'" class="wdbloog-post-title"><h3 class="heading">'+ posttitle +'</h3></a></li>';
            }

            if(i===5) {
              var trtd6 = '<li class="bottom-box-item" style="background: url('+ tmb +') no-repeat center;background-size: cover">'+ category +'<a href="'+ posturl +'" class="wdbloog-post-title"><h3 class="heading">'+ posttitle +'</h3></a></li>';
            }

            if(i===6) {
              var trtd7 = '<li class="bottom-box-item" style="background: url('+ tmb +') no-repeat center;background-size: cover">'+ category +'<a href="'+ posturl +'" class="wdbloog-post-title"><h3 class="heading">'+ posttitle +'</h3></a></li>';
            }

          }
          if(wdbloogTitle === "wdbloog3") {
            wdbloog.html('<ul class="top-box-wrapper clearfix">' + trtd1 + trtd2 + trtd3 + trtd4 + '</ul><ul class="bottom-box-wrapper clearfix">' + trtd5 + trtd6 + trtd7 + '</ul>');
          } else if (wdbloogTitle === "wdbloog4") {
            wdbloog.html('<ul class="bottom-box-wrapper clearfix">' + trtd5 + trtd6 + trtd7 + '</ul>' + '<ul class="top-box-wrapper clearfix">' + trtd1 + trtd2 + trtd3 + trtd4 + '</ul>');
          } 

        }

      });

    } else if(wdbloogContent.charAt(0) === "[") {

      $.ajax({
      url: "/feeds/posts/default?alt=json-in-script",
      type: "get",
      dataType: "jsonp",
      success: function (e) {

        var r = wdbloogContent.match(/[^[\]]+(?=])/g);
        var postsLength = e.feed.entry.length;

        for (var i = 0; i < postsLength; i++) {
          var entry = e.feed.entry[i];
          var posttitle = entry.title.$t.toLowerCase();

          if(r[0].toLowerCase() === posttitle) {
          var img  = new Array();

            var posturl;
            var category = '<a class="post-category" href="/search/label/'+entry.category[0].term+'?max-results=7">'+entry.category[0].term+'</a>';  

            for (var k = 0; k < entry.link.length; k++) {
              if (entry.link[k].rel == 'alternate') {
                posturl = entry.link[k].href;
                break;
              }
            }

            if ("content" in entry) {
              var postcontent = entry.content.$t;
            }

            s = postcontent; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);

            if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;

            var tmb = img[i].replace('s1600/','s500-c/');

var trtd1 = '<li class="top-box-item" style="background: url('+ tmb +') no-repeat center;background-size: cover">'+ category +'<a href="'+ posturl +'" class="wdbloog-post-title"><h3 class="heading">'+ posttitle +'</h3></a></li>';
          }

          if(r[1].toLowerCase() === posttitle) {
          var img  = new Array();

            var posturl;
            var category = '<a class="post-category" href="/search/label/'+entry.category[0].term+'?max-results=7">'+entry.category[0].term+'</a>';  

            for (var k = 0; k < entry.link.length; k++) {
              if (entry.link[k].rel == 'alternate') {
                posturl = entry.link[k].href;
                break;
              }
            }

            if ("content" in entry) {
              var postcontent = entry.content.$t;
            }

            s = postcontent; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);

            if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;

            var tmb = img[i].replace('s1600/','s500-c/');

var trtd2 = '<li class="top-box-item" style="background: url('+ tmb +') no-repeat center;background-size: cover">'+ category +'<a href="'+ posturl +'" class="wdbloog-post-title"><h3 class="heading">'+ posttitle +'</h3></a></li>';
          }


          if(r[2].toLowerCase() === posttitle) {
          var img  = new Array();

            var posturl;
            var category = '<a class="post-category" href="/search/label/'+e.feed.entry[i].category[0].term+'?max-results=7">'+e.feed.entry[i].category[0].term+'</a>';  

            for (var k = 0; k < entry.link.length; k++) {
              if (entry.link[k].rel == 'alternate') {
                posturl = entry.link[k].href;
                break;
              }
            }

            if ("content" in entry) {
              var postcontent = entry.content.$t;
            }

            s = postcontent; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);

            if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;

            var tmb = img[i].replace('s1600/','s500-c/');

var trtd3 = '<li class="top-box-item" style="background: url('+ tmb +') no-repeat center;background-size: cover">'+ category +'<a href="'+ posturl +'" class="wdbloog-post-title"><h3 class="heading">'+ posttitle +'</h3></a></li>';
          }

          if(r[3].toLowerCase() === posttitle) {
          var img  = new Array();

            var posturl;
            var category = '<a class="post-category" href="/search/label/'+e.feed.entry[i].category[0].term+'?max-results=7">'+e.feed.entry[i].category[0].term+'</a>';  

            for (var k = 0; k < entry.link.length; k++) {
              if (entry.link[k].rel == 'alternate') {
                posturl = entry.link[k].href;
                break;
              }
            }

            if ("content" in entry) {
              var postcontent = entry.content.$t;
            }

            s = postcontent; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);

            if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;

            var tmb = img[i].replace('s1600/','s500-c/');

         var trtd4 = '<li class="top-box-item" style="background: url('+ tmb +') no-repeat center;background-size: cover">'+ category +'<a href="'+ posturl +'" class="wdbloog-post-title"><h3 class="heading">'+ posttitle +'</h3></a></li>';

          }

          if(r[4].toLowerCase() === posttitle) {
            var img  = new Array();

            var posturl;
            var category = '<a class="post-category" href="/search/label/'+e.feed.entry[i].category[0].term+'?max-results=7">'+e.feed.entry[i].category[0].term+'</a>';  

            for (var k = 0; k < entry.link.length; k++) {
              if (entry.link[k].rel == 'alternate') {
                posturl = entry.link[k].href;
                break;
              }
            }

            if ("content" in entry) {
              var postcontent = entry.content.$t;
            }

            s = postcontent; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);

            if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;

            var tmb = img[i].replace('s1600/','s500-c/');

            var trtd5 = '<li class="bottom-box-item" style="background: url('+ tmb +') no-repeat center;background-size: cover">'+ category +'<a href="'+ posturl +'" class="wdbloog-post-title"><h3 class="heading">'+ posttitle +'</h3></a></li>';
          }

          if(r[5].toLowerCase() === posttitle) {
            var img  = new Array();

            var posturl;
            var category = '<a class="post-category" href="/search/label/'+e.feed.entry[i].category[0].term+'?max-results=7">'+e.feed.entry[i].category[0].term+'</a>';  

            for (var k = 0; k < entry.link.length; k++) {
              if (entry.link[k].rel == 'alternate') {
                posturl = entry.link[k].href;
                break;
              }
            }

            if ("content" in entry) {
              var postcontent = entry.content.$t;
            }

            s = postcontent; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);

            if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;

            var tmb = img[i].replace('s1600/','s500-c/');

            var trtd6 = '<li class="bottom-box-item" style="background: url('+ tmb +') no-repeat center;background-size: cover">'+ category +'<a href="'+ posturl +'" class="wdbloog-post-title"><h3 class="heading">'+ posttitle +'</h3></a></li>';
          }

          if(r[6].toLowerCase() === posttitle) {
            var img  = new Array();

            var posturl;
            var category = '<a class="post-category" href="/search/label/'+e.feed.entry[i].category[0].term+'?max-results=7">'+e.feed.entry[i].category[0].term+'</a>';  

            for (var k = 0; k < entry.link.length; k++) {
              if (entry.link[k].rel == 'alternate') {
                posturl = entry.link[k].href;
                break;
              }
            }

            if ("content" in entry) {
              var postcontent = entry.content.$t;
            }

            s = postcontent; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);

            if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;

            var tmb = img[i].replace('s1600/','s500-c/');

            var trtd7 = '<li class="bottom-box-item" style="background: url('+ tmb +') no-repeat center;background-size: cover">'+ category +'<a href="'+ posturl +'" class="wdbloog-post-title"><h3 class="heading">'+ posttitle +'</h3></a></li>';
          }


        }

        if(wdbloogTitle === "wdbloog3") {
          wdbloog.html('<ul class="top-box-wrapper clearfix">' + trtd1 + trtd2 + trtd3 + trtd4 + '</ul><ul class="bottom-box-wrapper clearfix">' + trtd5 + trtd6 + trtd7 + '</ul>');
        } else if (wdbloogTitle === "wdbloog4") {
          wdbloog.html('<ul class="bottom-box-wrapper clearfix">' + trtd5 + trtd6 + trtd7 + '</ul>' + '<ul class="top-box-wrapper clearfix">' + trtd1 + trtd2 + trtd3 + trtd4 + '</ul>');
        } 
      }

      });
  } else if(wdbloogContent.match("random")) {

      $.ajax({
      url: "/feeds/posts/default?alt=json-in-script",
      type: "get",
      dataType: "jsonp",
      success: function (e) {

        var entryLength = e.feed.entry.length,
            a = entryLength - 5,
            n = Math.floor(Math.random() * (a + 1));

        $.ajax({
          url: "/feeds/posts/default?alt=json-in-script&end-index=" + n + "",
          type: "get",
          dataType: "jsonp",
          success: function (e) {

            var img  = new Array();

          for (var i = 0; i < 7; i++) {
            var entry = e.feed.entry[n+i];
            var posttitle = entry.title.$t;
            var posturl;
          
            var category = '<a class="post-category" href="/search/label/'+e.feed.entry[i].category[0].term+'?max-results=7">'+e.feed.entry[i].category[0].term+'</a>';  
         
            for (var k = 0; k < entry.link.length; k++) {
              if (entry.link[k].rel == 'alternate') {
                posturl = entry.link[k].href;
                break;
              }
            }

            if ("content" in entry) {
              var postcontent = entry.content.$t;
            }

            s = postcontent; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);

            if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[n] = d;

            var tmb = img[n].replace('s1600/','s500-c/');

            if(i===0) {
              var trtd1 = '<li class="top-box-item" style="background: url('+ tmb +') no-repeat center;background-size: cover">'+ category +'<a href="'+ posturl +'" class="wdbloog-post-title"><h3 class="heading">'+ posttitle +'</h3></a></li>';
            }

            if(i===1) {
              var trtd2 = '<li class="top-box-item" style="background: url('+ tmb +') no-repeat center;background-size: cover">'+ category +'<a href="'+ posturl +'" class="wdbloog-post-title"><h3 class="heading">'+ posttitle +'</h3></a></li>';
            }

            if(i===2) {
              var trtd3 = '<li class="top-box-item" style="background: url('+ tmb +') no-repeat center;background-size: cover">'+ category +'<a href="'+ posturl +'" class="wdbloog-post-title"><h3 class="heading">'+ posttitle +'</h3></a></li>';
            }

            if(i===3) {
              var trtd4 = '<li class="top-box-item" style="background: url('+ tmb +') no-repeat center;background-size: cover">'+ category +'<a href="'+ posturl +'" class="wdbloog-post-title"><h3 class="heading">'+ posttitle +'</h3></a></li>';
            }

            if(i===4) {
              var trtd5 = '<li class="bottom-box-item" style="background: url('+ tmb +') no-repeat center;background-size: cover">'+ category +'<a href="'+ posturl +'" class="wdbloog-post-title"><h3 class="heading">'+ posttitle +'</h3></a></li>';
            }

            if(i===5) {
              var trtd6 = '<li class="bottom-box-item" style="background: url('+ tmb +') no-repeat center;background-size: cover">'+ category +'<a href="'+ posturl +'" class="wdbloog-post-title"><h3 class="heading">'+ posttitle +'</h3></a></li>';
            }

            if(i===6) {
              var trtd7 = '<li class="bottom-box-item" style="background: url('+ tmb +') no-repeat center;background-size: cover">'+ category +'<a href="'+ posturl +'" class="wdbloog-post-title"><h3 class="heading">'+ posttitle +'</h3></a></li>';
            }

          }
          if(wdbloogTitle === "wdbloog3") {
            wdbloog.html('<ul class="top-box-wrapper clearfix">' + trtd1 + trtd2 + trtd3 + trtd4 + '</ul><ul class="bottom-box-wrapper clearfix">' + trtd5 + trtd6 + trtd7 + '</ul>');
          } else if (wdbloogTitle === "wdbloog4") {
            wdbloog.html('<ul class="bottom-box-wrapper clearfix">' + trtd5 + trtd6 + trtd7 + '</ul>' + '<ul class="top-box-wrapper clearfix">' + trtd1 + trtd2 + trtd3 + trtd4 + '</ul>');
          } 

        }

        });

      }
    });

}

  } /* if(wdbloogTitle === "wdbloog3") */

// ]]>
</script>
3- وهى الخطوه الأخير فى تركيب السلايد شو وهى عن طريق وضع الكود الخاص بأظهار السلايدر فى أداة HTML/JavaScript سوف تضاف فى القالب بكود ايضا لفعل ذلك نحتاج لإضافة مكان الأداة فوق رسائل المدونة الإلكترونية لكي يظهر السلايدر فوق المواضيع ويكون متناسق .

 <b:section class='container' id='wdbloog' maxwidgets='1' showaddelement='yes'>
   <b:widget id='HTML222' locked='false' title='wdbloog1' type='HTML'>
     <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
   </b:widget>
 </b:section>

4- احفظ القالب ثم سوف تنتقل لى التخطيط سوف تجد قد تم أضافة اداة جديده سوف تقوم بالضغط على تحرير الأداة ووضع بها التسمية التى تخصك

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

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

شارك التدوينه
تنبية هام

هناك 12 تعليقًا :

  1. شكرااا لك اخي على هده المجهودات الررائعة

    ردحذف
    الردود
    1. شكرا لك اخى على دعمك المتواصل لنا

      حذف
  2. سلايد شو جميل جدا تابيع يا اخي وشكرا

    ردحذف
    الردود
    1. شكرااا لك اخي انتظر منا المزيد

      حذف
  3. لم يقبل كليمة </body>

    ردحذف
    الردود
    1. قم بالبحث عنها هكذا اخى
      /body

      حذف
  4. تم اضافته في المدونة شكرا الك اخي على مجهوديك

    ردحذف

شارك بتعليق على

مواقع صديقة سوف تفيدك
brief useful MAX SEO TOOLS ضع موقعك هنا ضع موقعك هنا ضع موقعك هنا ضع موقعك هنا ضع موقعك هنا ضع موقعك هنا ضع موقعك هنا ضع موقعك هنا ضع موقعك هنا ضع موقعك هنا
ALL RIGHTS RESERVED, 2016 WDBLOOG , POWERED BY BLOGGER , DESIGN BY WDBLOOG