وضع الاعلانات فوق فيديوهات اليوتيوب على البلوجر

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

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

 

خطوات اضافة بنرات اعلانية فوق فيديوهات 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>

                                               

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