Blogger

Creating a Contact Me page for Blogger Blog

June 28, 2013 Blogger, HTML, JavaScript

Blogger has added a new widget in their widget page. This widget is a Contact Me widget which allows blog visitors to contact you.

This can be added in your blog sidebar or footer. In this tutorial I will tell you to how to add this to a blog page.

Create a blank page from Blogger -> Pages -> New Page -> Blank Page

Toggle to tab HTML and paste these code in the HTML textarea :

Name

Email
*

Message
*

<br /></span><br /><span style="font-family: inherit;"><input class="</span><span style="background-color: white; font-family: inherit; white-space: pre-wrap;">contact-form-button contact-form-button-submit</span><span style="font-family: inherit;">" id="ContactForm1_contact-form-submit" type="button" value="Send" /></span><p style="display: inline-block;">Powered By <a href="http://sag-3.blogspot.com">Subin’s Blog</a></p>... <a href="https://subinsb.com/creating-a-contact-me-page-for-blogger-blog/" class="post-read-more">[READ MORE]</a></p> </div> </article> <article class="post-preview box is-black"> <h3 class="post-title subtitle is-3"><a href="https://subinsb.com/how-to-find-blogger-blog-id/">How to find Blogger Blog ID</a></h3> <p class="post-meta"> <span class="post-nav-item">June 28, 2013</span><span class="post-nav-item"> <a href="https://subinsb.com/categories/blogger" rel="category">Blogger</a> </span></p> <div class="post-entry"> <p><div dir="ltr" style="text-align: left;" trbidi="on"> You may need your <b>blogger blog id</b> for various needs. Here’s a simple tutorial on how to find the <b>blog id</b>.</p> <div> Go to your blog dashboard on <b>Blogger</b>. See the url of the page in the location bar. </div> <div> In the page url you can see a text <b>blogID= </b>followed by a number until it stops with <b>#</b>. </div> <div> Here’s a sample url : </div> <blockquote class="tr_bq"> <p> http://www.blogger.com/blogger.g?blogID=<span style="color: red;background:wheat;">123456789101112</span>#overview/src=dashboard </p> </blockquote> <div> The wheat color background text in the above url is the blog id of that blog. </div> </div>... <a href="https://subinsb.com/how-to-find-blogger-blog-id/" class="post-read-more">[READ MORE]</a></p> </div> </article> <article class="post-preview box is-black"> <h3 class="post-title subtitle is-3"><a href="https://subinsb.com/spam-urls-in-blogger-traffic-source-stats-what-should-i-do/">SPAM URL’s in Blogger Traffic Source Stats : What should I do ?</a></h3> <p class="post-meta"> <span class="post-nav-item">April 28, 2013</span><span class="post-nav-item"> <a href="https://subinsb.com/categories/blogger" rel="category">Blogger</a>, <a href="https://subinsb.com/categories/php" rel="category">PHP</a> </span></p> <div class="post-entry"> <p><div dir="ltr" style="text-align: left;"> <div dir="ltr" style="text-align: left;"> <span style="font-family: inherit;">You might have noticed a great volume of sites you never heard of coming to your site apart from Search Engine URL’s. Some of those <b>URL’s</b> are <b>filmhill.com</b> and <b>vampirestat.com</b>.</span><br /> <span style="font-family: inherit;"><br /> </span> <span style="font-family: inherit;">These kind of <b>URL</b>‘s are <b>SPAM</b>. The SPAM site is referring your site but they are not persons, they’re <b>BOTS</b>. These bots are visiting your site just for fun. These bots don’t read your posts or anything. They’re just a pile of robots. The bot is<b> </b>ran by a script. Probably <b>PHP</b>.</span><br /> <span style="font-family: inherit;">This scripts visits your site using CURL function with the referrer of their site. In PHP if you echo $_SERVER[‘HTTP_REFERER’] you will get the site where the user just came from. <b>Blogger</b> is using the same function but not PHP to record the traffic sources.</span><span style="font-family: inherit;"><br /> </span></p>... <a href="https://subinsb.com/spam-urls-in-blogger-traffic-source-stats-what-should-i-do/" class="post-read-more">[READ MORE]</a></p> </div> </article> <article class="post-preview box is-black"> <h3 class="post-title subtitle is-3"><a href="https://subinsb.com/new-change-background-of-subins-network/">New : Change background of Subins Network.</a></h3> <p class="post-meta"> <span class="post-nav-item">January 28, 2013</span><span class="post-nav-item"> <a href="https://subinsb.com/categories/blogger" rel="category">Blogger</a>, <a href="https://subinsb.com/categories/themes" rel="category">Themes</a> </span></p> <div class="post-entry"> <p><div dir="ltr" style="text-align: left;" trbidi="on"> You can now change background of this blog and the whole Subins Network. You can only do this if you have a account in Subins. If you don’t have an account you can signup @ <a href="http://accounts-subins.hp.af.cm/signup.php">http://accounts-subins.hp.af.cm/signup.php</a>. </p> <div> </div> <div> To change background you must go to <a href="http://accounts-subins.hp.af.cm/">My Account</a> in Subins. In the left sidebar click <b>Appearance</b>. </div> <div> Click <b>Themes</b> or <b>Background</b> to change the background. </div> <div> </div> <div> Hope you like it. </div> </div>... <a href="https://subinsb.com/new-change-background-of-subins-network/" class="post-read-more">[READ MORE]</a></p> </div> </article> <article class="post-preview box is-black"> <h3 class="post-title subtitle is-3"><a href="https://subinsb.com/make-snowfall-on-your-siteblog-using-javascript/">Make Snowfall on your site/blog using Javascript</a></h3> <p class="post-meta"> <span class="post-nav-item">December 22, 2012</span><span class="post-nav-item"> <a href="https://subinsb.com/categories/blogger" rel="category">Blogger</a>, <a href="https://subinsb.com/categories/javascript" rel="category">JavaScript</a> </span></p> <div class="post-entry"> <p><div dir="ltr" style="text-align: left;" trbidi="on"> <div dir="ltr" style="text-align: left;" trbidi="on"> It’s Christmas. It’s time for snowing. Want to have a snowfall on your site just like in my blog. Here’s the <b>Java script</b> for snowing.<br /><b><span style="color: red;">Note – This code is for websites. Code for blogger is below this code</span></b></p> <pre><code><blockquote class="tr_bq"> <p> <script><br />  //Configure below to change URL path to the snow image<br />  var snowsrc="http://subins.hp.af.cm/files/images/snow.gif"<br />  // Configure below to change number of snow to render<br />  var no = 20;<br />  // Configure whether snow should disappear after x seconds (0=never):<br />  var hidesnowtime = 0;<br />  // Configure how much snow should drop down before fading ("windowheight" or "pageheight")<br />  var snowdistance = "pageheight";<br />///////////Stop Config//////////////////////////////////<br />  var ie4up = (document.all) ? 1 : 0;<br />  var ns6up = (document.getElementById&&!document.all) ? 1 : 0;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>function iecompattest(){<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>}<br />  var dx, xp, yp;    // coordinate and position variables<br />  var am, stx, sty;  // amplitude and step variables<br />  var i, doc_width = 800, doc_height = 600;<br />  if (ns6up) {<br />    doc_width = self.innerWidth;<br />    doc_height = self.innerHeight;<br />  } else if (ie4up) {<br />    doc_width = iecompattest().clientWidth;<br />    doc_height = iecompattest().clientHeight;<br />  }<br />  dx = new Array();<br />  xp = new Array();<br />  yp = new Array();<br />  am = new Array();<br />  stx = new Array();<br />  sty = new Array();<br />  snowsrc=(snowsrc.indexOf("subins.hp.af.cm")!=-1)? "http://subins.hp.af.cm/files/images/snow.gif" : snowsrc<br />  for (i = 0; i < no; ++ i) { <br />    dx[i] = 0;                        // set coordinate variables<br />    xp[i] = Math.random()*(doc_width-50);  // set position variables<br />    yp[i] = Math.random()*doc_height;<br />    am[i] = Math.random()*20;         // set amplitude variables<br />    stx[i] = 0.02 + Math.random()/10; // set step variables<br />    sty[i] = 0.7 + Math.random();     // set step variables<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>if (ie4up||ns6up) {<br />      if (i == 0) {<br />        document.write("<div id="dot"+ i +"" style="POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;"><a href="http://sag-3.blogspot.com/2012/12/snowfall-using-js.html"><img src='"+snowsrc+"‘ border="0″></a></div>");<br />      } else {<br />        document.write("<div id="dot"+ i +"" style="POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;"><img src='"+snowsrc+"‘ border="0″></div>");<br />      }<br />    }<br />  }<br />  function snowIE_NS6() {  // IE and NS6 main animation function<br />    doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")?  iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;<br />    for (i = 0; i < no; ++ i) {  // iterate for every dot<br />      yp[i] += sty[i];<br />      if (yp[i] > doc_height-50) {<br />        xp[i] = Math.random()*(doc_width-am[i]-30);<br />        yp[i] = 0;<br />        stx[i] = 0.02 + Math.random()/10;<br />        sty[i] = 0.7 + Math.random();<br />      }<br />      dx[i] += stx[i];<br />      document.getElementById("dot"+i).style.top=yp[i]+"px";<br />      document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px"; <br />    }<br />    snowtimer=setTimeout("snowIE_NS6()", 25);//Set Timeout<br />  }<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>function hidesnow(){<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>if (window.snowtimer) clearTimeout(snowtimer)<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>}<span class="Apple-tab-span" style="white-space: pre;"> </span>if (ie4up||ns6up){<br />    snowIE_NS6();<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>if (hidesnowtime>0)<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>setTimeout("hidesnow()", hidesnowtime*1000)<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>}<br /></script> </p> </blockquote> </code></pre> </div> <h3 style="text-align: left;"> <u><b>Blogger Code</b></u> </h3> <p> Go to <b>Template</b> -> <b>Edit HTML</b><br />Paste this code after <b><body></b> tag. </p>... <a href="https://subinsb.com/make-snowfall-on-your-siteblog-using-javascript/" class="post-read-more">[READ MORE]</a></p> </div> </article> <article class="post-preview box is-black"> <h3 class="post-title subtitle is-3"><a href="https://subinsb.com/how-to-add-subins-like-button-to-bloggerblogspot/">How to add Subins Like button to blogger/blogspot</a></h3> <p class="post-meta"> <span class="post-nav-item">December 9, 2012</span><span class="post-nav-item"> <a href="https://subinsb.com/categories/blogger" rel="category">Blogger</a>, <a href="https://subinsb.com/categories/html" rel="category">HTML</a>, <a href="https://subinsb.com/categories/javascript" rel="category">JavaScript</a> </span></p> <div class="post-entry"> <p><div dir="ltr" style="text-align: left;" trbidi="on"> <span style="font-family: inherit;">You might have know <b>The Subins Project</b> created by me. It is hosted by <b><a href="http://appfog.com/?utm_source=subinsblog" >AppFog</a></b>. If you want to add Subins Like button to your blog, then follow these steps.</span></p> <div> <span style="font-family: inherit;">Go to <b><a href="http://blogger.com/?utm_source=subinsblog" >Blogger</a></b></span> </div> <div> <span style="font-family: inherit;">Place this code where you want to add the <b>Subins</b> <b>Like Button</b>.</span> </div> <div> <blockquote class="tr_bq"> <p> <span style="font-family: inherit;"><script src="http://subins.hp.af.cm/dev/all.js" type="text/javascript"></script><br /><div class="subins-like" data-href=’<span style="color: red;">BLOG URL</span>‘></div></span> </p> </blockquote> </div> <div> <span style="font-family: inherit;">If you want to add like button on post footer then follow the steps mentioned below.</span> </div> <div> <span style="font-family: inherit;">Go to <b><a href="http://blogger.com/?utm_source=subinsblog" >Blogger</a></b> -> <b>Template</b> -><b> Edit HTML</b></span> </div> <div> <span style="font-family: inherit;">Click <b>Expand Widget Templates</b>.</span> </div> <div> <span style="font-family: inherit;">Search for the line <b>post-footer’ </b>(within the quote).</span> </div> <div> <span style="font-family: inherit;">Add this code after the first line you just founded.</span> </div> <div> <blockquote class="tr_bq"> <p> <span style="font-family: inherit;"><script src=’http://subins.hp.af.cm/dev/all.js’ type=’text/javascript’/></span><span style="font-family: inherit;"><div class=’subins-like’ expr:data-href=’data:post.url’></div></span> </p>... <a href="https://subinsb.com/how-to-add-subins-like-button-to-bloggerblogspot/" class="post-read-more">[READ MORE]</a></p> </div> </article> <article class="post-preview box is-black"> <h3 class="post-title subtitle is-3"><a href="https://subinsb.com/how-to-alert-user-that-he-is-the-___th-visitor-of-bloggerblogspot-blog/">How to alert user that he is the ___th visitor of blogger/blogspot blog?</a></h3> <p class="post-meta"> <span class="post-nav-item">November 22, 2012</span><span class="post-nav-item"> <a href="https://subinsb.com/categories/blogger" rel="category">Blogger</a>, <a href="https://subinsb.com/categories/html" rel="category">HTML</a>, <a href="https://subinsb.com/categories/javascript" rel="category">JavaScript</a>, <a href="https://subinsb.com/categories/jquery" rel="category">JQuery</a> </span></p> <div class="post-entry"> <p><div dir="ltr" style="text-align: left;" trbidi="on"> <span style="font-family: inherit;">If you ever visited my blog on the day it’s reaching a big view (<b>24000</b> , <b>25000</b>) you will get a javascript alert saying you are the <b>24000</b>th visitor like this :</span></p> <div class="separator" style="clear: both; text-align: center;"> <a href="//1.bp.blogspot.com/-R0PFGsxOylg/UK4bf9bsjTI/AAAAAAAACTo/8H9o8VpHUkc/s1600/alert.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img border="0" src="//1.bp.blogspot.com/-R0PFGsxOylg/UK4bf9bsjTI/AAAAAAAACTo/8H9o8VpHUkc/s1600/alert.png" /></span></a> </div> <div class="separator" style="clear: both; text-align: left;"> <span style="font-family: inherit;">The above image shows that the blog alerted when the user was the <b>23000</b> visitor. It will also change the background to <a href="http://themes.googleusercontent.com/image?id=0BwVBOzw_-hbMYWRiZmQ3NDctZGQyZC00MWU0LWE0ZDMtMGFlZWI0MWM4NzQ1" >this</a>. Want to have this feature on your blog ??? </span><span style="font-family: inherit;">You are in the right place.</span> </div> <div class="separator" style="clear: both; text-align: left;"> <span style="font-family: inherit;"><br /></span> </div> <div class="separator" style="clear: both; text-align: left;"> <u style="font-family: inherit;"><b><span style="font-size: large;">Requirements</span></b></u> </div> <div class="separator" style="clear: both; text-align: left;"> <u style="font-family: inherit; font-size: x-large;"><br /></u> </div> <div> <span style="font-family: inherit;">One Stats Widget (Only one).</span> </div> <div> <span style="font-family: inherit;"><br /></span> </div> <div class="separator" style="clear: both; text-align: left;"> <span style="font-family: inherit;"><span style="background-color: white; color: #333333; line-height: 20px;">Add this code before </span><b style="background-color: white; color: #333333; line-height: 20px;"></head></b><span style="background-color: white; color: #333333; line-height: 20px;"> if you haven’t yet added a </span><b style="background-color: white; color: #333333; line-height: 20px;">script src</b><span style="background-color: white; color: #333333; line-height: 20px;"> of </span><b style="background-color: white; color: #333333; line-height: 20px;">Jquery</b><span style="background-color: white; color: #333333; line-height: 20px;"> </span><b style="background-color: white; color: #333333; line-height: 20px;">Library</b><span style="background-color: white; color: #333333; line-height: 20px;">.</span></span> </div> <blockquote class="tr_bq"> <p> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> </p>... <a href="https://subinsb.com/how-to-alert-user-that-he-is-the-___th-visitor-of-bloggerblogspot-blog/" class="post-read-more">[READ MORE]</a></p> </div> </article> <article class="post-preview box is-black"> <h3 class="post-title subtitle is-3"><a href="https://subinsb.com/adding-scroll-to-top-function-in-bloggerblogspot-using-jquery/">Adding Scroll To Top function in Blogger/Blogspot using Jquery</a></h3> <p class="post-meta"> <span class="post-nav-item">October 29, 2012</span><span class="post-nav-item"> <a href="https://subinsb.com/categories/blogger" rel="category">Blogger</a>, <a href="https://subinsb.com/categories/html" rel="category">HTML</a>, <a href="https://subinsb.com/categories/jquery" rel="category">JQuery</a> </span></p> <div class="post-entry"> <p><div dir="ltr" style="text-align: left;" trbidi="on"> <div class="tr_bq"> <span style="font-family: inherit;">This Post will help you to add a <b>Scroll To Top </b>function in your <b>Blogger Blog</b>. Follow the steps given below.</span> </p> <pre><code><div style="text-align: center;"> <span style="background-color: #93c47d; border-radius: 10px; font-family: inherit; font-size: x-large; padding: 8px 10px;"><a href="http://subin-demos.blogspot.com/#scrolltop" >DEMO</a></span> </div> </code></pre> </div> <p> <span style="font-family: inherit;"><br /></span> <span style="font-family: inherit;">1 – Go to <b>Blogger -> Template -> Edit HTML </b></span><br /><span style="font-family: inherit;">2 – Adding Codes.</span><br /><span style="font-family: inherit;">Add this script before <b></head></b> if you haven’t added a <b>script src</b> of <b>Jquery</b> <b>Library</b>.</span> </p>... <a href="https://subinsb.com/adding-scroll-to-top-function-in-bloggerblogspot-using-jquery/" class="post-read-more">[READ MORE]</a></p> </div> </article> <article class="post-preview box is-black"> <h3 class="post-title subtitle is-3"><a href="https://subinsb.com/create-text-editor-using-html-jquery-like-in-blogger/">Create Text Editor like Blogger Using HTML & jQuery</a></h3> <p class="post-meta"> <span class="post-nav-item">October 24, 2012</span><span class="post-nav-item"> <a href="https://subinsb.com/categories/blogger" rel="category">Blogger</a>, <a href="https://subinsb.com/categories/html" rel="category">HTML</a>, <a href="https://subinsb.com/categories/javascript" rel="category">JavaScript</a>, <a href="https://subinsb.com/categories/jquery" rel="category">JQuery</a> </span></p> <div class="post-entry"> <p><div dir="ltr" style="text-align: left;"> <p> <span style="font-family: inherit;">You might have seen text editors where you can bold a text, italic a text etc… The perfect example of this the <b>Blogger</b> Post <b>Text Editor</b>. </span> </p> <div> <span style="font-family: inherit;">This is a simple tutorial that will create a text editor using <b>HTML, Jquery & JavaScript.</b></span> </div> <div class="padlinks"> <a class="download" href="http://demos.subinsb.com/down.php?id=7rdxkdd9wmmd383&class=5">Download</a> <a class="demo" href="http://demos.subinsb.com/text-editor-jquery/">Demo</a> </div> <div style="text-align: left;"> <p> We have two files, <b>index.html</b> which contains the <b>HTML</b> code and <b>texteditor.js</b> which contains the <b>jQuery</b> code. You should include the <b>texteditor.js</b> in <b>index.html</b>.<b><span style="font-family: inherit; font-size: large;">index.html</span></b> </p>... <a href="https://subinsb.com/create-text-editor-using-html-jquery-like-in-blogger/" class="post-read-more">[READ MORE]</a></p> </div> </article> <article class="post-preview box is-black"> <h3 class="post-title subtitle is-3"><a href="https://subinsb.com/upload-your-image-to-the-web-in-just-a-minute-without-registering/">Upload your image to the web in just a minute without registering</a></h3> <p class="post-meta"> <span class="post-nav-item">October 22, 2012</span><span class="post-nav-item"> <a href="https://subinsb.com/categories/blogger" rel="category">Blogger</a> </span></p> <div class="post-entry"> <p><div dir="ltr" style="text-align: left;" trbidi="on"> There are many websites for uploading images for various purposes. Some of the popular services are <b>Picasa</b>, <b>Flickr</b> etc….<br />But you need an account for using the services shown above. If you don’t want to waste any time and upload image in just a minute, then there a re some services which will upload your image in their servers. In this tutorial I will introduce to a service called <b><a href="http://www.postimage.org/" >Post Image</a>.</b><br />Go to <b><a href="http://www.postimage.org/" >Post Image</a> (</b><a href="http://www.postimage.org/">http://www.postimage.org/</a><b>)</b>.</p>... <a href="https://subinsb.com/upload-your-image-to-the-web-in-just-a-minute-without-registering/" class="post-read-more">[READ MORE]</a></p> </div> </article> <nav class="pagination is-centered is-large box" role="navigation" aria-label="pagination"> <a class="pagination-previous" href="https://subinsb.com/categories/blogger/" >Previous</a> <a class="pagination-next" href="https://subinsb.com/categories/blogger/page/3/" >Next</a> <ul class="pagination-list"> <li> <a class="pagination-link " href="/categories/blogger/" aria-label="Page 1"><span aria-hidden="true">1</span></a> </li> <li> <a class="pagination-link is-current" href="/categories/blogger/page/2/" aria-label="Page 2"><span aria-hidden="true">2</span></a> </li> <li> <a class="pagination-link " href="/categories/blogger/page/3/" aria-label="Page 3"><span aria-hidden="true">3</span></a> </li> </ul> </nav> </div> <div id="secondary" class="column"> <div class="box widget"> <h2 class="subtitle is-4"><b>Follow/Subscribe</b></h2> <p><center><a class="button is-info" href="https://telegram.me/SubinSiby">Telegram</a> <br/><br/><a class="button is-info" rel="me" href="https://aana.site/@subins2000">Mastodon</a> <a class="button is-link" href="https://twitter.com/SubinSiby">Twitter</a><br/><br/><a class="button is-black" href="https://github.com/subins2000">GitHub</a> <a class="button is-danger" href="https://gitlab.com/subins2000">GitLab</a></center></p> </div> <div class="box widget"> <h2 class="subtitle is-4"><b>Subdomains</b></h2> <p><a class="button" href="https://demos.subinsb.com/">Demos</a> <a class="button" href="https://lab.subinsb.com/">Lab</a></p> </div> <div class="box widget"> <h2 class="subtitle is-4"><b>Past</b></h2> <p>This blog was once on WordPress. Now a static site. See source code on <center><a class="button is-warning" href="https://gitlab.com/subins2000/subinsb.com">GitLab</a></center></p> </div> </div> </div> </div> <script> if (location.hostname !== "localhost" && location.hostname !== "127.0.0.1") { var id = "/categories/blogger/"; (function(i,s,o,g,r,a,m){i['ccc']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//demos.subinsb.com/sanders/s.js?id='+id,'ga'); } </script> <script id="dsq-count-scr" src="//subinsblog.disqus.com/count.js" async></script> <footer id="colophon" class="site-footer" role="contentinfo"> <div class="footer-nav"> <a href="/about#profiles"> <blockquote>സുബിന്‍ സിബി<br/><span title="a.k.a SubinSiby">@subins2000</span><br/>/bin/su</blockquote> </a> <div style="text-align: center;"> <div class="side"> <ul> <li><a href="/about">About</a></li> <li><a href="/search">Search</a></li> <li><a target="_blank" href="/sitemap.xml">Sitemap</a></li> <li><a target="_blank" href="/index.xml ">RSS Feed</a></li> <li><a href="/about#subscribe">Subscribe</a></li> </ul> </div> <div class="side"> <ul> <li><a target="_blank" href="https://github.com/subins2000">GitHub</a></li> <li><a target="_blank" href="https://gitlab.com/subins2000">GitLab</a></li> <li><a target="_blank" href="https://t.me/SubinSiby">Telegram</a></li> <li><a target="_blank" href="https://aana.site/@subins2000">Mastodon</a></li> <li><a target="_blank" href="https://twitter.com/SubinSiby">Twitter</a></li> </ul> </div> </div> </div> <div class="site-info"> <p style="text-align: center;"> This blog is created, written and maintained by Subin Siby. It is built with <u><a target="_blank" href="https://gohugo.io/">Hugo</a></u> and hosted by <u><a target="_blank" href="https://gitlab.com">GitLab</a></u>. </p> <div class="smilie" title="This is just a text transformed into a smiley face by CSS. Check the source !">:-)</div> <span></span><span></span><span></span><span></span><span></span><span></span><span></span> </div> </footer> <svg style="display:none;"> <defs> <path id="shape-tab" d="M100,25C79.568,25,84.815,0,59.692,0H11.149C5.027,0,0,4.634,0,10.385V25"></path> <path id="shape-tab-right" d="M0,25C20.432,25,15.185,0,40.308,0h48.543C94.973,0,100,4.634,100,10.385V25"></path> <path id="shape-search" d="M3.327,96.684C5.534,98.895,8.434,100,11.331,100s5.797-1.105,8.004-3.316l21.321-21.322 c5.83,3.188,12.393,4.897,19.223,4.897c10.721,0,20.798-4.172,28.379-11.752c15.646-15.644,15.646-41.105,0.002-56.755 C80.677,4.171,70.598,0,59.877,0C49.159,0,39.08,4.171,31.504,11.752c-7.581,7.576-11.756,17.655-11.756,28.376 c0,6.832,1.71,13.396,4.9,19.226L3.327,80.675C-1.096,85.094-1.096,92.266,3.327,96.684z M59.879,68.938 c-7.695,0-14.93-2.996-20.371-8.435c-5.443-5.442-8.439-12.677-8.439-20.375c0-7.695,2.996-14.933,8.439-20.372 c5.441-5.44,12.676-8.436,20.369-8.436c7.698,0,14.936,2.997,20.378,8.436c11.231,11.236,11.231,29.515,0,40.747 C74.812,65.941,67.575,68.938,59.879,68.938z"></path> </defs> </svg> <script type="text/javascript" src="https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/run_prettify.js?lang=perl&skin=sunburst&autoload=true" async="async"></script> <script type="text/javascript" src="https://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4fb122922591215b" async="async"></script> <script data-goatcounter="https://subinsbdotcom.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script> <script> var r = new XMLHttpRequest(); r.addEventListener('load', function() { document.querySelector('#sanders-page-counter').innerHTML = JSON.parse(this.responseText).count }) r.open('GET', 'https://subinsbdotcom.goatcounter.com/counter/' + encodeURIComponent(location.pathname) + '.json') r.send() </script> </body> </html>