اضافة تاثير جميل علي الاقسام وتغيير شكله بتقنية بالاصدار الجديد 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;

}

عين الااضافة ثم احفظ واي استفسار او طلب اضافة اترك تعليق ومنتظر تقكيمكم للموضوع

وانشاء الله في دروس جديدة علي مدونة بلوجر فيس

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

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