Text To Image Generator

Text To Image Generator

1. မိမိ blog site ကို account အရင်ဝင်ပါ
2. dashboard ထဲက Pages(or)Posts ကိုနှိပ်
3. + အိုင်ကွန်ကိုနှိပ်
4. 🖍️ အိုင်ကွန်ကိုနှိပ်၍ < > HTML view ကိုရွေးချယ်၍နှိပ်ပါ
5. အောက်က code ကို copy ယူပြီးကူးထည့်ပေးပါ
6. save ကိုနှိပ်ပြီးပါပြီ

 

<div id="at_chatbot">
    <div id="content-body">
        <div id="chat-header">
            <h1>⚙️ Text to image</h1>
        </div>
        <div id="chat-messages">
            <div id="messages">
                <!--User messages-->
                <div class="user-message message">
                    <div class="message-div">
                        <div class="message-profile-pic"><img height="30" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5E99bsSY9M63pq4-0-wZvKhaleZGlA0EAapEKlwjzKLriwlktDnC7MLVVeliwroEPp2Bj_d0IczFvMU2Y_TIQkRkjxtNs0C4c6VgJq0OMi6cSIcb8xkGxy_C68jaLSBr13lEL8P5EvMn9gyVBsEj1hE5M5dXV0UUI9MAOQKsKl4fbmgwBW15mVNPLLOlY/s400/default_profile_400x400.png" width="30" /></div>
                        <div class="message-content">
                            <p>Generate images from a detailed text description.</p>
                        </div>
                    </div>
                </div>
                <div class="loading-animation" id="loading-animation">
                    <div class="spinner"></div>
                    <p>Loading...</p>
                </div>
            </div>
        </div>
        <div id="chat-section"> <input id="message-input" type="text" /> <button id="send-button">Send</button> </div>
    </div>
    <p class="ct">Code</p>
</div>
<style>
  /* code */
#chat-header{border-bottom:1px solid #ccc}.message-profile-pic span{background:#add8e6;border-radius:4px;place-items:center;padding:0 5px;display:grid}#content-body{background-color:#fff;border:1px solid #ccc;border-radius:5px;flex-direction:column;gap:2em;margin:0 auto;padding:20px;display:flex;box-shadow:0 0 10px #0000001a}#messages{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.user-message .message-div{align-items:flex-start;display:flex}.user-message .message-profile-pic{margin-bottom:0;margin-right:10px}.user-message .message-content{word-wrap:break-word;background-color:#f0f0f0;border-radius:5px;max-width:70%;padding:10px}.gpt-message .message-div{flex-direction:row-reverse;align-items:flex-start;display:flex}.gpt-message .message-profile-pic{margin-bottom:0;margin-left:10px}.gpt-message .message-content{word-wrap:break-word;background-color:#e2f8ff;border-radius:5px;max-width:70%;padding:10px}#chat-section{justify-content:space-between;align-items:center;gap:1em;display:flex}#message-input{border:1px solid #ccc;border-radius:5px;outline:none;flex:1;padding:10px}#send-button{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:5px;padding:10px 20px;transition:background-color .2s}#send-button:hover{background-color:#0056b3}#chat-messages{max-height:300px;overflow-y:auto}.gpt-message a{color:#fff;cursor:pointer;background-color:#0074d9;border:none;border-radius:5px;margin-top:10px;padding:10px 20px;font-size:16px;text-decoration:none;transition:background-color .3s;display:inline-block}.loading-animation{text-align:center;padding:10px;display:none}.spinner{border:4px solid #ffffff4d;border-top-color:#007bff;border-radius:50%;width:30px;height:30px;margin:0 auto;animation:2s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.message-content p{font-size:16px;display:block}#chat-messages::-webkit-scrollbar-track{background-color:#f1f1f1}#chat-messages::-webkit-scrollbar{width:3px}#chat-messages::-webkit-scrollbar-thumb{background-color:#007bff;border-radius:5px}#chat-messages::-webkit-scrollbar-thumb:hover{background-color:#0056b3}.message.gpt-message{margin-right:22px}div#at_chatbot p.ct{color:#ccc;text-align:center;margin:12px 0;font-size:13px}
</style>

<script>
  /* code */
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('3.P("h",()=>{5 e=3.4("m-n"),t=3.4("2-o"),s=3.4("r-C");d a(t,s){5 a=3.u("1");a.f.c("2"),a.f.c("B"===t?"z-2":"y-2"),a.x=`<1 6="2-1"><1 6="2-w-v"><8 g="7://q.k.j/8/b/D/A-0-F/V/U.E"S="9"Q="9"/></1><1 6="2-R"><p>${s}</p></1></1>`,e.G(a),i()}O d l(t){N{5 s=3.4("M-L");s.K.J="I";5 l=H T(`7: ',58,58,'|div|message|document|getElementById|let|class|https|img|30|||add|function||classList|src|DOMContentLoaded||com|googleusercontent||chat|messages|input||blogger|send|||createElement|pic|profile|innerHTML|gpt|user|AVvXsEg5E99bsSY9M63pq4|You|button|R29vZ2xl|png|wZvKhaleZGlA0EAapEKlwjzKLriwlktDnC7MLVVeliwroEPp2Bj_d0IczFvMU2Y_TIQkRkjxtNs0C4c6VgJq0OMi6cSIcb8xkGxy_C68jaLSBr13lEL8P5EvMn9gyVBsEj1hE5M5dXV0UUI9MAOQKsKl4fbmgwBW15mVNPLLOlY|appendChild|await|block|display|style|animation|loading|try|async|addEventListener|width|content|height|fetch|default_profile_400x400|s400'.split('|'),0,{}))

</script>