كود 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/AVvXsEiX1nuKyErmxk1Ntqk02cX080-d1aN7GP6ra18VKwJKTzfIYsp-zgg8ydn4vW4aiRcz4LR03OPWN1lWg_hZOuYe8dzpuH77m-OEK7BamqV20FngQlzpzMk4OYJoi0uhWiDGfTKhIKw_1nI//" 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 يمكن تحميلها من هذا الرابط.
لأي استفسار أنا على أتم استعداد على أن لا يكون خارج الموضوع.
نسألكم الدعاء!
تعليقات
إرسال تعليق