بسم الله الرحمن الرحيم والصلاة والسلام علي اشرف المرسلين سيدنا ومولانا محمد عليه افضل الصلاة والسلام اما بعد اليوم في تدوينة جديدة السلام عليكم ورحمة الله وبركاتة...
☺☺
اليوم اقدم لكم اضافة حصرية وهي [اضافة هيدر احترافي ومعه خلفية رمضان]وكل عام وانتم بخير رمضان كريم علي كل الامه الاسلامية...
طريقة التركيب
- افتح بلوجر
- ثم قالب ثم تحرير html
- ابحث عن </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>
الخطوة الثانية
- اضف الكود التالي في المكان الذي تريده
<div class='post-slide'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA7cG6LmPgHY_EDzRW7oO13jy80a_cQvzvgXHylecbI86CADoNFqYb6e0j7SzSPHf6atGzZNQ_wSW3fUSEtYX8jFSbC8TYOl6uNyJHX5RzFlIMT95f6ka60tI-vYVKEw2IxuxzkM96E2Nu/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
إرسال تعليق