العودة   منتديات عميد التعريب > >

الملاحظات

قوالب مدونات بلوجر Blogger و WordPress قوالب WordPress و Blogger و سكريبتات متنوعة



إضافة رد
 
أدوات الموضوع انواع عرض الموضوع

قديم 2019-04-08, 12:07 AM   رقم المشاركة :1
معلومات العضو
عميد
تركيب سلايدر المشاركات المميزة على بلوجر بالطريقة الجديدة
إحصائية العضو





معدل تقييم المستوى: 4
هادى16 is on a distinguished road
المنتدى : قوالب مدونات بلوجر Blogger و WordPress
Icon (8) تركيب سلايدر المشاركات المميزة على بلوجر بالطريقة الجديدة


<div dir="rtl" style="text-align: right;" trbidi="on">


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


طريقة تركيب المشاركات المميزة على بلوجر

من لوحة تحكم المدونة أنتقل إلى المظهر أنقر على تعديل HTML ثم أبحث عن الرمز وأضف الكود التالي فوقه مباشرةً


/* Featured Post by *********** *
*,*:before, *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.featured_namiwrap{display:inline-block;width:100%;max-width:1070px;margin:0 auto 20px auto;overflow:hidden;max-height:410px}.featured_namina{display:block;position:relative;float:right;overflow:hidden;height:410px}.featured_na mina.first{width:44.7%;margin-left:1px}.featured_namina.second{width:25%;margin-left:1px}.featured_namina.third,.featured_namina.fourth{width:30%;height:205px}.featured_namina.third{margin-bottom:1px}.featured_namina a{display:block;color:rgb(255,255,255);position:relative;vertical-align:bottom;z-index:1;height:100%}.featured_namina a:before{width:100%;height:100%;position:absolute;content:'';background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 100%);opacity:.7;z-index:2;transition:all .6s}.featured_namina:hover a:before{opacity:1}.featured_namina a .blog_contents{display:block;position:absolute;z-index:5;bottom:15px;right:15px;left:15px;text-transform:uppercase;line-height:120%;transition:all 0.2s}.featured_namiwrap span{padding:3px 6px;font-size:12px;line-height:1;color:#ffffff;border-radius:3px;text-transform:capitalize;box-shadow:0 2px 5px rgba(0,0,0,0.2)}.featured_namina.first span{background:#679e37}.featured_namina.second span{background:#f8a724}.featured_namina.third span{background:#029ae4}.featured_namina.fourth span{background:#e53935}.featured_namina a .blog_contents h3{margin-top:15px;font-size:16px;color:#ffffff;line-height:normal;font-weight:normal;text-transform:none;text-shadow:none}.featured_namina a .blog_contents h3:hover{text-decoration:underline}.featured_namina.first a .blog_contents h3{font-size:27px}.featured_namina .feat-img{width:100%;height:100%;background-size:cover;background-position:50%;-webkit-backface-visibility:hidden;transition:all .3s}.featured_namina:hover .feat-img{transform:rotate(-3deg) scale(1.2);-webkit-filter:blur(2px);filter:blur(2px)}
@media only screen and (max-width:768px){
.featured_namiwrap{max-height:initial}.featured_namina.second,.featured_namina.first,.featured_namina.third,.featured_namina.fourth{width: 100%;height:300px;margin:0;margin-bottom:1px}.featured_namina a .blog_contents{right:15px;left:15px;bottom:10px}.featured_namina.first a .blog_contents h3,.featured_namina a .blog_contents h3{font-size:20px}}





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












حاليًا الاداة تعرض أحدث المشاركات ولعرض أحدث المشاركات بحسب التسمية إستبدل الرمز
/feeds/posts/default?
بالرمز
/feeds/posts/default/-/ضع-التسمية-هنا?



يمكنكم معاينة الإضافة من الرابط أدناه








https://www.*********** تم بواسطة منتديات عميد التعريب




هادى16 غير متواجد حالياً   رد مع اقتباس
إضافة رد

مواقع النشر (المفضلة)

الكلمات الدلالية (Tags)
.blog_contents, الجديدة, الكود, المشاركات, المميزة, بالطريقة, بلوجر, تركيب, سلايدر, على

أدوات الموضوع
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة



الساعة الآن 12:19 AM


Powered by vBulletin® Version 3.8.11
Copyright ©2000 - 2019, vBulletin Solutions Inc.
Search Engine Optimisation provided by DragonByte SEO (Pro) - vBulletin Mods & Addons Copyright © 2019 DragonByte Technologies Ltd.
منتديات عميد التعريب 2010 - 2019