-->
قم بتغيير شكل المشاركات الشائعة إلى شكل رائع و مميز للبلوجر

اعلان 780-90

قم بتغيير شكل المشاركات الشائعة إلى شكل رائع و مميز للبلوجر




السلام عليكم ورحمة الله تعالى وبركاته، مرحبا بكم مجددا أحبابي في الله وفي درس جديد والذي سأقدم لكم فيه كيفية تغيير شكل المشاركات الشائعة للبلوجر .. الطريق جد سهلة حيث ما عليك فعله هو فقط وضع الكود في القاب ثم حفظ النموذج ومبرووك عليك الاضافة الرائعة... إذن تابع معي طريقة التركيب:

1- نذهب إلى القالب
2- ثم تحرير HTML
3-ثم نبحث عن الكود التالي:  ]]></b:skin>

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

.popular-posts li {
  list-style:none;
  margin:-7px -30px -5px 5px;
  text-align: right;
}
.PopularPosts .item-thumbnail {
  background:#D40147;
  border-radius: 0 8px 8px 0;
  float: right;
  margin: 0 0 0 8px;
  padding: 8px 8px 0;
}
.item-thumbnail img {
  background:#F1F1F1;
  border: 2px solid #777;
  border-radius: 50%;
  height: 58px;
  padding: 0;
  transition: all 1.5s ease 0s;
  width: 60px;
}
.item-thumbnail img:hover {transform: rotate(1440deg); -webkit-transform: rotate(1440deg);}
.PopularPosts .item-title {
  background:#ddd;
  border-radius: 8px 0 0 8px;
  height: 76px;
  margin: 0 5px;
  padding-bottom: 0.2em;
}
.popular-posts .item-title a {color: #222;}
.popular-posts .item-title a:hover {color: #D40147;}


ثم نضغط على حفظ النموذج. :)

logo
تطوير المواقع والبرمجة وامن المعلوميات
  • فيسبوك
  • تويتر
  • انستغرام
  • اشترك في بريدنا الالكتروني لتتوصل باشعار فور نشر موضوع جديد

    مواضيع ذات صلة

    فتح التعليقات

    اعلان اعلى المواضيع

    header ads

    اعلان وسط المواضيع 1

    header ads

    اعلان وسط المواضيع 2

    header ads

    اعلان اسفل المواضيع

    header ads