بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
طريقة التركيب
افتح بلوجر
ثم قالب ثم تحرير 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://1.bp.blogspot.com/-sDzXVjiR0NI/XkeljnTWnVI/AAAAAAAAAsQ/K_N2LT4hbGoOnyvPBZCFLwj3QoAE-jepwCLcBGAsYHQ/s1600/%25D9%2587%25D9%258A%25D8%25AF%25D8%25B1%2B%25D8%25A7%25D8%25AD%25D8%25AA%25D8%25B1%25D8%25A7%25D9%2581%25D9%258A%2B%25D8%25A8%25D8%25AE%25D9%2584%25D9%2581%25D9%258A%25D8%25A9%2B%25D8%25B1%25D9%2585%25D8%25B6%25D8%25A7%25D9%2586%25D9%258A%25D8%25A9%2B%25D9%2584%25D8%25A8%25D9%2584%25D9%2588%25D8%25AC%25D8%25B1.png'/>
<h2> ادد المعرفة </h2>
<h3>الدال علي الخير كفاعله</h3>
<h4>add-m3rfa.blogspot.com</h4>
</div>
هتغير دوله بس
كود:
<h2> ادد المعرفة </h2>
<h3>الدال علي الخير كفاعله</h3>
<h4>add-m3rfa.blogspot.com</h4>
هتغيرهم ب الي انتا عوزو
عفواً لايمكن عرض الرابط إلا بعد الرد على الموضوع