طريقة عمل 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





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

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