رسالة منبثقة بتقنية Lightbox مع الاعدادات

Lightbox Popup
طبعا اول شئ لاحظته مع دخولك الموضوع هو ظهور رسالة منبثقه وهذه هي المعاينة الخاصة بموضوعنا هذه الرسالة يمكنك تخصيصها بأى شئ لعرضه ادوات صور كلمات كل ما تريد يمكنك ان تضيفه في الآداة وصندوق المتابعة ما هو الا مثال واحد مما يمكن عمله بتلك الإضافة لكن يجب ان اعرفك بالإضافة وتقنيتها هي إضافة تعمل بتقينة JQuery Lightbox والتي سبق أن شرحناها في هذا الموضوع وهذا هو تطبيق اضافي على الخاصية التي تتعدد مزاياها واستخداماتها انا لن اطيل عليكم وسانقلكم مباشرة للجانب العملي
فقط اضف الكود التالي داخل آداة HTML/JavaScript








هنا أكتب  ما  تشاء

اعدادات أولية

في حالة كان لديك مكتبة جي كويري احذف الكود الاحمر
في حالة لديك خاصية Lightbox احذف الكود الأخضر والاكواد السابقه له كلها
الإضافة معدة لتظهر للزائر مرة واحده فقط حتى لا تكون مزعجة لكن ان اردتها تظهر له في كل زيارة احذف الأكواد الزهرية
الرقم 500 هو العرض الاساسي للرسالة
الرقم 400 هو الإرتفاع الأساسي للرسالة
الرقم 450 هو العرض الخاص بمحتوى الرسالة
الرقم 350 هو الإرتفاع الخاص بمحتوى الرسالة
يمكن ان تجعل الارقام متشابهه لكن انا معدلهم لانه ان كنت تستخدم المظهر الأصلي للإضافة Lightbox قد تحتاج ان يكون هناك اختلاف بين حجم الصندوق وحجم المحتوى الأمر يعود الك في ضبط المحتوى
يمكنك استبدال هنا أكتب  ما  تشاء بأى شئ تريد كود اضافة صورة كتابة طبعا يعود الأمر لك في تنسيقها بحسب ذوقك
كا ترى في المعاينة انا اضفت كود متابعة الفيس بوك كنوع من التوضيح

 تنسيقات

هذا #bbb هو لون الخلفية الذي يغطي على مظهر المدونة
وهذا #fff لون خلفية الرسالة نفسها
وهذا #000 لون الإطار
واترك لك الإبداع في تخصيص رسالتك تحياتي

كارت ادوات المتابعة الاجتماعية

Social Card Blogger widget
أقدم لكم إضافة جديدة وحصرية من تصميمي لأزرار وادوات المتابعة الإجتماعية احببت أن جمل أدوات المتابعة في إضافة خفيفة وبسيطة وفي نفس الوقت تجمل غالبية المواقع الإجتماعية المعتمد عليها من قبل المدونين في بلوجر تم استخدام ادوات رسمية لموقعي جوجل بلس Google Plus وفيس بوك Facebook كونهم ازرار خفيفة وسريعة التحميل لتويتر Twitter ويوتيوب Youtube وبلوجر Blogger فضلت ان استخدم ازرار روابط فهي كافية وأخف من الأدوات الاصلية وفي نفس الوقت تؤدي نفس المهمة تماما لان اضافات الإشتراك الخاصة بتلك المواقع تحيل للموقع لتشترك به فالازرار العادية كافية وطبعا تم دمج نموذج اشتراك بالبريد لتكتمل الآداة 
وهذه معاينة حية للإضافة نرجوا لمن لم يتابعنا أن يسجل متابعته لنا عبرها


وهذا هو الكود أضفه في آداة HTML/JavaScript






GPID" data-rel="publisher">









FeedId', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">


FeedId"/>



الإعدادات

استبدل GPID بمعرف صفحة جوجل بلس
للحصول عليه ادخل الى صفحة مدونتك في جوجل بلس وانسخ الرقم او الغسم التعريفي منها مثال


استبدل PageID بإسم رابط صفحتك على فيس بوك
استبدل TwID بإسم حسابك في تويتر
استبدل YTID بإسم رابط قناتك على اليوتيوب
استبدل xxxxxxxxxx بمعرف مدونتك
وللحصول عليه ادخل الى لوحة تحكم المدونة ثم إنسخه من شريط عنوان المتصفح

