make your blog theme mobile responsive

-


 ব্লগের থিম অনেক সময় মোবাইল রেসপনসিভ হয় না অর্থাৎ মোবাইলে জুম আউট বা জুম ইন করা 

যায় না । থিম স্থির থাকে ।এক্ষেত্রে head এর ঠিক নিচে পূর্বের meta-viewport tag সরিয়ে দিয়ে নিচের tag টি 

ব্যবহার করুন , দেখবেন আপনার website টি মোবাইলে zoom in এবং zoom out হবে ।

মোবাইলে আপনার ওয়েবসাইট দেখতে খুব সুন্দর দেখাবে।

  <meta content='width=device-width, initial-scale=1.0, maximum-scale=10.0, user-scalable=yes' name='viewport'/>

অথবা,

মোবাইলে পিসি এর মত ভিউ আনতে নিচের কোডটি ব্যবহার করুনঃ

 <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes' name='maximum-scale'/>

ম্যাথ(math) Java script for theme under <head>:

গাণিত বিষয়ক পোস্ট ব্লগে লিখতে হলে থিম  এর edit html option এ গিয়ে <head> এর পরে নিচের কোডটি কপি করে  পেস্ট করার পর save করতে হবে। তাহলে ‌ডলার কোটেশন এর মাঝে latex code এর মাধ্যমে গাণিতিক সকল বিষয় ব্লগে পোস্ট করা যাবে।



<script src='http://cdn.mathjax.org/mathjax/latest/MathJax.js' type='text/javascript'>

