আসসালামু আলাইকুম। কেমন আছেন বন্ধুরা?
আজ আমি আপনাদের জন্য শেয়ার করবো "আইটি সাঈম" এর ফোটার বাটন কোড।
 |
| নিয়ে নিন আইটি সাঈম এর ফোটার বাটন কোড। |
টাইটেল দেখে বোঝতেই পারছেন আজ আমি আপনাদের জন্য কি উপহার নিয়ে এসেছি।
তাহলে দেখা যাক আমরা কিভাবে কাজটি করতে পারি!
ব্লগে লগিং করে লেআউট যান।
লেআউট থেকে থিম এবং এডিট থিম এ ক্লিক করুন। নিচের কোডটি </b:skin> এর উপর পেস্ট করুন।
.bottom-contact{display:none}
@media (max-width: 767px) {
.bottom-contact{display: block;
position: fixed;
bottom: 0;
background: #0092ff;
width: 100%;
z-index: 99;
box-shadow: 2px 1px 9px #dedede;
border-top: 1px solid #eaeaea;}
.bottom-contact ul li{width: 25%;
float: left;
list-style: none;
text-align: center; font-size:13.5px;}
.bottom-contact ul li span{color:black}
.bottom-contact ul li img{ width: 35px;
margin-top: 10px;
margin-bottom: 0px;}
}
 |
| নিয়ে নিন আইটি সাঈম এর ফোটার বাটন কোড। |
এবার নিচের কোডটি fotter এ অ্যাড করুন।
<div class="bottom-contact">সবশেষে থিম সেইভ করুন।
<ul>
<li>
<a id="goidien" href="Your Mobile Number">
<img src="http://tintuc4.ninhbinhweb.net/wp-content/uploads/2019/02/icon-phone2.png"/>
<br>
<span>Call Me</span>
</a>
</li>
<li>
<a id="nhantin" href="Your Mobile Number">
<img src="http://tintuc4.ninhbinhweb.net/wp-content/uploads/2019/02/icon-sms2.png"/>
<br>
<span>message me</span>
</a>
</li>
<li>
<a id="chatzalo" href="http://zaloapp.com/qr/p/xxxxxxx">
<img src="http://tintuc4.ninhbinhweb.net/wp-content/uploads/2019/02/icon-zalo2.png"/>
<br>
<span>Chat zalo</span>
</a>
</li>
<li>
<a id="chatfb" href="https://www.messenger.com/t/xxxxxx">
<img src="http://tintuc4.ninhbinhweb.net/wp-content/uploads/2019/02/icon-mesenger2.png"/>
<br>
<span>Chat Facebook</span>
</a>
</li>
</ul>
</div>