العالم التقني | Techniworld العالم التقني | Techniworld

الواجهه

صحة

شرح : تركيب صندوق اشتراك في القناة اليتيوب منبثق

تركيب صندوق اشتراك في القناة اليتيوب منبثق


شرح : تركيب صندوق اشتراك في القناة اليتيوب منبثق



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

إبحث على <body> او <body وضع الكود التالي اسفله مباشرة

<div id='boxes'>
<div class='window' id='dialog'>
<div id='subscribnow'>
<a class='close agree' href='#'><i aria-hidden='true' class='fa fa-times'></i></a><h1>
إشترك الان</h1>
<script src='https://apis.google.com/js/platform.js'></script><div class='but'>
<script>var id='UCsrfRW1P-Kan_Rv79U7NQuA';</script></div>
</div>
</div>
<div id='mask'>
</div>
</div>

كما في الصورة 




لا تنسى تغيير معرف قناتي ب معرفك  UCsrfRW1P-Kan_Rv79U7NQuA

الان إبحث على </b:skin> وضع الكود التالي فوقه مباشرة


/* صندوق اشتراك اضافة*/
#boxes{height:100%;position:fixed;width:100%;z-index:2147483647}
#mask{position:absolute;left:0;top:0;z-index:9000;background-color:#00000091;bottom:0;right:0}
#boxes #subscribnow{background-color:#ffffff;border-radius:4px;margin:200px auto 0;padding:50px 15px;position:relative;text-align:center;width:372px;z-index:9999}
#boxes #subscribnow h1{color:#000000;font-size:30px;margin:0 auto 15px}
#boxes #subscribnow a.close{background-color:#ff0000;color:#ffffff;height:30px;line-height:30px;opacity:1;position:absolute;right:0;top:0;width:30px}


كما في الصورة



الان إبحث على </body> او </body وضع الكود التالي فوقه مباشرة


<script type='text/javascript'>/*<![CDATA[*/
// اضافة صندوق اشتراك في القناة من عبدو تكنولوجي
$("div#boxes a.close.agree,#mask").click(function(){$("div#boxes").fadeOut()});$("#boxes .but").append('<div class="g-ytsubscribe" data-channelid="'+id+'" data-layout="full" data-count="default"></div>')
//]]>
</script>
كما في الصورة 


عن الكاتب

Unknown

Ceo of

التعليقات



جميع الحقوق محفوظة

العالم التقني | Techniworld