كيفية إدراج تطبيقات Tumblr في الشريط الجانبي

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

قم بزيارة موقع مثل Widgetbox أو ShareThis أو Tumblring للبحث عن أدوات لإضافتها إلى صفحة Tumblr الخاصة بك (روابط في الموارد). تختلف عملية إنشاء كود HTML بين الأدوات ، لكن كل موقع يوفر إرشادات لتخصيص عنصر واجهة المستخدم ، وإنشاء التعليمات البرمجية وإدخال الكود في صفحة Tumblr الخاصة بك. تشمل أنواع الأدوات أزرار الإشارات المرجعية الاجتماعية ومشغلات الموسيقى ومحركات البحث وغيرها الكثير.

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

افتح المفكرة والصق الرمز في مستند نصي جديد. احفظ المستند وامنحه اسمًا يمكنك التعرف عليه بسهولة لاحقًا ، مثل اسم الأداة.

قم بزيارة لوحة تحكم Tumblr الخاصة بك ، وانقر فوق رمز "Gear" وحدد مدونتك من الشريط الجانبي. انقر على "تخصيص" في قسم الموضوع ، ثم اختر "تحرير HTML" في صفحة التخصيص. يتم فتح رمز HTML الخاص بمدونتك في محرر نصوص مضمن في الصفحة.

افتح مستندًا نصيًا جديدًا في Notepad وانسخ رمز HTML من محرر Tumblr إلى مستند Notepad الجديد. امنح هذا المستند اسمًا مثل "Tumlbr HTML Original" بحيث يمكنك العثور عليه بسرعة لاحقًا إذا لم تعجبك التغييرات التي تجريها على الشريط الجانبي.

ارجع إلى محرر HTML في Tumblr واضغط على "Ctrl-F" لعرض شريط البحث والاستبدال ، والذي يمكنك استخدامه للبحث عن علامة الشريط الجانبي داخل كود HTML. يمكن أن يختلف التنسيق الدقيق للرمز بين السمات ، ولكن يمكنك العثور عليه عن طريق كتابة "الشريط الجانبي" (بدون علامات الاقتباس) في مربع البحث لأن جميع علامات الشريط الجانبي تتضمن هذه الكلمة الأساسية. على سبيل المثال ، قد يؤدي البحث عن "الشريط الجانبي" إلى تحديد موقع مقتطف الشفرة "

، "مما يشير إلى بداية علامة الشريط الجانبي. تنتهي العلامة بعلامة الإغلاق "
"الكلمة الرئيسية.

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

يتم وضع رمز HTML الخاص بعنصر واجهة المستخدم هنا

يمكن أن تكون الشفرة التي تم إنشاؤها طويلة ومعقدة ، ولكن كل ما عليك فعله هو لصقها في علامة الشريط الجانبي. لا تهم المسافات البيضاء وجدولة الأسطر لأن محرر HTML في Tumblr يقوم بتنسيق الكود نيابة عنك.

انقر فوق "معاينة التحديث" لعرض التغييرات في نافذة المعاينة. إذا تم عرض عنصر واجهة المستخدم حسب رغبتك ، فانقر فوق "حفظ" وأغلق محرر HTML. إذا كنت ترغب في تغيير أي جانب من عناصر واجهة المستخدم الخاصة بك ، فاستبدل الشفرة المعدلة بالرمز الأصلي الذي حفظته في الخطوة 5. ارجع إلى صفحة إنشاء عنصر واجهة المستخدم ، وحدد الخيارات التي تفضلها وقم بإنشاء الرمز مرة أخرى. كرر عملية إدخال الكود بالرمز الذي تم إنشاؤه حديثًا.

نصائح

إذا كنت تقوم بإدراج أدوات متعددة للشريط الجانبي ، فقم بلصقها بالترتيب الذي تريد ظهورها به في الشريط الجانبي.