اضافة تاثيرات على شعار المدونة بطريقة احترافي

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

ناتي للشرح :

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

 هو الكود الخاص بالشعار  

 <div id='header-inner'

 

قم باستبدال الكود بالكامل بهذا الكود

اخر التاثير الذي يناسبك

 

اللون الابيض

 <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-->

 

 وبكده يكون انتها الشرح نتمنا ان ينال اعجابكم وبنتظار تعليقاتكم واستفسارتكم

مدونة ربحني شكرا