اضافة المشاركات الشائعة لمدونات بلوجر مع وجود عداد لها

 اضافة المشاركات الشائعة لمدونات بلوجر مع وجود عداد لها 

القطعة مرة أخرى في عام 2011، فإننا تسربت أنماط لها بحيث يمكنك تخصيصه لأنها مزيج تماما لقوالب بلوغسبوت الخاص بك.


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

انها حقا لإضافة رائعة ومميزة عن الاضافات الاخرى ،اذ تحتوي المشاركات الشاعئة هنا على عداد لعدد المشاركات 

اضافة هذة الاداة في قالبك يمنح قالبك بشئ من التغير عن القوالب الاخرى فإنها اضافة فريدة وغير منتشرة على شبكة الانترنت

ناتي الان لكيفية تركيب هذة الاضافة في موقعك ؟؟ 

قم بالذهاب الي بلوجر > تخطيط 

2-اضافة اداة (wedget)

3-قم باختيار "Popular Posts" من القائمة 

1-اذهب الى بلوجر >القالب 

1-قم بالبحث عن هذة  

.  

الان قم بإضافة هذا الكود قبل الكود السابق : 

/*--- MBT Popular Posts --- */ .popular-posts ul { padding-left: 0px; counter-reset: popcount; } .popular-posts ul li:before { list-style-type: none; margin-right: 15px; padding: 0.3em 0.6em; counter-increment: popcount; content: counter(popcount); font-size: 16px; background: #292D30; color: #ffffff; position: relative; font-weight: bold; font-family: georgia; float: left; border: 2px solid #dddddd; box-shadow: 1px 2px 9px #666666; } .popular-posts ul li { border-bottom: 1px dashed #dddddd; } .popular-posts ul li:hover { border-bottom: 1px dashed #696969; } .popular-posts ul li a { text-decoration:none; color:#5A5F63; } .popular-posts ul li a:hover { text-decoration:none; }