إضافة "تابعني" لمدونات بلوجر

السلام عليكم ورحمة الله و بركاته أتمنّى أنك في خير وعافية أقدّم لكم اليوم طريقة  عن كيفية إضافة ' تابعني' لمدونات بلوجر , كون شكلها ملائم لمدونات بلوجر ولا يأخذ حيّز كبير , سهل الإستعمال , يتيح لزوارك متابعتك عبر المواقع الإجتماعية كـالفايسبوك وتويتر أو يوتيوب وحتى الخلاصات و المفضّلات 


تركيبها لا يتطّلب وقت كثير بل هو بسيط جدا وسهل إذ ينبغي زرع كود 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/AVvXsEhg60o3TIAbPzhZTFHTTauQZZ7m0pf8yKE1nN0lXMKwHfQxGx5ZHqip6U0a-5utm4kJsfvAYaMWTAmb1EOJADUPcs3a71LdI_KBtVSzBW9qIppk7pkFNJJaTup4SqC3kkqCru10eJH4jlo/" 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/XXXXX" alt="twitter" title="twitter" />
  <area shape="rect" target="_blank" coords="5, 129, 29, 153" href="http://www.youtube.com/XXXX" alt="youtube" title="youtube" />
  <area shape="rect" target="_blank" coords="5, 159, 29, 183" href="http://feeds.feedburner.com/XXXXX" alt="الخلاصات RSS" title="الخلاصات RSS" />
 </map>
</div>

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

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

تعليقات

المشاركات الشائعة من هذه المدونة

كود المساحات الاعلانيه الرائع

طرق جلب الزوار الجزء الثاني

أكواد HTML مهمة لكل مدون بلوجر