/* Toast Notification by Fineshop */
.tNtf span{position:fixed;left:24px;bottom:-70px;display:inline-flex;align-items:center;text-align:center;justify-content:center;margin-bottom:20px;z-index:99981;background:#323232;color:rgba(255,255,255,.8);font-size:14px;font-family:inherit;border-radius:3px;padding:13px 24px; box-shadow:0 5px 35px rgba(149,157,165,.3);opacity:0;transition:all .1s ease;animation:slideinwards 2s ease forwards;-webkit-animation:slideinwards 2s ease forwards}
@media screen and (max-width:500px){.tNtf span{margin-bottom:20px;left:20px;right:20px;font-size:13px}}
@keyframes slideinwards{0%{opacity:0}20%{opacity:1;bottom:0}50%{opacity:1;bottom:0}80%{opacity:1;bottom:0}100%{opacity:0;bottom:-70px;visibility:hidden}}
@-webkit-keyframes slideinwards{0%{opacity:0}20%{opacity:1;bottom:0}50%{opacity:1;bottom:0}80%{opacity:1;bottom:0}100%{opacity:0;bottom:-70px;visibility:hidden}}
.darkMode .tNtf span{box-shadow:0 10px 40px rgba(0,0,0,.2)}
সর্বপ্রথমে উপরের CSS Code টিকে Double Click করে Copy করে নিন । And than ]]></b:skin> এর উপর CSS Code টিকে Past করুন ।
আপনি যদি Plus UI,Median UI,Fletro Pro বা iMagz টেমপ্লেটের সর্বশেষ সংস্করন ব্যবহার করেন তবে আপনি উপরের CSS এর ঠিক নীচে নিন্মলিখিত CSS যোগ করতে পারেন ।আপনি কোন Code use করেছেন । তার নাম Change করার জন্য । যেমন - html ,css ,javascript,moficode etc
.pre:not(.tb):hover::before{content:'Double click to copy | </>'}
.pre:not(.tb).html:hover::before{content:'Double click to copy | .html'}
.pre:not(.tb).css:hover::before{content:'Double click to copy | .css'}
.pre:not(.tb).js:hover::before{content:'Double click to copy | .js'}
<!--[ Toast Notification by Fineshop ]--> <div id='toastNotif' class='tNtf'></div>
এরপর উপরের HTML Code টিকে Copy করুন । এবং <body> tag এর নিচে এই HTML Code টিকে Past করুন ।
<b:if cond='data:view.isSingleItem'>
<script>/*<![CDATA[*/ /* Pre Content Copy Script by Fineshop */ for(var preClick=document.getElementsByTagName("pre"),i=0;i<preClick.length;i++)preClick[i].addEventListener("dblclick",function(){var e=getSelection(),o=document.createRange();o.selectNodeContents(this),e.removeAllRanges(),e.addRange(o),document.execCommand("copy"),e.removeAllRanges(),document.querySelector("#toastNotif").innerHTML="<span>Copied to clipboard!</span>"},!1); /*]]>*/</script>
</b:if>
এরপর উপরের Javascript Code
টিকে Copy করুন এবং </body> tag এর উপর এই HTML Code টিকে Past করুন ।
>SAVE
<div class='pre Code Name notranslate'> <pre>Your_Code_Here</pre> </div>
সবশেষে উপরের HTML Code
টিকে Copy করুন এবং Post এর যে জায়গায় Code Box লাগাতে চান । ওই জায়গায় HTML Code টিকে
Past করুন ।
<div class='pre Code Name notranslate'>
<pre>Your_Code_Here</pre>
</div>
আপনি কোন Code Use করেছেন। তার নামটি Code Name এ Enter করুন। যেমন –html,css,js
Your_Code_Here এ আপনার Parse করা Code টি Past করুন ।
আপনি যদি Code Box এর মধ্যে Code এর নাম এবং Double Click to Copy লেখাটি Saw না করাতে চান । এক্ষেত্রে Post এর মধ্যে নিচের html Code টি Use করুন ।
<pre><code>Your_Code_Here</code></pre>