اضافة زر الاشتراك الخاص باليوتيوب بشكل جديد



اضافة زر الاشتراك الخاص باليوتيوب بشكل جديد


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


طريقة التركيب ببساطة اضف كود الزر في آداة HTML/JavaScript


وهذا هو الكود


<style>
.abdelalilebbihi22 {
background: url(https://lh6.googleusercontent.com/proxy/z7Fa3M2BS3qgu6QRmsy9xCs929xSbOAEpnzEVL27YIPF8SKOg6GxcD1Ttwk1ARYL_4UoFGbIWJY=s0-d);
    float: right;
    background-size: auto 98%;
    direction: ltr;
    margin-top: 18px;
    border-radius: 5px;
    background-position: right;
    background-repeat: no-repeat;
    background-color: #fff;
    width: 100%;
}
#abdelalilebbihi4 {
background: none;
    color: #606060;
    line-height: 20px;
    box-shadow: none;
    text-align: left;
    font-weight: 500;
    padding: 11px 10px 5px 10px;
    width: 80%;
    font-size: 13px;
}
.abdelalilebbihi22 a {
    display: block;
    float: none; text-align:center;
    margin: 10px 34px 9px 12px;
}
.abdelalilebbihi22 img {
    width: 110px;
    float: left;
    margin-bottom: 35px;
    margin-left: 22px;}
.abdou22 {
    float: left;
    margin-bottom: 20px;
    margin-left: 22px;
}

</style>
<div class="abdelalilebbihi22">
<h4 id="appboxdownh4">اشترك في قناتي الرسمية</h4>
<div class="abdou22">
<a href="https://www.youtube.com/channel/UCUfaK9PIgh_IAt-8pUjdYdw" target="_blank">
<script src="https://apis.google.com/js/platform.js"></script>
<script>
  function onYtEvent(payload) {
    if (payload.eventType == 'subscribe') {
      // Add code to handle subscribe event.
    } else if (payload.eventType == 'unsubscribe') {
      // Add code to handle unsubscribe event.
    }
    if (window.console) { // for debugging only
      window.console.log('YT event: ', payload);
    }
  }
</script>
<div class="g-ytsubscribe" data-channelid="UCUfaK9PIgh_IAt-8pUjdYdw" data-layout="default" data-count="default" data-onytevent="onYtEvent"></div>

</a>
</div>
</div>

  1. غير الون الأحمر ب صورتك او لوجو
  2. غير الون البرتقالي ب رابط قناتك
  3. غير الون البنفسجي ب معرف القناة الخاص بك
شارك هذا المقال :

إضافة تعليقات

يسعدنا تفاعلكم بالتعليق ولكن نرجو منكم أن يكون خاص بالموضوع


التعبيرات