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

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

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

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

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

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

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

اضغط للمعاينه

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

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

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

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

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

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

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

الجواب :

بتغيير كلمة 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

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

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