اضافة مواضيع ذات صلة اسفل التدوينات الشكل #3

عبدو تكنولوجي - Abdou Technologie

12 مايو 2018

اضافة مواضيع ذات صلة اسفل التدوينات الشكل #3

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

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

شرح التركيب

اولا ابحث على </head> وضع هذا فوقه مباشرة

<b:if cond='data:blog.pageType == "item"'>

<style>
/*<![CDATA[*/
#related-wrap{margin-top:20px}
#related-wrap .nk-decorated-h-2>a,#related-wrap .nk-decorated-h-2>span,#related-wrap .nk-decorated-h>a,#related-wrap .nk-decorated-h>span{display:block;-ms-flex:auto;flex:auto;padding-left:20px}
#related-wrap .text-main-1{color:red!important}
#related-wrap .related-title{position:relative;clear:both;z-index:1;margin:5px 0 15px;line-height:20px}
#related-wrap .related-title h3{display:inline-block;position:relative;color:#000;font-size:24px;letter-spacing:-.4px;font-weight:700;z-index:1;margin:0}
.related-abdoutech{position:relative;overflow:hidden;margin:0;padding:0}
.related-abdoutech .abdoutech-item{width:49.3%;height:210px;position:relative;overflow:hidden;float:right;display:block;box-sizing:border-box;padding:0 0 10px;margin-bottom:10px}
.related-abdoutech .abdoutech-item .related-img{width:100%;height:210px;position:relative;display:block}
.related-abdoutech li:nth-child(1),.related-abdoutech li:nth-child(3){margin-left:10px}
.related-overlay{transition:all .35s;-moz-transition:all .35s;-webkit-transition:all .35s;position:absolute;right:0;top:0;z-index:1;width:100%;height:100%;opacity:.8;background:url(https://4.bp.blogspot.com/--OzH85Gymqc/Wdim0oCVnaI/AAAAAAAAA48/89VTnKzv4HEVKS3tixaIiUbI3PPbjnOWgCLcBGAs/s1600/pattern.png) top right rgba(58,78,90,.4)}
.related-abdoutech .abdoutech-item:hover .related-overlay{opacity:.2}
.related-content{position:absolute;bottom:0;padding:15px 15px 0;width:100%;background:rgba(0,0,0,.31);line-height:1.2em;box-sizing:border-box;z-index:2}
.related-abdoutech .related-tag{position:absolute;top:5px;right:15px;background-color:red;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.3);font-weight:400;z-index:5;height:20px;line-height:20px;padding:0 6px;font-size:10px}
.related-abdoutech h3 a{font-size:18px;line-height:1.4em;padding:10px 0 4px;font-weight:600;color:#fff;display:block}
.related-abdoutech .star_rating{position:absolute;top:0;left:0;z-index:2;font-size:14px;padding:5px 10px;background:rgba(35,40,45,.6)}
.related-abdoutech .abdoutech-item .star_rating .fa:nth-child(1){color:red}
.related-abdoutech .abdoutech-item .star_rating .fa:nth-child(2){color:#f50}
.related-abdoutech .abdoutech-item .star_rating .fa:nth-child(3){color:#fa0}
.related-abdoutech .abdoutech-item .star_rating .fa:nth-child(4){color:#3cbd1b}
.related-abdoutech .abdoutech-item .star_rating .fa:nth-child(5){color:#127adb}
.related-abdoutech .abdoutech-item .star_rating .fa:nth-child(6){color:#c720a3}

/*]]>*/
</style>

</b:if>

ابحث على </body> وضع هذا فوقه مباشرة

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

Unknown 12 مايو 2018 في 8:28 م

أريد هدية بمناسبة حلول شهر رمضان الكريم
ideamagazinefekra@gmail.com
- عبدو تكنولوجي - Abdou Technologie 16 مايو 2018 في 8:00 ص
  
  سوف نعمل مسابقة

جيك برو | Geek Pro 15 مايو 2018 في 12:48 م

اخي عبدو بالله عليك اعمل اسكربت تاثير انزلاق الجانبي الذي لديك
- عبدو تكنولوجي - Abdou Technologie 15 مايو 2018 في 4:14 م
  
  ارسلت لك الاكواد منذ مدة
  
  https://f.top4top.net/p_865l3i501.png

Unknown 18 مايو 2018 في 5:27 ص

السلام عليكم أخب عبدو نريدقالب عبدو فور أب كهدية لحلول شهر رمضان المبارك يدون عمل مسابقات

جيك برو | Geek Pro 26 مايو 2018 في 3:35 م

شككككككككككررررررررررررررررررررررررررا

جيك برو | Geek Pro 27 مايو 2018 في 1:21 ص

ينفع تعمل شرح اخي عبدو لتغيير خط التدوين بمدونات البلوجر
- عبدو تكنولوجي - Abdou Technologie 27 مايو 2018 في 6:35 ص
  
  هل تقصد خط المدونة كله ؟

omran 14 يونيو 2018 في 12:33 م

اخوي لما تنزل شرح مو لازم تحط اسمك واسم مدونتك بأكواد الإضافة :) لأن بياخذ وقت كثير وانا ابدلهم