شرح التركيب
- اذهب الى لوحة التحكم في بلوجر - تسجيل الدخول
- انتقل الي القسم قالب
- اضغط على تحرير html
- ضع الكود التالي فوق ]]></b:skin>
#oi-web-live {border: 5px solid #fff; padding: 10px 10px;background: #29567D url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr3LvAcjTpTt9uZ6xuDVtIaQ1sf5GG0GGgUOEcnH00pwFQy3a32n7KrW67wfmtqyzEyUcXXY-n6w5Tnlw6EKLtB-ALrhJuuU7pfmdcw8rpH_0N5FDwVHjEUNl3oLkzE3cpITJ6tXvLqFU/s1600/header-bg.png) no-repeat left bottom; color: #fff; position: relative; overflow: hidden; }.right-live {position: relative; float: right; }.right-live img { width: 118px;}.left-live { text-align: center; overflow: hidden; position: absolute; right: 0; font-size: 17px; left: 0; width: 550px; top: 40px; margin: 0 auto; display: block; font-weight: normal;font-size: 16px;}.time-live { float: left; margin-top: 10px;text-align: center; z-index: 99999999; font-size: 18px; position: relative; width: 129px; font-family: "Ta3alamFont"; }span#saaa { font-size: 37px; margin-right: 3px; margin-left: 21px; line-height: 46px; }.left-live a:hover { background: #F74047; }.left-live a { margin-right: 10px;margin-top: 6px; border-radius: 3px; transition: 0.2s; color: #fff; display: inline-block; padding: 8px; border: 2px solid #F74047; font-size: 16px; font-weight: normal;}
- وقم بوضع هذا كود html يمكنك اضافته في اي مكان مثلا في الهيدر فوق الفوتر في اداة داخل التخطيط .
<div id='oi-web-live'>
<div class='right-live wow bounceIn animated'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVvbyMMrS4RI379l7MJIVmg_CR3U0yhya7ijtgV3HCFjPXJRuZZIZ_amxlCkEhg14m_DpJZvHR9J9I7CLQmp5cU0cyDUTVNBM1Kk1HVp_XJLzoXoQ4Wp1mMgAEubuyNdIc1cc9-IHqWx8/s256/streaming.png'/></div>
<div class='left-live wow bounceInUp animated'>
<span id='ssgf1'><i class='fa fa-microphone'/>
البث المباشرة مع السيد ‘براهيم للإجابة على تساؤلاتكم التقنية كل خميس فقط. على موقع تريدون</span><a href='#'>قريبا.... <i class='fa fa-spinner fa-spin'/></a></div>
<div class='time-live wow bounceInLeft animated'><i class='fa fa-check-square-o'/>
<span id='saaa'>7</span>:<span id='d9i9a'>30</span>
<span id='ssss'>بتوقيت غرينيتش</span>
</div>
</div>
<div class='clear'/>
قم بتغير الون الاحمر بالوصف برابط صفحة البت الخاص بك
وقم ايضا بتغير والازرق برابط صفحة البت الخاص بك
إرسال تعليق