المشاركات الشائعة بشكل احترافي للبلوجر

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

المشاركات الشائعة بشكل احترافي للبلوجر

اضافة المشاركات الشائعة الاكثر احترافية على الاطلاق للبلوجر، مصممة باخر التقنيات المستخدمة لحد الان و حصرية 100% ، الاضافة تحتوي على صورة الموضوع و مقتطف يضهر فوق الصورة بشكل جميل جدا ، و كذلك العنوان في الاسفل بخطوط احترافية جدا ، وهي مصممة بتقنية الفلات ( التصميم المسطح ) ، لن اطيل عليك ننتقل للمعاينة و التركيب :
صورة الاضافة للمعاينة :

ننتقل الان لتركيب الاضافة :
1 - قم بالذخول على المدونة
2 - قم بالذخول على قالب / تحرير HTML

3 - قم بلصق هذا الكود فوق ]]>

.PopularPosts .widget-content ul li { padding: 2px 0; } .PopularPosts .widget-content ul li:first-child{ padding-top:0; } .PopularPosts .item-thumbnail { float: right; margin: 5px 0 5px 5px; width: 280px; height: 170px; padding: 2px; } .PopularPosts .item-thumbnail:hover{ opacity:0.5; } .PopularPosts img { padding: 0; width: 100%; height: 100%; } .PopularPosts .item-title a{ font-size: 14px; } .PopularPosts .item-snippet{ font-size: 12px; font-weight: normal; } .PopularPosts .item-title a { font-size: 15px; color: #2b2b2b; font: 13px GESSTwoMediumRegular; text-align: right; padding-left: 6px; padding: 10px; width: 200px; opacity: 1; position: relative; } .PopularPosts .item-title { padding-bottom: .2em; text-align: right; } .item-thumbnail a img { padding: 0px; width: 100%; height: 100%; } .item-snippet { background: rgba(0, 0, 0, 0.35); color: #FFFFFF; left: 12%; padding: 10px; position: relative; text-align: center; width: 70%; bottom: 139px; right: 32px; } .item-content{ height: 230px; font-family: hacen; }