إضافة "تابعني" لكل المدونات و المواقع
السلام
عليكم أقدم لكم اليوم إضافة سريعة، جميلة و سهلة التركيب، من خلالها
ستعرض على زوارك متابعة جديدك على المواقع الاجتماعية كتويتر أو يوتيوب أو
عبر الخلاصات و المفضلات... كما و يمكنكم تخصيصها لتوافق مبتغاكم. تركيبها
يسير، فقط ازرع كود 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; }
<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/Abda3Design" alt="delicious" title="delicious" /> <area shape="rect" target="_blank" coords="5, 98, 29, 122" href="http://twitter.com/Abda3Design" alt="twitter" title="twitter" /> <area shape="rect" target="_blank" coords="5, 129, 29, 153" href="http://www.youtube.com/Abda3Design" alt="youtube" title="youtube" /> <area shape="rect" target="_blank" coords="5, 159, 29, 183" href="http://feeds.feedburner.com/Abda3Design" alt="الخلاصات RSS" title="الخلاصات RSS" /> </map> </div>
لا تنس أن تستبدل روابطي بروابطك الخاصة في الكود و أقصد رابط مفضلتي على delicious و قناتي على يوتيوب و تويتر و كذلك رابط الخلاصات.
ملحوظة لمدوني بلوجر:
يوضع كود css في القالب من صفحة تحرير html مباشرة قبل ]]></b:skin> ثم كود html يوضع في أداة javascript/html بدون عنوان من صفحة عناصر الصفحة.
الأيقونات مقدمة من Icon Dock يمكن تحميلها من هذا الرابط.
إرسال تعليق
جميع الردود تعبّر عن رأي كاتبيها فقط. حريّة النقد والرد متاحة لجميع الزوار بشرط أن لا يكون الرد خارج نطاق الموضوع وأن يكون خال من الكلمات البذيئة. تذكّر قول الله عز وجل (مَا يَلْفِظُ مِن قَوْلٍ إِلاَّ لَدَيْهِ رَقِيبٌ عَتِيد).