CNMU Smiles For Blogger


آخر المساهمات
الإثنين يناير 15, 2018 3:35 pm
الأربعاء يناير 10, 2018 9:02 pm
الإثنين يناير 08, 2018 8:46 pm
السبت يناير 06, 2018 8:18 pm
السبت يناير 06, 2018 7:32 pm
السبت يناير 06, 2018 7:29 pm
السبت يناير 06, 2018 7:27 pm
السبت يناير 06, 2018 7:25 pm
السبت يناير 06, 2018 7:23 pm

حفظ البيانات | نسيت كلمة السر؟

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



مؤسس الموقع

مؤسس الموقع
معلوماتاضافية
تم التوثيق
جوجل
ذكر
عدد المساهمات : 335
التقييم : 3
تاريخ التسجيل : 18/10/2016
العمر : 25

معاينة صفحة البيانات الشخصي للعضو http://www.mahwos.yoo7.com/
السبت نوفمبر 05, 2016 5:21 pm

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

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


  1. ادخل الى القالب تحريرHTML



  1. فوق هذا الوسم 



  1. <b:skin/>



  1. نضع الكود التالي




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



  1. <body/>




  1. الكود:
    <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'>×</span></div>



وبكدة الحمد لله تمام
:النهاية:



ربَّنَا اغْفِرْ لَنَا ذُنُوبَنَا وَإِسْرَافَنَا فِي أَمْرِنَا وَثَبِّتْ أَقْدَامَنَا وانصُرْنَا عَلَى الْقَوْمِ الْكَافِرِينَ

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

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة

صفحة 1 من اصل 1
مهووس نت :: عالم جوجل:Google :: خدمة Blogger