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

11‏/01‏/2017

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

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


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


طريقة التركيب ببساطة اضف كود الزر في آداة 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. غير الون البنفسجي ب معرف القناة الخاص بك
مشاركة

0 تعليق

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

الرموز الانفعاليةالرموز الانفعالية