أخر المقالات
إشترك معنا ليصلك جديد الموقع

بــريدك الإلكترونى فى أمان معنا

الزيارات:
كود تاثير اللمعان على شعار المدونة

بسم الله الرحمان الرحيم
اليوم نقدم لكم هذه الإضافة الرائعة، التي ستضيف على شعارك لمعانا يجعله أكثر إحترافية بدون الحاجة إلى العمل عليه بالفوطوشوب وتحميل صورة صعبة التحميل على مدونتك إلخ..
بدون أن نطيل عليكم نترككم مع شرح الإضافة
طريقة التركيب
للمعاينة هذه الإضافة تختلف لقالب لآخر، في البداية ستذهب إلى
1- قالب المدونة قم بحفظ نسخة احتياطية لقالبك
2- ابحث باستخدام ctrl+f عن هذا الكود
</body>
3- ثم تضيف قبله مباشرة هذا الكود
<!-- Start logo effect -->
<script src='https://trollvlhcv.googlecode.com/svn/trunk/fortroll/jquery-1.7.min.js' type='text/javascript'/>
<script src='https://trollvlhcv.googlecode.com/svn/trunk/fortroll/trolllg.js' type='text/javascript'/>
<!-- initialize the plugin -->
<script>
jQuery(document).ready(function () {
$(".peShiner").peShiner();
})
</script>
<!-- End logo effect-->
4- ثم بعدها إبحث عن الكود التالي
<div id='header-inner'>
كل مدونة لها كود خاص بالصورة المهم انا لدي header-inner كل ماعليك البحت عن رابط شعارك بالقالب
ستجده على الشكل التالي
ستغير الكود الذي تم تحديده في الصورة بالكود التالي الذي تراه مناسب لمدونتك

التأثير الناري
<div class='peShiner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img data-color='fireHL' data-duration='3' expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
</div>
اللون السمائي
<div class='peShiner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img data-color='oceanHL' data-duration='3' expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
</div>
اللون الأسود
<div class='peShiner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img data-color='black' data-duration='3' expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
</div>

الان اضغط على حفظ وشاهد مدونتك


0 التعليقات :

إرسال تعليق