hits counter
الرئيسيةس .و .جبحـثالتسجيلدخول
دعم شباب الآن: لدينا 8248 موضوع ، و 1991 عضو ، آخر عضو مسجل : نغم سات فمرحباُ به.



كود ازرار المواقع الاجتماعية على جانب الموقع بشكل جذاب
avatar
THE QM
إدارة الموقع
 
المشاركات : 7657
القسم المفضل : تطوير المواقع
سجل في : 13/06/2008
النقاط : 22
موضوع: كود ازرار المواقع الاجتماعية على جانب الموقع بشكل جذاب




بسم الله و الحمد لله و الصلاة و السلام على نبينا و حبيبنا محمد الأمين. السلام عليكم و رحمة الله. أقدم لكم اليوم إضافة سريعة، جميلة و سهلة التركيب، من خلالها ستعرض على زوارك متابعة جديدك على المواقع الاجتماعية كتويتر أو يوتيوب أو عبر الخلاصات و المفضلات... كما و يمكنكم تخصيصها لتوافق مبتغاكم. تركيبها يسير، فقط ازرع كود 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="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 مباشرة قبل ]]></b:skin> ثم كود html يوضع في أداة javascript/html بدون عنوان من صفحة عناصر الصفحة.

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

ملاحظة : الموضوع منقول من مدونة ذؤيب



كن بالقرب :
follow me @HDagash


التعليقات
لا يوجد حالياً أي تعليق

تفضّل شارك بتعليقك

دعم شباب  :: تطوير المواقع والمنتديات :: تطوير المواقع :: عالم الاكواد :: اكواد الـ html واكواد css موحدة لجميع النسخ-