استبدل FeedId معرف مدونتك في موقع فيد برنر مكرر مرتين موضوع به شرح ان لم تكن تعرف طريقة الحصول عليه

قالب Porto معرب ومطور

Porto Blogger Template
قالب خفيف واحترافي يصلح للمجلات والمواقع التقنية القالب بسيط ويسهل تخصيص الوانه متجاوب ومتوافق مع المتصفحات والأجهزة الحديثة أكثر ما يميزه هو خفته وسرعته في التصفح القالب يعمل بمظهر الـ Grid أو العرض الشبكي للمواضيع يحتوي على تنسيقات للإضافات الاساسية كمحرك البحث وازرار متابعة خفيفة وإضافة الإشتراك في المواقع الإجتماعية
يمكنك معاينة وتحميل القالب عبر الازرار التالية
يمكنك تحرير القالب بالدخول لصفحة القالب ثم تختار تخصيص ثم متقدم 
وعدل الألوان كيفما شئت

لتخصيص القائمة العلوية ابحث عن الكود التالي

          
  • الرئيسية

  •          
  • تعديل

  •          
  • قائمة
               

                   
    • فرعي

    •              
    • فرعي

    •              
    • فرعي

    •            

             

  •          
  • تعديل

  •          
  • تعديل

  •          
  • تعديل
  • رمز # في كل سطر تستبدله بالرابط المناسب
    لإضافة رابط جديد كرر الكود الاخضر
     لإضافة قائمة جديدة كرر الكود الأحمر
    الكود الازرق داخل كود القائمة تكراره يعطيك رابط فرعي جديد

    لتخصيص ازرار المتابعة إبحث عن الكود التالي

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

    الجدولة وطريقة عمل موضوع مثبت

    Sticky Post in Blogger
    بعض خواص بلوجر تعتبر مهملة من بعض المدونين منها خاصية الجدولة تلك الخاصة تتيح لك ان تصنع مواضيع وتعد تاريخ لنشرها فتنشر تلقائياً في الوقت المحدد وهو ما يساعد كثيراً ان كنت ممن يكتبون العديد من المواضيع فيمكنك ترتيبها زمنياً للنشر تلقائياً وكشرح مبسط أولا للجدولة وانت تكتب الموضوع ستجد على اليسار في الإعدادات خانة جدول زمني ان ضغط على تلك الخانة واظهرت محتواها ستجده كالتالي



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



    التنسيق

    الرابط الأزرق هو الصورة المستخدمه يمكنك استبدالها بصورة أخرى
    الرقم 100 هو ارتفاع الصورة
    الرقم 90 هو عرض الصورة
    الرقم 12 هو بعد الصورة من جهة اليسار ويمكنك جعله بالسالب ليرتفع أكثر -12
    الرقم 11 هو بعد الصورة من الاعلى ويمكنك جعله بالسالب ليبتعد أكثر -11
    لمن يجيدون التعامل مع الستايل يمكنك استخدام كلاس post.first لتعديل مظهر التدوينة الأولى كاملا
    الكود يتطلب وجود مكتبة جي كويري ان لم تكن لديك أضف كودها التالي فوق كود الإضافة


    شرح أهم الإعدادات

    احذف الكود البني ان كانت لديك مكتبة جي كويري
    الكلمات العربية يمكنك تعديلها بما تراه مناسباً
    كلمة false إستبدلها بكلمة true ان اردت ان يظهر زر اغلاق للزائر بحيث لا يكون مجبر على الضغط على الأزرار
    الرقم 0 عدله برقم آخر وهو عدد الثواني التي تريد ان يظهر المحتوى بعد مرورها دون الضغط على الأزرار او اتركه كما هو ان لم تريد توقيت
    هناك ثلاث روابط معلمة بالاحمر
    الاول هو رابط صفحة الفيس بوك الخاصة بك
    والثاني هو رابط موقعك او صفحة معينة ليتم تغريدها
    والثالث نفس الشئ لكن خاص بجوجل بلس
    في حالة أردت ان يتم الإعجاب بالصفحة او الموضوع نفسه وليس صفحات مخصصة فقط احذف سطور الروابط بأكملها بما فيها url
    إلا في تويتر تحذف معه السطر الذي يسبقه المعلم بالأخضر
    وطبعا هذا أفضل من صفحات مخصصه حتى لا يتعطل السكريت لمن سجل الإعجابات بالصفحات الاساسية سابقاً

    الآن مع طريقة تفعيل الكود داخل المواضيع

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