Pada tulisan sebelumnya saya pernah berbagi bagaimana Memasang Tombol Whatsapp Melayang di Halaman Blog dan pada kesempatan ini kembali saya akan berbagi tips Cara Membuat Tombol Chat Telegram Melayang di Blog.
Seperti kita ketahui telegram merupakan salah satu aplikasi chat yang banyak digunakan orang di dunia apalagi bila kamu memiliki bisnis online shop maka memasang tombol chat telegram pada blog sangatlah berguna sekali sebab para customer anda akan lebih mudah dan cepat untuk berkomunikasi dengan anda bila anda menyediakan fitur ini pada halaman website anda.
Langkah pemasangannya cukup mudah kita hanya perlu meletakan kode CSS ini di atas ]]></b:skin>
.sticky-chat-button{position: fixed;background-color: #0088cc;border-radius:40px;bottom: 80px;right: 15px;height: 40px;width: 40px;overflow: hidden;}.sticky-chat-button a{display:inline-block;position: relative;text-align:centerheight: 25px;width: 25px;padding: 6px;}
Selanjutnya simpan kode pemanggilnya di atas </body> atau <!--</body>--> </body>
<div class="sticky-chat-button"><a class="telegram-chat-button" href="https://t.me/username" title="Chat Button"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 32 32"><path fill="#fff" d="M29.919 6.163l-4.225 19.925c-0.319 1.406-1.15 1.756-2.331 1.094l-6.438-4.744-3.106 2.988c-0.344 0.344-0.631 0.631-1.294 0.631l0.463-6.556 11.931-10.781c0.519-0.462-0.113-0.719-0.806-0.256l-14.75 9.288-6.35-1.988c-1.381-0.431-1.406-1.381 0.288-2.044l24.837-9.569c1.15-0.431 2.156 0.256 1.781 2.013z"/> </svg></a></div> Simpan Template dan lihat hasilnya!
Keterangan: Bila kamu ingin tombol chat berada pada sisi kiri blog maka ubah kode yang saya marking kuning menjadi left dan untuk username kalian tinggal ganti dengan username telegram kalian.