مدونة ورشة لونك

اضافة المشاركات الشائعة في بلوجر

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...
25
Jul
مقالات
  • مهاب البوشي
  • منذ4 سنوات

اضافة المشاركات الشائعة في بلوجر

حصريا علي اكاديمية ورشة لونك في قسم اضافات بلوجر مجانية نقدم لكم اضافة المشاركات الشائعة في بلوجر .

شرح تركيب الإضافة :

  1. اولا ادخل إلى لوحة تحكم بلوجر .
  2. انقر على تبويب قالب .
  3. ثم اضغط على تحرير HTML .

ابحث عن

[code]]]></b:skin>[/code]

و اضف الكود التالي فوقه :

[code]/* Popular Posts */
.PopularPosts .item-thumbnail{float:none;margin:0 0 10px}
.PopularPosts .item-title{background:rgba(0,0,0,0.5);position:absolute;display:block;clear:both;z-index:50;top:0;left:0;right:0;bottom:0;padding:15px;transition:all .4s;}
.PopularPosts .item-title:hover{background:rgba(0,0,0,.2)}
.PopularPosts .item-title a{color:rgba(255,255,255,0);font-weight:700;font-size:120%;text-shadow:0 0 5px rgba(0,0,0,0)}
.PopularPosts .item-title:hover a,.PopularPosts .item-title a:hover{color:rgba(255,255,255,1);text-shadow:0 0 5px rgba(0,0,0,.3)}
.PopularPosts .widget-content ul li img{translate(0,0) scale(1.0);transition:all .8s linear}
.PopularPosts .widget-content ul li:hover img{transform:translate(0,-20px) scale(1.05);transition:all 3.6s linear;}
.PopularPosts img{display:block;height:auto;width:100%;padding:0;backface-visibility:hidden;}
.PopularPosts .item-snippet{display:none;}
.PopularPosts ul li .item-content{position:relative;overflow:hidden;}
.PopularPosts ul{padding:0;line-height:normal;counter-reset:count;}
.PopularPosts .widget-content ul li{position:relative;padding:10px 0;overflow:hidden;max-height:100px;transition:all .4s;}
.PopularPosts .widget-content ul li:before{color:#fff;counter-increment:count;content:counter(count);position:absolute;right:-15px;top:-5px;font:bold 80px/1 Sans-Serif;z-index:51;transition:all .4s;}
.PopularPosts .widget-content ul li:hover:before{right:-55px;}
********************************
.PopularPosts ul li:nth-child(1) .item-title {background:rgba(221,25,29,0.5);}
.PopularPosts ul li:nth-child(2) .item-title {background:rgba(141,187,144,0.5);}
.PopularPosts ul li:nth-child(3) .item-title {background:rgba(39,169,255,0.5);}
.PopularPosts ul li:nth-child(4) .item-title {background:rgba(192,202,51,0.5);}
.PopularPosts ul li:nth-child(5) .item-title {background:rgba(26,35,126,0.5);}
.PopularPosts ul li:nth-child(6) .item-title {background:rgba(0,188,212,0.5);}
.PopularPosts ul li:nth-child(1) .item-title:hover,.PopularPosts ul li:nth-child(2) .item-title:hover,.PopularPosts ul li:nth-child(3) .item-title:hover,.PopularPosts ul li:nth-child(4) .item-title:hover,.PopularPosts ul li:nth-child(5) .item-title:hover,.PopularPosts ul li:nth-child(6) .item-title:hover{background:rgba(0,0,0,0.2);}[/code]

يمكنك حذف ماهو بعد سطر (****************) اذا كنت تريد الاضافه بدون الوان , ابحث عن الوسم

[code]</body>[/code]

و اضف الكود التالي فوقه

[code]<script type=’text/javascript’>
// Popular Post Thumb
$(document).ready(function() {$(‘.PopularPosts img’).attr(‘src’, function(i, src) {return src.replace( ‘s72-c’, ‘s400’ );});});
//<![CDATA[
// Custom Popular Post
$(".popular-posts ul li .item-snippet").each(function(){var t=$(this).text().substr(0,120),s=t.lastIndexOf(" ");s>10&&$(this).text(t.substr(0,s).replace(/[?,!\.-:;]*$/,"…"))});
//]]>
</script>[/code]

ملاحظه : إذا كانت هناك اي اكواد CSS لإضافة اخرى بنفس وظيفة الاداة فيجب عليك حذف الاكواد تجنُباً للمشاكل .

و بالتوفيق و نراكم في الموضوع القادم , و اذا واجهتك اي مشكلة فيرجي طرحها في تعليق و سوف نقوم بالرد عليك .

نبذه عن الكاتب

مهاب البوشي خبير تحسين المواقع في محركات البحث (SEO) في ورشة لونك و مؤسس شركة ترويج .

اترك تعليقا

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *


ورشة لونك

اخبار ذات صلة

28
May

تحميل قالب Business Finder v2.31 لإدارة الاعمال ووردبريس مجاناً

حصريا علي اكاديمية ورشة لونك نقدم لكم تحميل قالب Business Finder v2.31 لإدارة الاعمال ووردبريس مجانا بأكثر من رابط . معلومات عن..

05
Dec

كيفية تحميل و تثبيت برنامج سكايب Skype

إن سكايب يختلف عن معظم البرامج التي نستخدمها ، و يمكنك إستخدامه بواسطة تحميل و تثبيت البرنامج علي جهاز الكمبيوتر..

01
Sep

ما هو روبوتس Robots.txt

ما هو ملف روبوتس Robots.txt و ما هي مهامه إن ملف روبوتس Robots.txt عبارة عن ملف نصي من خلاله تستطيع..

ورشة لونك

إتصل بنا

العنوان

محافظة الشرقية - الزقازيق - حي الزهور

البريد الالكتروني

sales@yourcolor.net

رقم الهاتف

01000088304

خدمة الدعم الفني

  • 01000088304
  • 01009630033
تواصل معنا :
ورشة لونك هى شركة مصرية, تعمل فى السوق المصرى والشرق الأوسط منذ عام 2010 . نقدم خدماتنا فى مجال الاستضافة وتصميم المواقع وحجز الدومينات. نهتم دائما بتقديم أفضل خدمة عند تقديم خدماتنا, مع أفضل خدمة عملاء ضمن شركات الاستضافة فى الشرق الأوسط.

تفاصيل التقييم