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

أخبار عاجلة

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



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

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

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

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

أولا:
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);


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


ليست هناك تعليقات

ما يلفظ من قول إلا لديه رقيب عتيد