إخواني ألأعزاء ، بعد شرحنا لطريقة وضع عداد المواضيع والتعليقات في مدونة بلوجر ، ها نحن اليوم سنبداء بموضوع آخر ومهم وهو طريقة وضع عداد الزوار في مدونة بلوقر. طبعا الدرس بسيط جدا ما يحتاج الى تركيز كبيرولكن انا هنا قمت بشرح الطريقة بالنص والصور بشكل مطول وذلك للاخوة زوار المدونة المبتدئين في اعدادت واضافات مدونات بلوجر. طبعا اهمية العداد ووضعة في المدونة هي انه يوضح لك عدد الزوار الذين زارو مدونتك من يوم افتتاحها الى اللحظة الاخيرة وكم عدد الصفحات التي تم زيارتها عن طريق زوار مدونتك ، كم عدد الزوار في هذا اليوم ، كم عدد الزوار المتواجدون الان ( مباشرة ).
طبعاً العداد الذي سوف نشرح طريقة تركيبة يتكون من اربع مكونات كالتالي :
1 - اجمالي عدد صفحات التي تم زيارتها - total page visits
2 - اجمالي عدد الزوار الذين زارو مدونتك من تاريخ اضافة العداد - total visitors
3 - اجمالي عدد الزوار هذا اليوم - visitors today
4 - عدد الزوار المتواجدون الان - online visitors
مثال عن العداد انظر الصورة التالية :
واليكم شرح خطوات اضافة نموذج هذا العداد او غيره من النماذج في هذا الموقع :
الخطوة الاولى : قم بزيارة هذا الموقع ( www.histats.com ) ثم قم بالضغط على تسجيل Register من قائمة الموقع فوق ، بعدها ستفتح لك صفحة قم بتعبئة الحقول التي فيها . انظر الصورة رقم 1 :
اضغط على الصورة لتكبر
الخطوة الثانية : بعد الضغط على زر استمرار continues تضهر لنا صفحة اخرى قم باختيار اي مجموعة من مجموعات نماذج العدادت التي ترغبها ثم اضغط على رابط المجموعة . كما هو موضح في الصورة التالية :
اضغط على الصورة لتكبر
الخطوة الثالثة : بعد الضغط على رابط المجموعة التي رغبتها تفتح لنا صفحة فيها اشكال واللوان مختلفة قم باختيار النموذج او الشكل الذي تحبه بالضغط تحته مباشرة ثم اضغط على زر استمرار continues . كما هو موضح في الصورة التالية :
اضغط على الصورة لتكبر
الخطوة الرابعة : بعد اختيارك شكل العداد المناسب والضغط على استمرار تفتح صفحة اخرى تريد منك ترتيبعناصر مكونات عدادك في خمسة حقول ولكن هنا نتحدث عن عداد ذو اربعة حقول ، اذاً رتب الحقول الاربعة فقطواضغط على زر استمرار continues والخامس دعه على ماهو عليه . كما هو موضح في الصورة التالية :
اضغط على الصورة لتكبر
الخطوة الخامسة : في هذه الخطوة وبعد الضغط على زر استمرار في الخطوة الرابعة ، تفتح لنا صفحة يوجد فيهاكود العداد في مربع نص واسفل مربع نص الكود يوجد شكل العداد الذي اخترته وفيها البينات التي قد عبيتها في بداية الخطوة الاولى . قم بنسخ كود العداد و وضعه في مدونتك او موقعك . انظر الصورة التالية :
اضغط على الصورة لتكبر
طريقة وضع اواضافة كود العداد او اي كود آخر في العمود الجانبي للمدونة ( sidebar ) :
1 - افتح لوحة تحكم مدونتك ثم اذهب الى ( تخطيط ) ثم الى ( عناصر الصفحة ) ثم اضغط ( اضافة اداة ) . كما هو موضح في الصورة التالية :
اضغط على الصورة لتكبر
2 - بعد الضغط على اضافة اداة من لوحة التحكم تظهر لنا قائمة صغيرة ( قائمة ادوات بلوجر ) نختار من هذه القائمة الاداة هذه ( HTML /javascript ) نضغط عليها بعدها تفتح لنا تهيئة هذه الاداة نقوم بوضع عنوان لهذا النموذج ليكن مثلا ( احصائيات المدونة ) ثم نقوم بنسخ الكود من الموقع الذي اشتركنا فيه ولصقة في مربع النص الموجود تحت ( اسم النموذج ) ثم نضغط على زر حفظ . واليكم الصورة تغنيك عن الشرح بالخالص :
اضغط على الصورة لتكبر ( قائمة ادوات بلوجر )
اضغط على الصورة لتكبر ( تهيئة html/javascript )
اضغط على الصورة لتكبر ( لوحة التحكم بعد اضافة اداة العداد )
واخيراً نقوم بالضغط على زر حفظ الموجود فوق في لوحة التحكم . اضافة نص متحرك الى اعلى او اسفل او لليمين او لليسار بالسرعة التي ترغب بها الى مدونتك
اذا كنت ترغب في وضع نص او اعلانات او روابط متحركة في مدونتك بحيث تجذب الزوار وتجعل المدونة اسهل تصفحا .
اين يمكن ان اضيف النص المتحرك ؟
يمكنك اضافة النص المتحرك الى القائمة الجانبية اوالى ذيل الصفحة مباشرة من خلال الذهاب الى النخطيط ثم اضافة اداة ثم اختيار من القائمة html/javascript ثم لصق كود الاداه في المحتوى .
ما اذا اردت اضافة النص المتحرك الى اسفل او اعلى عنوان المدونة فعليك في البداية ان تتعرف على
اذا اردت اضافتها الى داخل الرسالة فكل ما عليك عمله هو لصق الكود داخل صفحة تحرير html في المكان الذي تريده .
مثال على استعمال النصوص المتحركة
<marquee bgcolor="#ffffcc">Text scrolls from right to left by default.</marquee>
يوضح هذا الكود ابسط اشكال النصوص المتحركة لاحظ ان الكود الذي يعطي الامر هو marquee
النتيجة هي :
نص يتحرك من اليمين الى اليسار
يمكن تغيير لون الخلفية ببساطة بتغيير الكود ffffcc # لمشاهدة جميع الالوان واختيار كود اللون الذي ترغب به يمكنك زيارة هذا الموقع : color name
اذا اردت ان تستبدل النص المتحرك بروابط او قائمة يمكنك الاستعانة بهذا الكود الذي سنوضح من خلاله كيف تعدل على جميع خصائص النص المتحرك :
<div class="textwidget"><marquee direction="up" width="405" onmouseover="this.stop()" scrollamount="2" onmouseout="this.start()" height="200" align="left"><br /> <a href="http://bloggertricks.blogspot.com" target="_blank"><br /> <p>مدونة اسرار بلوجر<p/><a href="http://bloggertricks0.blogspot.com/2010/04/blog-post_02.html" target="_blank"><br /> <p>شرح اضافة خريطة مدونتك الى جوجل<p/><a href="http://bloggertricks0.blogspot.com/2010/04/blog-post_6579.html" target="_blank"><br /> <p>افضل عشر ادوات لمدونة بلوجر<p/><a href="http://bloggertricks0.blogspot.com/2010/03/slideshow.html" target="_blank"><br /> <p>اضافة عرض صور الى مدونة بلوجر<p/></p></p></a></p></p></a></p></p></a></p></p></a></p></p></a></p></p></a></p></p></a></a></p></p></a></p></p></a></p></p></a></marquee></div>
ستكون النتيجة كالتالي
مدونة اسرار بلوجر
شرح اضافة خريطة مدونتك الى جوجل
افضل عشر ادوات لمدونة بلوجر
اضافة عرض صور الى مدونة بلوجر
الان عدل على الشكل الناتج بتغيير القيم التالية :
تغيير لون الخلفية كما قلنا بتغيير الكود bgcolor
تغيير السرعة من الكود scrollamount
تغيير الاتجاه اعلى او الاسفل من الكود direction لجعله يتحرك الى اعلى استعمل up ولجعله يتحرك الى الاسفل ضع down
تغيير عرض العرض من الكود width والطول من الكود height
طبعا استبدل الروابط الموجودة وضع مكانها الروابط الخاصة بك
المثال الاخير
الكود
<div class="textwidget"><span style="color:#6AFB92; font-size:xx-large; font-family:fantasy; font-weight:bold;"><marquee direction="right" scrollamount="3" bgcolor="#333333">نص يتحرك من اليسار الى اليمين بخلفية سوداءوخط اخضر </marquee></span>
النتيجة : - أداة ترجمة مدونتك إلى 34 لغة :
لإضافة أداة ترجمة مدونتك إلى 34 لغة أخرى كما هو واضح في الصورة التالية :
طريقة التركيب :
1- سجل دخولك لحساب مدونتك، وخذ نسخة احتياطية لقالب مدونتك
2- ادخل على " تخطيط" ثم "عناصر الصفحة" ثم اختر "اضافة كود html او java script"
3- اضف الكود التالي :
2- إضافة ساعة انيقة في مدونتك :
مظهر الساعة كما هو واضضح في الصورة التالية :
طريقة التركيب :
1- سجل دخولك لحساب مدونتك، وخذ نسخة احتياطية لقالب مدونتك
2- ادخل على " تخطيط" ثم "عناصر الصفحة" ثم اختر "اضافة كود html او java script"
3- اضف الكود التالي :
لمن أراد تعديل الحدود والحجم فيستطيع ذلك من هنا
3- اضافة ساعة أنيقة لمدونتك مع التاريخ
لإضافة ساعة أنيقة مع التاريخ لمدونتك كما هو واضح في الصورة التالية :
طريقة التركيب :
1- سجل دخولك لحساب مدونتك، وخذ نسخة احتياطية لقالب مدونتك
2- ادخل على " تخطيط" ثم "عناصر الصفحة" ثم اختر "اضافة كود html او java script"
3- اضف الكود التالي :
لمن أراد تعديل الألوان والحجم فيستطيع ذلك من هنا
4- إضافة مواقيت الصلاة حسب مدينة معينة :
لإضافة جدول مواقيت الصلاة لمدينة معينة كما هو واضح في الصورة التالية :
طريقة التركيب :
1- سجل دخولك لحساب مدونتك، وخذ نسخة احتياطية لقالب مدونتك
2- ادخل على " تخطيط" ثم "عناصر الصفحة" ثم اختر "اضافة كود html او java script"
3- اضف الكود التالي :
تستطيع تغيير المدينة وحجم وحدود الاداة من هنا
5- اضافة رسالة ترحيب منبثقة لمدونتك:
كما في الصورة التالي :
من هنا
6- اضافة سجل زوار لمدونتك :
كما هو واضح في الصورة
اضغط هنا
7- اضافة بحث للمدونة :
كما هو واضح في الصورة التالية
من هنا
8- اضافة ايقونة لحفظ مواضيع المدونة كملف PDF :
من هنا
9- اضافة أداة تقييم المواضيع في المدونة بالعربي
من هنا
10 - اضافة شريط اخباري للمدونة :
من هنا
11- اضافة كود "اقرأ المزيد" :
من هنا
12- اضافة أداة "اضفنا للمفضلة" :
من هنا
طريقة التركيب :
1- سجل دخولك لحساب مدونتك، وخذ نسخة احتياطية لقالب مدونتك
2- ادخل على " تخطيط" ثم "عناصر الصفحة" ثم اختر "اضافة كود html او java script"
3- اضف الكود التالي :
كود بلغة HTML:
<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=ar&w=160&h=60&title=&border=&output=js"></script>2- إضافة ساعة انيقة في مدونتك :
مظهر الساعة كما هو واضضح في الصورة التالية :
طريقة التركيب :
1- سجل دخولك لحساب مدونتك، وخذ نسخة احتياطية لقالب مدونتك
2- ادخل على " تخطيط" ثم "عناصر الصفحة" ثم اختر "اضافة كود html او java script"
3- اضف الكود التالي :
كود بلغة HTML:
<script src="http://www.gmodules.com/ig/ifr?url=http://gadgetsplanet.ru/clock/clock105.xml&synd=open&w=320&h=160&title=%D8%A7%D9%84%D8%B3%D8%A7%D8%B9%D8%A9+%D8%A7%D9%84%D8%A2%D9%86&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js"></script>3- اضافة ساعة أنيقة لمدونتك مع التاريخ
لإضافة ساعة أنيقة مع التاريخ لمدونتك كما هو واضح في الصورة التالية :
طريقة التركيب :
1- سجل دخولك لحساب مدونتك، وخذ نسخة احتياطية لقالب مدونتك
2- ادخل على " تخطيط" ثم "عناصر الصفحة" ثم اختر "اضافة كود html او java script"
3- اضف الكود التالي :
كود بلغة HTML:
<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/datetime/datetime.xml&up_color=yellow&up_firstDay=0&synd=open&w=250&h=136&title=%D8%A7%D9%84%D9%88%D9%82%D8%AA+%D9%88%D8%A7%D9%84%D8%AA%D8%A7%D8%B1%D9%8A%D8%AE&lang=ar&country=ALL&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js"></script>4- إضافة مواقيت الصلاة حسب مدينة معينة :
لإضافة جدول مواقيت الصلاة لمدينة معينة كما هو واضح في الصورة التالية :
طريقة التركيب :
1- سجل دخولك لحساب مدونتك، وخذ نسخة احتياطية لقالب مدونتك
2- ادخل على " تخطيط" ثم "عناصر الصفحة" ثم اختر "اضافة كود html او java script"
3- اضف الكود التالي :
كود بلغة HTML:
<script src="http://www.gmodules.com/ig/ifr?url=http://ig.internetplus.biz/prayertimes/ksa.xml&up_country=ksa&up_city=riyadh&synd=open&w=272&h=168&title=%D9%85%D9%88%D8%A7%D9%82%D9%8A%D8%AA+%D8%A7%D9%84%D8%B5%D9%84%D8%A7%D8%A9+%D9%81%D9%8A+%D8%A7%D9%84%D8%B1%D9%8A%D8%A7%D8%B6&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js"></script>5- اضافة رسالة ترحيب منبثقة لمدونتك:
كما في الصورة التالي :
من هنا
6- اضافة سجل زوار لمدونتك :
كما هو واضح في الصورة
اضغط هنا
7- اضافة بحث للمدونة :
كما هو واضح في الصورة التالية
من هنا
8- اضافة ايقونة لحفظ مواضيع المدونة كملف PDF :
من هنا
9- اضافة أداة تقييم المواضيع في المدونة بالعربي
من هنا
10 - اضافة شريط اخباري للمدونة :
من هنا
11- اضافة كود "اقرأ المزيد" :
من هنا
12- اضافة أداة "اضفنا للمفضلة" :
من هنا
