السلام عليكم


طريقة عمل Sticky التصاق أي اداة في بلوجر




طريقة عمل Sticky التصاق أي اداة في بلوجر


شرح طريقة عمل التصاق أي اداة او جزء في مدونات بلوجر 


الاضافة معروفة باسم Sticky



والقصد منها التصاق جزء في بلوجر عند التصفح ويلازم اعلى المدونة 


مثل التصاق اقسام المدونة او الويدجت الجانبية


واي اداة ترغب بها سيتم شرح ذلك بالتفصيل




مثال حي على تطبيق الشرح للتوضيح اكثر : 






طريقة تركيب الاداة : 


1- ادخل الى حسابك في بلوجر

2- اختر قالب - ثم ‏تحرير HTML

3- ابحث عن الوسم  </body>  بالضغط  ctrl +f 

4- الصق كود الاضافة مباشرة اعلى - فوق وسم  </body>



ليكون بهذا الشكل : 








الان كيف يمكنك تحديد الاضافة او الويدجت او الجزء المراد عمل له التصاق ؟ 


الجواب : 

بتغيير كلمة ID here

استبدل كلمة ID here مع id الاضافة التي ترغب بعمل التصاق لها 





طريقة ايجاد id الويدجت او اضافات بلوجر الجانبية :



عند اضافة الويدجت يتكون له id خاص به تلقائيا 


لمعرفة id الاضافه اضغط على اداة التعديل

وبعد ظهور النافذة انظر الى الرابط في الاعلى

تجد في النهاية  =null&widgetId


انسخ ما تجده بعد  =null&widgetId

والصقه مكان ID here


مثال لدي في ويدجت متابعة الايميل 


null&widgetId=FollowByEmail1


انسخ فقط FollowByEmail1


وفي اضافات اخرى تجد HTML


مع رقم يختلف مع كل اضافة 


مثل اضافة صندوق الفيس بوك في مدونتي 


null&widgetId=HTML5


انسخ فقط HTML5




صورة للتوضيح :






ماذا عن اجزاء المدونة ؟ مثل شريط الاقسام
ليعمل كما في المثال 


عن طريق متصفح جوجل كروم 

اضغط   ctrl + shift + i 


او كلك يمين على مدونتك واختر فحص العنصر


ثم فعل علامة البحث لاحظ الصورة : 










بعد ذلك حدد الجزء المراد عمل له التصاق 


لاحظ الصورة : 






تجد id الجزء المحدد مكتوب بهذا الشكل 


<"nav id="nav>

او 
<"nav class="nav>

المطلوب فقط الجزء المحدد بين علامة الاقتباس ""





في هذه الحالة كلمة nav هي المطلوبة


وتختلف بالتأكيد من قالب الى اخر 



انسخ معرف id والصقها في الاضافة بدل كلمة ID here




كود الاضافة :






للتعديل على الاضافة : 

لتغيير لون الخلفية غير : #2D2D2D

لتغيير حجم الظل :  box-shadow:0px 10px 4px -5px

غير الرقم 10px

لتغيير لون الظل غير : (rgba(0,0,0,0.3






في الاخير اتمنى ان يكون الشرح واضح 

اي مشكلة اترك تعليق . 

إرسال تعليق Blogger Disqus

  1. معلومات جدا قيمة اخى مشكور يعطيك العافبة

    ردحذف
  2. شكرا اخي جزاك الله خيرا

    ردحذف
  3. أالسلام_علىكم_أخى
    كىف_اقدر_احصل_على_القالب_الخاص_بمدونتك_بنفس_الشكل_والاضافات
    الله_ىبارك_فىك
    محتاجه ضرورى
    لأنى_حملته_لكنه_انجلىزى
    والشكل_مختلف_عن_اللى_عندك
    أرجو_التواصل_معى_على_الرقم
    14422201823+
    واتساب_او_فاىبر
    وشكرا_لك

    ردحذف

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

يمكنك ان تستخدم الإبتسامات بالوقوف عليها لمعرفة الكود :
ت1 ت2 ت3 ت4 ت5 ت6 ت7 ت8 ت9 ج1 ج2 ج3 ج4 ج5 ج6 ج7 ج8 ج9 د1 د2

 
Top