Skip to main content

Tumblr Blog Tutorial on Adding Social Media Buttons

اضافة ايقونات التواصل الاجتماعي متحركة على مدونة بلوجر (يونيو 2025)

اضافة ايقونات التواصل الاجتماعي متحركة على مدونة بلوجر (يونيو 2025)
Anonim

يمكن لأي شخص لديه حساب في Tumblr مشاركة المحتوى مع مستخدمين آخرين عن طريق الضغط على مثل زر ال،زر Reblog أو ال إرسال زر على مشاركة مدونة معينة داخل لوحة معلومات Tumblr.

تتيح لك هذه الأزرار المضمنة مشاركة محتوى داخل الجدران الافتراضية لشبكة Tumblr ؛ ومع ذلك لا يمنحك المرونة في مشاركة المحتوى من مدونة Tumblr على الويب (جلس BlogName.Tumblr.com ) على أي مواقع رئيسية أخرى على الشبكات الاجتماعية مثل Facebook أو Twitter أو Google+ أو أماكن أخرى.

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

ستؤدي إضافة شريط واحد فقط من الشفرة في القسم الأيسر من مستندات HTML لموضوعك إلى وضع أزرار الشبكات الاجتماعية تلقائيًا ضمن كل مشاركة مدونة سبق نشرها وجميع مشاركات المدونات المستقبلية.

لا تقلق ، إنه أسهل مما تظن. هيريس كيفية القيام بذلك.

01 من 07

قم بالتسجيل أو قم بتسجيل الدخول إلى حساب Tumblr الخاص بك لإنشاء أو الوصول إلى مدونتك

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

إذا كان لديك بالفعل حساب ومدونة ، فما عليك سوى تسجيل الدخول.

02 من 07

اختر أزرار الوسائط الاجتماعية الخاصة بك

أجرِ بحثًا على Google لأزرار مشاركة الشبكة الاجتماعية التي تريد وضعها في مدونة Tumblr. تحتوي معظم الشبكات الاجتماعية الرئيسية (إن لم يكن كلها) على صفحات مساعدة مخصصة تعرض لك كيفية إعدادها.

لراحتك ، فيما يلي بعض صفحات أزرار المشاركة الرسمية لبعض الشبكات الاجتماعية الأكثر شعبية:

  • زر Facebook أعجبني رسميًا
  • زر Twitter Twitter الرسمي
  • زر المشاركة الرسمي ينكدين
  • زر مشاركة + Google الرسمي
  • زر حفظ بينتيريست الرسمي

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

حاول الامتناع عن تضمين عدد كبير جدًا من الأزرار في مدونتك ؛ حيث قد يؤدي ذلك إلى ظهور مظهر مشاركاتك مشوشًا ومربكًا للقراء الذين قد يرغبون في مشاركة محتواك.

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

03 من 07

تخصيص الأزرار الخاصة بك والاستيلاء على القانون

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

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

04 من 07

الوصول إلى رمز Tumblr الخاص بك

ارجع إلى لوحة معلومات Tumblr. انقر على رمز الشخص في القائمة العلوية اليمنى ثم انقر فوق تحرير المظهر في القائمة المنسدلة للمدونة المقابلة (إذا كان لديك عدة مدونات).

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

انقر تحرير HTML في المحرر الموجود على اليسار أسفل تصنيف سمة مخصصة. سيتوسع المحرر ليعرض لك جميع رموز مظهرك.

قد يشعر الأفراد الذين تنقصهم الخبرة في العمل باستخدام HTML و PHP وجافا سكريبت وغيرها من رموز الكمبيوتر بالتهديد من خلال النظر إلى هذا القسم. من المهم أن تتذكر أنك لن تكتب أي شفرة جديدة على الإطلاق.

كل ما عليك فعله هو وضع رمز الزر داخل وثائق الموضوع ، والذي ستظهر لك كيفية القيام به في الأقسام التالية.

05 من 07

بحث من خلال رمز الموضوع الخاص بك

السطر الوحيد من التعليمات البرمجية التي تحتاج إلى العثور عليها هو الخط الذي يقرأ: {/ كتلة: المشاركات}.

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

سيتم البحث عن وظيفة البحث وتسليط الضوء عليها تلقائيًا{/ كتلة: المشاركات} في رمز السمة الخاص بك.

06 من 07

الصق رمز الزر في رمز الموضوع الخاص بك

انسخ رمز الزر المخصص الذي قمت بإنشائه وقم بلصقه مباشرة قبل سطر الكود الذي يقرأ: {/ كتلة: المشاركات}.

هذا يخبر موضوع المدونة بعرض أزرار الوسائط الاجتماعية في أسفل كل مشاركة مدونة واحدة.

انقر تحديث المعاينة ثم انقر فوق زر الحفظ الأزرق في الجزء العلوي من المحرر.

07 من 07

اختبر مدونتك في Tumblr للاطلاع على أزرار المشاركة الاجتماعية الجديدة

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

يمكنك النقر عليها لمشاركة مشاركات Tumblr الخاصة بك بسهولة على شبكات التواصل الاجتماعي الأخرى.

نصائح:

  • الصق رمز الزر داخل مستندات السمة الخاصة بك في كل مرة تقوم فيها بتغيير مظهر مدونتك إلى سمة جديدة تمامًا. لن يؤدي تغيير السمة إلى نقل الشفرة التي تم لصقها سابقًا في مستندات السمة الجديدة.
  • عند وضع أكثر من زر وسائط اجتماعية على مدونتك ، تأكد من عدم وجود مسافات أو أسطر جديدة بين قصيرين مختلفين من رمز الزر. سيضمن ذلك عرض أزرار متعددة أفقيًا بجانب بعضها البعض بدلاً من عرضها بشكل عمودي على أسطر مختلفة.
  • جرّب وضع مقتطف الشفرة للأزرار الاجتماعية قبل عناصر {/ block: أخرى أيضًا. بناءً على المظهر ، قد تلاحظ ظهور الأزرار في أسفل صفحة المدونة ، بعد جميع الملاحظات من مستخدمي Tumblr الآخرين.