بسم الله الرحمن الرحيم والصلاة والسلام على اشرف المرسلينحبيبنا محمد صلى الله عليه وسلم وعلى آله وصحبه اجمعين وبعدالسلام عليكم ورحمة الله وبركاته
سلام عليكم ورحمة الله وبركاته
هذا اول موضوع لي وان شاء الله يعجبكم
موضوع اليوم هو اضافة أداة المشاركات الشائعة على شكل صور لمدونة بلوجر
المميزات هذه الأداة
لا تأخذ مساحة كبيرة في القالب
يمكن و ضع العديد من الصور بجوار بعضها
الان مع التطبيق :من قائمة التحكم بلوجر أنقر على تخطيط ثم اضافة أداة ثم أختر أداة المشاركات الشائعةاختر عنوان للأداة و لا تعلم على مقتطف ثم انقر على حفظ .
الان أذهب الى قالب ثم تحرير 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
هكذا أصبحت الأداة داخل مدونتك أرجو من الله أن أكون قد وفقت في ايصال المعلومة
المرجو المساهمة معنا و لو برد لنضمن الاستمرارية باذن الله.
اتمنى تشاركوا في هذه الصفحة علي فيس بوك 
مدونة عمر العامة
المصدر : مدونة عمر العامة 