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


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


شرح التركيب
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- قم  بحفظ قالبك.


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

تعليقات

  1. أين هي مدونتي لا توجد من بين تبادل الإعلاني ممكن تفسير
    3assifa.blogspot.com
    hamza1596321478@gmail.com

    ردحذف

إرسال تعليق