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

كيفية اضافة تاثير اللمعان على شعار مدونة بلوجر 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-->

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

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

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

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

المصدر اضغط لتراه