سأقدم لكم في هذه المقاله طريقة وضع زر الإشتراك في مدونة بلوجر لزياده المشتركين في قناتك فإن كانت مدونتك تلقي العديد من الزيارات وأما قناتك فلا تلقي فهذه المقالة خصيصا لك يا متباعي العزيز كما أني سأقدم هذة الأضافه لك بأكثر من شكل لذا تابع معنا.
شرح إضافة زر الإشتراك بقناة اليوتيوب في مدونات بلوجر أو موقعك
- صندوق ثابت للإشتراك في قناة اليوتيوب (مربع جانبي ثابت).
- نافذة منبثقة لصندوق الإشتراك في قناة يوتيوب تظهر عند دخول موقعك.
- نص زخرفي جميل .
يمكنكم يمكنك معاينة الأشكال لصندوق الإشتراك بقناة يوتيوب من خلال الضغط على زر المعاينة هذا:
طريقة الأضافة للأشكال الخاصة بالأشتراك بقناة اليوتيوب :
طريقة معرفة معرف قناتك :
كود صندوق إشتراك بقناة يوتيوب (مربع جانبي ثابت) لمدونات بلوجر
h2{margin-top:20px;font-size:24px} .ms-youtube
p{font-size:14px;text-align:center;margin:20px 0;line-height:25px} .ms-youtube
a{display:block;font-weight:700;width:150px;position:relative;margin:10px
auto;font-size:17px;text-align:center;background-color:red;border-radius:10px;color:#ffffff;text-decoration:none;padding:10px
0;transition:all 0.3s ease} .ms-youtube
a:hover{background-color:#d5d5d5;color:#000} .ms-youtube
.ms-icon-svg{display:inline-flex;align-items:center;background:red;color:white;border-radius:50%;padding:30px;text-align:center}
.ms-youtube .ms-icon-svg
svg{fill:#fff;width:45px;height:45px;vertical-align:middle} </style>
<!-- صندوق الاشتراك في قناة اليوتيوب - مدونة حصن التكنولوجيا --> <div
class="ms-youtube"> <div class="ms-icon-svg"><svg viewbox='0 0 32
32'><g><path
d='M29.73,9.9A5,5,0,0,0,25.1,5.36a115.19,115.19,0,0,0-18.2,0A5,5,0,0,0,2.27,9.9a69,69,0,0,0,0,12.2A5,5,0,0,0,6.9,26.64c3,.24,6.06.36,9.1.36s6.08-.12,9.1-.36a5,5,0,0,0,4.63-4.54A69,69,0,0,0,29.73,9.9Zm-2,12A3,3,0,0,1,25,24.65a113.8,113.8,0,0,1-17.9,0,3,3,0,0,1-2.78-2.72,65.26,65.26,0,0,1,0-11.86A3,3,0,0,1,7.05,7.35C10,7.12,13,7,16,7s6,.12,9,.35a3,3,0,0,1,2.78,2.72A65.26,65.26,0,0,1,27.73,21.93Z'/><path
d='M21.45,15.11l-8-4A1,1,0,0,0,12,12v8a1,1,0,0,0,.47.85A1,1,0,0,0,13,21a1,1,0,0,0,.45-.11l8-4a1,1,0,0,0,0-1.78ZM14,18.38V13.62L18.76,16Z'/></path></path></g></svg></div>
<h2> مدونة حصن التكنولوجيا</h2> <p> اشترك الان لمتابعة كل ماهو جديد
وحصري على قناتنا في اليوتيوب </p> <a
href="https://youtube.com/channel/UCjhDV0YJjDZgnb6jOmr4kuA?sub_confirmation=1">إشتراك</a>
</div>
صندوق إشتراك قناة يوتيوب (ناقذة منبثقة) لمدونات بلوجر
من خلال الكود التالي ستتمكن من إنشاء وإضافة صندوق الإشتراك بقناة يوتيوب على مدونتك كنافذة كنبثقة تظهر للزائر عند دخوله موقعك أو مدونتك والذي من خلال الضغط عليه سيتم الإشتراك بقناة اليوتيوب مباشرة.
<!-- صندوق الاشتراك في قناة اليوتيوب - مدونة حصن التكنولوجيا --> <style>
.fs-youtube{background:#ffffff;z-index:100;width:300px;padding:30px
40px;position:fixed;transform:translate(50%,-50%);right:50%;top:50%;border-radius:8px;text-align:center;box-shadow:0
5px 20px rgb(0 0 0 / 20%)}.fs-youtube
h2{margin-top:20px;font-size:24px}.fs-youtube
button{display:block;line-height: 1;position:absolute;top:0;left:0;margin:10px
10px
auto;background:red;font-size:28px;color:#ffffff;border-radius:100%;width:32px;height:32px;border:none;outline:none;cursor:pointer;transition:all
0.3s ease}.fs-youtube
button:hover{background:antiquewhite;color:#6c6c6c}.fs-youtube
p{font-size:14px;text-align:center;margin:20px 0;line-height:25px}.fs-youtube
a{display:block;font-weight:700;width:150px;position:relative;margin:10px
auto;font-size:17px;text-align:center;background-color:red;border-radius:10px;color:#ffffff;text-decoration:none;padding:10px
0;transition:all 0.3s ease}.fs-youtube
a:hover{background-color:#d5d5d5;color:#000}.fs-youtube
.fs-icon-svg{display:inline-flex;align-items:center;background:red;color:white;border-radius:50%;padding:30px;text-align:center}.fs-youtube
.fs-icon-svg
svg{fill:#fff;width:45px;height:45px;vertical-align:middle}</style>
<!-- صندوق الاشتراك في قناة اليوتيوب - مدونة حصن التكنولوجيا --> <div
class="fs-youtube"> <div class="fs-icon-svg"><svg viewbox='0 0 32
32'><g><path
d='M29.73,9.9A5,5,0,0,0,25.1,5.36a115.19,115.19,0,0,0-18.2,0A5,5,0,0,0,2.27,9.9a69,69,0,0,0,0,12.2A5,5,0,0,0,6.9,26.64c3,.24,6.06.36,9.1.36s6.08-.12,9.1-.36a5,5,0,0,0,4.63-4.54A69,69,0,0,0,29.73,9.9Zm-2,12A3,3,0,0,1,25,24.65a113.8,113.8,0,0,1-17.9,0,3,3,0,0,1-2.78-2.72,65.26,65.26,0,0,1,0-11.86A3,3,0,0,1,7.05,7.35C10,7.12,13,7,16,7s6,.12,9,.35a3,3,0,0,1,2.78,2.72A65.26,65.26,0,0,1,27.73,21.93Z'/><path
d='M21.45,15.11l-8-4A1,1,0,0,0,12,12v8a1,1,0,0,0,.47.85A1,1,0,0,0,13,21a1,1,0,0,0,.45-.11l8-4a1,1,0,0,0,0-1.78ZM14,18.38V13.62L18.76,16Z'/></path
></path
></g></svg></div>
<button id="close">×</button> <h2> مدونة
حصن التكنولوجيا</h2><a
href="https://youtube.com/channel/UCjhDV0YJjDZgnb6jOmr4kuA?sub_confirmation=1">إشتراك
<script
type="text/javascript">window.addEventListener("load",function(){setTimeout(function
a(b){document.querySelector(".fs-youtube").style.display="block"},1000)});document.querySelector("#close").addEventListener("click",function(){document.querySelector(".fs-youtube").style.display="none"});</script
></a
></div
>
نص زخرفي جميل
