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

معهد خبراء بلوجر (https://www.bloggerexp.com/index.php)

- إضافات وأدوات بلوجر (https://www.bloggerexp.com/forumdisplay.php?f=10)

- - اضافة أداة المشاركات الشائعة على شكل صور (https://www.bloggerexp.com/showthread.php?t=2888)

اضافة أداة المشاركات الشائعة على شكل صور

http://3.bp.blogspot.com/-8t_7Nu8RLm...nfhnfhhnhn.JPG

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

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

الان مع التطبيق :

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

http://3.bp.blogspot.com/-EynhPgHDLz...%25D8%25A1.JPG

الان أذهب الى قالب ثم تحرير html ثم معاينة علم على توسيع القالب ثم ctrl+f "المرجو أخد نسخة احتياطية من القالب لتفادي الأخطاء".
ابحث عن الكود التالي

]]></b:skin>

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

كود:

<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 #C7E95F; 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>

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