إضافة أزرار مواقع التواصل الإجتماعي لبلوجر

  السلام عليكم و رحمة الله

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

1 - أهمية إضافة أزرار مواقع التواصل الإجتماعي لبلوجر

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

2 - طريقة إضافة أزرار مواقع التواصل الإجتماعي لبلوجر

ﻹضافتها قم بنسخ الكود التالي ، ثم قم بوضع روابط حسابات مواقع التواصل الخاصة بك في مكانها المحدد ، كيف ذلك ؟ حسنا ، داخل هذا الكود ستجد جملة تقول لك مثلا  " ضع رابط صفحتك في جوجل بلس " ، قم بمسح هذه الجملة و ضع مكانها رابط صفحتك في جوجل بلس ، و نفس العملية ستقوم بها مع مواقع التواصل الأخرى

<style> #bdrs-social {margin:0px auto;width: 165px;}#bdrs-social .bdbox-social a:link,.bdbox-social a:visited{float:left;width:32px;height:32px;margin:0 5px;padding:0;text-indent:-9999em;box-shadow:4px 4px 4px rgba(0,0,0,0.3);background-color:transparent;background-size:100% auto;background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7qAqqmgS08r3e_8-noM39geTYVz0hNmYbCLeUTuuzIWx39uOS6RCZz6BNRBQVA4eofCjTh6v7mA760C4wMlZmb0vVaE5tgbpzRuWuRB-tCiIJ_7jaiIFJx9uO_bGEe2_ZidS98viXSnmg/s1600/BRS01-sosial.png');background-repeat:no-repeat;}#bdrs-social .bdbox-social a:hover,.bdbox-social a:active {box-shadow:3px 3px 7px #333 INSET;}#bdrs-social .bdbox-social a:first-child{margin-left:3px}#bdrs-social .bdbox-social a:last-child{margin-right:0}#bdrs-social .bdrs-rss{background-position:0 0}#bdrs-social .bdrs-goo{background-position:0 -32px}#bdrs-social .bdrs-fac{background-position:0 -64px}#bdrs-social .bdrs-lin{background-position:0 -96px}#bdrs-social .bdrs-tum{background-position:0 -128px}#bdrs-social .bdrs-twi{background-position:0 -160px}#bdrs-social .bdrs-wor{background-position:0 -192px}</style> <!-- --> <div id="bdrs-social"> <div class="bdbox-social" > <a class="bdrs-goo" href=" ضع رابط صفحتك في جوجل بلس" rel="publisher" target="_blank" title="جوجل بلس+"> جوجل بلس+ </a> <a class="bdrs-fac" href="ضع رابط صفحتك في الفيس بوك" rel="nofollow" target="_blank" title="فيس بوك"> فيس بوك </a> <a class="bdrs-twi" href="ضع رابط حسابك في تويتر" rel="nofollow" target="_blank" title="تويتر"> تويتر </a> <a class="bdrs-tum" href="ضع رابط حسابك في تلنبر" rel="nofollow" target="_blank" title="Tumblr"> نعرفكم </a> </div> </div>

و الآن بعد أن نسخت الكود و قمت بتعديله ، إفتح مدونتك و اذهب إلى "التخطيط" ، ثم أنقر على "إضافة أداة" ، بعدها ستجد مجموعة من الأدوات ، إختر أدة "HTML/JavaScript" كما في الصورة

و الآن لم يبقى أمامك سوى أن تضع الكود الذي نسخته داخل المربع الكبير كما في الصورة ، و أما بخصوص خانة العنوان فهي إختيارية و يمكنك تركها فارغة ، و إن أردت ملئها فيمكنك أن تكتب مثلا " تابعنا على مواقع التواصل " . و بعد أن تنتهي أنقر على "حفظ"

و مبروك عليك أزرار مواقع التواصل الإجتماعي ، و التي ستظهر على هذا الشكل

في الختام أتمنى أن تستفيدوا من هذه الحلقة و أن تكون نالت إعجابكم ، و نلتقي في تدوينة جديدة إن شاء الله