التحديث الاخير لاضافة المشاركات الشائعه المقدمه من بلوجر

بسم الله الرحمن الرحيم

موعدنا اليوم مع درس حصري واضافه جديده من اضافات بلوجر

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

لرؤيه مثال علي الاضافه ماعليك الا مشاهدة التسع مشاراكات تحت المسمى

أشهـــــر مواضيــع مدونة تقارب

تحت اضافة التصنيفات بمدونتي في العامود الايمن للمدونه

ولكى ترى الفرق فقط قف بالماوس علي اي مشاركه وسترى التاثير الجمالي

كن الاول في من يطبق تلك الاضافه الحصريه في المدونات العربيه

والان الي التطبيق السهل والبسيط

بعد اخذ نسخه احتياطيه كالعاده من قالب المدونه

نبحث عن هذا الكود]]></b:skin>

ونضيف الكود الذي بالاسفل بعده مباشرة

<style type='text/css'>
.PopularPosts .item-title{display:none}
.PopularPosts .widget-content ul li{background:none repeat scroll 0 0 transparent; float:left; list-style:none outside none; margin:10px 0 0 !important; padding:0 !important}
.PopularPosts .item-thumbnail{margin:0 8px !important}
.item-thumbnail img{-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease; border:5px solid #666; height:40px; padding:3px; width:40px}
.item-thumbnail img:hover{border:5px solid #BBB; -moz-transform:scale(1.3) rotate(-5deg); -webkit-transform:scale(1.3) rotate(-5deg); -o-transform:scale(1.3) rotate(-5deg); -ms-transform:scale(1.3) rotate(-5deg); transform:scale(1.3) rotate(-5deg)}
</style>

ملحوظه: قبل وضع الكود تاكد انك قمت باضافة المشاركات الشائعه من لوحة تحكم مدونتك .

تستطيع عمل اي عدد من المشاركات تريده لكن باقي الخيارات دعها كما هي حتى لا تؤثر على الاضافه

قم بالحفظ وشاهد الصفحه الرئيسيه لمدونتك
الى اللقاء في درس قادم وجديد من دروس بلوجر الحصريه
@@ تحديث للاضافه@@
طبق الخطوات الموجوده في الصوره قبل او بعد وضع الكود الذي بالاعلى في قالب مدونتك

قم باختيار اداة المشاركات الشائعه وطبق ماهو موجود بتلك الصوره