أضافة إنعكاس ضوئى لشعار المدونة

مواضيع مفضلة

الثلاثاء، 15 يوليو 2014

أضافة إنعكاس ضوئى لشعار المدونة

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


لتركيب التأثير الضوئى كل ما عليك البحث عن هذا الكود <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>

ثم بعد ذلك أبحث عن </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-->

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




المشاركة على واتساب متوفرة فقط في الهواتف