اضافة مواضيع ذات صلة بشكل جديد النسخة الرابعة #4

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

الان يمكنك معاينة اضافة اليوم من هنا

شرح التركيب

إبحث على </head> وضع الكود التالي فوقه مباشرة

<b:if cond='data:view.isPost'>
<style>
.related::-webkit-scrollbar-thumb{background:#202031;border-radius:17px}
.related::-webkit-scrollbar{width:6px}
.relatedBTN{position:fixed;bottom:7px;right:104px;transform-origin:bottom left;background:#202031;z-index:105;color:#fff;width:180px;cursor:pointer;height:40px;text-align:center;font-size:17px;border-radius:5px 5px 0 0;transition:.4s all ease;padding-top:5px}
.related{position:fixed;overflow:auto;bottom:0;right:20px;padding:15px;width:340px;background:#f1f1f1;height:280px;border-top:3px solid #202031;z-index:105;border-radius:5px;transform:translate(0,272px);transition:.5s all ease}
body.FavActive .relatedBTN{transition:.6s all ease;transform-origin:bottom center;transform:translate(150px,-120px) rotate(60deg)}
body.FavActive .related{transform:translate(0,252px);transition:.5s .2s all ease}
.relatedActive .related::-webkit-scrollbar-track{background:#d4d4d4}
.relatedActive .related{transform:translate(0)}
.relatedActive .relatedBTN{background:#fff;color:#202031;transition:.5s all ease;transform:translate(-76px,0px) rotate(-90deg)}
.related> .k63NzAbg > .related_abdou > .item{display:inline-block;width:100%;font-weight:700;position:relative;height:70px;overflow:hidden;margin-bottom:7px;background:linear-gradient(#fff,#f3f3f3);box-shadow:0 1px 3px #00000045;border-radius:4px;font-size:14px}
.related> .k63NzAbg > .related_abdou > .item img{width:80px;height:auto;min-height:70px;float:right;margin-left:7px;margin-top:-14px}
.related> .k63NzAbg > .related_abdou > .item>a{color:#000;padding-top:14px;display:block}
.related>.item{opacity:0;transition:.3s all ease}
body.relatedActive .related>.item{opacity:1}
a.Follow{font-size:15px;display:inline-block;margin-top:12px;background:#dc131b;width:80px;height:34px;border-radius:3px;margin-right:15px;text-align:center;line-height:37px}
.related>h2{font-size:20px;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid #ddd}
.related>h2>a{color:#202031;float:left;font-size:13px;padding-top:5px}
.overlay{position:fixed;top:0;right:0;width:100%;height:100%;background:#000000ba;transition:.4s all ease;z-index:101;opacity:0;visibility:hidden}
.overlay.active{visibility:visible;opacity:1}
</style>
</b:if>

إبحث على <data:post.body/> ستجد ثلاثة ضعه في الثاني او الثالث

Unknown 28 مايو 2018 في 2:53 م

ممنمزمتميز دائما بوركت جهودكم ...عمل رائع ومتميز ..دائما
- عبدو تكنولوجي - Abdou Technologie 29 مايو 2018 في 4:54 م
  
  (f)

Unknown 29 مايو 2018 في 7:10 ص

واصل يا مبدع هي دي الإضافات الجميلة اللي أنا كنت عايزها
- عبدو تكنولوجي - Abdou Technologie 29 مايو 2018 في 4:55 م
  
  (f)

غير معرف 30 مايو 2018 في 1:12 م

اخى الاضافة تظهر اى هكذا
https://d.top4top.net/p_8806w9w01.png
- عبدو تكنولوجي - Abdou Technologie 30 مايو 2018 في 4:32 م
  
  اعطيني معاينة

Unknown 31 مايو 2018 في 1:48 ص

الإضافة شغالة ولكن لا تظهر التدوينات و المعاينة www.cima4up.gq
و الصفحات الثابتة في قالب عبدو فور آب بها مشكلة كبيرة جدا وهي عدم ظهورا بالكامل و نفس الرابط
- عبدو تكنولوجي - Abdou Technologie 31 مايو 2018 في 2:45 م
  
  يوجد قوالب لا تعمل معهم هذه الاضافة

يسعدنا تفاعلكم بالتعليق ولكن نرجو منكم أن يكون خاص بالموضوع