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

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

إضافة أداة البث المباشر بلوجر

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

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


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

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

كيفية أداة البث المباشر على مدونتك الاصدار الاول :

1 - دخول الى القالب >> تحرير html >> افتح محرك البحث عن الاكواد CTRL+F >> ونبحث عن امر ]]></b:skin> ونضع الكود فوقها مباشرة .

#oi-web-live {border: 5px solid #fff; padding: 10px 10px;background: #29567D url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0zhIHC_HY-Vg858IP7S0uWG6IcOwkXZP8xHYFquZj4AS-ChhI30Qn_0xzNEYMIuJS421cpfh80LwtkSfhW85nEC8IxqSjvOrKMjXhFQSkXHUsHJjxemWSdc9jKMMEmkPsxcOQWLla09o/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;}

2 - سوف ندخل الى التخطيط واضافة اداة HTML/JavaScript واختر لها مكان اما في الاسفل الذي يكون غالبا أو فوق امام سلايدر .

<div id='oi-web-live'><div class='right-live wow bounceIn animated'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuhc8vfvShdG4tYz013CughfytwYiQBIXiyYuYGhyphenhyphenkaXbbtmNaRYGn7tTLuw_WzaIC3GDsTaRJuHvfd0bhIh1ZhSAm6zH4d6maVNz_i6VOHNAVDfBEWNElFVqQdn6Be_DAEmKvMvxwAso/s256/streaming.png'/></div><div class='left-live wow bounceInUp animated'><span id='ssgf1'><i class='fa fa-microphone'/>البث المباشرة مع هاشم للإجابة على تساؤلاتكم التقنية كل يوم. على مدونة هشام هاشم</i></span><a href='#'>قريبا.... <i class='fa fa-spinner fa-spin'/></i></a></div><div class='time-live wow bounceInLeft animated'><i class='fa fa-check-square-o'/><span id='saaa'>9</span>:<span id='d9i9a'>30</span><span id='ssss'>بتوقيت غرينيتش</span></i></div></div>

يمكنك تعير عنوان وتوقيت في الكود :

تغير هذا العنوان الى العنوان المناسب لك : البث المباشرة مع هاشم للإجابة على تساؤلاتكم التقنية كل يوم. على مدونة هشام هاشم