مساحة إعلانية

السبت، 17 يناير، 2015

السبت، 17 يناير، 2015

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

Date Widget for blogger
هناك من يحب ان يعلم زواره بالتاريخ الحالي خصوصاً المواقع الإخبارية والتقنية التي تنزل اخبار وتاريخ اليوم يوضح مدى حداثة تلك الأخبار هذه الإضافة هي إعداد وتطوير حصري لكن مدون 
هناك اصدارين من هذه الإضافة الإصدار الأساسي وهي الصيغة العادية للتاريخ ويمكنك رؤية مثال حي كما في النموذج التالي
هذا الإصدار يحتاج بعض الحرفية في الإضافة حتى تنتقي له مكان مناسبب في القالب مثلا في القائمة العلوية او ما الى ذلك وطبعا يصعب توضيح تركيب هذا الإصدار لان كل قالب مختلف عن الآخر لكن من لديه خبرة بسيطة بالقوالب سيكون قادراً على تركيبه
وهذا هو الكود الخاص به اضفه في المكان المناسب
<script src='https://cnmu.googlecode.com/svn/trunk/2015/date-melady.js' type='text/javascript'></script>
ويمكنك استخدام هذا الكود معه لتلوين الخط الاساسي يضاف فوق الوسم ]]></b:skin>
cnmumeladate {color: #fff;}
.fasel {color: #ddd;}
هذا اللون #fff هو لون التالريخ
وهذا #ddd هو لون الفواصل

أما من يريد الكود بشكل منسق كالتالي



يضاف مباشرة في آداة HTML/JavaScript
<style>
#cnmumeladate {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 2px #000;
  display: block;
  height: 120px;
  width: 140px;
}
.cnmdaylabel {
  background-color: #e70307;
  border-bottom: 1px solid #bbb;
  border-radius: 5px 5px 0 0;
  color: #fff;
  float: right;
  font: bold 18px tahoma;
  margin-bottom: 5px;
  padding: 3px 0 5px;
  text-align: center;
  width: 100%;
}
.daylnum {
  color: #555;
  display: block;
  float: right;
  font: bold 70px/70px serif;
  height: 70px;
  overflow: hidden;
  text-align: center;
  width: 80px;
}
.month {
  float: left;
  font: 20px tahoma;
  margin-top: 12px;
  text-align: center;
  width: 60px;
}
.year {
  float: right;
  font: bold 18px serif;
  margin: 2px 5px;
}
.melady {font: bold 18px serif;}
.fasel {display: none;}
</style>
<script src='https://cnmu.googlecode.com/svn/trunk/2015/date-melady.js' type='text/javascript'></script>
يمكنك تغيير اللون الأحمر باللون الذي تريد
تجربة موفقة مع تحياتي

هناك 23 تعليقًا:

  1. موضوع فى غاية الروعة

    ردحذف
    الردود
    1. شكراً أخي الكريم
      هذا من ذوقك يا غالي

      حذف
  2. جزاك الله خيرا

    هل يوجد تقويم للبلوجر زي الي في رود بريس

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

      حذف
  3. موضوع رائع اخي عمرو يعطيك العافية

    ردحذف
    الردود
    1. الحبيب الغالي منير اشتقنا لك يا طيب
      شكراً لمرورك حبيبي

      حذف
  4. موضوع جميل شكرا لك لمساتك على اى موضوع بتخلية اكثر من رائع =y

    ردحذف
    الردود
    1. أحمد باشا ده مرورك يا غالي اللى بيميز الموضوع
      حياك الله يا طيب

      حذف
  5. السلام عليكم.... أول شيء مدونتك رائعة بالنسبة لي أول مدونة أراها تتميز بشكل المنتديات .. تانيا لي مشكالة : لمدا لاتظهر عندي تعليقات بلوجر...... أرجوا الحل....!!!! =y
    www.yozartech.blogspot.com

    ردحذف
    الردود
    1. وعليكم السلام ورحمة الله وبركاته
      أهلا بك أخي الكريم
      بالنسبة لمشكلتك أولا راجع اعدادات المدونة ثم اختار مشاركات وتعليقات وتأكد ان بجانب موقع التعليقات الإختيار مضمن
      ثم ثانيا ادخل على آخر مشاركاتك وحررها وتأكد من اعداداتها ان التعليقات مسموح بها
      ملاحظة يا طيب لدينا ركن للأسئلة يمكنك استخدامه عند وجود سؤال لديك
      http://cnmu.blogspot.com/p/chat.html
      تيحاتي

      حذف
  6. السلام عليكم أخي عمرو تدوينة رائعة واصل بدون فواصل
    انا عندي مشكلة وهي اني قمت بتصميم واجه ولكن يوجد بها Scroll Bar رأسي وافقي واريد ازالته كما تعلم الواجه لا يوجد بها وسم ]]>
    رابط الواجه للمعاينة http://alshabh-trial.blogspot.com/
    ارجو الرد وتحياتي لك

    ردحذف
    الردود
    1. وعليكم السلام ورحمة الله وبركاته
      المشكلة أخي هي خطأ في تصميم بنية القالب
      يجب ان يبنى القالب بشكل مضبوط تماما لتلافي تلك المشاكل
      عموما هناك حل للشريط السفلي بإخفاءه ستجده في هذا الموضوع
      http://cnmu.blogspot.com/2013/06/Popular-blogger-codes.html

      حذف
    2. بالفعل اخي انا شاهدت هذه التدوينة ولكن الواجه لا تحتوي علي وسم ]]>
      فهل يمكنك تمييز الاكواد التي تجعل القالب مضبوط

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

      حذف
    4. اسف أخي ولكن اريد توضيح لك امر لعلي افيدك
      الواجه تختلف في تصميمها عن القوالب لعدم احتواء الواجه علي وسم
      Skin

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

      حذف
  7. http://el-taknia.blogspot.com/
    موقعى ارجوا زيارته
    بالاضافه إلى ان عمرو مصطفى انا لن اعلق لانك رائععععععععععععععععععععععععععععععععععععععععععع جدا
    واتمنى دعم مدونتى وشكرا

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

    أخي الغالي .. هل هنالك نفس الكود بس يكون بالتاريخ الهجري ؟

    ولك أجمل تحية

    ردحذف
    الردود
    1. قريباً بإذن الله سأضيف موضوع للتاريخ الهجري لان هناك فرق بين الكودين خصوصا ان التاريخ الهجري متغير بحسب دورة القمر

      حذف

نسعد ونتشرف بتعليقاتكم
لكن هناك شروط يجب اتباعها لضمان نشر التعليقات
1ان يكون التعليق يخص محتوى الموضوع
2ان لا يحتوي التعليق اى روابط دون داعي
3إن أردت إضافة كود حوله اولا بمحول الأكواد
4أن لا يحتوي التعليق اي الفاظ او اساءات لاى احد
5أى سؤال بعيد عن محتوى الموضوع يرجى استخدام ركن الأسئلة

جميع الحقوق محفوظة لــ كن مدون 2013-2015 ©