أضافة زر عائم على مدونة بلوجر شرح مفصل

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

أضافة زر عائم على مدونة بلوجر بداية الشرح :

في البداية أذهب الى الرابط هنا
نقوم بنسخ , ثم نذهب الى المدونة, وثم المظهر وبعدها نضغط على تعديل HTML
نقوم الأن بالضغط على contrl +F ليظهر لنا المستطيل الخاص بالبحث
نكتب فيه الأن /body ثم نضغط علىentetr 
أو فقط بعد الخول تقوم بالنزول الى اسفل القالب وستجدها على الأغلب
ربما تختلف العلامة / من قالب لأخر وقد تجد رموز بجانب body
وفوقها مباشرة تقوم بلصق (وضع) الكود

أضافة زر عائم على مدونة بلوجر تعديل الكود

تقوم بأستبدال رموز ######## بالروابط التي تريد أن يذهب اليها الزائر بعد النقر
ثم تغير أشارة الأستفهام ؟؟؟؟؟؟ بالكلمات التي ترغب بظهورها بجانب الصورة 
وأذا رغبة بأمكانك حذفها لا يؤثر هذا الأمر على الكود
لتغيير لون الخط ( الأخضر ) الخاص بالكتابة تقوم بتغيير #0db71b بما يناسبك
بالنسبة للصور بأمكانك تغيير هذه الروابط




لتغيير صورة الأندرويد الخاصة بالزر بأمكانك تغيير هذا الرابط



لتغيير مكان ظهور الزر في في الأعلى أو الأسفل تقوم بتغيير القيمة top: 45%  بأمكانك زيادة النسبة أو نقصانها مثلا top: 75%

أضافة زر عائم على مدونة بلوجر من التخطيط

تقوم بأستخدام نفس الكود ولكن تضيف عليه هذا الأمر body{ } تضيفه أسفل <style> مباشرة ليصبح شكل الكود
  <style>
body{ }
#ss_menu {
text-align:center;
    top: 70%;
    width: 60px;
    height: 60px;
    color: #0db71b;
    position: fixed;

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






مدير الموقع :Sory Mohajer ⚡ تابع معنا أهم أخبار التقنية و مراجعة أهم هاتف و حاسوب متوفر وتعلم سيو الموقع https://www.exe-apk.com/موقع EXE and APK مجاني 100%
رسائل أحدث رسائل أحدث رسائل أقدم رسائل أقدم

المزيد من المشاركات

جرب الآن إنشاء تحويل آمن للروابط عبر موقعنا