كيفية اضافة تاثير اللمعان على شعار مدونة بلوجر 2014

كيفية اضافة تاثير اللمعان على شعار مدونة بلوجر 2014

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

اضغط كلك ايمن على شعار المدونة واختر Inspect elemnt اخر اختيار كما في الصورة


بعدها ابحث عن بداية كود الشعار
هو الكود الخاص بالشعار في قالبي <div id='header-inner'
وهو يختلف من قالب لاخر وقد يكون logo


بعد ايجاد الكود في المتصفح ابحث هنه في القالب
لاتنسى اخذ نسخة احتياطية للقالب

قم باستبدال الكود بالكامل بهذا الكود
اخر التاثير الذي يناسبك
اللون الابيض
 <div class='peShiner'>
 <a expr:href='data:blog.homepageUrl' style='display: block'>
<img  data-duration='3' expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
التاثير الناري
 <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 + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
اللون السمائي
 <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 + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
اللون الاسود
 <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 + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
سرعة الحركة 3 


بعدها ابحث عن </body>
واضف قبله الكود

  <!-- 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 () {
   $(&quot;.peShiner&quot;).peShiner();
   })
  </script>
<!-- End logo effect-->


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



نرجو ان تقوموا بنشر هذه التدوينة مع اصدقائكم 

لكي يستفيد الجميع

تابع صفحتنا على الفيسبوك



إرسال تعليق

0 تعليقات