U3F1ZWV6ZTM5ODcyMTQzOTA5X0FjdGl2YXRpb240NTE2OTYzNzg1NzM=
recent
أخبار ساخنة

سلايد شو قالب احجار التلقائى لاخر المواضيع لمدونات بلوجر

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

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


سلايد شو قالب احجار التلقائى لاخر المواضيع لمدونات بلوجر



معاينة وتحميل أكواد السلايد


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


صورة من السلايد


سلايد شو قالب احجار التلقائى لاخر المواضيع لمدونات بلوجر


شرح التركيب



  • أولا أبحث عن هذا الوسم]]></b:skin>ثم قم بوضع الكود التالى فوقه.
.blog_featured_posts{margin-top:0;overflow:hidden}
.blog_featured_post .feat-img:hover{transform:scale(1.2)}
.blog_featured_post{display:block;position:relative;float:right;overflow:hidden;height:334px}
.blog_featured_post.first{width:50%;border-left:5px solid #D2D2D2}
.blog_featured_post.second{width:20%;border-left:5px solid #D2D2D2}
.blog_featured_post.third,.blog_featured_post.fourth{width:30%;height:163px}
.blog_featured_post.third{margin-bottom:9px}
.blog_featured_post a{display:block;color:rgb(255,255,255);text-shadow:rgba(0,0,0,0.498039) 0 1px 1px;position:relative;vertical-align:bottom;z-index:1;height:100%}
.blog_featured_post a:hover:before{opacity:0.6;box-shadow:inset 0 -3px 200px 5px #000}
.blog_featured_post a:before{display:block;position:absolute;content:&#39;&#39;;right:0;top:0;width:100%;height:100%;box-shadow:inset 0 -3px 300px 5px #000;opacity:0.5;-webkit-transition:all 0.2s;transition:all 0.2s}
.blog_featured_post a .blog_contents{display:block;position:absolute;z-index:5;bottom:30px;right:30px;left:30px;font-weight:bold;text-transform:uppercase;line-height:120%;transition:all 0.2s;width:100%}
.blog_contents span{display:block;padding:5px 10px;letter-spacing:0;font-size:15px;background:#009688;position:absolute;right:0;bottom:35px;font-weight:100}
.blog_contents span:after{content:&quot;&quot;;border-style:solid;border-width:21px 7px 21px;border-color:transparent;border-bottom-color:#f58220;left:-7px;bottom:0;position:absolute}
.blog_contents span:before{content:&quot;&quot;;border-style:solid;border-width:21px 7px 21px;border-color:transparent;border-top-color:#f58220;right:-7px;top:0;position:absolute}
.blog_featured_post a .blog_contents h3{padding:8px 10px 9px;float:right;background:#01579B;width:100%;font-size:18px;font-weight:100;margin-right:-30px;position:absolute;right:0;bottom:-30px}
.blog_featured_post .feat-img{width:100%;height:100%;background-size:cover;background-position:50%}


  • الأن أبحث عن هذا الوسم</head>وقم بوضع الكود التالى فوقه.


<script type='text/javascript'>
 //<![CDATA[
imgr = new Array();
imgr[0] = "http://sites.google.com/site/fdblogsite/Home/nothumbnail.gif";
showRandomImg = true;
aBold = true;
numposts1 = 4;
numposts11 = 1;
newsize = 400;
function recentposts1(json) {
 j = showRandomImg ? Math.floor((imgr.length + 1) * Math.random()) : 0;
 img = new Array;
 if (numposts1 <= json.feed.entry.length) maxpost = numposts1;
 else maxpost = json.feed.entry.length;
 document.write('<div class="blog_featured_posts">');
 for (var i = 0; i < maxpost; i++) {
  var entry = json.feed.entry[i];
  var posttitle = entry.title.$t;
  var tag = entry.category[0].term;
  var pcm;
  var posturl;
  var cropsize = newsize;
  if (i == json.feed.entry.length) break;
  for (var k = 0; k < entry.link.length; k++) if (entry.link[k].rel == "alternate") {
   posturl = entry.link[k].href;
   break
  }
  for (var k = 0; k < entry.link.length; k++) if (entry.link[k].rel == "replies" && entry.link[k].type == "text/html") {
   pcm = entry.link[k].title.split(" ")[0];
   break
  }
  if ("content" in entry) var postcontent = entry.content.$t;
  else if ("summary" in entry) var postcontent = entry.summary.$t;
  else var postcontent = "";
  postdate = entry.published.$t;
  if (j > imgr.length - 1) j = 0;
  img[i] = imgr[j];
  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 month = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
  var month2 = ["يناير", "فبراير", "مارس", "أبريل", "مايو", "يونيو", "يوليو", "أغسطس", "سبتمبر", "أكتوبر", "نوفمبر", "ديسمبر"];
  var day = postdate.split("-")[2].substring(0, 2);
  var m = postdate.split("-")[1];
  var y = postdate.split("-")[0];
  for (var u2 = 0; u2 < month.length; u2++) if (parseInt(m) == month[u2]) {
   m = month2[u2];
   break
  }
  var daystr = day + " " + m + " " + y;
  if (i == 0) {
   var st = "#FF3D66";
   var trtd = '<div class="blog_featured_post first"><a href="' + posturl + '"><div class="blog_contents"><span>' + tag + '</span><h3>' + posttitle + '</h3></div><div class="feat-img" style="background-image:url(' + img[i] + ');"></div></a></div>';
   document.write(trtd)
  }
  if (i == 1) {
   var trtd = '<div class="blog_featured_post second"><a href="' + posturl + '"><div class="blog_contents"><span>' + tag + '</span><h3>' + posttitle + '</h3></div><div class="feat-img" style="background-image:url(' + img[i] + ');"></div></a></div>';
   document.write(trtd)
  }
  if (i == 2) {
   var trtd = '<div class="blog_featured_post third"><a href="' + posturl + '"><div class="blog_contents"><span>' + tag + '</span><h3>' + posttitle + '</h3></div><div class="feat-img" style="background-image:url(' + img[i] + ');"></div></a></div>';
   document.write(trtd)
  }
  if (i == 3) {
   var trtd = '<div class="blog_featured_post fourth"><a href="' + posturl + '"><div class="blog_contents"><span>' + tag + '</span><h3>' + posttitle + '</h3></div><div class="feat-img" style="background-image:url(' + img[i] + ');"></div></a></div>';
   document.write(trtd)
  }
  j++
 }
 document.write('</div>')
};
//]]>
</script>


  • الأن مع اخر كود وسوف تقوم بوضع فى المكان الذى تريده فى مدونتك كما تريد.


<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div class='blog_featured_posts' id='blog_featured_posts'>
<div class='ct-wrapper'>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<script>
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=recentposts1\&quot;&gt;&lt;\/script&gt;&quot;);
</script>
</b:if>
</div>
</div>
</b:if>


  • بعد وضعك لجميع أكواد الأن تقوم بحفظ القالب ومبروك عليك السلايد شو الجديد.


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