اشترك في قناتنا على اليوتيوب للمزيد من الشروحات اشتراك

طريقة تغيير شكل زر الفأرة في مدونة بلوجر 2022

في هذا الشرح سوف نتطرق إلى كيفية تغيير شكل زر الفأرة على مدونة بلوجر بكود بسيط جدا. وكل ماعليك هو تتبع الخطوات التي سنشرحها في هذا المقال.

مرحبا بزوارنا الاعزاء على موقع جيست ويب، وندعوكم لتصبحوا من اعضاء قناة جيست ويب على اليوتيوب لتستفيدوا من جميع شروحات بلوجر.

كثيرا من المدونين الذين يحبون تخصيص كل شيء على المدونة، إذ أن تغيير شكل الماوس يعد من الاشياء الاحترافية التي يجب تجربتها على مدونتك الخاصة.

في هذا الشرح سوف نتطرق إلى كيفية تغيير شكل زر الفأرة على مدونة بلوجر بكود بسيط جدا. وكل ماعليك هو تتبع الخطوات التي سنشرحها في هذا المقال.

طريقة تغيير شكل زر الفأرة في مدونة بلوجر 2022

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

شرح طريقة تغيير زر الفأرة في مدونة بلوجر 2022

  1. تتوجه إلى واجهة تحكم بلوجر الرئيسية
  2. تذهب إلى المظهر ثم تضغط على القائمة المنسدلة 
  3. تختار تعديل HTML
  4. تنزل إلى أسفل جميع الأكواد حتى تجد كود <body/>
  5. فوق هذا الكود مباشرة تقوم بلصق الكود التالي :

<style type="text/css">
* {cursor: url(https://cur.cursors-4u.net/cursors/cur-2/cur221.cur), auto;}
</style>
<a href="https://www.cursors-4u.com/cursor/2008/12/17/cool-yellow-outer-glow-pointer.html" target="_blank" title="Cool Yellow Outer Glow Pointer"><img src="https://cur.cursors-4u.net/cursor.png" border="0" alt="Cool Yellow Outer Glow Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>

تضغط الآن على حفظ وتقوم بعمل اعادة تحميل الصفحة على مدونتك وستجد أن زر الفأرة قد تغير.

اشكال اخرى للماوس أو زر الفأرة

شكل آخر للماوس 2:

<style type="text/css">
* {cursor: url(https://ani.cursors-4u.net/cursors/cur-13/cur1159.ani) url(https://ani.cursors-4u.net/cursors/cur-13/cur1159.png),, auto;}
</style>
<a href="https://www.cursors-4u.com/cursor/2018/06/08/hell-yeah-pointer-2.html" target="_blank" title="Hell Yeah Pointer 2"><img src="https://cur.cursors-4u.net/cursor.png" border="0" alt="Hell Yeah Pointer 2" style="position:absolute; top: 0px; right: 0px;" /></a>

شكل آخر للماوس3:


 <style type="text/css">* {cursor: url(https://cur.cursors-4u.net/cursors/cur-5/cur438.cur), auto;}</style><a href="https://www.cursors-4u.com/cursor/2010/10/09/unborn-8-0-blue-pointer.html" target="_blank" title="Unborn 8.0 Blue Pointer"><img src="https://cur.cursors-4u.net/cursor.png" border="0" alt="Unborn 8.0 Blue Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>

للزيد من الاشكال الاخرى يمكنك زيارة الموقع الرسمي للمطور من هنا 

    شرح الطريقة بالفيديو التالي:

في الاخير اتمنى ان ينال الشرح اعجابكم وللمزيد من الشروحات على بلوجر اشترك في قناة جيست ويب على اليوتيوب.

إرسال تعليق