jeje

‏إظهار الرسائل ذات التسميات إضافات بلوجر. إظهار كافة الرسائل
‏إظهار الرسائل ذات التسميات إضافات بلوجر. إظهار كافة الرسائل

الأحد، 21 فبراير 2016

تقسيم الموضوع الواحد فى بلوجر لعدة صفحات أو تبويبات

بسم الله الرحمن الرحيم

والصلاة والسلام على أشرف المرسلين

سيدنا محمد وعلى آله وصحبه أجمعين

creating-page-inside-blogspot-post
قدمت فى موضوع سابق كيفية تقسيم السيدبار فى قالب مدونة بلوجر إلى عدة تبويبات وفى هذا الموضوع أقدم إضافة مشابهة ولكن لتقسيم الموضوع الواحد على مدونة بلوجر إلى عدة تبويبات أو عدة صفحات ، تلك الإضافة التى ربما تكون مفيدة عند عرض المقالات الطويلة والتى تعمل على تنسيق المحتوى بشكل جيد و منظم يسهل تصفحه من قبل الزائر.
هذه الإضافة تعمل بتقنية jQuery و يمكن إستخدامها بإحدى الطريقتين إما على هيئة صفحات مرقمة أو تبويبات تحمل عناوين محتواها
مواضيع مشابهة:

أداة إخفاء/ إظهار أجزاء متعددة من المحتوى على بلوجر

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

مزيد من المعلومات »

الأربعاء، 3 فبراير 2016

اضافة تبويبات متعددة فى العمود الجانبى على بلوجر Tabbed sidebar

بسم الله الرحمن الرحيم

والصلاة والسلام على أشرف المرسلين

سيدنا محمد وعلى آله وصحبه أجمعين

blogger widgets
فى الفترة الأخيرة كثرت الأسئلة حول إضافة عدة تبويبات فى العمود الجانبى أو السيدبار لقوالب مدونات بلوجر ، هذه الإضافة المميزة التى تعمل على تنظيم أدوات قالب المدونة ومنع إزدحامها فى السيدبار ، وتعتمد فكرة هذه الإضافة على إظهار أداة وإخفاء باقى الأدوات الموجودة فى العمود الجانبى بإستخدام تقنية جى كيورى jQuery - بمعنى عند الضغط على تبويب معين يتم ظهور الأداة المرتبط بها مع إخفاء باقى الأدوات المرتبطة بالتبويبات الأخرى.
تابع:

كيفية إظهار أو إخفاء أجزاء من المحتوى على بلوجر

تقسيم الموضوع الواحد فى بلوجر لعدة صفحات أو تبويبات

وبمتابعة الشرح التالى يمكنك تركيب أحد الإضافات الخاصة بالتبويبات ( تبويبات ثلاثية ، رباعية ، خماسية) وذلك حسب إحتياجك.
مزيد من المعلومات »

الجمعة، 29 يناير 2016

بلوجر 2016 بين تحديثات جديدة وتطلعات للأفضل

بسم الله الرحمن الرحيم

والصلاة والسلام على أشرف المرسلين

سيدنا محمد وعلى آله وصحبه أجمعين

أطلقت جوجل  أواخر عام 2015 بعض التحديثات لمنصتها بلوجر ، تلك المنصة التى إمتلكتها شركة جوجل عام 2003 والتى تعمل على تطويرها من حين إلى آخر لتواكب التطور المستمر فى الأجهزة الحديثة والمتصفحات..لذلك سألقى نظرة سريعة على بعض  هذه التحديثات  حسب ما نشرت بلوجر فى مدونتها الرسمية buzz.blogger على مدار العام الماضى وكذلك بعض التطلعات التى ننتظرها من بلوجر خصوصًا بعد إطلاق الفيس بوك خدمة المقالات الفورية.

Blogger icon

إضافة مشاركة مميزة Featured Post

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

ميزة سحب وإفلات الصور أثناء تحرير المشاركة

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

image drag and drop

إعتماد بروتوكول HTTPS لنطاق blogspot.com المجانى

