إضافة قطعة المشاركات الشائعة لمدونة بلوجر بشكل جديد

إضافة  قطعة المشاركات الشائعة لمدونة بلوجر بشكل جديد

طريقة تركيب الإضافة

1- ادخل إلى مدونتك واختر تحرير قالب 

2- ابحث عن الوسم  ]]></b:skin> وضع الكود التالي فوقه

الكود

#CoolWorld-post a{color:#fff}

#CoolWorld-post ul{list-style:none;padding:0}

#CoolWorld-post ul li{padding:2px 0 0 2px;float:left;clear:none;width:183px}

#CoolWorld-post .item-content{background:transparent}

#CoolWorld-post .item-thumbnail{background:transparent}

#CoolWorld-post .item-content img{width:183px;height:183px}

#CoolWorld-post .item-title{line-height:1.3em;font-size:90%;min-height:50px;max-height:50px;;opacity:0.75;background:#000;margin:-63px 0 1px;padding:5px;color:#fff;overflow:hidden}

#CoolWorld-post ul li:first-child{height:250px!important;width:250px!important;padding:2px 0 0!important}

#CoolWorld-post ul li:first-child img{height:250px!important;width:250px!important}

#CoolWorld-post ul li:first-child + li + li + li{width:368px!important;height:64px!important;overflow:hidden}

#CoolWorld-post ul li:first-child + li + li + li img{width:368px!important;height:368px!important}

#CoolWorld-post ul li:first-child + li + li + li div.item-title{margin:-373px 0 5px;padding-right:60px;min-height:56px;max-height:56px;opacity:0.90;background: #000 url('https://lh6.googleusercontent.com/-0z6EZJknrMA/Uqw70bsOtVI/AAAAAAAACDc/CXEHz6DxvEw/s48-no/coolworld.in.png')  305px 7px no-repeat!important}

#CoolWorld-post ul li:first-child + li + li + li div.item-title a{font-size:16px;line-height:1.2em}

3- احفظ القالب 

4- اذهب إلى تخطيط / ثم أختر إضافة أداة HTML/JavaScript وضع الكود التالي داخل الصندوق

الكود

<div id="CoolWorld-post">
<ul>
<li>
<div class="item-content">
<div class="item-thumbnail">
<a href="رابط الصفحة"><img src="رابط الصورة" /> </a></div>
<div class="item-title">
<a href="رابط الصفحة">الوصف</a></div></div></li>
<li>
<div class="item-content">
<div class="item-thumbnail">
<a href="رابط الصفحة"><img src="رابط الصورة" /> </a></div>
<div class="item-title">
<a href="رابط الصفحة">الوصف</a></div></div></li>
<li>
<div class="item-content">
<div class="item-thumbnail">
<a href="رابط الصفحة"><img src="رابط الصورة" /> </a></div>
<div class="item-title">
<a href="رابط الصفحة">الوصف</a></div></div></li>
<li>
<div class="item-content">
<div class="item-thumbnail">
<a href="رابط الصفحة"><img src="رابط الصورة" /> </a></div>
<div class="item-title">
<a href="رابط الصفحة">الوصف</a></div></div></li>
</ul>

5- اعمل حفظ 

6- التعديلات  :

- عدل ماهو ملون بما يناسبك

Note:- الرجاء من الأخوة الكرام : زوار المدونة عدم النسخ دون ذكر المصدر