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

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

معاينة

هدا فقط مثال من موقع تريدون,قم بتغيره ×

شرح التركيب

1. اذهب الى لوحة التحكم في بلوجر - تسجيل الدخول 
2. انتقل الي القسم قالب
3. اضغط على تحرير html
4. ضع الكود التالي فوق ]]></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;}

1. بعد دلك اضف الكود التالي فوق هدا الوسم <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>

1. اضف الكود التالي في المكان الدي تريد ان تضهر فيه الاضافة 

<div id='welcomejazairiweb_bar'>هدا فقط مثال من موقع  تريدون,قم بتغيره <span data-target='#welcomejazairiweb_bar' id='close_welcomejazairiweb_bar'>&#215;</span></div>