يعتبر بروتوكول HTTPS هام لضمان سلامة بيانات المستخدم الشخصية وسريتها أثناء نقلها من جهاز الكمبيوتر للمستخدم والموقع ، وقد تلاحظ أن رابط بعض المواقع الكبرى تبدأ به مثل الفيس بوك ، تويتر ، جوجل بلس ، ويكيبيديا،.....
وكخطوة جيدة من بلوجر قامت بتوفير هذا البروتوكول الآمن لمدوناتها ذات النطاق المجانى blogspot.com فقط وعدم تفعيله للنطاقات المخصصة.

تحديثات فى القوالب الإفتراضية

وفرت بلوجر عدة ميزات بقوالبها الإفتراضية وهى كالتالى:

أداتين بلوحة التخطيط crosscol  , crosscol-overflow

Blogger layout
ويمكن من خلال هاتين الأداتين إضافة أى أداة تحت هيدر المدونة تضم إعلان أو سلايدر على سبيل المثال.

تفعيل التعبيرات في علامات لوحة التخطيط

وهى تعبيرات يتم إستخدامها عند تحرير Html للقالب و من هذه العلامات (علامة التساوى , and , or , not , ...) ويمكن تفيد هذه العلامات مطورى القوالب حيث يمكن إستخدامها فى إظهار أو إخفاء الإضافات بحسب فئة الصفحات...يمكن الإطلاع على وظيفة كل من هذه العلامات من خلال هذا الرابط
Blogger Html editor

إقرأ أيضًا : كيفية إظهارأو إخفاء الأدوات فى نسخة الهاتف

تحديث أداة إتصال أصدقاء جوجل Friend Connect

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

فإذا أردت متابعة مدونة كن داعيًا للخير عبر هذه الأداة فعليك الإشتراك بحساب جوجل

ماذا ننتظر من بلوجر 2016؟

بالرغم من المميزات الكثيرة لمنصة بلوجر التى تقدمها بشكل مجانى وبسيط للمبتدئين فى مجال التدوين ، إلا أنها مازالت تحتاج إلى المزيد من التحديثات التى تجعلها فى منافسة دائمة مع المنصات الأخرى كالووردبريس ، وهذه بعض تطلعاتى التى أتمنى أن تحققها منصة بلوجر هذا العام :
  • تطوير المزيد من الأدوات والإضافات الرسمية مع إمكانية تخصيصها بسهولة من قبل المبتدئين من المستخدمين.
  • توفير عدد أكبر من القوالب الإفتراضية وتطويرها لتكون مناسبة لمحركات البحث وأجهزة الجوال.
  • إعتماد بروتوكول HTTPS للنطاقات المخصصة.
  • تطوير لوحة التحكم وتزويدها بالمزيد من الإمكانيات.
  • توفير سلة المحذوفات Recycle bin لإمكانية إسترجاع الموضوعات المحذوفة.
والآن ماذا تتوقع من جوجل لتطوير منصة بلوجر؟؟
تنبيه : المرجو عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرا

الاثنين، 14 ديسمبر 2015

أهمية الانفوجرافيك فى دعم محتوى موقعك وجلب الزوار

بسم الله الرحمن الرحيم

والصلاة والسلام على أشرف المرسلين

سيدنا محمد وعلى آله وصحبه أجمعين

نظرة على فن الإنفوجرافيك

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

أنواع الإنفوجرافيك

تختلف أنواع الإنفوجرافيك من حيث التصنيف فهو ينقسم من حيث العرض إلى:
  1. إنفوجرافيك ثابت: ويكون على هيئة صورة.
  2. إنفوجرافيك متحرك: ويكون على هيئة فيديو.
  3. إنفوجرافيك تفاعلى: ويكون على هيئة عرض تقدمى فلاشى أو باوربوينت.

ولعل أكثر الأنواع إنتشارًا على الويب هو الإنفوجرافيك الذى هو عبارة عن صورة ثابتة لسهولة تصميمه ومشاركته عبر الشبكة العنكبوتية.
مزيد من المعلومات »

الثلاثاء، 1 ديسمبر 2015

الطريقة الصحيحة لكتابة أكواد CSS داخل مدونات بلوجر

بسم الله الرحمن الرحيم
والصلاة والسلام على أشرف المرسلين
سيدنا محمد وعلى آله وصحبه أجمعين

