اضافة أداة انضم الينا بلوجر

 السلام عليكم متابعي مدونة زينو ثــك في هذا المقال سوف أشارك معكم أداة انضم الينا فهي أداة مميزة وأضعها لكم مجانا أرجو أن تعجبكم.

معاينة الأداة

معاينة

شرح طريقة التركيب :

• أولا ستذهب الي بلوجر ثم اذهب التخطيط
• ثانيا اختر القائمة الجانبية ثم اضافة أداة ثم اختر Html/Javascript ثم ضع اسم انضم الينا
• ثالثا انسخ الكود التالي مع بعض التعديلات البسيطة ثم ضعه في التخطيط ثم القائمة الجانبية ثم في اضغط على تعديل انضم الينا ثم الصق الكود Ctrl و V .

<div class="fow-zn" style="color: #fff;">
<br />
<p style="text-align:center;">
<a class="mtec-btn" target="_blank" rel="noopener nofollow" href="https://www.blogger.com/follow.g?blogID=57349417836126463798132" style="color: #fff;" >
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb5KqgvLJy2CfcAPqEZK8U9dfXfcSqBZK6iktG9abOyIBXlGvE8onlaSuOswaXcrV06WnLvelNUUKfnNmDRmrRqGvUkvf-aAScl239HUTXbBJbJxiWJOmrXIF3NGMYY2So8lWvUJRD_p8/s1600/69880002_2388725801390323_5503680644825219072_n.gif" style="
    position: absolute;
    width: 80px;
    margin-left: auto;
    margin-right: -36px;
    margin-top: -50px;
    z-index: 0;
" />
<br />
إنضم إلى العائلة <i class="fa fa-heart"></i></a></p>
<style>
.fow-zn{background:linear-gradient(to left,#3de3fe,#3d5afe);border:4px solid #0d30f1;border-radius:8px;padding:15px;}
.mtec-btn {
    margin: 10px auto;
    text-align: center;
    text-decoration: none;
    width: 171px;
    cursor: pointer!important;
    overflow: hidden;
    text-decoration: none;
    display: inline-block;
    -webkit-appearance: none;
    font-size: 1em;
    border-radius: 4px;
    color: rgba(255,255,255,0.8);
    font-weight: 300;
    padding: 5px 20px 20px 20px;
    margin: 0 15px;
    box-shadow: 0 2px 2px 1px rgb(0 0 0 / 10%);
    transition: all 0.3s;
    background: #3d5afe;
}
</style>
</div>

شرح تخصيص الأداة :

ستقوم بتغيير هذا الرقم 57349417836126463798132 بمعرف مدونتك أو ID مدونتك .

اذا أردت تغيير انضم الى العائلة بكلم انضم الينا فأنت حر.

هنا ينتهي شرحنا لهذا الدرس أرجو منك متابعة المدونة من هنا لتكبر العائلة.