الأحد، 31 مايو 2015

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

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

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




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

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;}


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




ليست هناك تعليقات:

إرسال تعليق

أرشيف المدونة الإلكترونية

يتم التشغيل بواسطة Blogger.
جميع الحقوق محفوظة ل حسني للمعلوميات 2016