معهد خبراء بلوجر - اضافة أداة المشاركات الشائعة على شكل صور

بسم الله الرحمن الرحيم والصلاة والسلام على اشرف المرسلينحبيبنا محمد صلى الله عليه وسلم وعلى آله وصحبه اجمعين وبعدالسلام عليكم ورحمة الله وبركاته
سلام عليكم ورحمة الله وبركاته

هذا اول موضوع لي وان شاء الله يعجبكم

موضوع اليوم هو اضافة أداة المشاركات الشائعة على شكل صور لمدونة بلوجر

http://2.bp.blogspot.com/-soYaxiup9U...9%88%D8%B1.png

المميزات هذه الأداة
لا تأخذ مساحة كبيرة في القالب
يمكن و ضع العديد من الصور بجوار بعضها

الان مع التطبيق :من قائمة التحكم بلوجر أنقر على تخطيط ثم اضافة أداة ثم أختر أداة المشاركات الشائعةاختر عنوان للأداة و لا تعلم على مقتطف ثم انقر على حفظ .

http://2.bp.blogspot.com/-SMJf6WbuGF...9%88%D8%B1.png

الان أذهب الى قالب ثم تحرير html

اتبع الخطوات كما في الصورة
اضغط هنا لتشاهد الصورة

"المرجو أخد نسخة احتياطية من القالب لتفادي الأخطاء"

علم على توسيع القالب ثم ctrl+f

ابحث عن الكود التالي

]]></b:skin>

بعد ايجادك للكود ألصق تحته مباشرة الكود التالي

كود بلغة HTML:

<style  type='text/css'> .PopularPosts .item-title{display:none}  .PopularPosts .widget-content ul li{background:none repeat scroll 0 0  transparent; float: right; 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 #CCCCCC; height:53px; padding:3px; width:53px} .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>

لتغيير حجم الصور ابحث في القالب عن هذا الكود وغيره بما يناسب موقعك

كود بلغة HTML:

.PopularPosts .item-thumbnail img{width : 90px;height:60px}

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

كود بلغة HTML:

border:5px solid #C7E95F

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

اتمنى تشاركوا في هذه الصفحة علي فيس بوك :):
مدونة عمر العامة

المصدر : مدونة عمر العامة :bloggerexp: