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

الجمعة، 2 نوفمبر 2018

اضافة ايقونة pinterest على صور مدونة بلوجر لتهيئة المدونة لمحركات البحث

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

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

ميزة اضافة زر pinterest داخل مدونة بلوجر

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

اشهار مدونة بلوجر من ايقونة pinterest

الصورة التالية توضح لنا بأن مواضيع مدونة كينج نت تم نشرها فى محرك بحث جوجل عن طريق موقع pinterest 

صورة توضح تركيب اضافة ايقونة pinterest

الصورة التالية توضح لنا ظهور ايقونة pinterest على صور مواضيع بلوجر عند وضع مؤشر الماوس عليها 
اذا اعجبتك الاضافة وتريد تركيبها على مدونتك تابع معى طريقة الاضافة 

كيفية اضافة زر pinterest على صور مدونتك

قم بالذهاب الى لوحة تحكم مدونتك ومنها ادخل على التخطيط ثم اضغط على اضافة اداة ومنها اختار HTML/JavaScript كما واضح لنا بالصورة التالية :
بعد اختيار اداة HTML/JavaScript ضع الكود التالى بداخل الاضافة واضغط على زر عملية حفظ 

كود اظهار ايقونة pinterest فى صور بلوجر

<script async='' data-pin-color='white' data-pin-hover='true' src='//assets.pinterest.com/js/pinit.js'/>
اى استفسار يخص هذه المدونة اضف تعليق 

الكود الصحيح لمنع عملية نسخ المواضيع فى مدونة بلوجر

الكود الصحيح لمنع عملية نسخ المواضيع فى مدونة بلوجر لعدم ازعاج الزوار .

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

كود منع عملية نسخ محتوى بلوجر 

الكود الصحيح :
<style>
body {
-webkit-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none;
}
blockquote,.blockquote {
-webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text;
}
</style>

كيفية تركيب كود تعطيل نسخ محتوى بشكل صحيح

قم بالذهاب الى لوحة تحكم مدونتك ومنها ادخل على التخطيط ثم اضغط على اضافة اداة ومنها اختار HTML/JavaScript كما واضح لنا بالصورة التالية :
بعد اختيار اداة HTML/JavaScript ضع الكود السابق بداخلة وبالاخير اضغط على حفظ كما ظاهر لنا بالصورة التالية :
الان قم بالذهاب الى مدونتك لتشاهد النتيجة ستجد عملية نسخ المحتوى تم تعطيلها مع نسخ عملية اكواد الاقتباس وهذا هو الاهم لعدم ازعاج الزوار .

السبت، 8 سبتمبر 2018

حل مشكلة ان اتصالك بهذا الموقع غير امن تماما فى مدونة بلوجر

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

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

درس مهم يجب ان تشاهدة : توفر خدمة HTTPS فى بلوجر وإعادة التوجيه الى النطاق المدفوع مجانا .

حل مشكلة ان اتصالك بهذا الموقع غير امن تماما

فى البداية قم بالذهاب الى لوحة تحكم مدونة بلوجر ومن القائمة اختار المظهر ومنها اضغط على تعديل html .
انت الان داخل كود القالب كل ما عليك ان تظهر خانة البحث بالضغط على ازرر Ctrl+f من لوحة المفاتيح الكيبورد بالأخير ضع داخل خانة البحث هذه الكلمة 
www.
صورة توضيحية :
حل مشكلة ان اتصالك بهذا الموقع غير امن تماما فى مدونة بلوجر

ماذا نفعل الان ؟

كل ما تجد هذه الكلمة الخاصة بالينكات قم بحذفها نهائيا بمعنى قم بحذف www. لاتنسى حذف النقطة 
مثال توضيحى :
https://www.kingnt.com
كما تلاحظون www. المحددة باللون الاحمر يتم حذفها 
اى استفسار بخصوص هذا الدرس قم بوضع تعليق

الأحد، 17 يونيو 2018

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

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


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


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

الجمعة، 15 يونيو 2018

كيفية حذف ملف robots.txt من مدونة بلوجر

كيفية حذف ملف robots.txt من مدونة بلوجر
كيفية حذف ملف robots.txt من مدونة بلوجر بطريقة صحيحة وبدون اخطاء .

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

شرح ايقاف ملف robots.txt داخل مدونة بلوجر

فى البداية تواجهة الى لوحة تحكم مدونة بلوجر ومنها قم بالضغط على اعدادات ثم اختار تفضيلات البحث :
كيفية حذف ملف robots.txt من مدونة بلوجر
من قائمة ‏ملف robots.txt مخصص ؟
ضع علامة على خيار نعم ثم احذف جميع ما بداخل الصندوق وبالاخير اضغط على حفظ التغييرات كما واضح لنا بالصورة التالية :
كيفية حذف ملف robots.txt من مدونة بلوجر

