How To Create Simple Contact Frame for Blogger ?

Facebook: MofiVai
Whatsapp: 9679112025
Telegram: 6289621702
Gmail: mofivai@gmail.com
Payment: Google Pay Upi - nandapukur@oksbi

Step:1

সর্বপ্রথমে নিচের CSS Code টি Copy করুন । AndThan Edit HTML এ গিয়ে </body> এর উপর নিচের Copy করা CSS Code টি Past করুন ।

<link rel="stylesheet" href="//cdn.leanhduc.pro.vn/font-awesome/pro-5.15.3/css/all.css"/>
<style>
  .techaadi-contacts.techaadi-contacts-info {
    border: 2px dashed #17a2b8;
    background: #eef9fa;
    border-radius: 10px!important;
  }
  .techaadi-contacts {
    color: #222222;
    overflow: hidden;
    position: relative;
    margin: 10px 0!important;
    padding: 15px;
    line-height: 26px!important;
    word-break: break-word;
  }
  .techaadi-contacts svg {
    height: 15px;
    margin-right: 10px;
    display: flex;
  }
  .techaadi-contacts i {
    margin-right: 10px;
  }
</style>

Step:2

এরপর নিচের HTML Code টি Copy করুন । এবং Blog Post এর যে জায়গায় Simple Contact Frame লাগাতে চান । ওইখানে নিচের Copy করা HTML Code টি Past করুন ।

<p class="techaadi-contacts techaadi-contacts-info">
  <i class="fab fa-facebook-square"></i><b>Facebook: </b><a href="https://www.facebook.com/sadabali.1819/" rel="nofollow" target="_blank">Sadab Ali</a><br />
  <i class="fas fa-sms"></i><b>Whatsapp: </b><a href="https://whatsapp.me/12345" target="_blank">123456789</a><br />
  <i class="fas fa-phone-alt"></i><b>Phone: </b><a href="tel:123456789" target="_blank">123456789</a><br />
  <i class="fas fa-envelope"></i><b>Gmail: </b><a href="mailto:contacts.techaadi@gmail.com" target="_blank">contacts.techaadi@gmail.com</a><br />
  <i class="fas fa-sack-dollar"></i><b>Payment: </b> Bank, Phonepe, Momo, GooglePay, card + 35% fee,...
</p>

Go to Link