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

الثلاثاء، 2 ديسمبر، 2014

الثلاثاء، 2 ديسمبر، 2014

طريقة عمل محتوى مغلق بالازرار الاجتماعية

 JQuery Social Content Locker For Blogger
موضوعنا اليوم يهم كثير من المدونين خصوصاً الباحثين عن زيادة التفاعل والمتابعين لكنه في نفس الوقت سلاح ذو حدين ان اسئ استخدامه فالموضوع يتكلم عن اضافة تمكنك من اخفاء او غلق محتوى الموضوع الخاص بك ولا يظهر إلا بعد استخدام احد الشبكات الإجتماعية الثلاث الأشهر  فيس بوك Facebook تويتر Twitter جوجل بلس Google Plus طبعا هذا يوسع انتشار روابط مدونتك لكن ايضاً قد ينفر الزائر لذلك يجب ان تكون ذكي في اماكن استخدامه وسأوضح بشكل اكبر
أنت لو وضعت هذا الامر في كل المواضيع يجب ان يشعر الزائر بالإستغلال والمضايقة لذلك أفضل حل هو ان تستخدم الخاصية في  المواضيع الطويلة والتي تحتوي اشياء مهمة حقاً تجعل الزائر لا يتضايق بل يكون مرتاح وهو يدعم موقعك
فطبق الإضافة على اهم مواضيعك فقط 
أيضاً توضيح آخر وهو امر يتعلق بالسيو Seo لا تستخدم الإخفاء من بداية التدوينات الى آخرها ولكن حدد جزء معين معين فقط حتى يكون هناك جزء من الموضوع واضح بالطريقة العادية لمحركات البحث حتى تحصل على الأرشفه ومسك كلمات جيده للموضوع 
الموضوع تطوير خاص وحصري لكن مدون
فالسكريبتات والستيالات الأصلية كان ثقيلة وبها عدة ستايلات طبعا هذا يجعلها اوسع في تلبية الرغبات لكن كانت تعتبر عبئ لا داعي له فتم تخفيف كامل إلى النص فتقريباً والإبقاء على ستايل واحد فقط واخترت استايل يجمع بين الجمال وقلة الصور فيعتمد على أكواد الـ CSS بشكل أكبر 
والآن حان وقت إستغلالكم ^_^ لتجربة ورؤية باقي الموضوع ادعمنا واستخدم أحد الوسائل الإجتماعية


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

  1. صراحة موضوع جميل اخي عمرو و اعجبتني الاضافة كثيرا
    و اكثر المدونين الذين سوف يستفادون من الاضافة هم اصحاب تطوير المدونات فيمكنه اخفاء فقط طريقة تركيب الاضافات او التعديل على القوالب
    و جعل النصوص الاساسية ظاهرة لمسك الكلمات =q

    ردحذف
    الردود
    1. يسعدني ان الإضافة أعجبتك أخي منير وكلامك صحيح وايضاً سيستفيد منها أكثر أصحاب المواقع التي تحتوي أشياء للتحميل فيمكنهم اخفاء ازرار التحميل لحين الإعجاب كذلك اصحاب مواقع المقالات والقصص يمكن ان يكون باقي القصة مخفي وهكذا هي مفيدة على كثير من الأصعده تحياتي لك

      حذف
  2. موضوع رائع كعادتك أخي عمرو وفقك الله لما يحبه ويرضاه

    ردحذف
    الردود
    1. اللهم آمين واياكم أخي الكريم
      شكراً لمرورك

      حذف
  3. موضوع رأئع اخي الكريم
    لكن هل أستطيع استبدال أزرار الإعجاب بالصفحات بأزرار لمشاركة التدوينة

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

      حذف
  4. هل يمكننى ان اجعلها للفيس بوك فقط
    مع حف اكواد تيتر وجوجل وتوسيط ايقونة الفيس بوك ؟ =s

    ردحذف
    الردود
    1. نعم أخي الكريم فقط استبدل هذا السطر في الكود
      buttons: {order: ["facebook-like", "twitter-tweet", "google-plus"]},
      بهذا
      buttons: {order: ["facebook-like"]},

      حذف
  5. بعد اذن حضرتك انا اريد استخدام هذا الكود فى اختصار روابط الزوار الى اعجبنى
    يعنى صفحة الفيس بوك تكون متغيرة وغير ثابته وهذا مثال لما أقصدة
    http://gewshelislam.blogspot.com/2014/11/Likes.html
    ارجو ان تفهمنى وتساعدنى على ايجاد الكود

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

      حذف
  6. ماشاء الله وأصبحت محبا لعملكم الرائع وصراحة
    ماشاء الله
    رجل فوق القمم في الأعالي انت يا عمرو مصطفى
    أحبك

    ردحذف
    الردود
    1. أعزك الله أخي الكريم
      وشكراً لمرورك يا طيب
      أحبك الله يا غالي

      حذف
  7. طيب هو ممكن الكود دة يظهر مرة واحد للزائر علشان نستبدل ازار المواقع بالاعلانات وبالتالى ويادة الارباح لكن عاوزين تظهر مرة واحدة بس ارجو الرد وشكرا على هذة الاضافة

    ردحذف
    الردود
    1. أخي الفاضل الكود بالفعل يظهر مرة واحده الى ان يسجل الزائر اعجاب او تغريد بعدما يسجل لا يظهر الكود مرة أخرى
      اما لو تقصد ظهوره مرة واحده سواء سجل او لم يسجل هذا لا ينفع والا لا داعي لوجوده
      لكن هناك توضيح حتى لا يحدث خلط عند التعليق وظهور الكود مرة اخرى هذا لان رابط الموضوع يتغير ويضاف عليه رابط التعليق مثال
      http://cnmu.blogspot.com/2014/12/Social-Content-Locker.html?showComment=1417602843503#c2482995295974090688
      كما هو واضح زاد عن رابط الموضوع جزء خاص بالتعليق لانني قمت بالتعليق ومع اختلاف الرابط سيظهر الكود مرة اخرى
      لكن لو تم الدخول للموضوع برابطه العادي لن يظهر الكود
      http://cnmu.blogspot.com/2014/12/Social-Content-Locker.html

      حذف
  8. شكرا لك اخي ... اضافة كثير رائعة ...
    انا من متابعيك ..
    طبقت الخطوات وظهرت الاضافة لكن هناك خلل وهو :
    عندما اضيف كود الحجب .. لا يجب اي شي ... ما هو الحل ؟

    ردحذف
  9. اخي للاسف ,,, حاولت كثيرا لكن المحتوى يبقى ظاهر ... ما الحل ؟

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

      حذف
  10. شكرا اخي عمرو...نجحت الطريقة ... تفضل بزيارة مدونتي
    www.th3key.com

    ردحذف
  11. السلام عليكم شكرا على الاضافة
    تعمل ولكن واجهة مشكلة أن ايقونة الاعجال فى الفيس بوك لا تطهر لا أعرف لماذا
    هذا رابط مزضزع لتجريب
    http://marocvideo2014.blogspot.com/2014/12/blog-post_5.html

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

      حذف
    2. جرب الدخول مرة أخري .أعتقد أن المشكل فى أدوات مشاركة الموضوع هي التي تعضل طهور زر اعجاب الفيس بوك
      http://marocvideo2014.blogspot.com/2014/12/blog-post_5.html

      حذف
    3. نعم أخي الآن تعطلت اذا احذف الأزرار الإجتماعية التي تتعارض مع الكود

      حذف
  12. موضوع جميل أخي عمرو كما عودتنا دائما . =q
    نقطة إضافية هي أنك تستطيع تغير الستايل الخاص بها
    و ذلك عبر تغير كلمة falt الخاصة بالثيم
    بأحد الستايلات التالية:
    dandyish
    glass
    secrets
    starter

    ردحذف
    الردود
    1. شكراً على الإضافة أخي محمد انا وضحت في الموضوع ان الاكواد الأصلية تحتوي على استايلات لكن انا وضحت انني اعدت بناء احد الستايلات وحذفت الباقي يعني اضافة تلك الأكواد لن ينفع وطبعا السبب تخفيف الإضافة فانا خففت الملفات للنصف تقريباً تعدد الستايلات لا يفيد كثيراً لان في النهاية الفكرة واحده فلم يكن هناك داعي من جعل ملفات الإضافة كبير حتى ملفات الجافا ليست هي ملفات الإضافة الأصلية هي مستوحاه فقط لكن تلك الملفات اعداد خاص ايضاً لكن مدون وهي مخففه بحوالي 20kb وهذا يعتبر فرق كبير في اكواد الجافا فهذا يفرق كثيراً في حجم المواقع وسرعة تحميلها وشكراً لمرورك الكريم

      حذف
    2. دائما مميز =d =q
      كلامك صحيح أخي عمرو
      ف أنا تلميذك و منك أتعلم كل ما هو جديد ومفيد.
      ربنا يوفق و يحفظك لوالديك . =r

      حذف
    3. ربي يرفع قدرك أخي محمد هنا لسنا أستاذ وتلامذة بل جميعاً نتبادل الخبرات وانا اتعلم منكم كثيراً
      حياك الله يا طيب

      حذف
  13. حطيت الكود فوق head بس معملش
    يرجى مراجعة وتعديل المنشور

    ردحذف
    الردود
    1. أخي الفاضل يجب ان تطبق جميع الخطوات فلا يكفي وضع الكود فوق head يجب ان تضيف الكود الذي يوضع داخل الموضوع أيضاً بشكل يدوي

      حذف
  14. موضوع جميل أخي عمرو كما عودتنا دائما =q
    حاولة لاكن لم تعمل معي
    نعم تضهر الاداة لاكن بعدها يضهر الموضوع كامل
    مالحل اخي عمرو

    ردحذف
    الردود
    1. ان كنت تقصد ان الموضوع يظهر وعندما يكتملا لتحميل تظهرا لآداة وتخفيه ! فهذا امر طبيعي بحسب سرعة النت وتحميل المدونة
      أما لو تقصد ان الآداة لا تخفي الجزء المحدد اخفاءه في الموضوع ولكنها تظهر فهذا خطأ في اضافة الجزء الأخير وهما الكودين المسؤلين عن الإخفاء ان تمت اضافتهما في اماكن غير مضبوطة تحدث هذه المشكلة لذلك احضفهما وعاود اضافتهما مرة ثانية الى ان تضبط معك

      حذف
  15. شكرا لك على الطرح الرائع
    عندي استفسار هل في رأيك اخفاء المحتوى في برامج المواقع لايعتبر مخالف لسياسات جوجل ؟

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

    ردحذف
    الردود
    1. لا يعتبر هذا مخالف لسياسة جوجل في شئ لكن كما وضحت اخفاء كافة المحتوى قد يؤثر على مسار الإعلانات لانها تحدد اتجاه ظهورها طبقاً للكلمات الموجودة في المحتوى لكنه لا يؤثر من ناحية القوانين في شئ
      ليس شرطا ان تستخدمه لنشر الصفحات فكما هو موضح يمكن عمله ليكون نشر تلقائي بحسب كل موضوع وهذا انا وضحته في الجزءا لخاص بشرح الغعدادات انه يمكن حذف الروابط المخصصة وترك الأمر تلقائي بحسب كل موضوع راجعه يا طيب

      حذف
    2. شكرا لك اخي الكريم , والله لم انتبه لباقي الموضوع لاني عملت لايك وعاينت الكود فقط بدون الانتباه الى باقي الموضوع
      تحياتي

      حذف
  16. كيف استبدل الكود ليصبح يظهر فيسبوك نشر يعني
    facebook-share
    لقد عدلت في الكود واستبدلت كل الكلمات الخاصة بالفايسبوك وغيرت like الى share
    لكن عند النشر يعطيني خطأ
    ارجوا المساعدة وشكرا لكم

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

    ردحذف
  18. تسلم على هذا الموضوع الجميل جدا كان عندى سؤال لو سمحت انا عايز اضيف اعجاب على اليوتيوب ياريت طريقه لاضافه ايقونه اعجاب يوتيوب بجانبهم

    ردحذف
    الردود
    1. اليوتيوب ليس له زر إعجاب أخي الكريم ولا زر نشر فهو ليس موقع اجتماعي لذلك لا يتناسب مع تلك الأدوات

      حذف
  19. السلام عليكم و رحمة الله
    هل يمكنني اخي ان اجعل زر الفيس بوك عوض الاعجاب ان يقوم بالنشر على حائط الزائر
    جزاك الله خيرا

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

      حذف
  20. كيف نضيق تنجد في كل المواضيع

    ردحذف
    الردود
    1. الإضافة تتم يدويا في كل موضوع كما في الشرح

      حذف
  21. أأأأأأأأأأأأأأأأأأأأأأأأأأأأأأأأأأأأأأأأأأأأأأأأأأأأأأأأأأأأأأأأأألف ششششششششششششششششششششششششششششششششششكر

    ردحذف
  22. السلام عليكم ورحمة الله وبركاته
    أخي الكريم شكرا على مجهوداتك الكود شغال 100/100 على أجهزة الكمبيوتر لكن لا يشتعل على أجهزة الأندرويد تثم اخفاء الموضوع كليا دون ظهور الأزرار الإجتماعية .
    نرجول حل المشكل
    وشكرا مرة أخرى

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

      حذف
    2. السلام عليكم .. اضافة روعة من اشخص اروع ^_^
      بس انا عندى مشكلة فى الكود دا انا كنت مشغله قبل كدة وكان تمام
      بس لما غيرت القالب وركبت الكود على القالب الجديد ازرار تويتر وجوجل شغالين عادى
      لكن المشكلة إن زر إعجاب فيس بوك مختفى :\
      بعد إزنك شوفلى حل
      ودا رابط فية الاضافة تقدر تشوفها بنفسك
      http://miixgame.blogspot.com/2015/07/501-bons-code.html
      فى انتظأرك

      حذف
    3. وعليكم السلام
      انا راجعت الصفحة لا يوجد بها اساساً الكود
      ملحوظة المفترض ان الكود يعمل على اى قالب إلا لو القلب نفسه به مشكلة
      فلا يوجد شئ في الإضافة يمكن فعله للتعديل عليها

      حذف
  23. شكرا ليك على الاضافة .. اضافة مميزة و اعجبتنى كثيرا و لكن يوجد مشكلة
    و هى الاضافة تعمل و قمت بتجربتها و عند الضغط على ازار الاعجاب و المشاركات اختفت و اظهرت المحتوى الى الان و الاضافة جيدة
    المشكلة هى عند اضافتها فى مشاركة اخرى لا تعمل يظهر تاثير ال fade in و يظهر المحتوى بدون الضغط على اى شئ
    ولا يوجد تعارض مع مكتبة جافا سكربت فقد قمت بمسح جميع المكتبات و تركت المكتبة المرفقة مع الاضافة
    و قمت بتجربتها على عدة قوالب ان كان هناك حل فلتتكرم بة
    و شكرا مقدما

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

      حذف
  24. هل هذه الإضافة مخالفة لسياسة أدسنس

    ردحذف
  25. شكرا جزيلا لك اخي الحبيب
    لقد قلبت جوجل باكمله بحثا عن هذه الاضافة وعثرتها عندك ..شكرا لك

    قمت بتجريبها على مدونة تجريبية والان ساقوم باضافتها الى مدونتي: http://www.prameg4you.com/

    هناك طلب لك اخي وهو بخصوص تصميم وتعلم تصميم بلوجر . هل تتوفر لديكم دورة او هل هي بالطريق
    لاننا بحاجة لتعلم تصميم القوالب باحترافية وتعلم لغة xml والتعديل على اي شيء بالمدونة وشكرا اخي

    ردحذف
  26. للاسف نجحت معي في مدونة ولكنها فشلت في مدونتي الرئيسية !! prameg4you.com

    انا حزنت كثيرا لانها لم تعمل على مدونتي
    ارجو مساعدتي هذا موقعي : prameg4you.com

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

      حذف
  27. شكرا أخي العزيز أخوك أحمد من الجزائر أنت موسوعة أنترنات أنت أكثر من رائع شككككككككككككككككككككككككككككككككككككككككككككككككككككررررررررررررررررررررررررررررررررررررررررررررررررررررررررررررررررررررااااااااااااااااااااااااااااااااااااااااااااااااااااا نتمنى نكون من أول الأعضاء في موقعك شكرا على هذه الإضافة الجميلة أحمد

    ردحذف
    الردود
    1. شكراً لمرورك اخي احمد ويسعدني ان تكون من أعضاء المدونة
      ودي وتقديري لك

      حذف
  28. موضوع جميل وشرح اجمل اخي
    لاكن ممكن طلب
    انا عايز اخليها مشاركة مش اعجاب
    لو سمحت ممكن الكود

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

      حذف

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

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