انتهينا الان من هذه المرحلة يجب علينا الذهاب الى ادوات مشرفى المواقع 
وللوصول السريع اضغط على كلمة تعديل امام Google Search Console من وحة تحكم مدونتك كما ظاهر لنا بالصورة التالية :
كيفية حذف ملف robots.txt من مدونة بلوجر
بالطبع انت الان داخل لوحة تحكم ادوات مشرفى المواقع كل ما عليك ان تضغط على الزحف ومنها اختار اختبار robots.txt
كيفية حذف ملف robots.txt من مدونة بلوجر
من الجهة اليمنة ستجد كود ملف robots.txt ماذا تفعل الان ؟
قم بالضغط على زر ارسال 
صورة موضحة :
كيفية حذف ملف robots.txt من مدونة بلوجر
بعد الضغط على زر ارسال ستظهر لك نافذه قم بالضغط على خيار ارسال وبالاخص رقم 3
كيفية حذف ملف robots.txt من مدونة بلوجر
الان ستجد رسالة اسفل الصفحة بعنوان تم بنجاح. يمكنك إعادة تحميل صفحة أداة الاختبار خلال دقيقة للتأكد من الطابع الزمني.
طبعا قم بعملية تحديث الصفحة وستجد كود ملف robots.txt تم حذفه نهائيا كما واضح لنا بالصورة التالية :
كيفية حذف ملف robots.txt من مدونة بلوجر
اى استفسار بخصوص هذا الموضوع قم بوضع تعليق 

الثلاثاء، 5 يونيو 2018

صفحتك غير متوافقة مع الجوّال - جعل الصفحة مناسبة للجوّال

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

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

صورة توضح لنا مشكلة صفحتك غير متوافقة مع الجوّال
صفحتك غير متوافقة مع الجوّال - جعل الصفحة مناسبة للجوّال
الصورة السابقة توضح لنا مشكلة بأحدى صفحات مدونة كينج نت ويوجد تبية اسفل الرابط بعنوان صفحتك غير متوافقة مع الجوّال المحدد باللون الاحمر .

حل مشكلة صفحتك غير متوافقة مع الجوّال

اذا لاحظت بعض الصفحات المضافة فى مدونتك وبالأخص فى بحث جوجل ويوجد تبية بعنوان صفحتك غير متوافقة مع الجوّال كل ما عليك فعلة هو الضغط على رابط صفحتك غير متوافقة مع الجوّال
بالطبع سيتم فتح صفحة من جوجل لتحليل الصفحة الذى يوجد بة المشكلة وبالطبع يجب اثبات بأنك لست برنامج ربوت عن طريق الكابتشا CAPTCHA مثل الصورة التالية :
صفحتك غير متوافقة مع الجوّال - جعل الصفحة مناسبة للجوّال
قم بحل الكابتشا CAPTCHA لاثبات بأنك لست برنامج ربوت بعد الانتهاء ستجد الصفحة تقوم بعملية التحليل فعليك الانتظار كما تلاحظون بالصورة التالية :
صفحتك غير متوافقة مع الجوّال - جعل الصفحة مناسبة للجوّال
بالطبع بعد الانتهاء من عملية الانتظار ستجد رسالة ومشكلة الصفحة مثل الصورة التالية :
صفحتك غير متوافقة مع الجوّال - جعل الصفحة مناسبة للجوّال
من خلال صفحة التحليل ستجد التقرير بعنوان الصفحة غير مناسبة للجوّال يمكن أن تكون هذه الصفحة صعبة الاستخدام على جهاز جوّال وستجد المشكلة ايضا بعنوان المحتوى أوسع من الشاشة .

ماذا نفعل الان لجعل الصفحة مناسبة للجوّال ؟

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

خلاصة مقالة صفحتك غير متوافقة مع الجوّال

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

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

الجمعة، 30 مارس 2018

توفر خدمة HTTPS فى بلوجر وإعادة التوجيه الى النطاق المدفوع مجانا

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

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

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

كيفية تشغيل خدمة HTTPS فى بلوجر للنطاق الخاص

