السلام عليكم ورحمه الله وبركاته
أداه المتابعيين في بلوجر من اهم الادوات التي توصل جديد
موقعك للمتابعين ولكن كثير من المستخدمين يتمني تعديل
مثل هذه الاداه وجعلها بألوان تتناسب مع الموقع الخاص به ولكن بلوجر لاتمكن الشخص من التحكم بلون الاداه او شكلها وقد توصل بعض المدونين الي مشاكل كثيره بلأداه فهي لاتجعل الزائر يستطيع الانضمام
ولكن اليوم لدينا حل لجميع هذه المشاكل
يمكنك تغير لون الاداه واضافتها في اداه Javascript
الان نتابع الموضوع من اجل ان نحصل علي الفائده
اولا هذا الكود هو كود الاضافه اضفه في اداه Html/javascript
وتابع
<!-- ayanatech.blogspot.com -->
<script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>
<!-- Define the div tag where the gadget will be inserted. -->
<div id="div-BID" style="width:296px;border:1px solid #000000;"></div>
<!-- Render the gadget into a div. -->
<a href='http://ayanatech.blogspot.com'/>
<script type="text/javascript">
var skin = {};
skin['BORDER_COLOR'] = '#000000';
skin['ENDCAP_BG_COLOR'] = '#DDEEF6';
skin['ENDCAP_TEXT_COLOR'] = '#333333';
skin['ENDCAP_LINK_COLOR'] = '#0000cc';
skin['ALTERNATE_BG_COLOR'] = '#ffffff';
skin['CONTENT_BG_COLOR'] = '#ffffff';
skin['CONTENT_LINK_COLOR'] = '#0000cc';
skin['CONTENT_TEXT_COLOR'] = '#333333';
skin['CONTENT_SECONDARY_LINK_COLOR'] = '#7777cc';
skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#666666';
skin['CONTENT_HEADLINE_COLOR'] = '#333333';
skin['NUMBER_ROWS'] = '2';
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderMembersGadget(
{ id: 'div-BID',
site: 'SID' },
skin);
</script>
BID نستبدله بــ معرف المدونه ( مكرر مرتين داخل الكود )
وللحصول عليه ندخل الي لوحه تحكم المدونه وننسخه من شريط المتصفح
يكون علي هذا الشكل
اما بالنسبه لـ SID وهو الاهم و للحصول عليه
اولا يجب ان تكون الاداه الاصليه موجوده بمدونتك ان لم تكن موجوده اضفها
بعد الاضافه اذهب للصفحه الرئيسيه لمدونتك
واضغط كلك يمين او Right-click
ونختار View page source او عرض مصدر الصفحه
ستفتح لك صفحه اضغط من لوحه الكيبورد Ctrl+f
ليفتح لك شريط البحث اكتب به كلمه site :
وانسخ الرقم الذي بجوارها واضفه مكان SID
قم بحذف الاضافه الاصليه واضف كود الاضافه الجديده
الان اصبحت جاهزه للتعديل
ولتخصيص الالوان تابع كل سهم اين يتجه
ملحوظه اخيره بالنسبه لرقم 2 المتواجد بالكود يعبر عن عدد الصفوف
واقل شئ صفين يمكن زيادته
والــ Width:296 يعبر عن عرض الاداه
تم الانتهاء من الموضوع لاتنسي الانضمام لأعضاء المدونه ليصلك كل جديد