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

زوار ومتابعي المدونة

أهلاً بكم معنا

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

والان اترككم مع كيفية اضافة هذه القطعه الى مدوناتكم .

صورة الإضافة

- طريقة تركيب الإضافة :

1- ادخل إلى مدونتك | اختر تخطيط | ثم إضافة أداة المشاركات الشائعة .

2- احفظ الأداة .

3- ثم اذهب بعد ذلك إلى تحرير قالب .

4- ابحث عن الوسم ]]></b:skin>

5- اللصق الكود التالي فوقه | ثم إحفظ القالب

الكود

/*--- BeH Popular Posts Widget Customized--- */

.popular-posts .item-thumbnail img:hover {
opacity: 1;
/*Reflection*/
-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.4)));
/*Glow*/
-webkit-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
-moz-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
-webkit-transform: rotate(-7deg);
-moz-transform: rotate(-7deg);
-o-transform: rotate(-7deg);
}
.popular-posts .item-thumbnail img {

border-radius: 100px 100px 100px 100px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
border: 5px solid #eee;
/*Transition*/
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.popular-posts ul li {
margin: 12px;
opacity: 0.8;
border: 5px solid #eee;
border-radius: 100px 100px 100px 100px;
/*Transition*/
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
/*Reflection*/
}
.popular-posts a{
font-size: 13px solid;
}