فى البداية قم بالتواجهة الى لوحة تحكم مدونتك 
ومنها اضغط على الاعدادات ثم اساسى 
توفر خدمة HTTPS فى بلوجر وإعادة التوجيه الى النطاق المدفوع مجانا
من الجهة اليمنى ستجد قسم HTTPS واسفلها ‏توفر HTTPS وايضا ‏إعادة التوجيه عبر HTTPS
صورة موضحة :
توفر خدمة HTTPS فى بلوجر وإعادة التوجيه الى النطاق المدفوع مجانا
ماذا نفعل الان لكى يتم التحويل الى HTTPS ؟
بكل بساطة قم بأختيار نعم لتفعيل الخدمة 
صورة موضحة :
توفر خدمة HTTPS فى بلوجر وإعادة التوجيه الى النطاق المدفوع مجانا
بعد تفعيل الخدمة وتشغيل HTTPS ستجد رسالة المعالجة بعنوان :
‏تتم معالجة توفر HTTPS. يُرجى معاودة التحقق لاحقًا.
صورة موضحة :
توفر خدمة HTTPS فى بلوجر وإعادة التوجيه الى النطاق المدفوع مجانا
كما تلاحظون بالصورة السابقة رسالة المعالجة وعملية المعالجة لا تستغرق ساعات طويلة بل 12 او 24 ساعة فقط حتى تجد مدونتك اصبحت بشهادة HTTPS وتوفر الخدمة بالمجان .

اليكم بعض الصور قبل وبعد معاجة توفر HTTPS داخل مدونة كينج نت
صورة قبل توفر HTTPS :
توفر خدمة HTTPS فى بلوجر وإعادة التوجيه الى النطاق المدفوع مجانا
صورة بعد معالجة توفر HTTPS :
توفر خدمة HTTPS فى بلوجر وإعادة التوجيه الى النطاق المدفوع مجانا
كما تلاحظون توفر HTTPS بعناوين مدونة كينج نت 
ملحوظة هامة : اذا كنت تمتلك نطاق خاص بمعنى مدفوع لا تتردد بتشغيل HTTPS لمدونتك لفتح موقعك بشكل صحيح وامن للزائر وهذا ما اكد علية موقع جوجل

الجمعة، 13 أكتوبر 2017

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

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

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

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

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

كيفية حماية مدونتك من الزوار الوهميين

فى البداية اذهب الى لوحة مدونة بلوجر وعن طريق المظهر اضغط على تحرير HTML والان عليك بالبحث عن هذا الكود :
 <head>
قم بوضع هذا الكود التالى اسفلة :
<script type='text/javascript'>
var block = ['hitleap.com', 'alexaboostup.com', 'addmefast.com','ilovehits.com','ADD SITE','ADD SITE'];
for (var b = block.length; b--;) {
if (document.referrer.match(block[b]))
window.location = "https://www.google.com/";
}
</script>
بالاخير اضغط على حفظ 

ملحوظة هامة :
اذا لاحظت بعض الزيارات الغريبة من مصادر غير موثوق فيها وتريد منعها عليك باضافة رابط الموقع بدل كلمة ADD SITE المحددة باللون الاحمر وطبعا مصادر الزيارات متواجدة فى لوحة تحكم مدونة بلوجرعن طريق إحصائيات مصادر حركة الزيارات كما تلاحظون بالصورة التالية :
كيفية ايقاف الزيارات الوهمية لحماية موقعك من العقاب


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

الجمعة، 29 سبتمبر 2017

اضافة ساعة فلاشية رقمية مع التقويم الهجرى والميلادى - اضافات بلوجر

اضافة ساعة فلاشية رقمية مع التقويم الهجرى والميلادى - اضافات بلوجر
اضافة اليوم عبارة عن وضع ساعة فلاشية بسيطة رقمية مع اضافة التقويم الميلادى والهجرى .

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

اذا اعجبتك هذه الاضافة وتريد وضعها فى مدونتك او فى منتداك عليك بمتابعة طريقة التركيب .

شكل الساعة الفلاشية الرقمية :





طبعا كما تلاحظون بالمثال السابق شكل الاضافة 


كيفية تركيب اضافة ساعة فلاشية رقمية مع التقويم


