تبادل اعلاني جديد من مدونة محترف مصر


الأحد، 9 أكتوبر، 2016

إضافة اداة فوق فوتر للبت المباشر احترافية للبلوجر

3d5b3f39306dc59e04d87db14dc28f17


مرحبا بكم زوار ومتابعي مدونة مذهل ويب اليوم جئتكم بدرس حصري للبلوجر وهم عبارة عن اضافة اداة فوق الفوتر وعملها هو توجيه الزائر الى صفحة البت مباشر مثل التي عند مدونة المحترف ولكنها هذه مطورة واحترافية عن الاخرى وهي ايضا تضفي جمالية للقالب وتجعله احترافي وهاذه الاداة يمكت استعمالها للوصف او لتوجيه الزائر الى صفحة اخرى ....
ويب تيك
ولكي لااطيل عليكم نبدا في الشرح 

اولا توجه الى قالب المدونة وابحث عن الكود التالي
]]></b:skin>
واضف فوقها الكود التالي
#oi-web-live {border: 5px solid #fff; padding: 10px 10px;background: #29567D url(http://3.bp.blogspot.com/-JTpuU7eTzso/VEiGa00vQ3I/AAAAAAAADTU/97Fv4hIrXgg/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://lh3.googleusercontent.com/-EQrOkedTg4U/VyfYeI0G50I/AAAAAAAAGPI/OzfTkwLXLG48uV9UFqmz3qU05pwFJkmSACCo/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'/>
قم بتغيير ما يلي بما تريد
البث المباشرة مع يونس ورضاوي للإجابة على تساؤلاتكم التقنية كل خميس فقط. على مدونة ويب تيك
وقم ايضا بتغير # برابط صفحة البت الخاص بك 
ونتمنى من كل شخص استفاد يترك تعليق لتحفيزنا من اجل المزيد


..يسمح بالنسخ فقط عند ذكرك للمصدر مع رابطة وان لم تفعل تسمى سرقة وستتم متابعتك قانونيا بالتوفيقا. .
.

ليست هناك تعليقات:

إرسال تعليق

جميع الحقوق محفوضة لـ مدونة محترف مصر
صمم بكل من طرف مدونة محترف مصر