تغير شكل المشاركات الشائعة v2

اهلا بكم اخوتي متابعي وزوار مدونة نقطة إبداع 

في تدوينة جديدة بالأحرى في اضافة جديدة من اضافات بلوجر

وفي هذه التدوينة سوف اشرح طريقة تغير شكل المشاركات الشائعة لمدونات البلوجر

طريقة التركيب

ادخل على التخطيط القالب تحرير html ابحث عن </head> وضع الكود التالي قبله ( فوقه )

<style>
.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: 10px; font-weight: normal; font: normal normal 10px 'ge_ss_threeregular', Droid Sans; color: #fff; } .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; }
   </style>

لاتنسوا ترك تعليق يحفزنا على تقديم كل ما هو جديد