قوالب بلوجر معربة

الأربعاء، 8 أغسطس، 2012

اضافة تاثير جميل علي الاقسام وتغيير شكله بتقنية بالاصدار الجديد jqurey&css في بلوجر

بسم الله الرحمن الرحيم وبه ونستعين وكل عام وانتم بخير بحلول شهر رمضاتن2012 كتبت لكم هذا الموضوع في 8/8/2012
باذن الله وسوف وموضوع اليوم عن تغيير شكل الاصدار الثاني وستكلمنا في الدرس السابق

طريقة تغيير شكل الاقسام في بلوجر او سحابة التسميات بشكل جميل بتقنية css3

واليوم سنتكلم عن الاصدار الثانيمن هذه الاداة الجميلة التي تعطي مدونتك الاحترافية للمساهدة المباشرة اضغط علي الزر بالاسفل



مميزات الاضافة:-
1. خفيفة في التصفح
2.متوافقة مع جمبع المتصفحات حتي العقيم internet exploer
3.تعطي الاناقة والاحترافية للمدونة
لن اطيل في الكلام سنذهب للشرح
اولا :سنذهب للوحة تحكم بلوجر


سانضيف الان كود jqurey

نبحث عن الكود التالي باستخدم f3  او  ctrl&f

</head>

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

<!--Animated Label Links For Blogger http://blogg-face.blogspot.com/--><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'>
</script>
<script type='text/javascript'>
var dur = 450;
$(document).ready(function() {
$('a.linknudge, .Label ul li a').hover(function() {
$(this).animate({
paddingLeft: '20px'
}, dur);
}, function() {
$(this).animate({
paddingLeft: 0
}, dur);
});
});</script><!--End Animated Label Links For Blogger http://blogg-face.blogspot.com/-->


ثم سانضيف الان اكواد css


نبحث عن الكود التالي باستخدم f3  او  ctrl&f

]]></b:skin>

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


/*-----list-label css Blogger  widget by blogg-face.blogspot.com/----*/ 
.list-label-widget-content li {
    display: inline-block;
    line-height: 28px;
    margin-right: 4px;
    padding: 0;
white-space:nowrap;
}
 .list-label-widget-content li a {
    -moz-border-radius: 8px;
    -moz-box-shadow: 0 0 3px 0 #E9E9E9;
    border: 1px solid #88BBC8;
    font-size: 10px;
font-weight: bold;
    padding: 4px;
    text-transform: uppercase;
}
.list-label-widget-content li span{
display:none;
}
عين الااضافة ثم احفظ واي استفسار او طلب اضافة اترك تعليق ومنتظر تقكيمكم للموضوع
وانشاء الله في دروس جديدة علي مدونة بلوجر فيس

المصدر مدونةبلوجر فيس قسم اضافات بلوجر



من فضلك اضغظ لايك لمشاهدة لينك التحميل

8 التعليقات:

  1. يعطيك العافية يامبدع

    ردحذف
  2. شكرا لك اخي برق الشوق وعلي تشجيعك وعلي مرورك الرائع

    ردحذف
  3. موضوع رائع جدا

    __________________________________
    مدونة برمجني بلوق

    programing-blog.blogspot.com

    ردحذف
  4. لم تنجح معي

    _____________________________________

    مدونة برمجني بلوق
    programing-blog.blogspot.com

    ردحذف
    الردود
    1. شكـــــــــــراً ولكن اخي كيف لم تنجح معك
      وشكراً علي تشجعيك المتوصل اخي خـــالد جليل وانت عضو مميز في بلوجر فيس

      حذف
  5. اضاجحاثفه رائعه بجد كنت استخدمها في مدونتي ولكن غيرت القالب وما عاد لها لزمه علشان كده شلتها بس اضافه جميلة ورائعه

    http://gateblogger.blogspot.com/

    ردحذف
  6. شكراً لك اخي اسامة وعلي تشجيعك المتوصل اللهم اجعل له حساب ادسنس

    هههههههههههههه :)

    ردحذف
  7. بجد روعه تسلم ايدك http://egecom.blogspot.com/

    ردحذف

افلام اون لاين

اختارنا لكم

 
© 2014 جميع حقوق النشر محفوظة لدى المعرفة Blog | تصميم قوالب بلوجر