من المعروف أن أكواد CSS هى المسئولة عن تنسيق شكل صفحة الويب بالموقع أو المدونة من خلفيات وألوان وغير ذلك من تحديد الشكل النهائى لقالب الموقع وهى توفر وقت كبير فى التنسيق حيث أنه يمكن لملف CSS واحد ان يكون مسئول عن تنسيق  عدة صفحات أو عناصر وبالتالي عند تغيير شكل العرض فانك تحتاج لتعديل ملف واحد فقط وهذا يعني وقت اقل وتعديل أكبر واشمل.
add-css-to-blogger
ولمستخدمى مدونات بلوجر توجد عدة آليات لإضافة أكواد Css فيمكن إضافتها عن طريق تحرير القالب أو من خلال مصمم النماذج أو داخل أداة HTML أو حتى داخل تبويب Html للمشاركة أو الصفحة ولكن ماهى الصيغة المناسبة لإدراج الكود داخل قالب المدونة فهناك أكثر من طريقة لكتابة أكواد CSS، لذلك سأقدم فى هذا الموضوع أفضل طريقة لكتابة هذه الأكواد ولكن بعد شرح مبسط عن الطرق المختلفة لإدراج أكواد CSS داخل صفحة HTML والفرق بينهما.

الطريقة الأولى: إدراج ملف CSS مستضاف داخل الوسوم <link>

وهو يكون عبارة عن ملف نصى عادى يحتوى على أكواد CSS بالتنسيق المطلوب وحفظه بإمتداد " CSS." ثم رفعه على إستضافة الموقع ، إذا كان الموقع ليس لديه إستضافة كمدونات بلوجر يمكن رفعه على إستضافة خارجية مثل Google drive أو Dropbox تابع الشرح التالى:
بعد رفع الملفات يمكن الحصول على رابط مباشر لملف Css

يمكن إستخدام الكود التالى مع إستبدال كلمة mystyle.css بالرابط المباشر لملف CSS 
<link rel="stylesheet" type="text/css" href="mystyle.css">
يضاف هذا الكود داخل القالب HTML فى منطقة الهيدر بعد الوسوم <head>

الطريقة الثانية: كتابة كود CSS مباشرة داخل Html 

غالبًا تستخدم هذه الطريقة فى المنصات التى لاتدعم إستضافة الملفات مثل منصة بلوجر (تابع كيفية حل هذه المشكلة ) ...لذلك تكتب أكواد Css فى القالب قبل الوسوم </head> هكذا:

<b:skin><![CDATA[


هنا تكتب أكواد CSS


]]></b:skin>




  • أما إذا كانت صفحة Html لا تحتوى على الوسوم <head> فيجب إحاطة الكود بالوسوم <style> ، </style> ويمكن أن تستخدم لتنسيق أحد الإضافات المستخدمة فى العمود الجانبى للموقع و تضاف إلى مدونة بلوجر عبر إضافة أداة Html من لوحة التخطيط ثم إضافة كود Css قبل كود Html الخاص بالإضافة المستخدمة.
<style type="text/css">

Add CSS code here

</style>

الطريقة الثالثة :  إستخدام import@

وهى غالبًا تستخدم فى القوالب المتجاوبة لإعطاء تنسيق معين عند تصفح الموقع عبر الجوال كإخفاء أو اظهار الادوات على اصدار الجوال وتكتب كالتالى :
يمكن رفع ملف Css بإستضافة خارجية وإستخدام الرابط المباشر بدلا من كلمة style.css بالكود التالى:
@import url(style.css);
  • يضاف هذا الكود داخل القالب HTML فى منطقة الهيدر بعد الوسوم <head>
  • يجب مراعاة إحاطة الكود بالوسوم  <style> ، </style> إذا كان هذا الكود لايستخدم فى منطقة <head>
  • يمكن أيضًا كتابة كود Css مباشرة بدون رفعه بإستضافة خارجية ويكون كالمثال التالى:
@media screen and (min-width: 480px) {
body {
background-color: lightgreen;
}
}

الطريقة الرابعة: إستخدام Css داخل Inline Styles

وتستخدم هذه الطريقة لتنسيق جزء محدد بالصفحة مثلا تنسيق العنوان أو جزء معين من النص ، تابع المثال التالى:
<h1 style="color:blue;margin-left:30px;">العنوان</h1>

والآن نتعرف على أى الطرق أفضل لإستخدامها داخل مدونات بلوجر:

