15482721749897530
recent
أخبار ساخنة

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

الخط

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

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


السلام عليكم متابعينا اليوم درس بسيط جدا عن زر الاشتراك بقناتك علي يوتيوب ,وشرح اليوم سهل جدا لان الزر سريع ولا يوثر علي سرعة المدونة لان ليس به اكواد جافا نهائيا فقط 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  لاتتردد في كتابته في التعليقات  
  1. السلام عليكم
    اريد اكواد اضافة هيدر قالب افلام عبدو فقط الذي يوجد به البحث و مواقع
    التواصل
    هو https://www.abdoutech.com/2018/12/aflam-abdou-template.html

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

      حذف

إرسال تعليق

نموذج الاتصال
الاسمبريد إلكترونيرسالة