Cara Membuat Tombol Chat Telegram Di Blog

Cara Membuat Tombol Chat Telegram Di Blog - Artikel ini merupakan refensi dari cordialblogger.com yang menyediakan berbagai widget blogger salah satunya adalah widget chat button sosial media. Disini saya akan menjelaskan cara membuat tombol chat telegram di blog berdasarkan referensi tersebut. Mari simak selengkapnya membuat tombol chat telegram di blog.

Material

1. Kode HTML Telegram Chat Button
2. Kode CSS Telegram Chat Button
3. Short Link Chat Telegram
4. Telegram SVG Icon

Kode HTML Telegram Chat Button

[code type="HTML"]<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>[/code]

Kode CSS Telegram Chat Button

[code type="CSS"].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:center height: 25px; width: 25px; padding: 6px; }[/code] Short link dan ikon svg sudah di kombinasikan pada kode html telegram chat button di atas, jadi selanjutnya kamu hanya perlu mengikuti langkah-langkah memasang tombol chat telegram di blog, ikuti panduan lengkapnya dibawah ini.

Memasang Tombol Chat Telegram Di Blog

1. Install kode html telegram chat button di atas kode penutup body ( </body> )
2. Kemudian install kode css telegram chat button di atas kode ]]></b:skin>
3. Ganti tulisan username dengan user name telegram anda
4. Terakhir klik Save Template untuk menyelesaikan.

Berdasarkan referensi terkait, tombol chat telegram ini merupakan widget chat button yang ringan (fast loading), karena material yang digunakan untuk membuat tombol chat telegram hanya berupa kode html, css dan ikon svg saja. [Lihat Demo]

Tidak hanya itu, tombol chat telegram ini juga di klaim ramah seluler (mobile friendly) dan responsive tentunya. Akhir kata selamat mencoba dan selamat menggunakan tombol chat telegram by cordialblogger.com.