عامةً عند إستخدام ملف Css منفصل يكون أفضل ، لأنه عند تصفح الزائر للموقع لصفحة معينة فى موقعك فإنه يحتاج إلى تحميل ملف Css بالإضافة إلى Html للصفحة ولكن عند تصفح أى صفحة أخرى فى الموقع فإنه يحتاج إلى تحميل جزء Html فقط للصفحة حيث يتم تخزين ملف CSS بحيث لا تحتاج إلى تحميلها مرة أخرى. وبالتالى ربط ملف Css بالوسوم <link>تزيد سرعة تصفح الموقع.
أما بالنسبة لإستخدام الوسوم import@ فيمكن أن يستخدم عن التنسيق المتجاوب للشاشات المتعددة ومن عيوبه هو أنه لا يدعم المتصفحات ذات الإصدار القديم.
أما الطريقتين الآخرتين سواء بإستخدام الوسوم <style> ، </style> أو بإستخدام Inline Styles فيفضل إستخدامها فى أضيق الحدود لأنها تؤثر على جزء معين من الموقع فقط.
تنبيه : المرجو عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرا

الاثنين، 16 نوفمبر 2015

إضافة تجعل جميع فيديوهات مدونتك على بلوجر متجاوبة

بسم الله الرحمن الرحيم

والصلاة والسلام على أشرف المرسلين

سيدنا محمد وعلى آله وصحبه أجمعين

Responsive video
بالرغم من انه من الضرورى إستخدام قالب متجاوب لموقعك ليظهر بشكل جيد للمستخدمين الذين يتصفحون موقعك من خلال الهواتف المحمولة إلا أنه لابد من مراعاة أن يكون المحتوى أيضًا متجاوب بما يضمه من نصوص وصور وفيديوهات وجداول ،.......وغير ذلك . وقد تحدثت فى موضوع سابق عن كيفية جعل الفيديو متجاوب لجميع الشاشات والتى تعتمد على إضافة كود CSS قبل كود الفيديو ولكن اليوم سأتحدث عن إضافة بتقنية jQuery تسمى Fitvids plugin تضاف إلى القالب.

قد يهمك أيضًا: كيفية إخفاء وإظهار ادوات  مدونة بلوجر على الهاتف

ولتركيب هذه الإضافة لقالب مدونة بلوجر:
  • إذهب إلى لوحة تحكم بلوجر ثم تبويب قالب
  • قم بتحرير HTML للقالب (ولا تنسى الإحتفاظ بنسخة إحتياطية من القالب)
  • إبحث عن الكود التالى بإستخدام لوحة المفاتيح Ctrl+F
  </head>
  • أضف الكود التالى مباشرة فوق الكود السابق

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"/>


<script src='https://raw.github.com/davatron5000/FitVids.js/master/jquery.fitvids.js'/>