فى البداية اذهب الى لوحة تحكم مدونة بلوجر ثم من صفحة التخطيط اختار اضافة اداة
اضافة ساعة فلاشية رقمية مع التقويم الهجرى والميلادى - اضافات بلوجر
ومنها اختار اضافة HTML/JavaScript :
اضافة ساعة فلاشية رقمية مع التقويم الهجرى والميلادى - اضافات بلوجر
بالاخير ضع هذا الكود :
<style type='text/css'>
.cnmuclock {
  background-color: #000000;
  border: 4px solid #eee;
  border-radius: 8px;
  box-shadow: 0 0 2px #222;
  color: #FF8000;
  display: block;
  font: 68px/80px arial;
  height: 80px;
  margin: 10px auto;
  padding-left: 4px;
  padding-right: 30px;
  position: relative;
  width: 195px;
}
.cnmuclock span {float: left;  margin: 0 4px;}
.ceconds {
  font-size: 12px;
  position: absolute;
  right: 7px;
  top: -5px;
}
.cspahmsa {
  font-size: 12px;
  top: 10px;
  position: absolute;
  right: 5px;
}
.cfasel2 {display: none;}
</style>
<script type='text/javascript'>
//<![CDATA[
var _0x3512=["\x41\x4D","\x67\x65\x74\x48\x6F\x75\x72\x73","\x67\x65\x74\x4D\x69\x6E\x75\x74\x65\x73","\x67\x65\x74\x53\x65\x63\x6F\x6E\x64\x73","\x72\x65\x6E\x64\x65\x72\x54\x69\x6D\x65\x28\x29","\x50\x4D","\x30","\x63\x6E\x6D\x75\x63\x6C\x6F\x63\x6B","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64","\x74\x65\x78\x74\x43\x6F\x6E\x74\x65\x6E\x74","\x3A","\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C","\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x63\x68\x6F\x75\x72\x73\x22\x3E","\x3C\x2F\x73\x70\x61\x6E\x3E","\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x63\x66\x61\x73\x65\x6C\x20\x63\x66\x61\x73\x65\x6C\x31\x22\x3E","\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x63\x6D\x69\x6E\x75\x74\x65\x73\x22\x3E","\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x63\x66\x61\x73\x65\x6C\x20\x63\x66\x61\x73\x65\x6C\x32\x22\x3E","\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x63\x65\x63\x6F\x6E\x64\x73\x22\x3E","\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x63\x73\x70\x61\x68\x6D\x73\x61\x22\x3E"];function renderTime(){var _0x554cx2= new Date();var _0x554cx3=_0x3512[0];var _0x554cx4=_0x554cx2[_0x3512[1]]();var _0x554cx5=_0x554cx2[_0x3512[2]]();var _0x554cx6=_0x554cx2[_0x3512[3]]();setTimeout(_0x3512[4],1000);if(_0x554cx4==0){_0x554cx4=12}else {if(_0x554cx4>12){_0x554cx4=_0x554cx4-12;_0x554cx3=_0x3512[5]}};if(_0x554cx4<10){_0x554cx4=_0x3512[6]+_0x554cx4};if(_0x554cx5<10){_0x554cx5=_0x3512[6]+_0x554cx5};if(_0x554cx6<10){_0x554cx6=_0x3512[6]+_0x554cx6};var _0x554cx7=document[_0x3512[8]](_0x3512[7]);_0x554cx7[_0x3512[9]]=_0x554cx4+_0x3512[10]+_0x554cx5+_0x3512[10]+_0x554cx6+_0x554cx3;_0x554cx7[_0x3512[11]]=_0x3512[12]+_0x554cx4+_0x3512[13]+_0x3512[14]+_0x3512[10]+_0x3512[13]+_0x3512[15]+_0x554cx5+_0x3512[13]+_0x3512[16]+_0x3512[10]+_0x3512[13]+_0x3512[17]+_0x554cx6+_0x3512[13]+_0x3512[18]+_0x554cx3+_0x3512[13]}renderTime()
//]]>
</script>
<div class='cnmuclock' id='cnmuclock'></div>
<p align="center"><script language="JavaScript">
var fixd;
function isGregLeapYear(year)
{
return year%4 == 0 && year%100 != 0 || year%400 == 0;
}

function gregToFixed(year, month, day)
{
var a = Math.floor((year - 1) / 4);
var b = Math.floor((year - 1) / 100);
var c = Math.floor((year - 1) / 400);
var d = Math.floor((367 * month - 362) / 12);
if (month <= 2)
e = 0;
else if (month > 2 && isGregLeapYear(year))
e = -1;
else
e = -2;
return 1 - 1 + 365 * (year - 1) + a - b + c + d + e + day;
}
function Hijri(year, month, day)
{
this.year = year;
this.month = month;
this.day = day;
this.toFixed = hijriToFixed;
this.toString = hijriToString;
}
function hijriToFixed()
{
return this.day + Math.ceil(29.5 * (this.month - 1)) + (this.year - 1) * 354 +
Math.floor((3 + 11 * this.year) / 30) + 227015 - 1;
}
function hijriToString()
{
var months = new Array("محرم","صفر","ربيع أول","ربيع ثانى","جمادى أول","جمادى ثانى","رجب","شعبان","رمضان","شوال","ذو القعدة","ذو الحجة");
return this.day + " " + months[this.month - 1]+ " " + this.year;
}
function fixedToHijri(f)
{
var i=new Hijri(1100, 1, 1);
i.year = Math.floor((30 * (f - 227015) + 10646) / 10631);
var i2=new Hijri(i.year, 1, 1);
var m = Math.ceil((f - 29 - i2.toFixed()) / 29.5) + 1;
i.month = Math.min(m, 12);
i2.year = i.year;
i2.month = i.month;
i2.day = 1;
i.day = f - i2.toFixed() + 1;
return i;
}
var tod=new Date();
var weekday=new Array("الأحد","الإثنين","الثلاثاء","الأربعاء","الخميس","الجمعة","السبت");
var monthname=new Array("يناير","فبراير","مارس","إبريل","مايو","يونيو","يوليو","أغسطس","سبتمبر","أكتوبر","نوفمبر","ديسمبر");
var y = tod.getFullYear();
var m = tod.getMonth();
var d = tod.getDate();
var dow = tod.getDay();
document.write(weekday[dow] + " " + d + " " + monthname[m] + " " + y);
m++;
fixd=gregToFixed(y, m, d);
var h=new Hijri(1421, 11, 28);
h = fixedToHijri(fixd);
document.write("  - " + h.toString() + "   &nbsp;&nbsp;");
</script></p>

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

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

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

