مساحة إعلانية

الأربعاء، 16 يناير، 2013

الأربعاء، 16 يناير، 2013

تخصيص إضافة متابعين بلوجر ووضعها في آداة جافا سكريبت

Google Friend Connect
آداة المتابعين في بلوجر من أهم الأدوات التي توصل جديد مدونتك للمتابعين وخصوصا فئة مشتركي بلوجر ولكن كثير من المستخدمين يتمنى تعديل الآداة وجعلها بألوان تتناسب مع موقعه لكن للأسف خاصية التخصيص المدمجة معها لا تعمل جيدا وايضا البعض يريد أن يدمجها بأدوات أخرى لكن لم يستطيع كان هناك خدمة في جوجل إسمها Google Friend Connect كانت هذه الخدمة تتيح فعل ذلك لكن جوجل إستغنت عنها ولم تعد تعمل ولكن معنا وحصريا ستعمل هذه الإضافة وستستطيع بإذن الله تخصص الألوان ودمجها بادوات أخرى والتحكم الكامل بها فتابع الموضوع


<!-- cnmu.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. -->
<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 فأيضاً من لوحة التحكم اضغط على عداد المتابعين لمدونتك كما في الصورة


ستفتح لك صفحة بها آداة متابعينك إضغط على زري CtrlU

ستفتح لك الصفحة الخاصة بمصدر الآداة اضغط على زري CtrlF
ليفتح لك شريط البحث أكتب به كلمة Site:
وإنسخ الرقم الذي بجوارها واضفه مكان SID

بعد إستبدال الأرقام هكذا تكون الإضافة جاهزة لكن لكن يجب ان تحذف الإضافة الأصلية حتى تعمل الإضافة الجديدة مضبوط
فلا يمكن أن تعمل الإضافتين معاً

طريقة تخصيص الألوان

طبعا الألوان التي في المثال عشوائية للتوضيح يمكنك تخصيصها كما تريد
وهذا مثال بعد أن قمت بتعديل الألوان ودمجتها مع أدوات أخرى والدمج سهل أضفت الكود في نفس كود الأدوات الثانية

ملحوظة أخيرة بخصوص الكود الرقم 2 هو عدد صفوف صور المتابعين وأقل شئ هو صفين
والـwidth:296 هو عرض الأداة

هناك 11 تعليقًا:

  1. الشكر لك اخي لطالما بحثت عنها ،،
    تم التطبيق بنجاح....abbe..

    ردحذف
    الردود
    1. تشرفت بمرورك الكريم
      والحمد لله على نجاحك في التطبيق
      تحياتي

      حذف
  2. موضوع أكثر من رائع تسلم أخي الكريم

    ردحذف
    الردود
    1. أشكرك أخي الفاضل تحياتي لك

      حذف
  3. السلام عليكم اخي العزير لم افهم كيفيه اضهار SID ممكن توضح =v

    ردحذف
    الردود
    1. وعليكم السلام ورحمة الله وبركاته
      أخي الكريم بعد ان تركب الإضافة الاساسية للمتابعين
      قم بالضغط كليك يمين في المدونة واختار View Page Source
      ستفتح لك صفحة كلها كتابة ابحث فيها عن Site:
      وانسخ المعرف الرقمي من جانبه كما في الشرح
      اتمنى ان يكون هكذا أوضح

      حذف
  4. اخي بحتث عن Site لم اجدها

    ردحذف
    الردود
    1. يجب ان تضيف الآداة الأصلية التي في بلوجر قبل ان تبحث عن كلمة site:
      وبعدما تجدها تحذف الآداة الأصلية

      حذف
    2. تم تحديث الشرح أخي لان بلوجر حدثت الآداة يمكنك مراجعة الشرح الجديد لتستطيع جلب SID

      حذف
  5. اخى فعلت كل ما تقولة وعند اضافتها تظهر على شكل قائمة سوداء

    ردحذف
    الردود
    1. أختي الفاضلة الطريقة ثقابته قد يكون خطأ في التطبيق او خطأ في المعرفات التي تضيفنها رقم خطأ وا رقم ناقص او نسختي رمز زيادة

      حذف

نسعد ونتشرف بتعليقاتكم
لكن هناك شروط يجب اتباعها لضمان نشر التعليقات
1ان يكون التعليق يخص محتوى الموضوع
2ان لا يحتوي التعليق اى روابط دون داعي
3إن أردت إضافة كود حوله اولا بمحول الأكواد
4أن لا يحتوي التعليق اي الفاظ او اساءات لاى احد
5أى سؤال بعيد عن محتوى الموضوع يرجى استخدام ركن الأسئلة

جميع الحقوق محفوظة لــ كن مدون 2013-2015 ©