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

أيقونات المتابعة تعتبر من اﻹضافات الهامة التي تمكن زوارك من متابعة الجديد في موقعك أو مدونتك عبر الشبكات الإجتماعية المشهورة مثل فيسبوك وتويتر ويوتيوب وغيرها الكثير. لهذه اﻹضافة أشكال متعددة :

اﻹضافة اﻷولى : إضافة "تابعني" على المواقع الإجتماعية
اﻹضافة تتكون من كودين. كود css وكود html ، الإضافة تظهر على الجانب الأيمن للمدونة.

كود css : من تبويب تصميم من تحرير html نضع الكود قبل ]]></b:skin> مباشرة
follow-box { 
   border:0 none; clear:both; margin:0; padding:0; position:fixed; top:199px; right:0; z-index:95;
}
كود html : من تبويب تصميم من عناصر الصفحة باستخدام إضافة أداة HTML/JavaScript بدون عنوان. تحميل الكود من هنا أو انسخه من اﻷسفل :

<div class="follow-box" >
<img usemap="#follow-box" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKYA8uFM_bwyh8eV8g7cHTys2QTJ8L8ZEObaRGbeuIjy-3UfFJ4Ye66VTGTmyVo6714pET3K8pV_cMuG6JkCjr-muVZgGplZhxcPqZWeHc2tB5tlO2N0eHPPnptOpN1moQDssvB6CSa38/" border="0" />
<map name="follow-box">
<area shape="rect" target="_blank" coords="5, 68, 29, 92" href="http://delicious.com/kabusaid" alt="delicious" title="delicious" />    
<area shape="rect" target="_blank" coords="5, 98, 29, 122" href="http://twitter.com/kabusaid" alt="twitter" title="twitter" />
<area shape="rect" target="_blank" coords="5, 129, 29, 153" href="http://www.youtube.com/kabusaid" alt="youtube" title="youtube" />
<area shape="rect" target="_blank" coords="5, 159, 29, 183" href="http://feeds.feedburner.com/saidkh" alt="RSS" title="RSS" />
</map>
</div>

اﻹضافة الثانية : إضافة ايقونات المتابعة في المدونة
هي اضافه بسيطة يتوفر بها ثلاث ايقونات (فيسبوك – تويتر – خلاصة rss) تحميل الكود من هنا  ، لتركيب اﻹضافة قم بالتالي : من تبويب تصميم ثم عناصر الصفحة ثم إضافة أداة HTML/JavaScript وبعدها ضع الكود فيها واضغط حفظ.

ملاحظة هامة : لا تنسى تغيير الروابط الموجودة في الكود للروابط الخاصة بك.

تعليقات

إرسال تعليق