اضافة عداد زوار لكل موضوع للمدونة

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

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

كيف اضافة عداد زوار لكل صفحة او موضوع على حدة تابع الخطوات وطبقها :



الخطوة الاولي : الاشتراك فى موقع تخزين البيانات المجاني firebase :

كما شرحت سابقا ان تشترك فى موقع تخزين البيانات المجاني لمساعدتك على تخزين البيانات بدون التاثير على سرعة المدونة .

للاشتراك :::::::: https://www.firebase.com/signup/

اضافة عداد زوار لكل موضوع للمدونة
تخزين البيانات العداد
- اضف دومين المدونة بدون بلوج سبوت مثلا اذا كان الرابط هكذا http://marketingande-commerce.blogspot.com/
فاضف فقط marketingande-commerce

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

اضافة عداد زوار لكل موضوع للمدونة
تخزين بيانات العداد 


الخطوة الثانية : وهى اضافة اداة عدادا الزوار الى قالبك :


اضافة عداد زوار لكل موضوع للمدونة
تحرير قالبك

- اذهب الى لوحة التحكم .
- ثم الى تحرير هتميل  Edit/HTML .
- البحث عن هذا الكود
ولتسهيل عملية البحث اضغط على CTRL+F
- ثم الصق الكود التالى فوق الكود السابق او هذا الكود


/*-------- Post Views  ----------*/ 
#views-container { 
width: 85px; 
float: right
}
.mbtloading { 
background: url('http://4.bp.blogspot.com/-PZMStRDcchY/USOp3xFp4yI/AAAAAAAAJOo/rm5FSsaSKh0/s320/mbtloading.gif') no-repeat left center; 
width: 16px; 
height: 16px; 
}
.viewscount { 
float: right; 
color: #EE5D06
font: bold italic 14px arial; 
}
.views-text { 
float: left; 
font: bold 12px arial; 
color: #333; 
}
.views-icon{ 
background: url('http://4.bp.blogspot.com/-_dXedKDHIws/USOp369zEPI/AAAAAAAAJOs/Cv3fTZUaBTU/s1600/postviews.png') no-repeat left; 
border: 0px; 
display: block; 
width: 16px; 
height: 16px; 
float: left; 
padding: 0px 2px; 
}

لتعديل على الكود :

كل ماهو علية خلفية برتقالي هو لتعديل :
- لتعديل على الاتجاة العداد الزوار من اليمين يبقى right من الشمال يبقى left لو عربي يبقى خلية من الشمال لو المدونة اجنبي اتركة من اليمين .
- تعديل اللون  #EE5D06
- لتعديل الصورة او ايقونة العداد غير هذا الرابط الموجود فى الكود السابق 
http://4.bp.blogspot.com/-_dXedKDHIws/USOp369zEPI/AAAAAAAAJOs/Cv3fTZUaBTU/s1600/postviews.png

الخطوة الثالثة : ابحث عن هذا الكود :

ابحث عن هذا الكود

 ثم اضف الكود التالي فوق الكود اللى فوق ... 

التعديل على الكود السابق :

طبعا قبل اضافة الكود عدل علية عن طريق اضافة رابط الذى انشئتة من خلال موقع التخزين بيانات الزوار المجاني وهو هيكون بهذا الشكل https://diet-tips7.firebaseio.com/

الخطوة الرابعة : البحث عن هذا الكود  فى قالب مدونتك :

ابحث عن هذا الكود

 ثم الصق فوقة هذا الكود

تعديل على هذ الكود :


قبل اضافة الكود عدل على الكلمة المظللة بالبرتقالى او هذة الكلمة  : View وعدلها بالعربى اواذا ارد مثلا كتاية زوار بدلا من Views 


الخطوة الاخيرة : البحث عن هذا الكود 

فى قالبك .
ابحث عن هذا الكود


 ثم الصق الكود التالى اسفلة ..


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

الاقتراحات وشكاوي :

اذا كان لديك اى استفسار او شكوى من المدونة او المووضوع او اقتراحات فلا تتردد ابدا فى ابداء رايك على الموضوع او او الاتصال بنا .

ضع تعليقك هنا وسوف يتم الرد عليها فورا
ابتساماتابتسامات