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

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

  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> 

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

0 تعليقات على " حصريا اضافة هيدر احترافي بخلفية لبلوجرHeader "