الثلاثاء، 13 يونيو، 2017

المشاركات الشائعة مع الترقيم داخل مدونة بلوجر Popular Posts Css

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

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

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

كيفية تركيب المشاركات الشائعة مع الترقيم :
اولا قم بالبحث عن هذا الكود :
]]:</b:skin>
اضف قبلة مباشرة هذا الكود :
.widget .widget-item-control a img {
  border: none;
  width: 20px !important;
  height: 20px !important;
  padding: none;
  background: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -ie-box-shadow: none;
  box-shadow: none;
}
.sidebar .PopularPosts .widget-content ul li {
  padding: 0px 0px 0px;
  height: 73px !important;
  overflow: hidden !important;
  list-style-type: none !important;
  list-style: none;
}
.sidebar .popular-posts ul {
  padding-left:0px !important;
  list-style-type: none !important;
}
.sidebar .popular-posts ul {
  counter-reset: popcount;
  margin: 0; padding: 0;
}
.sidebar .popular-posts ul li:before {
  background: rgba(247, 247, 247, 1);
  color: #000000;
  content: counter(popcount,decimal);
  counter-increment: popcount;
  float: right;
  font-size: 15px;
  line-height: 20px;
  list-style-type: none;
  padding: 0px 6px 1px 5px;
  border-radius: 0px 0px 7px 7px;
  position: relative;
  display: inline-block;
  box-shadow: -2px 2px 10px rgba(187, 187, 187, 0.7);
  font-weight: normal;
  top: 0px;
  right: 1px;
  z-index: 999999999999;
  border: solid #B5B5B5;
  border-width: 0px 1px 1px 1px;
}
.sidebar .PopularPosts .item-thumbnail {
  float: left;
  margin: 0px!important;
}
.sidebar .PopularPosts img {
  padding-right: 0px !important;
  width: 72px;
  height: 72px;
  overflow: hidden !important;
  margin-right: 0px;
}
.sidebar .PopularPosts .item-title a:hover {
  background: #f6f6f6;
  color: #000;
}
.sidebar .PopularPosts .item-title a {
  background: #EAEAEA;
  color: #6E6E6E;
  display: block;
  font-size: 14px;
  font-weight: normal;
  line-height: normal;
  font-family: "Oswald",sans-serif;     
  padding: 10px 30px 0px 78px;
  transition: all .4s ease-in-out;
  height: 62px;
  text-decoration: none;
  border-bottom: 1px solid #cccccc;
}

بالاخير اضغط على حفظ 
اى استفسار او اى مشكلة اترك تعليق .
اتمنى بأن اضافة المشاركات الشائعة مع الترقيم  داخل مدونة بلوجر Popular Posts Css نالت على اعجابكم وانتظرونى بأضافة جديدة واهم دروس بلوجر عبر مدونة كينج نت .
(( لا خير فى كاتم العلم ))

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

إرسال تعليق

قال تعالى ( مَا يَلْفِظُ مِن قَوْلٍ إِلا لَدَيْهِ رَقِيبٌ عَتِيدٌ )