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

السلام عليكم مرحبا بكم إخواني في درس جديد من دروس مدونة حنفي هنكة.
في هذا الدرس سنتحدث عن طريقة تحويل المشاركات الشائعة على شكل صور.

معاينة إنقر هنا

شرح التركيب

1- الان قم بالدخول إلى لوحة تحكم المدونة.
2- اختر قالب .
3-  ثم إدخل إلى القالب وإضغط تحرير HTML.
4- بعد ذلك إبحث عن الكلمة التالية: ]]>" باستخدام لوحة المفاتيح" :

5 -ثم اضف قبله مباشرة الكود التالي :

     PopularPosts .item-thumbnail{float:$startSide;z-index:2;margin-$endSide:10px;height:60px;width:60px;} .PopularPosts .item-title a{color:$(title.text.color);font-weight:bold;} .PopularPosts .item-title{-webkit-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s} a,.post,a.thumbx img,.PopularPosts .item-title{-webkit-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s} .PopularPosts .widget-content ul{overflow:hidden} .PopularPosts .widget-content ul li{margin-bottom:4px;padding:3px;float:right;width:31%;height:75px;position:relative} .PopularPosts .item-thumbnail{margin:0;width:100%;height:72px} .PopularPosts img{padding:0;width:100%;height:100%} .PopularPosts .item-title a{color:#0772B9} .PopularPosts .item-title{position:absolute;z-index:2;background:white;width:100%;text-align:center;right:0;top:90px;-khtml-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);visibility:hidden} .PopularPosts li:hover .item-title{top:20px;-khtml-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);visibility:visible} .PopularPosts .youtubeplay{width:20px;height:20px;margin-right:-10px;margin-top:-10px;line-height:20px;font-size:18px;} .PopularPosts .youtubeplay i{font-size:18px;}

6- قم  بحفظ قالبك.

إلى هنا أكون قد انتهيت و إلى قادم الدروس إن شاء الله. السلام عليكم.

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

شارك الموضوع →

تويت

تابعنا →

إنشر الموضوع →