تركيب هيدر احترافي لمدونات بلوجر بتقنية الماتيريال ديزاين

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

طريقة التركيب

1- ابحث عن ]]> واضف الكود التالي قبلة (فوقة)

body { margin: 0; padding: 0; direction: rtl; background: #F5F5F5; font-family: Lobster,FontEG; } div#header { background: #455A64; height: 331px; width: 100%; position: relative; z-index: 100; transition: all .5s ease-in-out; overflow: hidden; position: relative; height: 331px; background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhffu3C3xe6u-pizc33_jtGwt0ZIB-KtFYM_wpDfLazqQt6UDITlTPoVFPGmpXcZUoweut4EqtOjAq5UBeoN-FVIP-zJKzFqbmF3YlwAfJ-oRkRgS1iHcvz3nkGsf9NE7vnX6qRwPVeWi8/s1600/Siang.png") repeat fixed rgb(69, 90, 100); text-align: center; } h1, h2, h3, h4 { margin: 0; position: relative; } img.logo { display: block; margin: 0 auto; margin-top: 55px; } p.title { color: #FFF; font-size: 15px; } #navbar { width: 100%; height: auto; overflow: hidden; padding: 0; background-color: #FFFFFF; box-shadow: 0 -6px 14px 3px #1E1E1E; } #navbar ul { margin: 0; padding: 0; margin-right: 330px; } #navbar ul li { float: right; margin: 15px; list-style: none; } #navbar ul li a { color: #2E3D44; text-decoration: none; font-size: 15px; } #navbar ul li a:hover { border-bottom: 2px solid #5D6F79; color: #444; } .home { color: #333; text-decoration: none; font-size: 15px; border: 2px solid #898E92; border-radius: 3px; padding: 10px 10px 10px 10px; } .home:hover { background: #f5f5f5; }

2- ابحث عن  اضف اسفلة

مؤمن محمد

• الرئسية
• بلوجر
• تصميم
• فوتوشوب
• تواصل معنا

نتمني ان تنال اعجابكم الهيدر فاذا كنت تريد ان نستمر في الابداع ادعمنا بتعليق ,بالتوفيق للجميع ♥