الدرس 30كيفية اضافة الاعلانات فوق الفديو في اليوتيوب على مدونة بلوجر

الدرس 30كيفية اضافة الاعلانات فوق الفديو في اليوتيوب على مدونة بلوجر

كيفية اضافة الاعلانات فوق الفديو في اليوتيوب على مدونة بلوجر

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

السلام عليكم ورحمة الله تعالى وبركاته اخواني  الكرام في الدرس رقم "30"   من  سلسلة  دروس بلوجر .

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

خطوات اضافة بنرات اعلانية فوق فيديوهات youtube على  blogger

 اولا نقوم باضافة هذا الكود فوق الوسم : </head>  

<script src='http://yourjavascript.com/4739242120/hghg.js' type='text/javascript'/> <style type='text/css'> #video_wrapper{width:500px;height:400px;} #video_wrapper .ad_container_1058224506{width: 410px; height: 350px; background: rgba(207, 207, 207, 0.53); padding-right: 90px; padding-top: 50px; /* margin: 30px 80px; */ position:absolute; z-index:10001;} #video_wrapper .ad_container_1058224506 .ad_header{background:#999;padding:5px 0;text-align:center;color:#fff;font-size:12px;font-weight:bold;width:300px;} #video_wrapper .ad_container_1058224506 .ad_content{width:300px;height:250px;text-align:center;background:#fff;} #video_wrapper .ad_container_1058224506 .ad_footer{background:#999;padding:5px 0;text-align:center;color:#fff;width:300px;} #video_wrapper .ad_overlay_1058224506{background:#000;filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;width:500px;height:400px;position:absolute;}#player_div{z-index:0;position:absolute;} </style>

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

<div id="jomwebplayer_video"> <div id="video_wrapper"> <div class="ad_container_1058224506" id="ad_container_1058224506"> <div class="ad_content" id="ad_content"> <!-- ads --> كود اعلان هنا <!-- ads --> </div> <div class="ad_footer" id="ad_footer"> <a href="javascript:hideAd('ad_container_1058224506', 'ad_overlay_1058224506');"><img border="0" src="http://i.cubeupload.com/MPUaTT.gif" /></a> </div> </div> <div id="player_div"> ضع رابط مشاركة الفيديو هنا </div> </div> </div> </div>

شاهد الفيديو  التعليمي

تصنيف : دروس بلوجر