MathJax.Hub.Config({

 extensions: [&quot;tex2jax.js&quot;,&quot;TeX/AMSmath.js&quot;,&quot;TeX/AMSsymbols.js&quot;],

 jax: [&quot;input/TeX&quot;, &quot;output/HTML-CSS&quot;],

 tex2jax: {

     inlineMath: [ [&#39;$&#39;,&#39;$&#39;], [&quot;\\(&quot;,&quot;\\)&quot;] ],

     displayMath: [ [&#39;$$&#39;,&#39;$$&#39;], [&quot;\\[&quot;,&quot;\\]&quot;] ],

 },

 &quot;HTML-CSS&quot;: { availableFonts: [&quot;TeX&quot;] }

});

</script> 
ম্যাথ(math) Java script for blog:
post option এ গিয়ে html view তে ক্লিক করে নিচের কোডটি পেস্ট করে পোস্ট লিখলে হবে।
<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js">
MathJax.Hub.Config({
 extensions: ["tex2jax.js","TeX/AMSmath.js","TeX/AMSsymbols.js"],
 jax: ["input/TeX", "output/HTML-CSS"],
 tex2jax: {
     inlineMath: [ ['$','$'], ["\\(","\\)"] ],
     displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
 },
 "HTML-CSS": { availableFonts: ["TeX"] }
});
</script>
         কালার Java script for blog:
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
  TeX: { extensions: ["autoload-all.js"] }
});
MathJax.Hub.Register.StartupHook("TeX autoload-all Ready", function () {
  var MACROS = MathJax.InputJax.TeX.Definitions.macros;
  MACROS.color = "Color";
  delete MACROS.colorbox;
  delete MACROS.fcolorbox;
});
</script>
ক্যানসেল (Cancel) Java script for blog:
<script type="text/x-mathjax-config">
MathJax.Hub.Register.StartupHook("TeX Jax Ready",function () {
  MathJax.Hub.Insert(MathJax.InputJax.TeX.Definitions.macros,{
    cancel: ["Extension","cancel"],
    bcancel: ["Extension","cancel"],
    xcancel: ["Extension","cancel"],
    cancelto: ["Extension","cancel"]
  });
});
</script>
অথবা, 
এই কোডটি দ্বারা পদ বা রাশিকে  কাটা যায়।
$\left(2^{y}\right)^{2}\hspace-3.2ex\Big /$

রসায়ন বিজ্ঞানের latex Java script for blog: (\ce  command)
<!--from ftp://www.ctan.org/tex-archive/macros/latex/contrib/mhchem/mhchem.pdf-->

<head>
  <!-- Load css file from shared location -->
  <link crossorigin="anonymous" href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/paper/bootstrap.min.css" integrity="sha384-awusxf8AUojygHf2+joICySzB780jVvQaVCAt1clU3QsyAitLGul28Qxb2r1e5g+" rel="stylesheet"></link>

  <!-- config and load chemistry extension for mathjax -->
  <script type="text/x-mathjax-config">
    MathJax.Hub.Config({ tex2jax: { inlineMath: [ ['$','$'], ["\\(","\\)"] ], displayMath: [ ['$$','$$'], ["\\[","\\]"] ], processEscapes: true },TeX: { extensions: ["mhchem.js"] } });
  </script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS_CHTML-full" type="text/javascript"></script>
  
  <script>
//     if(window.MathJax){
//   MathJax.Ajax.config.path["a11y"] = "https://cdn.mathjax.org/mathjax/contrib/a11y";
//   MathJax.Ajax.Require("[a11y]/accessibility-menu.js");
// }
  </script>
  
<!--     <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-MML-AM_HTMLorMML"></script> -->
</head>
টেবিল latex java script for blog উদাহরণ সহ:
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/latest.js?config=TeX-AMS_CHTML-full"></script>

\[
\begin{array}{|c|c|c|}
\hline
  \text{Set} & \text{Operation} & \text{Identity} \\ 
\hline
   \mathbb{Z} & + & 0 \\
\hline
   \mathbb{Q} & + & 0 \\
\hline
   \mathbb{R} & + & 0 \\ 
\hline
   \mathbb{Z} & \times & 1 \\
\hline
   \mathbb{Q} & \times & 1 \\
\hline
   \mathbb{R} & \times & 1 \\ 
\hline
\end{array}
\]
এখানে \text এর পরিবর্তে \mathrm ব্যবহার করা যাবে।
           commands for latex
১.অ্যাংস্ট্রম লেখার ক্ষেত্রে এই কমান্ডটি ব্যবহার করুনঃ {\buildrel _{\circ} \over {\mathrm{A}}} 
২.box এর মধ্যে text লিখতে এই কমান্ডটি ব্যবহার করুন:
\fbox{write your text here}
৩. limit calculus লেখার জন্য latex কমান্ড 
 \lim\limits_{x\rightarrow \infty }f(x) 
8. integration লেখার জন্য latex কমান্ড
\displaystyle \int_0^3 

blogger responsive html  table code:
 
website link: 
https://www.tablesgenerator.com/

or use the html code to the blogger post:

<style type="text/css">
.tg  {border-collapse:collapse;border-spacing:0;}
.tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
  overflow:hidden;padding:10px 5px;word-break:normal;}
.tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
  font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
.tg .tg-0pky{border-color:inherit;text-align:center;vertical-align:top}
</style>
<table class="tg">
<thead>
  <tr>
    <th class="tg-0pky">type your text here</th>
    <th class="tg-0pky">type your text here</th>
    <th class="tg-0pky">type your text here</th>
<th class="tg-0pky">type your text here</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td class="tg-0pky">type your text here</td>
    <td class="tg-0pky">type your text here</td>
    <td class="tg-0pky">type your text here</td>
<td class="tg-0pky">type your text here</td>
  </tr>
  <tr>
    <td class="tg-0pky">type your text here</td>
    <td class="tg-0pky">type your text here</td>
    <td class="tg-0pky">type your text here</td>
<td class="tg-0pky">type your text here</td>
  </tr>
  <tr>
    <td class="tg-0pky">type your text here</td>
    <td class="tg-0pky">type your text here</td>
    <td class="tg-0pky">type your text here</td>
<td class="tg-0pky">type your text here</td>
  </tr>
  <tr>
    <td class="tg-0pky">type your text here</td>
    <td class="tg-0pky">type your text here</td>
    <td class="tg-0pky">type your text here</td>
<td class="tg-0pky">type your text here</td>
  </tr>
</tbody>
</table>




Comments

Post a Comment

Popular posts from this blog

geometry higher mathematics

-
Image
                                               অনুশীলনী-৩.১ ১. $\Delta ABC$ এর $\angle B=60°$ হলে প্রমাণ কর যে, $AC^2=AB^2+BC^2-AB.BC$  সমাধান : দেওয়া  আছে, $\Delta ABC-$ এ $\angle B=60°$ । প্রমান করতে হবে যে, $AC^2=AB^2+BC^2-AB.BC$ অঙ্কন : $A$ বিন্দু থেখে $BC$ এর উপর $AD$ লম্ব আঁকি । প্রমান : $\Delta ABD$- এ $cos 60°=\dfrac{BD}{AB}$ বা, $dfrac{1}{2}=\dfrac{BD}{AB}$                                           [$\because cos 60°=\dfrac{1}{2}$] বা, $AB=2BD$ এখন, $\Delta ADC-$ এ $\angle ADC$ সমকোণ । $\therefore AC^2=AD^2+CD^2$                                                 [পিথাগোরাসের উপপাদ্য অনুযায়ী] বা, $AC^2=AD^2+(BC-BD)^2$ ...
Read more

agebraic expression higher math

-
 ৮. মনে কর . $P(x)=ax^5x+ bx^4 +cx^3 + cx^2 + bx + a$ যেখানে $a,b,c$ ধ্রুবক এবং $a\ne 0,$ দেখাও যে, $(x-r)$ যদি $P(x)$ এর একটি উৎপাদক হয়, তবে $P(x)$ এর আরেকটি উৎপাদক $(x-r)$ । সমধান : দেওয়া আছে , $P(x)=ax^5 + bx^4+cx^3 + bx + a........(i)$            [যেখানে $a,b,c$ ধ্রুবক এবং $a\ne 0$ ] যেহেতু $(x-r),P(x)$ এর একটি উৎপাদক , সেহেতু $P(r)=0$  এখন, $P(r)=ar^5 + br^4 + cr^3 + cr^2 + br + ab + a$ $\therefore ar^5 + br^4 + cr^3 + cr^2 + br + a=0..........(ii)$ ধরি, $rx-1=0$ বা, $rx=1$ $\therefore x=\dfrac1r$ এখন, $P\begin{pmatrix}1\\r\end{pmatrix}=a\begin{pmatrix}1\\r\end{pmatrix}^5+b\begin{pmatrix}1\\r\end{pmatrix}^4+c\begin{pmatrix}1\\r\end{pmatrix}^3+c\begin{pmatrix}1\\r\end{pmatrix}^2+b\begin{pmatrix}1\\r\end{pmatrix}+a$ $=\frac a{r^5}+\;\frac b{r^4}+\frac c{r^3}+\frac c{r^2}+\frac br+a$ $=\frac{a+\;br\;+\;cr^2\;+\;cr^3\;+\;br^4+\;ar^5}{r^5}$ $=\frac0{r^5}$ যেহেতু  $(i)$ নং বহুপদীতে $x=\frac1r$ বসালে প্রদত্ত বহুপদীর মান শূন্য হয়  সেহেতু $...
Read more

set and function higher math

-
Image
 5. Given that $U=\{x:3\le x\le20,n\in \mathbb{Z}\}$ , $A=\{x:x \;\text{is odd number}\}$  and $B=\{x:x\; \text{is prime number}\}$ নিম্নের সেটগুলো তালিকা পদ্ধতাতে লিপিবদ্ধ কর : $(i) $ $A$ $(ii) $ $B$ $(iii)$ $C=${$x:x\in A$ এবং $x\in B$} এবং  $(iv)$ $D=${$x;x\in A$ অথবা $x\in B$} সমাধান : দেওয়া আছে, $U=\{x:3\le x \le 20, x \in\mathbb{Z}\}$ $\therefore$ $U=\{3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20\}$ $A=${$x:x $বিজোর সংখ্যা } $B=${$x:x$মৌলিক সংখ্যা } $(i)$  $A=${$x:x$বিজোর সংখ্যা } $\therefore$ $A=\{3,5,7,9,11,13,15,17,19\}$ $(ii)$ $B=${$x:x$ মৌলের সংখ্যা } $\therefore$ $B=\{3,5,7,11,13,17,19\}$ $(iii)$ দেওয়া আছে, $C=${$x:x \in A$ এবং $x \in B$} $A\cap B=\{3,5,7,9,11,13,15,17,19\}$ $\cap \{3,5,7,11,13,17,19\}$ $=\{3,5,7,11,13,17,19\}$ [ নোট : $C$ হলে $3$ থেকে $20$ পর্যন্ত সকল মৌলিক বিজোর সংখ্যা সেট এবং $C=B$ ।] $(iv)$ $D=${$x:x \in A$ অথবা $x \in B$} $A\cup B=\{3,5,7,9,11,13,15,17,19\}\cup \{3,5,7,11,13,17,19\}$ $=\{3,5,7,9,11,13,15,17,19\}$ ৬. ভেনচিত্রে...
Read more