<script>$(document).ready(function(){

$(“#your-video”).fitVids();
});

</script>

  • إحفظ القالب
  • عند تضمين أى فيديو داخل مشاركة أو صفحة أضف الكود التالى قبل كود تضمين الفيديو بتبويب HTML المشاركة أو الصفحة.
<div id=”your-video”>

مثــــــــــال


<div id=”your-video”>


<iframe width="1280" height="720" src="https://www.youtube.com/embed/wQOAfLZqB_0?rel=0" frameborder="0" allowfullscreen></iframe>


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

الاثنين، 9 نوفمبر 2015

أضف إلى فهرس موقعك صورة الكاتب، مربع بحث ،عداد التعليقات

بسم الله الرحمن الرحيم

والصلاة والسلام على أشرف المرسلين

سيدنا محمد وعلى آله وصحبه أجمعين

Table of content
يعتبر الفهرس من الأدوات الضرورية لأى موقع أو مدونة لمساعدة زوار الموقع إلى الوصول إلى موضوعات الموقع والإطلاع على المحتوى بسهولة ، لذلك إختيار شكل الفهرس مهم جدًا ، فهناك فهرس يعتمد على تصنيف الموضوعات بحسب التسميات أو الأقسام وهناك فهرس آخر يعتمد على تاريخ النشر من الأحدث إلى الأقدم ، ولكن اليوم سأعرض فهرس BlogToc v1.6.3 الرائع الذى يعطى المستخدم حرية إختيار طريقة عرض الموضوعات التى تناسبه بحسب تاريخ النشر أو حسب التسميات أو كاتب معين أو حتى عدد التعليقات مع إمكانية البحث عن ما يريد داخل الفهرس.
مزيد من المعلومات »

الأحد، 1 نوفمبر 2015

3 طرق لاخفاء او اظهار ادوات بلوجر على نموذج الجوال أو سطح المكتب

بسم الله الرحمن الرحيم
والصلاة والسلام على أشرف المرسلين
responsive blogger template
سيدنا محمد وعلى آله وصحبه أجمعين
لعلكم لاحظتم فى الفترة الأخيرة ظهور موقع كن داعيا للخير فى قالب جديد، ولعل من أهم الأسباب التى دفعتني لتغيير القالب هو أنه من الضرورى أن أعتمد على قالب متجاوب أى يتوافق مع أجهزة الهواتف الذكية بعد أن أصبح نسبة كبيرة من من متصفحى الإنترنت من خلال الهواتف المحمولة وأصبح شرط التقدم فى محركات البحث هو أن يكون الموقع مناسب للجوال mobile friendly. ففى السابق كنت أستخدم نموذج جوال بلوجر التقليدى الذى يفتقد ظهور الأدوات والإضافات به رغم بعض المميزات التى تميزه عن القالب المتجاوب مثل سرعة تحميله.
فقد تحدثت فى موضوع سابق عن كيفية تفعيل نموذج الجوال لمواقع بلوجر و الآن سنتحدث عن كيفية اخفاء واظهار بعض الادوات على نسخة الهاتف، فمن المفضل تقليل الادوات على نسخة الهاتف بقدر الامكان حتى لا تتأثر سرعة التحميل فلا داعى لظهور جميع ادوات القالب فى نسخة الهاتف فى المقابل ان بعض الاضافات تكون فعالة على نسخة الهاتف فقط مثل إضافة زر مشاركة الواتس آب .
وقبل ان نذكر طرق اظهار واخفاء الأدوات لابد من التفريق بين حالات ظهور الموقع الثلاثة على الهاتف وهى كالتالى:
مزيد من المعلومات »

الأحد، 18 أكتوبر 2015

حل مشكلة الروابط السيئة التى تؤدى إلى موقعك Bad Backlinks

بسم الله الرحمن الرحيم

والصلاة والسلام على أشرف المرسلين

سيدنا محمد وعلى آله وصحبه أجمعين


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

الاثنين، 31 أغسطس 2015

كيف ترسل إشعارات لزوار موقعك على الموبايل أو الكمبيوتر

بسم الله الرحمن الرحيم 

والصلاة والسلام على أشرف المرسلين

سيدنا محمد وعلى آله وصحبه أجمعين

تختلف الأدوات والوسائل التى يستخدمها أصحاب المواقع لزيادة عدد المتابعين لمواقعهم فمثلا أدوات المتابعة عبر المواقع الإجتماعية أو أداة الإشتراك عبر البريد الإلكترونى أصبحت أساسية الآن على معظم المواقع والمدونات الإلكترونية ، ولكن اليوم أقدم لكم أحد الطرق الجديدة والمفيدة لزيادة التواصل مع زوار موقعك وهى إرسال إشعارات عبر  جهاز الكمبيوتر أو من خلال إشعارات الهواتف المحمولة.

يمكن من خلال هذه الإشعارات إرسال رسالة ترحيب للزوار أو إعلامهم عن الموضوعات الجديدة بموقعك أو أى خبر جديد ، ويمكن للزائر تلقى الإشعار حتى فى حالة عدم تصفح الموقع.
Notification message
يمكن تمكين هذه الميزة بموقعك من خلال بعض الخدمات مثل :
ملاحظة : توجد مشكلة بخدمة Jeapie التى تم شرحها فى السابق ويمكن إستبدالها بهذه الخدمات البديلة.


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

Allow notification

ما تتميز به هذه الخدمة أنه بالإمكان إرسال عدد غير محدود من الرسائل مجانًا مع إمكانية تحديد الوقت المناسب لظهور الرسالة.

الخطوة الأولى:التوجه لموقع الخدمة  وإنشاء حساب وتسجيل الدخول بالبريد الإلكترونى (على سبيل المثال تم الشرح على موقع Roost)

الخطوة الثانية:إضافة الموقع الذى تريد ظهور الإشعارات لزواره إلى حسابك

1- من لوحة تحكم حسابك قم بإضافة رابط موقعك وصورة الشعار Logo الخاص به






 3- بعد ذلك ستظهر لوحة التحكم لإدارة الإشعارات الخاصة بهذا الموقع كما بالصورة ويمكن من خلالها :
  • إرسال رسالة جديدة
  • متابعة الرسائل القديمة أو إعادة إرسالها
  • متابعة عدد متابعين الإشعارات من خلال تبويب "subscribers"
  • تفعيل رسالة للترحيب بالمشتركين فى الإشعارات (قم بتفعيل الرسالة بحيث تكون "ON" ثم أضف رسالة ترحب بها بالزائر مع إضافة رابط توجه إليه الزائر بعد الضغط على الرسالة وليكن رابط موقعك أو رابط موضوع معين بموقعك أو صفحة فيس بوك..........ثم Save)

    الخطوة الثالثة : إضافة الكود داخل موقعك

    ويكون ذلك من تبويب "installation" قم بنسخ الكود الموجود بالتبويب داخل موقعك

    إقرأ أيضًا: كيفية تغيير الصفحة الرئيسية على بلوجر إلى صفحة ترحيب

    الخطوة الخامسة: كيفية إرسال إشعارات بجديد الموقع

    ويكون ذلكبالضغط على "New Notification"
     يمكن كتابة نص الرسالة مع ضبط إعدادتها كما بالصور
      
    أتمنى أن تفيد هذه الإضافة وأنتظر تعليقاتكم   

    تابع أيضُا: أساليب عملية أخرى لزيادة التواصل مع زوار موقعك:

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

    الأربعاء، 12 أغسطس 2015

    أداة لتصميم رسالة منبثقة لزوار موقعك مع أزرار المشاركة

    بسم الله الرحمن الرحيم

    والصلاة والسلام على أشرف المرسلين

    سيدنا محمد وعلى آله وصحبه أجمعين

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

    الجميل فى إضافة اليوم أنه يمكن لك تصميمها بنفسك بما يناسب ذوقك وبعيدًا عن الأكواد و مشكلاتها وذلك من خلال موقع Addthis الذى يقدم أداة Rule Editor  التى تتيح لأصحاب المواقع تصميم نافذة منبثقة تحتوى على أدوات المشاركة الإجتماعية بأشكال مختلفة وتخصيص الإعدادات المناسبة بكل بساطة.
    فيمكن من خلال هذه الأداة تصميم إحدى هذه الأدوات:
    • نافذة منبثقة داخل Lightbox 
    • نافذة منزلقة جهة اليمين أو اليسار.
    • شريط لاصق أعلى أو أسفل الصفحة.

    مميزات أداة Addthis :

    1. إمكانية التحكم إلى من تظهر الرسالة ؟ لجميع زوار الموقع أم للزائرين الجدد فقط.
    2. بالإمكان تخصيص نافذة منبثقة تظهر لمتصفحى موقعك عبر الجوال و نافذة أخرى لمتصفحى إصدار الويب.
    3. سهولة تعديل النصوص و تنسيق ألوان كما يناسب موقعك
    4. إمكانية إضافة خلفية مصورة للنوافذ المنبثقة تعبر عن موقعك.
    5. يمكن إختيار أزرار من جميع الشبكات الإجتماعية وإضافتها للنافذة المنبثقة.
    6. يمكن إضافة  أداة الإشتراك فى القائمة البريدية إلى  الإضافة
    7. إمكانية تحديد الصفحات التى تظهر بها الإضافة أو منع ظهورها من صفحات معينة.
    8. غير مزعجة للزائر حيث يمكن التحكم فى وقت ظهور الإضافة (بعد الخروج من الصفحة أو بعد عدد معين من مشاهدة الصفحة)
    9. تدعم شاشات الأجهزة المحمولة والتابلت.
    10. تدعم اللغة العربية.

    إقرأ أيضًا:

    أضف أزرار مشاركة المواقع الإجتماعية إلى صور موقعك

    إخفاء الروابط والصور وإظهارها بعد مشاركة الموضوع

    أضف 5 صناديق منزلقة لمتابعة الشبكات الإجتماعية  


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