كيفيه اضافه الاضاءه للصور فى مدونتك

بسم الله الرحمن الرحيم 

اقدم لكم زوارنا الكرام موضوعا جديد عن كيفيه اضافه الاضاءه للصور فى مدونتك 

هذة الاضافة لها تأثير جمالى ورائع جدا للصور و يمكنها عرض الصور بمجرد الوقوف عليها بالماوس تضىء الصوره. هذه الاضافه مميز جدا ويستعملها الكثيرون من المدونين .

والان مع شرح كفية التركيب

1-اذهب الى لوحه التحكم واضغط على القالب

2-اضغط على تحرير HTML

3-ثم فى المربع التى تظهر فيه الاكواد اضغط CTRL+F

وبعد ذالك ابحث عن هذا الكود

  </head>

وبعد ذالك ضع هذا الكود فوقه مباشرة

ثم احفظ القالب

الكود

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$(".post img").fadeTo("slow", 1.0); // This sets the opacity of the thumbs to fade down to 30% when the page loads
$(".post img").hover(function(){
$(this).fadeTo("slow", 0.5); // This should set the opacity to 100% on hover
},function(){
$(this).fadeTo("slow", 1.0); // This should set the opacity back to 30% on mouseout
});
});
</script>
<script type='text/javascript'>
$(document).ready(function(){
$(".latest_img").fadeTo("slow", 1.0); // This sets the opacity of the thumbs to fade down to 30% when the page loads
$(".latest_img").hover(function(){
$(this).fadeTo("slow", 0.5); // This should set the opacity to 100% on hover
},function(){
$(this).fadeTo("slow", 1.0); // This should set the opacity back to 30% on mouseout
});
});
</script>

وهكذا نكون انتهينا