اضافة اخر المشاركات متنوعة الاشكال ومنتشرة كثيرة عبر المدونات والمنتديات واليكم اهم واجدد الاشكال من اضافة اخر المشاركات عبر المواضيع التالية لعل تعجبكم :
اضافة عناوين اخر المواضيع في بلوجر من قسم معين - اضافات بلوجر .
اضافة اخر المشاركات من اقسام مدونة بلوجر بشكل مرقم - اضافات بلوجر .

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

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

كيفية اضافة اخر المشاركات من قسم معين 

فى البداية اذهب الى لوحة تحكم مدونة بلوجر ثم من صفحة التخطيط اختار اضافة اداة
اضافة عناوين اخر المواضيع في بلوجر من قسم معين - اضافات بلوجر
ومنها اختار اضافة HTML/JavaScript :
اضافة عناوين اخر المواضيع في بلوجر من قسم معين - اضافات بلوجر
بالاخير ضع هذا الكود :
<style type="text/css">
#rc-plus {width:300px;margin:0;padding:10px;overflow:hidden;border:1px solid #ccc;background:#fff}
.rc-plus h2{background:#B60202;color:#fff;line-height:1.6em;margin:0 0 10px;padding:4px 10px;font-weight:bold}
.rc-plus ul{list-style:none;margin:0;padding:0}
.rc-plus li{text-indent:0;background:url(http://lh5.ggpht.com/_PAuO_he0N0k/TRV_Oku19aI/AAAAAAAAACE/rXs7F4X9HcQ/tag_blue.gif) no-repeat 0 7px;line-height:1.5em;margin:0;padding:2px 0 2px 15px}
.rc-plus h2 a:link, .rc-plus h2 a:visited {color:#fff}
</style>
<div id="rc-plus" class="rc-plus">
<h2><a href="http://www.kingnt.com/search/label/الربح من الانترنت">الربح من الانترنت</a></h2>
<script type='text/javascript'>
numposts = 3; list1 = 1; sumPosts = 168;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(a, b) {
    var s = a.split("<");
    for (var i = 0; i < s.length; i++) {
        if (s[i].indexOf(">") != -1) {
            s[i] = s[i].substring(s[i].indexOf(">") + 1, s[i].length)
        }
    }
    s = s.join("");
    s = s.substring(0, b - 1);
    return s
}
function showrecentposts(e) {
    img = new Array();
    for (var i = 0; i < numposts; i++) {
        var f = e.feed.entry[i];
        var g = f.title.$t;
        var h;
        if (i == e.feed.entry.length) break;
        for (var k = 0; k < f.link.length; k++) {
            if (f.link[k].rel == 'alternate') {
                h = f.link[k].href;
                break
            }
        }
        if ("content" in f) {
            var j = f.content.$t
        } else if ("summary" in f) {
            var j = f.summary.$t
        } else
        var j = "";
        s = j;
        a = s.indexOf("<img");
        b = s.indexOf("src=\"", a);
        c = s.indexOf("\"", b + 5);
        d = s.substr(b + 5, c - b - 5);
        if ((a != -1) && (b != -1) && (c != -1) && (d != "")) img[i] = d;
        var l = '<table border="0" cellpadding="0" cellspacing="0" style="margin-bottom:5px;border-bottom:double #eee"><tr><td><img width="110" height="85" src="' + img[i] + '" align="left" border="0" title="' + g + '" alt="' + g + '" style="margin:5px 10px 0 0"><a href="' + h + '"><b>' + g + '</b></a><p style="margin:0;padding:5px 0 10px">' + removeHtmlTag(j, sumPosts) + ' ...</p></td></tr></table>';
        var m = '<li><a href="' + h + '">' + g + '</a></li>';
        if ((i >= 0) && (i < list1)) {
            var n = l
        }
        if (i == list1) {
            var n = '<div class="rc-plus"><ul>' + m
        }
        if ((i > list1) && (i < numposts - 1)) {
            var n = m
        }
        if (i == numposts - 1) {
            var n = m + '</ul></div>'
        }
        document.write(n)
    }
}
document.write("<script src=\"http://www.kingnt.com/feeds/posts/default/-/الربح من الانترنت?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
//]]>
</script>
</div>

قبل ان تقوم بعملية الحفظ عليك بمعمل هذه التغييرات البسيطة :
  • الكود المحدد باللون الاحمر وبالاخص كلمة الربح من الانترنت هى مخصصة لعنوان الاضافة الذى يظهر بأعلى الاضافة عندما تريد وضع عنوان الاضافة قم بتغيير كلمة الربح من الانترنت المحدديين باللون الاحمر .


  • الكود المحدد باللون الازرق وبالاخص كلمة الربح من الانترنت هى مخصصة باسم الاقسم قم بتغييرها الى الاقسم الذى تريدة .


  • كلمة numposts = 3 المحددة باللون الاخصر هى مخصصة باظهار عدد المواضيع عليك بتغيير رقم 3 الى الرقم الذى تريدة .


  • الكود المحدد باللون السماوى وبالأخص هذا الكود #B60202 هو المسؤول عن لون عنوان الاضافة .
بالأخير اضغط على حفظ 
اتمنى بأن الاضافة اعجبت الجميع وانتظرونى قريبا سأضع المزيد من الاضافات واى استفسار بخصوص هذه الاضافة او اى مشكلة تواجهك بعد تركيبها قم بوضع تعليق .


الجمعة، 22 سبتمبر 2017

اضافة عناوين اخر المواضيع في بلوجر من قسم معين - اضافات بلوجر

اضافة عناوين اخر المواضيع في بلوجر من قسم معين - اضافات بلوجر
فى احدى الدروس السابقة من قسم دروس بلوجر وضعت لكم اضافة اخر المشاركات مع مصغرات الصور عبر العنوان التالى : اضافة اخر المشاركات من اقسام مدونة بلوجر بشكل مرقم - اضافات بلوجر وكانت الاضافة اكثر من رائعة وتستحق التركيب فى المدونة .

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

صورة من اضافة عناوين اخر المواضيع 

اضافة عناوين اخر المواضيع في بلوجر من قسم معين - اضافات بلوجر
وكما تلاحظون شكل الاضافة اعتقد تصميم بسيط وبشكل احترافى وبدون ان تسبب اى ثقل للمدونة فأذا اعجبتك هذه الاضافة وتريد تركيبها الى مدونتك فعليك بمتابعة طريقة التركيب .
طريقة تركيباضافة عناوين اخر المواضيع في بلوجر
فى البداية اذهب الى لوحة تحكم مدونة بلوجر ثم من صفحة التخطيط اختار اضافة اداة
اضافة عناوين اخر المواضيع في بلوجر من قسم معين - اضافات بلوجر
ومنها اختار اضافة HTML/JavaScript :
اضافة عناوين اخر المواضيع في بلوجر من قسم معين - اضافات بلوجر
بالاخير ضع هذا الكود :
<div class="recentpoststyle">
<script type="text/javascript">
function showlatestposts(e){for(var t=0;t<posts_no;t++){var r,s=e.feed.entry[t],n=s.title.$t;if(t==e.feed.entry.length)break;for(var a=0;a<s.link.length;a++)if("alternate"==s.link[a].rel){r=s.link[a].href;break}n=n.link(r);var i="... اكمل القراءة";i=i.link(r);var l=s.published.$t,o=l.substring(0,4),u=l.substring(5,7),c=l.substring(8,10),m=new Array;if(m[1]="Jan",m[2]="Feb",m[3]="Mar",m[4]="Apr",m[5]="May",m[6]="Jun",m[7]="Jul",m[8]="Aug",m[9]="Sep",m[10]="Oct",m[11]="Nov",m[12]="Dec","content"in s)var d=s.content.$t;else if("summary"in s)var d=s.summary.$t;else var d="";var v=/<\S[^>]*>/g;if(d=d.replace(v,""),document.write('<li class="recent-post-title">'),document.write(n),document.write('</li><div class="recent-post-summ">'),1==post_summary)if(d.length<summary_chars)document.write(d);else{d=d.substring(0,summary_chars);var f=d.lastIndexOf(" ");d=d.substring(0,f),document.write(d+" "+i)}document.write("</div>"),1==posts_date&&document.write('<div class="post-date">'+m[parseInt(u,10)]+" "+c+" "+o+"</div>")}}
</script>
<script type="text/javascript">
var posts_no = 3;var posts_date = false;var post_summary = true;var summary_chars = 80;</script>
<script src="/feeds/posts/default/-/مقالات?orderby=published&amp;alt=json-in-script&amp;callback=showlatestposts">
</script>
<noscript>Your browser does not support JavaScript!</noscript>

<style type="text/css">
.recentpoststyle {counter-reset: countposts;list-style-type: none;}
.recentpoststyle a {text-decoration: none;color: #B60202;font-family:Droid Arabic kufi,Arial,Helvetica,Sans-serif;font-size:10px;line-height: 30px;font-weight:normal;}
.recentpoststyle li:before {content: counter(countposts,decimal);counter-increment: countposts;float: left;z-index: 1;position:relative;font-size: 15px;font-weight: bold;color:#fff;background:#B60202; margin:13px 5px 0px -6px;line-height:30px;width:30px;height:30px;text-align:center;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}li.recent-post-title{margin-bottom: 5px;padding: 0;}
.recent-post-title a {color: #444;text-decoration: none;font: bold 13px "Avant Garde",Avantgarde,"Century Gothic",CenturyGothic,AppleGothic,sans-serif;}
.post-date {font-size: 11px;color: #999;margin:5px 0px 15px 32px;}
.recent-post-summ {border-left:1px solid #B60202; color: #777; padding: 0px 5px 0px 20px; margin-left: 10px; font-family:Droid Arabic kufi,Arial,Helvetica,Sans-serif;font-size:10px;line-height: 30px;font-weight:normal;}
</style></div> 
قبل الحفظ قم بعمل هذه التغييرات :

  • رقم 3 المحدد باللون الازرق خاص بأظهار عدد المواضيع 
  • رقم 80 المحدد باللون الاخضر خاص بعدد مقتطفات الموضوع
  • كلمة مقالات المحددة باللون الاحمر قم بتغييرها الى القسم الذى يناسبك 
فى الاخير قم بالضغط على حفظ

اتمنى بأن موضوع اضافة عناوين اخر المواضيع في بلوجر من قسم معين - اضافات بلوجر نال على اعجابكم وان شاء الله فى القريب العاجل سأضع لكم بعض الاضافات المميزة واى استفسار قم بوضع تعليق .



اضافة اخر المشاركات من اقسام مدونة بلوجر بشكل مرقم - اضافات بلوجر

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

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

الاضافة كاملة والكمال لله وحدة بمعنى لايوجد ملفات جافا سكربت مرفوعة على سيرفر اخر بل جميع محتوى الاضافة ستكون متواجدة فى مدونتك وملكا لك .

مميزات اضافة اخر المشاركات من قسم محدد


  • صورة مصغرة
  • عنوان المشاركة
  • عدد التعليقات
  • عرض التاريخ
  • اقراءة المزيد
  • عدد المواضيع

صورة اضافة اخر المشاركات من اقسام المدونة


اضافة اخر المشاركات من اقسام مدونة بلوجر بشكل مرقم - اضافات بلوجر
وكما تلاحظون شكل الاضافة اعتقد بأنها اضافة مميزة ومن اهم اضافات بلوجر 

شرح تركيب اضافة اخر المشاركات فى مدونة بلوجر

فى البداية اذهب الى لوحة تحكم مدونة بلوجر ثم من صفحة التخطيط اختار اضافة اداة
اضافة اخر المشاركات من اقسام مدونة بلوجر بشكل مرقم - اضافات بلوجر
ومنها اختار اضافة HTML/JavaScript :
اضافة اخر المشاركات من اقسام مدونة بلوجر بشكل مرقم - اضافات بلوجر
بالاخير ضع هذا الكود :
<script type="text/javascript">
function showlatestpostswiththumbs(t){document.write('<ul class="recent-posts-container">');for(var e=0;e<posts_no;e++){var r,n=t.feed.entry[e],i=n.title.$t;if(e==t.feed.entry.length)break;for(var o=0;o<n.link.length;o++){if("replies"==n.link[o].rel&&"text/html"==n.link[o].type)var l=n.link[o].title,m=n.link[o].href;if("alternate"==n.link[o].rel){r=n.link[o].href;break}}var u;try{u=n.media$thumbnail.url}catch(h){s=n.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),u=-1!=a&&-1!=b&&-1!=c&&""!=d?d:"https://2.bp.blogspot.com/-C3Mo0iKKiSw/VGdK808U7rI/AAAAAAAAAmI/W7Ae_dsEVAE/s1600/no-thumb.png"}var p=n.published.$t,f=p.substring(0,4),g=p.substring(5,7),v=p.substring(8,10),w=new Array;if(w[1]="Jan",w[2]="Feb",w[3]="Mar",w[4]="Apr",w[5]="May",w[6]="Jun",w[7]="Jul",w[8]="Aug",w[9]="Sep",w[10]="Oct",w[11]="Nov",w[12]="Dec",document.write('<li class="recent-posts-list">'),1==showpoststhumbs&&document.write('<a href="'+r+'"><img class="recent-post-thumb" src="'+u+'"/></a>'),document.write('<div class="recent-post-title"><a href="'+r+'" target ="_top">'+i+"</a></div>"),"content"in n)var A=n.content.$t;else if("summary"in n)var A=n.summary.$t;else var A="";var k=/<\S[^>]*>/g;if(A=A.replace(k,""),1==post_summary)if(A.length<summary_chars)document.write(A);else{A=A.substring(0,summary_chars);var y=A.lastIndexOf(" ");A=A.substring(0,y),document.write(A+"...")}var _="",$=0;document.write('<br><div class="recent-posts-details">'),1==posts_date&&(_=_+w[parseInt(g,10)]+" "+v+" "+f,$=1),1==readmorelink&&(1==$&&(_+=" | "),_=_+'<a href="'+r+'" class="url" target ="_top">Read more</a>',$=1),1==showcommentslink&&(1==$&&(_+=" <br> "),"1 Comments"==l&&(l="1 Comment"),"0 Comments"==l&&(l="No Comments"),l='<a href="'+m+'" target ="_top">'+l+"</a>",_+=l,$=1),document.write(_),document.write("</div>"),document.write("</li>")}document.write("</ul>")}
</script>
<script type="text/javascript">
var posts_no = 4;
var showpoststhumbs = true;
var readmorelink = false;
var showcommentslink = false;
var posts_date = false;
var post_summary = false;
var summary_chars = 40;</script>
<script src="/feeds/posts/default/-/الربح من الانترنت?orderby=published&alt=json-in-script&callback=showlatestpostswiththumbs"></script>

<noscript>Your browser does not support JavaScript!</noscript>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>

<style type="text/css">
img.recent-post-thumb{padding:2px;width:65px;height:65px;float:left;margin:0px 10px 10px;border: 1px solid #B60202;}
.recent-posts-container {font-family:'Oswald', sans-serif;font-size:12px;}
ul.recent-posts-container li{list-style-type: none; margin-bottom: 10px;font-size:12px;float:left;width:100%}
ul.recent-posts-container {counter-reset: countposts;list-style-type:none;padding:0;}
ul.recent-posts-container li:before {content: counter(countposts,decimal);counter-increment: countposts;z-index: 1;position:absolute; left: 0px; font-size: 13px;font-weight: bold;color: #fff;background: #B60202;line-height:25px;height:25px;width:25px;text-align:center;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.recent-posts-container a{text-decoration:none;}
.recent-post-title {margin-bottom:5px;}
.recent-post-title a {font-family:Droid Arabic kufi,Arial,Helvetica,Sans-serif;font-size:11px;line-height: 30px;font-weight:normal; text-transform: uppercase; color: #336699;}
.recent-posts-details {margin: 5px 0px 0px 92px;font-size:11px;}
.recent-posts-details a{color: #777;}
</style>
<div id="thumb" class="thumb"></div>
قبل عملية الحفظ عليك بمعرفة محتوى الكود لكى تعرف كيفية اظهار التعليقات ومقتطف من الموضوع والتاريخ وكلمة اقراءة المزيد وعدد التعليقات .............
  • رقم 4 المحدد باللون الاحمر عدد المواضيع .
  • كلمة true اظهار وكلمة false اخفاء بمعنى اذا كنت تريد اظهار خاصية عدد التعليقات مثلا عليك بوضع كلمة true واذا كنت تريد مثلا اخفاء كلمة اقراءة المزيد بالطبع سنضع كلمة false تابع معى التحكم :

showpoststhumbs المحدد باللون الاخضر خاص باظهار الصورة 
readmorelink المحدد باللون الازرق خاص بأظهار كلمة اقراءة المزيد
showcommentslink المحدد باللون الاورنج خاص بأظهار عدد التعليقات
posts_date  المحدد باللون الروز خاص بأظهارتاريخ المشاركة
post_summary المحدد باللون السماوى خاص بأظهار مقتطف من الموضوع
  • رقم 40 المحدد باللون الاحمر خاص بعدد احرف مقتطفات محتوى الموضوع
  • كلمة الربح من الانترنت قم بتغييرها الى القسم الذى تريدة
بالاخير اضغط على حفظ
اتمنى بأن مدونة كينج نت تضع لكم اهم دروس بلوجر تفيد المستخدم العربى واى استفسار قم بوضع رد عبر التعليقات  واتمنى ايضا بأن موضوع اضافة اخر المشاركات من اقسام مدونة بلوجر بشكل مرقم - اضافات بلوجر اعجبكم وانتظرونى باضافة جديدة فى القريب العاجل .