اضافة شريط ترحيبي بتقنية css الي بلوجر

مساء الخيرعليكم حلقة جديدة من مدونة ابراهيم للمعلومات سوف نتطرق الي طريقة لم تنشرها اي مدونة اخري غير مدونة ابراهيم للمعلومات وهي اضافة شريط ترحيبي بتقنية css ويوضع في اي مكان تريده في التخطيط

• عليك الذهاب الي قالب ثم تحرير  html
• نقوم بالبحث علي <b:skin/> نضع الكود فوقها

/* CSS welcome Bar */ #welcomejazairiweb_bar{width:auto;height:auto;display:block;text-align:center;line-height:1.6em;padding:8px 20px;background:#FF0000;color:#fff;position:relative;margin:0 auto 10px 0;font-weight:normal;border-radius:2px;margin-top: 10px;} #welcomejazairiweb_bar a{background:#fff;color:#3498db;padding:2px 6px;border-radius:4px;margin-left:5px} #close_welcomejazairiweb_bar {background:#34495E;border-left: double;display:inline-block;cursor:pointer;padding:8px 15px;position:absolute;top:0px;right:0;font-weight:bold;font-size:25px;border-radius:0 3px 3px 0;}

• بعدها نبحث عن  <body/> وضع الكود  فوقة

<script type='text/javascript'> // Welcome bar var button=document.querySelector(&quot;#close_welcomejazairiweb_bar&quot;);button.addEventListener(&quot;click&quot;,function(){var t=document.querySelector(button.getAttribute(&quot;data-target&quot;));t.style.display=&quot;none&quot;==t.style.display?&quot;block&quot;:&quot;none&quot;});</script>

• اضف الكود التالي في المكان الذي تريد ان يظهر فيها ومن الافضل ان تضعها فوق رسائل المدون 

<div id='welcomejazairiweb_bar'>ضع العبارة الذي تريد ان تظهر <span data-target='#welcomejazairiweb_bar' id='close_welcomejazairiweb_bar'>&#215;</span></div>

 ملحوظة هامة
لتغير  طول الصورة :في الكود الاول يوجد كود باللون "الاحمر"
غيره باي قياس يناسبك
مثل: width:999px