كيفية اضافة شريط الاشعارات في بلوجر

Ahmed Elsabagh 12:55 ص 0 التعليقات

كيفية اضافة شريط الاشعارات في بلوجر

السلام عليكم

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

اليوم، سنقوم بشرح كيفية اضافة شريط جديد في مدونات البلوجر ..

هذا الشريط يمكنك من اضافة اي شيئ تريده كالاشعارات الخاصة بالمدونة . 

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

لنمر الان الى شرح كيفية اضافة هذا الشريط الى المدونة :

قم بالذهاب الى لوحة التحكم في بلوجر

قم بالضغط على قالب واختر تحرير html

قم بالبحث عن

قم بلصق الكود التالي تحتها مباشرة :

في الخطوة التالية قم بالبحث على 

]]>

وقم بلصق هذا الكود فوقه مباشر :

/* ----Blogger Notification bar ----- */
#bloggernotificationWrap{
    display: none;
    margin: 0;
    padding: 0;
    position: fixed;
    margin-top: -41px;
    z-index: 999999;
    width: 100%;
    height: 41px;
}
#bloggernotification {
    width: 100%;
    height: 28px;
    margin: 0px;
    padding-top: 7px;
    text-align: center;
    background: none repeat scroll #2E2F2E;
    position: relative;
    box-shadow:0px 1px 3px #666;
    z-index: 9998;
    text-decoration: none;
    color: #cccccc;
    font-family: arial,sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-shadow: 1px 1px 1px #000;
    border-bottom:2px solid #fff;
}

#bloggernotification a{
    text-decoration: none;
    color:#FFFC00;
     font-family: arial,sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-shadow: 1px 1px 1px #000;
    outline: none;
}
#bloggernotification a:hover{
    text-decoration: underline;
}
#bloggernotificationWrap #closebloggernotification{
    display: block;
    position: absolute;
    top: 0;
    right: 23px;
    height: 40px;
    width: 21px;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxgbOX_ZeL-Hns0Pp1WKxLryKE6xXJGcxbRwJbTV9kUEKno623EAVt7SceMMj6M4xwtZAE4uKBETiDvcYdKDuSlf08c4YG5TSFZWM3JDSIuJRICccblxJskxpT-5A-BHYmJRWe9ii7fusx/s400/light.png) no-repeat 0 center;
    cursor: pointer;
}
#bloggernotificationWrap #closebloggernotification:hover{
    background-position: -21px 50%;
}
#bloggernotificationWrap.bottomPosition #closebloggernotification{
    background-position: right 50%;
}
#bloggernotificationWrap.bottomPosition #closebloggernotification:hover{
    background-position: -42px 50%;
}
#bloggernotificationWrap #openbloggernotification{
    display: block;
    position: absolute;
    top: -6px;
    right: 15px;
    padding: 0 7px;
    background: #2E2F2E;
    border-left: 3px solid #fff;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
    cursor: pointer;
    z-index: 1;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
       box-shadow:0px 1px 3px #666;
}
#bloggernotificationWrap #openbloggernotification span{
    display: block;
    width: 21px;
    height: 34px;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxgbOX_ZeL-Hns0Pp1WKxLryKE6xXJGcxbRwJbTV9kUEKno623EAVt7SceMMj6M4xwtZAE4uKBETiDvcYdKDuSlf08c4YG5TSFZWM3JDSIuJRICccblxJskxpT-5A-BHYmJRWe9ii7fusx/s400/light.png) no-repeat right 50%;
}

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

قم بلصق الكود التالي اسفل  

Write Your Notification Message Here

الان يمكنك ادخال الاشعار الذي تريده في "Write Your Notification Message Here."  

لاضافة رابط ادخل الكود التالي تحت الاشعار الذي قمت بالدخاله

Link Text

قم بتغيير  'ADD-URL-HERE' بالرابط الذي تريد ادخاله

قم بتغيير Link Text بالنص الذي تريد ادخاله

وأخيرا قم بحفظ التعديلات التي قمت بادخالها

الى هنا نكون قد انتهينا من الشرح .. أتمنى ان تكون التدوينة مفيدة

والى اللقاء في شرح جديد