إضافة أداة إنضم إلينا (زر المتابعة) لمدونات بلوجر

<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=6307522118137742664" 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>