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

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

BEKKI MHAMED
الصفحة الرئيسية


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

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

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

نبدأ على بركة الله .

أولا:
1 - إذهب إلى قالب بلوجر .
2 - إذهب الى التخطيط .
3 - إضافة أداة HTML/JavaScript .


4 - ثم ضع الكود التالي و احفظه .


<script type="text/javascript">function ks_style_v4_popup(){document.getElementById('ks-style-v4-popup-main').style.display='block'}setTimeout('ks_style_v4_popup();',1000);</script><style type="text/css">* html #mkstylepopupdiv {position:absolute;} #mkstylepopupdiv {z-index:999;display:block;top:0;left:0;width:100%;height:100%;position:fixed;background-image:url(http://3.bp.blogspot.com/--QwfQi4MAE4/U0a5LnWN_SI/AAAAAAAAHic/r48Jeq7Vlzc/s1600/mkspir.png);overflow-y:auto;margin:0;} .mkstylepopup {width:230px;height:350px;position:fixed;top:50%;left:50%;margin-top:-095.5px;margin-left:-159.5px;} #mkstylepopup {overflow:none;background-image:url(https://lh3.googleusercontent.com/-L10tci9veqs/Wa7wTU8cx_I/AAAAAAAAAIU/wP_9PG4wpWcKL2UljB_earMSLiIN2TxlgCLcBGAs/h120/2017-09-05_19-58-38.jpg);background-repeat:no-repeat;} #mkstylepopup #mkstylepopupdivytsubscribe {position:absolute;top:64px;left:72px;} #mkstylepopup #mkstylepopupdivgetthis { top:10px;left:10px;} form#mkstylepopup {display:block;margin:0;} form#mkstylepopup #ksfield {position:absolute;top:251px;left:220px;width:341px;font-size:16px;border:none;background:transparent;padding:10px;} form#mkstylepopup #ksbutton {position:absolute;left:563px;top:251px;width:108px;height:43px;border:none;background:transparent;} #mkstylepopup #copyright {position:absolute;left:670pxtop:331px;width: 110px;}#mkstylepopup #copyright a{font-size:10px;color: #999;font-family: Electrolize , Arial, sans-serif;}</style><!--[if lte IE 6]><style type="text/css">/*<![CDATA[*/html {overflow-x:auto; overflow-y:hidden;}/*]]>*/</style><![endif]--><div id="ks-style-v4-popup-main" style="display:none;"><div id="mkstylepopupdiv"><div id="mkstylepopup" class="mkstylepopup"><div id="mkstylepopupdivfblikebutton"><div id="fb-root"></div><script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.3"; fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script> <div id="mkstylepopupdivytsubscribe"><script src="https://apis.google.com/js/platform.js"></script><div class="g-ytsubscribe" data-channelid="هنا ضع أي دي خاص بقناتك" data-layout="default" data-count="default"></div></div><center style="color:#000;cursor:pointer;float:right;margin-right:0px;margin-top:0px;" onmouseup="document.getElementById('mkstylepopupdiv').style.display='none'"><img src="http://s26.postimg.org/aor3lzvk5/closebtnks.png"/></center></div></div></div></div>

وقبل الحفظ ابحث عن هذا كود  و ضع كود القناة الخاصة بك

<script src="https://apis.google.com/js/platform.js"></script><div class="g-ytsubscribe" data-channelid="هنا ضع أي دي خاص بقناتك" data-layout="default" data-count="default"></div>

ثم قم بتغير الصورة التالية بالصورة الخاصة بك بإستعمال فوتوشوب


background-image:url(https://lh3.googleusercontent.com/-L10tci9veqs/Wa7wTU8cx_I/AAAAAAAAAIU/wP_9PG4wpWcKL2UljB_earMSLiIN2TxlgCLcBGAs/h120/2017-09-05_19-58-38.jpg);


في الأخير قم بحفظ القالب وو أليك النتيجة :


google-playkhamsatmostaqltradent