حصريا اضافة هيدر احترافي بخلفية لبلوجرHeader

بسم الله الرحمن الرحيم والصلاة والسلام علي اشرف المرسلين سيدنا ومولانا محمد عليه افضل الصلاة والسلام اما بعد اليوم في تدوينة جديدة السلام عليكم ورحمة الله وبركاتة...
☺☺
اليوم اقدم لكم اضافة حصرية وهي [اضافة هيدر احترافي ومعه خلفية رمضان]وكل عام وانتم بخير رمضان كريم علي كل الامه الاسلامية...

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

  1. افتح بلوجر
  2. ثم قالب ثم تحرير html
  3. ابحث عن </head> واضف الكود التالي فوقه
<style>
/* Featured Slider
      ----------------------------------------------- */
.post-slide img {
    width: 100%;
    height: 538px;
    border-radius: 2px;
}
.post-slide h2 {
    font-size: 50px;
    text-align: center;
    margin: -300px 0px 210px 0px;
    color: #fff;
    text-shadow: 0px 5px 0px rgba(0, 0, 0, 0.20);
}
.post-slide h3 {
    font-size: 35px;
    text-align: center;
    margin: -320px 0px 260px 0px;
    color: #FFF;
    text-shadow: 0px 5px 0px rgba(0, 0, 0, 0.20);
    font-weight: 400;
}
.post-slide h4 {
    font-size: 25px;
    text-align: center;
    margin: -205px 0px 166px 0px;
    color: #fff;
    text-shadow: 0px 5px 0px rgba(0, 0, 0, 0.20);
    font-weight: 400;
    background: rgba(255,255,255,0.40);
    padding: 4px;
    border-radius: 4px;
    cursor: pointer;
}
</style>

 الخطوة الثانية

  1. اضف الكود التالي في المكان الذي تريده
<div class='post-slide'>
<img src='https://3.bp.blogspot.com/-8pP7B0ZuJ8w/WS8AaIL9duI/AAAAAAAADcY/00y_niWEqEQCcGonHlwtE4MuaAsrv9vJACLcB/s1600/2017.png'/>
<h2> تعلم بلوجر معنا </h2>
<h3>بــرو تــك</h3>
<h4>t h 3 p r o - t k . b l o g s p o t . c o m</h4>
</div> 

وغير اللون الحمر فقط !!!

شارك المقال :

إرسال تعليق

 
جميع الحقوق محفوظة عالم المطور | اكتشف |طريق العلم والتقنيه|g10u|Developerworld & تصميم OddThemes & تعريب وتطوير : عالم المدون