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

مصمم المنتدى
avatar
البلد:: :
المهنة :: :
الهواية:: :
نوع المتصفح :: :
المزاج:: :
الجنس::: :
عدد المساهمات : 2949
تاريخ التسجيل : 01/01/2012
معاينة صفحة البيانات الشخصي للعضو
2012-03-31, 19:29
بسم الله و الحمد لله و الصلاة و السلام على نبينا و حبيبنا محمد الأمين. السلام عليكم و رحمة الله. أقدم لكم اليوم إضافة سريعة، جميلة و سهلة التركيب، من خلالها ستعرض على زوارك متابعة جديدك على المواقع الاجتماعية كتويتر أو يوتيوب أو عبر الخلاصات و المفضلات... كما و يمكنكم تخصيصها لتوافق مبتغاكم. تركيبها يسير، فقط ازرع كود css في ملف القالب style ثم ضع كود html في أي مكان بين وسمي body. يمكنكم معاينة الإضافة على جانب مدونتي الأيمن أو من خلال الصورة المرفقة.

http://1.bp.blogspot.com/_XrWO8mEpDy0/TFc7QNsyZYI/AAAAAAAAAs8/V1mijcblvA4/s1600/follow-me-box.png



كود 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="http://lh6.ggpht.com/_XrWO8mEpDy0/TFboT2dkehI/AAAAAAAAAs4/2Pt4HwB6xXA/social-box.png" 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 مباشرة قبل ]]> ثم كود html يوضع في أداة javascript/html بدون عنوان من صفحة عناصر الصفحة.


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

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة

صفحة 1 من اصل 1
 :: تطوير المنتديات :: أكواد :: أكواد Html

حفظ البيانات | نسيت كلمة السر؟