القائمة الرئيسية

الصفحات

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

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

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


السلام عليكم متابعينا اليوم درس بسيط جدا عن زر الاشتراك بقناتك علي يوتيوب ,وشرح اليوم سهل جدا لان الزر سريع ولا يوثر علي سرعة المدونة لان ليس به اكواد جافا نهائيا فقط HTML و CSS وتستطيع معاينة الزر من خلال هذه الصورة من موقعنا 


كما رايتم في الصورة هذا زر اليوم وسنتجه الي الشرح 
اولا قم بفتح التخطيط 
قم باضافة أداة جديدة 
ثم HTML/JavaScript 
وضع بها هذا الكود 




<div dir="rtl" style="text-align: right;" trbidi="on">
<br /></div>
<a href="https://www.youtube.com/channel/UCaKWp2S5LITfnRMiAmljTgQ?view_as=subscriber" class="youtube-button">
<i class="fa fa-youtube-play" aria-hidden="true"></i>
subscribe
</a>
<style>
/*Custom YouTube Button*/
.youtube-button {

display: inline-block;
background: #bb0000;
color: #fff !important;
text-transform: uppercase;
padding: 20px 30px;
border-radius: 5px;
box-shadow: 0px 17px 10px -10px rgba(0,0,0,0.4);
cursor: pointer;
transition: all ease-in-out 300ms;
-webkit-transform: translateZ(0px);
}

.youtube-button:hover {

color: #fff;
box-shadow: 0px 37px 20px -20px rgba(0,0,0,0.2);
-webkit-transform: translate(0px, -10px);
-webkit-font-smoothing: subpixel-antialiased;
}

</style>
مع تغيير رابط قناتنا برابط قناتك
ثم قم بحفظ القالب وسيتم اضافة زر الاشتراك بقتاة اليوتيوب , وتستطيع تغيير مكان الااداة ووضعها في اي مكان من التخطيط مثل وضعها في الفوتر او السايدبار او اي مكان أخر 
 ,وكالعادة في نهاية الموضوع  ان واجهتك اي مشكلة في هذا الموضوع او مشكلة عامة في موقعك قم بكتابتها في صفحة الاستشارة المجانية او في اي موضوع وسيقوم بالرد عليك من احد فريق الموقع او مني شخصيا , او اذا كنت تريد شرح معين عن  أي شي في بلوجر او SEO  لاتتردد في كتابته في التعليقات  

تعليقات

تعليقان (2)
إرسال تعليق
  1. السلام عليكم
    اريد اكواد اضافة هيدر قالب افلام عبدو فقط الذي يوجد به البحث و مواقع
    التواصل
    هو https://www.abdoutech.com/2018/12/aflam-abdou-template.html

    ردحذف
    الردود
    1. وعليكم السلام
      راسلني علي هذا البريد اخي
      ehabs.zain@gmail.com

      حذف

إرسال تعليق