إضافة "تابعني" على المواقع الإجتماعية لكل المدونات و المواقع.

السلام عليكم و رحمة الله. أقدم لكم اليوم إضافة سريعة، جميلة و سهلة التركيب، من خلالها ستعرض على زوارك متابعة جديدك على المواقع الاجتماعية كتويتر أو يوتيوب أو عبر الخلاصات و المفضلات... كما و يمكنكم تخصيصها لتوافق مبتغاكم. تركيبها يسير، فقط ازرع كود css في ملف القالب style ثم ضع كود html في أي مكان بين وسمي body. يمكنكم معاينة الإضافة من خلال الصورة المرفقة. 

كود css

.follow-box {
  border:0 none;
  clear:both;
  margin:0;
  padding:0;
  position: fixed;
  top:199px;
  right:0;
  z-index:95;
}

كود html

<div class="follow-box" >
 <img usemap="#follow-box" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjiOg3EUr93bdUY6aDDUOdK8pOl1jZ29nEsfDG6Z1h0ADzlk47HQkSsrWR0PGEz_nknBSKanKkkD0LcYJIyqYExiilNEt5zPxZRSYSTIzJSFmJQreWWu2HH0uXyISCMHDhjYxEUwiLoCM/" border="0" />
 <map name="follow-box">
  <area shape="rect" target="_blank" coords="5, 68, 29, 92" href="رابط مفضلتك على delicious" alt="delicious" title="delicious" />
  <area shape="rect" target="_blank" coords="5, 98, 29, 122" href="رابط صفحتك على تويتر 
 " alt="twitter" title="twitter" />
  <area shape="rect" target="_blank" coords="5, 129, 29, 153" href="رابط قناتك على اليوتيوب " alt="youtube" title="youtube" />
  <area shape="rect" target="_blank" coords="5, 159, 29, 183" href="رابط الخلاصات " alt="الخلاصات RSS" title="الخلاصات RSS" />
 </map>
</div>

 هام : لا تنس أن تستبدل 

الروابط المشار إليهم

 delicious رابط مفضلتك على

رابط صفحتك على تويتر 

رابط قناتك على اليوتيوب 

رابط الخلاصات 

ملحوظة لمدوني بلوجر: يوضع كود 

css

 في القالب من صفحة تحرير

 html مباشرة قبل 

]]></b:skin> 

 ثم كود html

 يوضع في أداة 

javascript/html بدون عنوان من صفحة عناصر الصفحة

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

الأيقونات مقدمة من Icon Dock يمكن تحميلها من هذا الرابط.

لأي استفسار أنا على أتم استعداد على أن لا يكون خارج الموضوع.

نسألكم الدعاء!