إضافة أفضل هيدر احترافي لمدونة بلوجر

إضافة أفضل هيدر احترافي لمدونة بلوجر 

إضافة أفضل هيدر احترافي لمدونة بلوجر 

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

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

معلومة عن الهيدر الذي بين ايدينا الان :

- إضافة أفضل هيدر احترافي لمدونة بلوجر هي احدى الاضافات التي تعطي جمالية للمدونة أو مكملة للمدونة اذا صح التعبير .

- الهيدر الذي بين ايدينا يظهر لزوار معلوماتك سواء عن المدونة او عنك انت شخصيا ، اظهار العنوان مثل الايميل  او الفيس بوك او سكايب ... ، كما يمكنك ان تغير العنوان بطريقة الخاصة .

- اضافة ثلاث صور تحتوي على رابط موقعك او موقع الاجتماعي او الايميل .

- سهل التركيب في القالب .

- يشتغل مع جميع المدونات بدون استثناء .

- لا يؤثر على حجم الهاتف كما يمكنك اخفائها بالاضافات الخاصة بالهواتف .

كيفية تركيب الهيدر header :

1 - دخول الى القالب >> تحرير html >>  نبحث عن ]]></b:skin> ونضع الكود فوقها مباشرة .

#header-wrap_JW {width: 1170px;background: #4A5667 url(); background-size: cover; margin: 0 auto; height: 240px; margin-bottom: 5px; margin-top: 10px; border: 5px solid #fff; overflow: hidden;}.titlewrapper-jazairiweb {margin: 20px; text-align: center; font-weight: normal; color: rgb(255, 255, 255); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 0.01) 1%,rgba(255, 255, 255, 0.35) 50%,rgba(255, 255, 255, 0) 100%); font-size: 26.3px; font-family: ge_dinar_tworegular; } #pb-footer { margin: auto; background: none; } #pb-footer h2 { margin-bottom: 20px; font-size: 16px; color: #fff; font-family: ge_dinar_tworegular; } #pb-footer h2:before {content: none; position: none; padding:none; background: none; color: none; line-height: none; } .footer-section { padding: 10px; border-left: 1px dashed #BFBFBF; font-weight: normal;float: right;width: 250px; } .footer-section:last-child { border: none; } .footer-section p { width: 160px; color: #BFBFBF;direction: rtl; text-align: justify; font-family: ge_dinar_tworegular; font-size: 12px; line-height: 16px; } .footer-section h4 { font-family: ge_dinar_tworegular;text-align: right; width: 300px; margin-bottom: 5px; margin-top: 5px; font-size: 13px; font-weight: normal; direction: ltr;color: #BFBFBF;} .pdn--vm { padding-top: 10px; padding-bottom: 21px; } .text-center { text-align: center; } .mrg--an { margin: 0;font-family: ge_dinar_tworegular;color: #fff;} #team { margin: 0 auto;text-align: center; }#team img {height: 60px;width: 60px;border-radius: 30px; border: 1px solid #ddd; margin-left: 15px; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #team img:hover { border-color: #3A4755; opacity: 0.80;box-shadow: 0px 0px 18px 18px rgba(80, 80, 80, 0);-webkit-transform: translateY(-4px); transform: translateY(-4px);}

 2 - بعد اضافة الكود نذهب الى التخطيط >> ثم اضافة اداة  >> HTML/JavaScript >> لصق الكود كما في الصورة 

طريقة تعديل على الكود :

- مدونة هشام هاشم للمعلوميات والتقنيات : استبدلها باسم مدونتك ويكون في الوسط .
- موقع هشام هاشم : بأي اسم تريد مثلا موقع كذا وكذا لك كامل الاختيار .
- مرحبا بزوار الكرام أتمنى أن تجدوا ما تبحثون عنه في مدونة هشام هاشم : تغير الى كلمة او تركها مع تغير فقط الاسم 
- الذعم التقني : يمكنك تركها يمكنك اختيار اي اسم 
- info-sati@gmail.com / skype : info-sati : غيرها بالايميل الخاص بك او اي كلمة .
- في فريق العمل : مدير الموقع فقط : قم بتغيير هذه الروابط  الى روابطك الخاصة:  https://www.facebook.com/laroujihicham12 /// www.info-sati.com .
- http://a.top4top.net/p_104oqh53.png : اختر الصورة المناسبة .
- نقوم بتقديم مجموعة من برامج مجانية وشروحات المواضيع بالفيديو والصور كما انطرح العديد من المقالات التي تهم الويندوز ولينكس بالإضافة الى شروحات مواقع والعديد من الدورس تصميمات بلوجر والمساعدة في الحماية و الامن بالإضافة الى حلو مشاكل الكمبيوتر ومشاكل بلوجر : غيرها بمعلومات الموقع و ماهي الخدمة التي تقدم مثلا ،او اي شئ .

تحميل الكود header