بسم الله و الحمد لله و الصلاة و السلام على نبينا و حبيبنا محمد الأمين. السلام عليكم و رحمة الله. أقدم لكم اليوم إضافة سريعة، جميلة و سهلة التركيب، من خلالها ستعرض على زوارك متابعة جديدك على المواقع الاجتماعية كتويتر أو يوتيوب أو عبر الخلاصات و المفضلات... كما و يمكنكم تخصيصها لتوافق مبتغاكم. تركيبها يسير، فقط ازرع كود 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/AVvXsEi7kLNaWe2j0-PLmNB_5_JgkBr-OH5FpvTx5dQXA5zs28g20DskTvtd3fA7ClD1zGaM3ya9pTmYc-ZFUB84ANVeW1Dtju3KpCDNlJrMJKabZHuc6-qPTssL2KoxNTf8Kf8SnxXDomD1Clg/" border="0" />
 <map name="follow-box">
  <area shape="rect" target="_blank" coords="5, 68, 29, 92" href="http://delicious.com/med2taza" alt="delicious" title="delicious" />
  <area shape="rect" target="_blank" coords="5, 98, 29, 122" href="http://twitter.com/doaibblog" alt="twitter" title="twitter" />
  <area shape="rect" target="_blank" coords="5, 129, 29, 153" href="http://www.youtube.com/doaib" alt="youtube" title="youtube" />
  <area shape="rect" target="_blank" coords="5, 159, 29, 183" href="http://feeds.feedburner.com/doaib2" alt="الخلاصات RSS" title="الخلاصات RSS" />
 </map>
</div>

هام : لا تنس أن تستبدل روابطي بروابطك الخاصة في الكود و أقصد رابط مفضلتي على delicious و قناتي على يوتيوب و تويتر و كذلك رابط الخلاصات.
ملحوظة لمدوني بلوجر: يوضع كود css في القالب من صفحة تحرير html مباشرة قبل ]]></b:skin>  ثم كود html يوضع في أداة javascript/html بدون عنوان من صفحة عناصر الصفحة.

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