اضافات بلوجر كثيره جدا ويمكنك الحصول على الكثير من الإضافات بالأشكال التى تريدها فى هذا الوقت ، واليوم سوف أقدم لكم اضافة جديد لعرض المواضيع حسب التسميات أو من أقسام مدونتك بشكل احترافى جديد وهى بلغة الماتيريال ديزاين كما فى موضوع اليوم اضافة اداة عرض المواضيع حسب التسميات بلغة الماتيريال ديزاين .
ويمكنك الحصول على المزيد من اضافات بلوجر على المدونة من هنا فى قسم أضافات بلوجر والإضافة بسيط وسهله جدا فى تركيبه ويمكنك معاينة الإضافة قبل البد فى تركيبها على مدونتك ويمكنك التحكم فى الإضافة من جانب عدد المواضيع ويمكنك أستخدام الإضافة ايضا فى جلب مواضيع من مدونات اخر لديك على مدونتك مثلا الرئيسية فهذه ميزه رائع فى هذه الإضافة نمر الأن لشرح تركيب اضافة اداة عرض المواضيع حسب التسميات بلغة الماتيريال ديزاين.
ويمكنك الحصول على المزيد من اضافات بلوجر على المدونة من هنا فى قسم أضافات بلوجر والإضافة بسيط وسهله جدا فى تركيبه ويمكنك معاينة الإضافة قبل البد فى تركيبها على مدونتك ويمكنك التحكم فى الإضافة من جانب عدد المواضيع ويمكنك أستخدام الإضافة ايضا فى جلب مواضيع من مدونات اخر لديك على مدونتك مثلا الرئيسية فهذه ميزه رائع فى هذه الإضافة نمر الأن لشرح تركيب اضافة اداة عرض المواضيع حسب التسميات بلغة الماتيريال ديزاين.
 |
| اضافة اداة عرض المواضيع حسب التسميات بلغة الماتيريال ديزاين |
مميوات هذه الإضافة
- متجاوب مع جميع الشاشات
- تعمل حسب الأقسام
- تعمل على اى مدونة غير مدونتك الرئيسية
- يمكنك التحكم فى عدد المواضيع بها
- يمكنك الدخول منها الى جميع مواضيع نفس القسم
- تصميمها بلغة الماتيريال ديزاين
- فتح المواضيع فى صفحة جديده
معاينة الإضافة
صورة من الإضافة
 |
| اضافة اداة عرض المواضيع حسب التسميات بلغة الماتيريال ديزاين |
اضافة اداة عرض المواضيع حسب التسميات بلغة الماتيريال ديزاين
كما قلت لكم الإضافة بسبط فى تركيب أولا سوف تدخل الى قالب مدونتك ثم الى المظهر وبعد ذلك تحرير HTML ثم تبحث عن هذا الوسم]]>وتقوم بوضع الكود التالى فوقه.
/* Recent Post Design by wdbloog.blogspot.com */
.row-wdbloog {overflow: hidden;width: 1100px;margin: 20px auto;}
li.recent-posts:hover{box-shadow:0 2px 2px 0 rgba(0,0,0,0.14), 0 5px 10px 0 rgba(0,0,0,0.12), 0 5px 10px -5px rgba(0,0,0,0.2)}
.recenthd,li.recent-posts{box-shadow:0 0 2px 0 rgba(0,0,0,.12),0 2px 2px 0 rgba(0,0,0,.24);background:#fff;border-radius:3px;overflow:hidden}
a.gorecent{float:left;font-size:11px;padding:5px 10px;margin:-4px}
.recenthd h2{display:inline-block;text-transform:uppercase;font-size:15px;margin:0}
.recenthd svg{float:right;margin-left:10px}
.recenthd{padding:15px;text-align:right;margin-bottom:10px}ul#recent-posts{margin:0;padding:0}
li.recent-posts:nth-child(12),li.recent-posts:nth-child(4),li.recent-posts:nth-child(8){margin-left:1px}
li.recent-posts{transition:all .3s ease-in-out;list-style:none;padding:0;margin-bottom:20px;text-align:center;width:259px;max-width:100%;float:right;height:260px;margin-left:20px}
.title_post a{color:#515151}li.recent-posts a:hover{color:#111}
.title_post{height:30px;overflow:hidden;padding:10px;line-height:1.4;font-size:13.4px}
.recent-posts img{height:190px;width:100%}
a.gorecent{text-transform:uppercase;line-height:1.5;font-size:11px;font-weight:700;color:#fff;border:none;padding:7px 15px 7px;border-radius:5px;background:#1976d2;cursor:pointer;outline:0;box-shadow:0 2px 2px 0 rgba(154,154,154,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.12);margin-right:7px}
@media screen and (max-width:768px){.howtouse{width:39%}#safe-wrapper{width:auto;padding:18px;margin:-100px 0 0}li.recent-posts{width:45.6%}}
@media screen and (max-width:480px){li.recent-posts{width:100%}}
والأن أبحث عن هذا الوسم