tag:blogger.com,1999:blog-39893114157382475102024-03-05T04:53:06.981-08:00BloginoobsBlogger Themes, Tutorials, Tricks and TipsMuhammed Fasil Khttp://www.blogger.com/profile/12071624565375682546noreply@blogger.comBlogger19125tag:blogger.com,1999:blog-3989311415738247510.post-46852888657399728532022-01-16T02:16:00.018-08:002022-01-16T03:29:34.422-08:00How to Add a Picture to a Picture<noscript><img alt="How to Add a Picture to a Picture" height="380" width="695" src="https://blogger.googleusercontent.com/img/a/AVvXsEhLGhlEJ6RyCPgZrfjeynzhDr0Y-cvV-Yx540zfboADkhAp71w1hzm5E5Xomo7rk7wvnXZ5TGoAIsXI0pC58JeEP3jtTZyqgtyZsbcNR_9YeYtQFHapPpqAx38VtAE0X0fIp_xIhxYUkELMCiaSrx9xUrOiLMkkweaOxWgUBgeFwdGyVzgtIW8AJsM4=s16000"/></noscript>
In this article we will learn to how to add a picture to a picture without using any software tool or installation. We will be using an online tool for doing this, no registration or payment is required for this process.<div>Let it be your school/college projects or other works don't waste your time installing junky software's for a 5sec work and save your disk space at the same time.<br /><div class="toc" on="tap:toc-pro.toggleVisibility" role="button" tabindex="0">
Table of Contents
<svg height="18" viewbox="0 0 24 24" width="18">
<path d="M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z" fill="#000000"></path>
</svg>
<br />
<div id="toc-pro"></div>
</div>
<h2 style="text-align: left;">Steps to Add a Picture to a Picture</h2><div>Please follow the below steps carefully and enjoy!</div><div></div>
<div style="text-align: left;"><b><br /></b></div><div style="text-align: left;"><b>1. Go to this link <a href="https://www.image-editor.xyz/">https://www.image-editor.xyz/</a> (Free and Opensource)</b></div><div style="text-align: left;"><b><br /></b></div><div style="text-align: left;"><b>2. Load Image to the Online Editor from your PC or Laptop</b></div><div style="text-align: left;"><b><br /></b><div class="separator" style="clear: both; text-align: center;"><b><amp-img height="472" alt="How to Add a Picture to a Picture" src="https://blogger.googleusercontent.com/img/a/AVvXsEhMWjZSQ3IMvaaVLuMDewLM0JsNuTPq5h-dDQ8LSwAOdtiLwwllLUmH6USVGPi7kG7c3Pju8LbCEJMfFA8Yt79u65Yjo3Kiw_H80IXTIvMgMkYD7LgP18mokQVI_gt0-ojZJEIRab-t-4Rp2tKNdbeO_877nh2umsVhgnei8j3GKzLtZJJXzUURT2sg=s16000" width="820"></amp-img></b></div><b><br /></b></div><div style="text-align: left;"><b>3. Click Mask and Upload the next image</b></div><div style="text-align: left;"><b><br /></b><div class="separator" style="clear: both; text-align: center;"><b><amp-img height="546" alt="How to Add a Picture to a Picture"src="https://blogger.googleusercontent.com/img/a/AVvXsEhCw03v2sOkxJhEL76pg2WSUXuxzRLVUfWdXgphT9lLnkP8Z_OgT8gK0ZAPWCsH_vKxXsVx-dNd1d3cYgeHWh-7MXSOdBkEj3WSMAlBHAIlwoOYgzzms3YF-WUEUojY7OwYZnoYj1TI3kxkleKvvyqDkdjZodCyRicQ3oRsAbdFjLgVq8YZEGiULz9X=s16000" width="722"></amp-img></b></div><b><br /></b></div><div style="text-align: left;"><b>4. Rearrange, rotate and explore all the advanced editing option covered by this tool</b></div><div style="text-align: left;"><b> </b><div class="separator" style="clear: both; text-align: center;"><b><amp-img height="435" alt="How to Add a Picture to a Picture" src="https://blogger.googleusercontent.com/img/a/AVvXsEhX3GyGVJWyqx4e3vHBde1Nwu3DjvoX7zUB9ZF6Xs1056DHNbLSScQ3_D6T6gjDoaXL5KuwJEgxZYb_NqkGGmlXaT8oSP2rVjB_AWdKfNyyAkfL5YdA__3kPLu8IjoDPZ3fgxMa0XbK759MUJXxgOTtPP-A3nFT0NC04v_LXZC0BV86O1qbgwQMni7D=s16000" width="720"></amp-img></b></div><b><br /></b></div><div style="text-align: left;"><b>5. Appy the changes<br /><br /></b></div><div style="text-align: left;"><b>6. Download the final image</b></div><div style="text-align: left;"><b><br /></b><div class="separator" style="clear: both; text-align: center;"><b><amp-img height="506" alt="How to Add a Picture to a Picture" src="https://blogger.googleusercontent.com/img/a/AVvXsEh6GOnj9R8KDawqgLLWl8MHYgp96W40Kv42b897ygF36LPTPZXZjEAndVllACl5I62Hh8QY-vLYP3aoS_ILIE96xpieeB-hLqTNBneFQFMgwpV2yIp5D9plJrS4H1E3XWE9apUlpqaoNE7RXNuhFSrxIJTAfj6dKqy3BLAbeo0RViXgYZCP6-0LuE5F=s16000" width="712"></amp-img></b></div><b><br /></b></div><h2 style="text-align: left;">Conclusion</h2><div><div>Hope you this article on how to add a picture to a picture is helpful for what you actually intended for, this is an amazing online tool where you can almost do all editing works without any pro skills</div><div><br /></div>
<div>You can freely comment on your doubts and queries below. If you liked this article, then please share this with your friends. You can also find us on Twitter, Facebook, YouTube, and Instagram.</div>
</div>
</div>Muhammed Fasil Khttp://www.blogger.com/profile/12071624565375682546noreply@blogger.com0tag:blogger.com,1999:blog-3989311415738247510.post-5684328634067251732021-02-06T09:49:00.011-08:002021-10-14T04:17:42.668-07:00How to Manage a Git Repository in Linux Command Line<noscript><img alt="How to Manage a Git Repository in Linux Command Line" height="380" width="695" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb1nJaXOtnEQNn2YISopjvsHsEGipQ_PDLsbfxTngXBrmVYyRReSZUqIy3CnS8aW5koP51jv8jfAgaq97vDuzrSToQiIRmURI9o9L0B77kdGvz1GnpjlvZGOVaFNC5aqR_mFAKcDT64Jo/s0/how-to-manage-a-git-repository-in-linux-command-line.png"/></noscript>
Hello friends, In this section we would learn how to manage Git repository using command line, and further how to handle the repository with various commands. I am writing this article to ease what you would find in other sources.
<div><br /></div>
<div>I don't want to bore you with an introduction to Git, i assume that you already know what Git is and what its used for. Its a very useful tool for programmers and developers</div>
<div class="toc" on="tap:toc-pro.toggleVisibility" role="button" tabindex="0">
Table of Contents
<svg height="18" viewbox="0 0 24 24" width="18">
<path d="M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z" fill="#000000"></path>
</svg>
<br />
<div id="toc-pro"></div>
</div>
<h2 style="text-align: left;">Steps to Create a Git Repository</h2>
<div>Create an empty repository in your GitHub account. You can leave readme and license which can be added later.</div>
<div><br /></div>
<div>Suppose you have a project folder DEMO in your linux PC, Open the command line inside the folder DEMO and follow the below commands.</div>
<div><br /></div>
<h3 style="text-align: left;">Initialise your local folder as Git repo</h3>
<div>
<pre>git init -b main</pre>
</div>
<h3 style="text-align: left;">Add the files in your new local repository</h3>
<div>
<pre>git add .</pre>
</div>
<h3 style="text-align: left;">Commit the files </h3>
<div>
<pre>git commit -m "Initial Commit"</pre>
</div>
<h3 style="text-align: left;">Copy the repo URL</h3>
<div>It would be something like this <kbd>https://github.com/user/demo.git</kbd></div>
<h3 style="text-align: left;">Set the Git repo</h3>
<div>
<pre>git remote add origin https://github.com/user/demo.git</pre>
</div>
<h3 style="text-align: left;">Verifies the Git repo</h3>
<div>
<pre>git remote -v</pre>
</div>
<h3 style="text-align: left;">Push local repo to Git</h3>
<div>
<pre>git push origin master</pre>
<h3 style="text-align: left;">Set remote repo to local repo</h3>
<div>
<pre>git remote add origin https://github.com/user/repo.git</pre>
</div>
<h3 style="text-align: left;">Current Branch Info</h3>
<div>
<pre>git branch</pre>
</div>
<h3 style="text-align: left;">List all branches in repo</h3>
<div>
<pre>git branch -a</pre>
</div>
<h3 style="text-align: left;">Switch to another repo</h3>
<div>
<pre>git checkout branch</pre>
</div>
<h2 style="text-align: left;">Conclusion</h2>
<div>
<div>I hope that this article on "How to Manage a Git Repository in Linux Command Line" helped you to understand better about Git commands. If you think something is missing in our article please let us know.</div>
<div><br /></div>
<div>You can freely comment on your doubts and queries below. If you liked this article, then please share this with your friends. You can also find us on Twitter, Facebook, YouTube, and Instagram.</div>
</div>
</div>Muhammed Fasil Khttp://www.blogger.com/profile/12071624565375682546noreply@blogger.com0tag:blogger.com,1999:blog-3989311415738247510.post-48306155404115091832020-05-17T05:03:00.015-07:002020-05-26T09:53:31.771-07:00How to Add WebP Images in Blogspot/AMP Pages<div></div><div><div><div class="separator" style="clear: both; text-align: center;"><noscript><img alt="webp blogspot amp" height="380" width="695" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiazIBSbALOC2hZKfwxvW9mJUUXkI-wHUjoGG7bub-7xSCPHDqyWhS8FgZhOJB9zfXd6xDCjm7us0x4QndAz9zagoF5IzkygguQT9ZBD8Ly-4lWweB5O61bDgh_63CtzKsEBEvDd2ln7uI/d/webp-blogspot-amp.png" title="WebP in Blogspot or AMP" /></noscript></div>In this article, we will learn how to add a WebP image in your Blogspot which is very useful in the AMP blog. AMP has a fallback feature which needs to input both WebP and other traditional image formats.</div><div><br /></div><div>AMP framework will automatically switch back to traditional image format if the browser doesn't support the WebP format.</div><div><br /></div><div>WebP is an image format with both lossy and lossless compression. It is introduced by On2 Technologies which is later acquired by Google. It is also a sister project to the Web M multimedia container format.</div></div><div></div><blockquote><div><b>According to Google [Source : <a href="https://developers.google.com/speed/webp" rel="nofollow" target="_blank">A new image format for the Web</a>]</b></div><div>WebP lossless images are 26% smaller in size compared to PNGs. WebP lossy images are 25-34% smaller than comparable JPEG images at equivalent SSIM quality index.</div></blockquote><div class="toc" on="tap:toc-pro.toggleVisibility" role="button" tabindex="0">Table of Contents <svg height="18" viewbox="0 0 24 24" width="18"><path d="M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z" fill="#000000"></path></svg><br /><div id="toc-pro"></div></div><h2 style="text-align: left;">WebP in Blogspot</h2><div>Even though Blogger officially doesn't support uploading the WebP image formats, we can force Google to interpret images as WebP with small changes in the current URL.</div><div><br /></div><div><u>Current URL </u></div><div><br /></div><pre style="text-align: left;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsN6nSCZgSr8NV3gEIfAjVO4C6s0ta6husWF77YyqLRpksb07JaF1KRKhbB4kd7cLFUKTHXmO80zYqrNErB8m05mkraQtu7g-9_XhAAIikdFvYBdYL1gKkg-xqW1u3cDFHHBYut8drtOQ/d/blank-blogger-template.png</pre><div><br /></div><div><u>WebP URL</u></div><div><br /></div><pre style="text-align: left;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsN6nSCZgSr8NV3gEIfAjVO4C6s0ta6husWF77YyqLRpksb07JaF1KRKhbB4kd7cLFUKTHXmO80zYqrNErB8m05mkraQtu7g-9_XhAAIikdFvYBdYL1gKkg-xqW1u3cDFHHBYut8drtOQ/<font color="#b51200">rw</font>/blank-blogger-template.png</pre><div><br /></div><div>Just add <kbd>-rw</kbd> after <kbd>d</kbd> or <kbd>s600</kbd> or similar tags that of above.</div><div><br /></div><div>Complete structure for a WebP image with fallback will be like</div><div><br /></div><div><pre style="text-align: left;"><amp-img
alt="bloginoobs"
width="550"
height="368"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsN6nSCZgSr8NV3gEIfAjVO4C6s0ta6husWF77YyqLRpksb07JaF1KRKhbB4kd7cLFUKTHXmO80zYqrNErB8m05mkraQtu7g-9_XhAAIikdFvYBdYL1gKkg-xqW1u3cDFHHBYut8drtOQ/d-rw/blank-blogger-template.png"
layout="responsive">
<amp-img
alt="bloginoobs"
fallback
width="550"
height="368"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsN6nSCZgSr8NV3gEIfAjVO4C6s0ta6husWF77YyqLRpksb07JaF1KRKhbB4kd7cLFUKTHXmO80zYqrNErB8m05mkraQtu7g-9_XhAAIikdFvYBdYL1gKkg-xqW1u3cDFHHBYut8drtOQ/d/blank-blogger-template.png"
<span> </span>layout="responsive">
</amp-img>
</amp-img>
</pre></div><div><br /></div><div>Chang the URL and paste inside your post.</div><div><br /></div><h2 style="text-align: left;">WebP Converter Download</h2><div><font color="#0e101a">There is an official tool that can be used to convert PNG, JPG to WebP format. It is available on the official page. </font></div><div><font color="#0e101a"><br /></font></div><div><font color="#0e101a">Also Read : <a href="https://bloginoobs.blogspot.com/p/convert-img-to-amp-img.html" target="_blank">Convert img to amp-img</a></font></div><div><font color="#0e101a"><br /></font></div><div style="text-align: center;"><font color="#0e101a"><a class="btn" href="https://developers.google.com/speed/webp/download" rel="nofollow" target="_blank">Download</a></font></div><div style="text-align: center;"><br /></div><h2 style="text-align: left;">Is it Worth Adding WebP in Blogspot</h2><div>When it comes to supporting, WebP is not supported by the old browser but most modern will support the WebP format. When we are considering the case of blogger we cant upload WebP images directly and we are indirectly converting the images into WebP format. </div><div><br /></div><div><div><u>WebP lossy support</u></div><div><br /></div><div><ul style="text-align: left;"><li>Google Chrome (desktop) 17+</li><li>Google Chrome for Android version 25+</li><li>Microsoft Edge 18+</li><li>Firefox 65+</li><li>Opera 11.10+</li><li>Native web browser, Android 4.0+ (ICS)</li></ul></div></div><div><div></div><blockquote><div><b>Can a WebP image grow larger than its source image?</b></div><div><i>Yes, usually when converting from a lossy format to WebP lossless or vice versa. This is mainly due to the colorspace difference (YUV420 vs ARGB) and the conversion between these</i>.</div></blockquote><div>Just test with your link with both PNG/JPG and WebP and compare the size when interpreting the images with this technique. In my case, the WebP format for the above example was 12Kb larger than the WebP format.</div><div><br /></div><div>That could be because we have already compressed our images or we are using less colored images. I would recommend using WebP for those already loading your post with large or high-quality images.</div></div><div><br /></div><h2 style="text-align: left;">Conclusion </h2><div><div>I hope that this article on How to Add WebP in Blogspot or AMP Pages helped you to understand better about WebP. If you think something is missing in our article please let us know.</div><div><br /></div><div>You can freely comment on your doubts and queries below. If you liked this article, then please share this with your friends. You can also find us on Twitter, Facebook, YouTube, and Instagram.</div></div>Muhammed Fasil Khttp://www.blogger.com/profile/12071624565375682546noreply@blogger.com0tag:blogger.com,1999:blog-3989311415738247510.post-63538013352103399782020-05-16T23:53:00.005-07:002020-05-17T00:59:18.140-07:00Blank Blogger Template and Widget Codes <div class="separator" style="clear: both; text-align: center;"><noscript><img alt="blank blogger template" height="380" width="695" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsN6nSCZgSr8NV3gEIfAjVO4C6s0ta6husWF77YyqLRpksb07JaF1KRKhbB4kd7cLFUKTHXmO80zYqrNErB8m05mkraQtu7g-9_XhAAIikdFvYBdYL1gKkg-xqW1u3cDFHHBYut8drtOQ/d/blank-blogger-template.png" title="Blank Blogger Template" /></noscript></div><div>In this article, we will discuss how to create a bank blogger template without many efforts. Blank templates are useful for those trying to learn the blogger template structure. </div><div><br /></div><div>It is also used for clearing all unwanted widgets in your themes, remember even changing the themes would not delete the complete widgets. My personal method of clearing all unwanted widgets is to use a blank blogger template.</div><div><br /></div><div>Whatever be the case lets start the basic or a skeleton of a blogger template, If you know a little bit about HTML you know that a basic page requires a <kbd><html></kbd> and <kbd></html></kbd> and all other components inside this tag.</div><div class="toc" on="tap:toc-pro.toggleVisibility" role="button" tabindex="0">Table of Contents <svg height="18" viewbox="0 0 24 24" width="18"><path d="M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z" fill="#000000"></path></svg><br /><div id="toc-pro"></div></div><h2 style="text-align: left;">How to Create a Blank Blogger Template</h2><div>We will be discussing the latest updated theme structure which is widget version 3 and layout version 2</div><div><br /></div><div><u>Basic Structure</u></div><div><br /></div><div style="text-align: left;"><pre><?xml version="1.0" encoding="UTF-8" ?><br /> <!DOCTYPE html><br /> <html b:css='false' b:defaultwidgetversion='2' b:layoutsVersion='3' b:responsive='true' b:templateVersion='1.3.0' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'><head><br /> <meta content='width=device-width, initial-scale=1' name='viewport'/><br /> <title><data:view.title.escaped/></title><br /> <b:include data='blog' name='all-head-content'/><br /> <meta content='width=device-width, initial-scale=1' name='viewport' /><br /> <b:skin version='1.3.0'><br /> <![CDATA[<br /><span> </span><span> </span><span> </span><span> <br /></span><span> </span><span> </span><span> </span>]]><br /> </b:skin><br /><span> </span><span> </span><b:template-skin><br /> <span> </span><span> </span><![CDATA[<br /><span> </span><span> </span><span> </span>]]><br /><span> </span><span> </span></b:template-skin><br /> </head><br /> <body><br /> <div id="blog-wrapper"><br /> <header><br /> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'><br /> <b:widget id='Header1' locked='true' title='' type='Header'></b:widget><br /> </b:section><br /> </header><br /> <div id="content-wrapper"><br /> <div class="content-table"><br /> <div class="content-row"><br /> <b:section class='main column' id='main' showaddelement='yes'><br /> <b:widget id='Blog1' locked='true' title='Blog Posts Section' type='Blog' /><br /> </b:section><br /> <aside class="column"><br /> <b:section class='sidebar' id='sidebar' maxwidgets='' showaddelement='yes'><br /> </b:section><br /> </aside><br /> </div><br /> </div><br /> </div><br /> <footer><br /> <div><br /> Copyright © 2020 <strong><data:blog.title/></strong><br /> </div><br /> </footer><br /> </div><br /> </body><br /> </html></pre><div></div><div></div><div></div><div></div></div><div style="text-align: left;"><br /></div><div style="text-align: left;"><kbd><b:skin version='1.3.0'></kbd> holds the CSS required for the entire theme and <kbd><b:template-skin></kbd> should contain the view of your layout version in the dashboard.</div><div style="text-align: left;"><br /></div><div style="text-align: left;"><div style="text-align: left;"><div style="text-align: left;">At least one section and one widget are required for a valid minimum template. In the latest update of the layout version and widget version, you also require to add some additional codes in the old or previous version of themes.</div><div style="text-align: left;"><br /></div><div style="text-align: left;">When you Save the after pasting the above code, you can see additional code generated inside the theme. This is automatically inserted by the blogger, so we just have to learn the syntax that's all, and the blogger will do the rest.</div></div><div style="text-align: left;"><br /></div><div style="text-align: left;">Add the below code between </b:template-skin> and </head> and save the theme.</div><div style="text-align: left;"><br /></div><div style="text-align: left;"><pre> <b:defaultmarkups><br /> <b:defaultmarkup type='Common'><br /> <b:includable id='widgetNotAvailableInPreview'><br /> <b:if cond='data:widget.type == &quot;AdSense&quot;'><br /> <div class='vertical-ad-placeholder'><br /> <span><b:message name='messages.adsGoHere'/></span><br /> </div><br /> <b:else/><br /> <b:include name='super.widgetNotAvailableInPreview'/><br /> </b:if><br /> </b:includable><br /> </b:defaultmarkup><br /> <b:defaultmarkup type='AdSense,Blog'><br /> <b:includable id='defaultAdUnit'><br /> <b:comment>Clear out style (needs to be a non-empty string)</b:comment><br /> <b:with value='&quot;/* Done in css. */&quot;' var='style'><br /> <b:include name='super.defaultAdUnit'/><br /> </b:with><br /> </b:includable><br /> </b:defaultmarkup><br /> <b:defaultmarkup type='Blog,FeaturedPost'><br /> <b:includable id='headerByline'><br /> <b:include cond='data:view.isMultipleItems or data:widgets.Blog.first.headerByline.items.share' data='{ shareButtonClass: &quot;post-share-buttons-top&quot;, overridden: true }' name='maybeAddShareButtons'/><br /> <b:include name='super.headerByline'/><br /> </b:includable><br /> </b:defaultmarkup><br /> <b:defaultmarkup type='Blog,FeaturedPost,PopularPosts'><br /> <b:includable id='commentsLink'><br /> <a class='comment-link' expr:href='data:post.commentsUrl' expr:onclick='data:post.commentsUrlOnclick'><br /> <b:include data='{ iconClass: &quot;touch-icon&quot; }' name='commentIcon'/><br /> <span class='num_comments'><br /> <b:if cond='data:post.numberOfComments &gt; 0'><br /> <b:message name='messages.numberOfComments'><br /> <b:param expr:value='data:post.numberOfComments' name='numComments'/><br /> </b:message><br /> <b:else/><br /> <data:messages.postAComment/><br /> </b:if><br /> </span><br /> </a><br /> </b:includable><br /> <b:includable id='snippetedPostByline'><br /> <b:include name='headerByline'/><br /> </b:includable><br /> <b:includable id='postLabels'><br /> <b:comment>We don&#39;t display labels on the home page.</b:comment><br /> <b:if cond='data:view.isSingleItem and data:widget.type == &quot;Blog&quot;'><br /> <b:include name='super.postLabels'/><br /> </b:if><br /> </b:includable><br /> <b:includable id='postShareButtons' var='post'><br /> <b:comment>We call super.postShareButtons from the migrated positions.</b:comment><br /> </b:includable><br /> <b:includable id='postJumpLink'><br /> <b:comment>Overridden, and migrated to postFooter. Called as postFooterJumpLink.</b:comment><br /> </b:includable><br /> <b:includable id='postFooterJumpLink'><br /> <b:comment>Ripple, and show &#39;keep reading&#39; as the default.</b:comment><br /> <div class='jump-link flat-button ripple'><br /> <a expr:href='data:post.hasJumpLink ? data:post.url fragment &quot;more&quot; : data:post.url' expr:title='data:post.title'><br /> <data:blog.jumpLinkMessage/><br /> </a><br /> </div><br /> </b:includable><br /> <b:includable id='postFooter' var='post'><br /> <div class='post-bottom'><br /> <div class='post-footer float-container'><br /> <b:include name='footerBylines'/><br /> <b:include cond='data:widget.type == &quot;Blog&quot;' data='post' name='postFooterAuthorProfile'/><br /> </div><br /> <b:if cond='data:view.isSingleItem'><br /> <b:include data='{ shareButtonClass: &quot;post-share-buttons-bottom invisible&quot;, overridden: true }' name='maybeAddShareButtons'/><br /> <b:else/><br /> <b:include data='post' name='postFooterJumpLink'/><br /> </b:if><br /> </div><br /> </b:includable><br /> </b:defaultmarkup><br /> <b:defaultmarkup type='Blog'><br /> <b:includable id='main'><br /> <b:include name='noContentPlaceholder'/><br /> <b:comment>Cap the total number of ads (widgets and inline ads).</b:comment><br /> <b:with value='3' var='maxNumAds'><br /> <b:with value='data:widgets.AdSense.size' var='numDesktopAds'><br /> <b:with value='data:widgets.AdSense count (w =&gt; w.sectionId != &quot;ads&quot;)' var='numMobileAds'><br /> <b:comment>Filter out the featured post, but only on the homepage.</b:comment><br /> <b:with value='data:widgets.FeaturedPost filter (w =&gt; w.sectionId == &quot;page_body&quot;) map (w =&gt; w.postId)' var='featuredPostIds'><br /> <b:with value='data:view.isHomepage ? data:posts filter (post =&gt; post.id not in data:featuredPostIds) : data:posts' var='posts'><br /> <b:include name='super.main'/><br /> </b:with><br /> </b:with><br /> </b:with><br /> </b:with><br /> </b:with><br /> </b:includable><br /> <b:includable id='feedLinks'><br /> <b:comment>Don&#39;t show feed links.</b:comment><br /> </b:includable><br /> <b:includable id='postBodySnippet' var='post'><br /> <div class='container post-body entry-content' expr:id='&quot;post-snippet-&quot; + data:post.id'><br /> <b:if cond='data:post.featuredImage'><br /> <div class='snippet-thumbnail'><br /> <b:include data='{ image: data:post.featuredImage, imageSizes: [32, 64, 128, 256], imageRatio: &quot;1:1&quot;, sourceSizes: &quot;(max-width: 800px) 20vw, 128px&quot; }' name='responsiveImage'/><br /> </div><br /> </b:if><br /> <b:include cond='data:post' data='post' name='postSnippet'/><br /> </div><br /> </b:includable><br /> <b:includable id='previousPageLink'><b:comment>Don&#39;t show</b:comment></b:includable><br /> <b:includable id='homePageLink'><b:comment>Don&#39;t show</b:comment></b:includable><br /> <b:includable id='nextPageLink'><br /> <a class='blog-pager-older-link flat-button ripple' expr:href='data:olderPageUrl' expr:title='data:messages.morePosts'><br /> <data:messages.morePosts/><br /> </a><br /> </b:includable><br /> <b:includable id='inlineAd' var='post'><br /> <div><br /> <b:class cond='data:post.adNumber + data:numDesktopAds lt data:maxNumAds' name='desktop-ad'/><br /> <b:class cond='data:post.adNumber + data:numMobileAds lt data:maxNumAds' name='mobile-ad'/><br /> <b:include data='post' name='super.inlineAd'/><br /> </div><br /> </b:includable><br /> </b:defaultmarkup><br /> <b:defaultmarkup type='BlogArchive'><br /> <b:includable id='main' var='this'><br /> <details class='collapsible extendable'><br /> <b:attr cond='data:view.isArchive' name='open' value='open'/><br /> <b:with value='true' var='renderAsDetails'><br /> <b:with value='data:messages.archive' var='defaultTitle'><br /> <b:include name='super.main'/><br /> </b:with><br /> </b:with><br /> </details><br /> </b:includable><br /> <b:includable id='flat'><br /> <b:include data='{ buttonClass: &quot;pill-button&quot;, items: data:this.data, itemSet: &quot;data&quot;, itemsMarkup: &quot;super.flat&quot; }' name='extendableItems'/><br /> </b:includable><br /> <b:includable id='hierarchy'><br /> <b:include data='{ buttonClass: &quot;pill-button&quot;, limit: 1, items: data:this.data, itemSet: &quot;data&quot;, itemsMarkup: &quot;super.hierarchy&quot; }' name='extendableItems'/><br /> </b:includable><br /> </b:defaultmarkup><br /> <b:defaultmarkup type='BlogSearch'><br /> <b:includable id='searchSubmit'><br /> <input class='search-action flat-button' expr:value='data:messages.search.escaped' type='submit'/><br /> </b:includable><br /> </b:defaultmarkup><br /> <b:defaultmarkup type='Label'><br /> <b:includable id='main' var='this'><br /> <details class='collapsible extendable'><br /> <b:attr cond='data:view.isLabelSearch' name='open' value='open'/><br /> <b:with value='true' var='renderAsDetails'><br /> <b:with value='data:messages.labels' var='defaultTitle'><br /> <b:include name='super.main'/><br /> </b:with><br /> </b:with><br /> </details><br /> </b:includable><br /> <b:includable id='list'><br /> <b:include data='{ buttonClass: &quot;pill-button&quot;, items: data:this.labels, itemSet: &quot;labels&quot;, itemsMarkup: &quot;super.list&quot; }' name='extendableItems'/><br /> </b:includable><br /> <b:includable id='cloud'><br /> <b:include data='{ buttonClass: &quot;pill-button&quot;, items: data:this.labels, itemSet: &quot;labels&quot;, itemsMarkup: &quot;super.cloud&quot; }' name='extendableItems'/><br /> </b:includable><br /> </b:defaultmarkup><br /> <b:defaultmarkup type='FeaturedPost'><br /> <b:includable id='snippetedPostContent'><br /> <b:comment>Re-order the thumbnail before the snippet, add &#39;Keep reading&#39; link.</b:comment><br /> <b:include cond='data:this.postDisplay.showTitle' name='snippetedPostTitle'/><br /> <b:include name='headerByline'/><br /> <b:include cond='data:this.postDisplay.showFeaturedImage and data:post.featuredImage' data='post' name='snippetedPostThumbnail'/><br /> <b:include cond='data:this.postDisplay.showSnippet' data='post' name='postSnippet'/><br /> <b:include data='post' name='postFooter'/><br /> </b:includable><br /> <b:includable id='snippetedPostThumbnail'><br /> <div class='snippet-thumbnail'><br /> <b:with value='data:post.featuredImage.isYoutube ? resizeImage(data:post.featuredImage.youtubeMaxResDefaultUrl, 945, &quot;945:600&quot;) : &quot;&quot;' var='highRes'><br /> <b:include data='{ image: data:post.featuredImage, imageSizes: [256, 512, 945, 1684], imageRatio: &quot;945:600&quot;, sourceSizes: &quot;(min-width: 954px) 842px, (min-width: 801px) calc(100vw - 112px), calc(100vw - 64px)&quot;, enhancedSourceset: data:highRes }' name='responsiveImage'/><br /> </b:with><br /> </div><br /> </b:includable><br /> </b:defaultmarkup><br /> <b:defaultmarkup type='Header'><br /> <b:includable id='image'><br /> <b:include name='super.image'/><br /> <b:comment>If we are replacing the title, force it to render anyway, and it&#39;ll be hidden in CSS.</b:comment><br /> <b:include cond='data:this.imagePlacement == &quot;REPLACE&quot;' name='title'/><br /> </b:includable><br /> <b:includable id='title'><br /> <div><br /> <b:class cond='data:this.imagePlacement == &quot;REPLACE&quot;' name='replaced'/><br /> <b:include name='super.title'/><br /> </div><br /> </b:includable><br /> </b:defaultmarkup><br /> <b:defaultmarkup type='PopularPosts'><br /> <b:includable id='main' var='this'><br /> <b:comment>Default the title to &#39;Popular posts from this blog&#39;.</b:comment><br /> <b:with value='data:messages.popularPostsFromThisBlog' var='defaultTitle'><br /> <b:include name='super.main'/><br /> </b:with><br /> </b:includable><br /> <b:includable id='snippetedPostContent'><br /> <b:comment>Add a &#39;keep reading&#39; link to the item-content.</b:comment><br /> <b:include name='snippetedPostTitle'/><br /> <b:include name='snippetedPostByline'/><br /> <div class='item-content float-container'><br /> <b:include cond='data:this.postDisplay.showFeaturedImage and data:post.featuredImage' name='snippetedPostThumbnail'/><br /> <b:if cond='data:this.postDisplay.showSnippet'><br /> <b:with value='&quot;popular-posts&quot;' var='snippetPrefix'><br /> <b:include cond='data:post' data='post' name='postSnippet'/><br /> </b:with><br /> </b:if><br /> <b:include data='post' name='postFooterJumpLink'/><br /> </div><br /> </b:includable><br /> </b:defaultmarkup><br /> <b:defaultmarkup type='PageList'><br /> <b:includable id='content'><br /> <div class='widget-content'><br /> <b:include cond='data:widget.sectionId == &quot;page_list_top&quot;' name='overflowablePageList'/><br /> <b:include cond='data:widget.sectionId != &quot;page_list_top&quot;' name='pageList'/><br /> </div><br /> </b:includable><br /> <b:includable id='overflowButton'><br /> <a><data:messages.moreEllipsis/></a><br /> </b:includable><br /> </b:defaultmarkup><br /> <b:defaultmarkup type='Profile'><br /> <b:includable id='main' var='this'><br /> <div class='wrapper'><br /> <b:class cond='!data:this.team' name='solo'/><br /> <b:comment>No title for single profiles. Default to &#39;Blog authors&#39; for team.</b:comment><br /> <b:with value='data:messages.blogAuthors' var='defaultTitle'><br /> <b:include cond='data:this.team' name='widget-title'/><br /> </b:with><br /> <b:include name='content'/><br /> </div><br /> </b:includable><br /> <b:includable id='defaultProfileImage'><br /> <div class='default-avatar-wrapper'><br /> <b:include data='{ iconClass: &quot;avatar-icon&quot; }' name='defaultAvatarIcon'/><br /> </div><br /> </b:includable><br /> <b:includable id='userProfileText'><br /> <dd class='profile-textblock profile-snippet snippet-container r-snippet-container'><br /> <div class='snippet-item r-snippetized'><br /> <data:aboutme/><br /> </div><br /> <div class='snippet-fade r-snippet-fade hidden'/><br /> </dd><br /> </b:includable><br /> <b:includable id='viewProfileLink'><br /> <b:comment>Change link to &#39;visit profile&#39;</b:comment><br /> <a class='profile-link visit-profile pill-button' expr:href='data:userUrl' rel='author'><br /> <data:messages.visitProfile/><br /> </a><br /> </b:includable><br /> </b:defaultmarkup><br /> </b:defaultmarkups></pre></div><div style="text-align: left;"><br /></div><h2 style="text-align: left;">Blogger Widget HTML Code</h2><div>Now we will see some of the basic syntax for different widgets like search box, header etc.</div><h3 style="text-align: left;">Search Widget</h3><pre style="text-align: left;"><b:widget id='BlogSearch1' locked='true' title='Search This Blog' type='BlogSearch' visible='true'><br /></b:widget></pre><div style="text-align: left;"><br /></div><h3 style="text-align: left;">Header</h3><pre style="text-align: left;"> <b:widget id='Header1' locked='true' title='CSS Minify (Header)' type='Header' visible='true'><br /></b:widget></pre><div><br /></div><h3 style="text-align: left;">Follow by Mail</h3><pre style="text-align: left;"><b:widget id='FollowByEmail1' locked='true' title='Newsletter' type='FollowByEmail' visible='true'><br /></b:widget></pre><h3 style="text-align: left;"><br />Blog Posts</h3><pre style="text-align: left;"><b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' visible='true'><br /></b:widget></pre><div><br /></div><h2 style="text-align: left;">Conclusion</h2><div><div>I hope that this article on Blank Blogger Template and Widget Codes helped you. If you think something is missing in our article please let us know.</div><div><br /></div><div>You can freely comment on your doubts and queries below. If you liked this article, then please share this with your friends. You can also find us on Twitter, Facebook, YouTube, and Instagram.</div></div></div>Muhammed Fasil Khttp://www.blogger.com/profile/12071624565375682546noreply@blogger.com0tag:blogger.com,1999:blog-3989311415738247510.post-90808344648643264802020-05-10T02:30:00.003-07:002020-05-15T10:53:51.924-07:00How to Insert Rupee Symbol in Logitech Keyboard<div style="text-align: center;"><noscript><img alt="How to Insert Rupee Symbol in Logitech Keyboard" height="380" width="695" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDxWmWpaSakg8LGUp5zjps_R2awPUAzHa1V7PMX3Sf5nPJUIG-hKH3I-FtPO2U0wse_qhfMelI9xr9h79nRq9ZFX66RKqP86ykVRTKnVjWbrvJqnV0X2axlY4V14MkGvtvw7YYDlHu-a4/d/rupee-symbol-in-logitech-keyboard.png" title="How to Insert Rupee Symbol in Logitech Keyboard" /></noscript></div>In the previous post, we have discussed how to take a screenshot in Logitech keyboards, in this how-to section we will see how we can write a rupee symbol from your Logitech keyboards. The tutorial is tested before presenting to you (Logitech Wireless Keyboard M220)<div><br /></div><div>Rupee symbol is inbuilt with most of the Logitech keyboards available from Amazon India and Flipkart India. But most people don't know how to use it. Rupee symbol is very useful in writing articles or if you are working in a finance-related area.</div><div class="toc" on="tap:toc-pro.toggleVisibility" role="button" tabindex="0">Table of Contents <svg height="18" viewbox="0 0 24 24" width="18"><path d="M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z" fill="#000000"></path></svg><br />
<div id="toc-pro"></div></div><h2 style="text-align: left;">Rupee Symbol in Logitech Keyboard</h2><div>This method successfully worked in Logitech wireless keyboard M220, So if you find any problem please let me know in the comment section.</div><div><ol style="text-align: left;"><li>First step is to press <kbd>Alt</kbd> + <kbd>Shift</kbd> for switching the language this is an important step for inserting the rupee symbol</li><li>Then press <kbd>Alt Gr</kbd> + <kbd>4</kbd> to insert the rupee symbol (If you find Rupee symbol along with another key, press that key instead of 4).</li><li>After Inserting the Rupee symbol don't forget to switch back the language by pressing <kbd>Alt</kbd> + <kbd>Shift</kbd> once again.</li></ol><h2 style="text-align: left;">Conclusion</h2></div><div><br /></div><div><div>I hope that this article on "How to Insert Rupee Symbol in Logitech Keyboard" helped you. If you think this method doesn't work for you please comment below.</div><div><br /></div><div>You can freely comment on your doubts and queries below. If you liked this article, then please share this with your friends. You can also find us on Twitter, Facebook, YouTube, and Instagram.</div></div><div><br /></div>Muhammed Fasil Khttp://www.blogger.com/profile/12071624565375682546noreply@blogger.com0tag:blogger.com,1999:blog-3989311415738247510.post-20664410834368045552020-05-10T01:48:00.006-07:002020-05-15T10:55:21.033-07:00How do I Screenshot on My Logitech Keyboard<div><div class="separator" style="clear: both; text-align: center;"><noscript><img alt="How do I Screenshot on my Logitech Keyboard" height="380" width="695" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjybPBM8iUs4fKjJUGApvgu_ZEz8Pt57_ZhLwCqYoE-x_6JcfKfuoPdLiyoLnbBSO5YEmio-b85ODzWM08I6fuh3HvnGmCVIMK4IJ_JCpiFG3DMXYtdA7FBtjXElcrodA2qTdLwToRC2ts/d/how-do-i-screenshot-on-my-logitech-keyboard.png" title="How do I Screenshot on my Logitech Keyboard" /></noscript></div>In this article we will see how we can take a screenshot on your Logitech keyboard, particularly in your wireless keyboard coming with compact design. which you will be confused with key alignment and functions.</div><div><br /></div>Logitech Keyboard is one of the best keyboards available with many designs and variants. Logitech is famous for its budget oriented keyboards and mouse which gives a decent lifetime and performance.<div class="toc" on="tap:toc-pro.toggleVisibility" role="button" tabindex="0">Table of Contents <svg height="18" viewbox="0 0 24 24" width="18"><path d="M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z" fill="#000000"></path></svg><br />
<div id="toc-pro"></div></div><h2 style="text-align: left;">How do I Screenshot on my Logitech Keyboard</h2><div>If you're using the Logitech wireless keyboard (tested on Logitech K220 Wireless Mouse/Keyboard) this is steps you have to follow. I hope that this method works for you, if you think its different for your device kindly comment so that it will help others.</div><div><br /></div><div><ol style="text-align: left;"><li>Click <kbd>FN</kbd> and <kbd>Print Scr</kbd> Key simultaneously to take a screenshot.</li><li>After that Open Paint and Press <kbd>Ctrl</kbd> + <kbd>V</kbd></li><li>Save the File as JPG or PNG</li><li> That's all you have successfully took a screenshot in your Logitech keyboard.</li></ol><h2 style="text-align: left;">Conclusion</h2></div><div><div>I hope that this article on "How do I Screenshot on my Logitech Keyboard" helped you. If you think this method doesnt work for you please comment below.</div><div><br /></div><div>You can freely comment your doubts and queries below. If you liked this article, then please share this with your friends. You can also find us on Twitter, Facebook, YouTube, and Instagram.</div></div>Muhammed Fasil Khttp://www.blogger.com/profile/12071624565375682546noreply@blogger.com0tag:blogger.com,1999:blog-3989311415738247510.post-32319195515802756292019-11-02T06:17:00.004-07:002020-05-26T04:35:39.762-07:00Forum Template for Blogger [Open Source]<div class="separator" style="clear: both; text-align: center;"><noscript><img height="380" width="695" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjzPByuZ85s3tQyxBzrPM2p4fALW_gqViT10SOUuXnWYwZ6GOagCd2HpM8HRuVrskD1nVXcOLmhmj0_ImvANMEoOuGFCvJUdxiNlfsHrL_auS8QFRltz4J2jieBhyGD5sRC680vmuJ42U/s1600/forum-templates-for-blogger.png" /></noscript></div><h3 style="text-align: left;">Forum Template for Blogger [Open Source]</h3>A forum is very important for tutorial based blogs but <a href="https://www.blogger.com/" rel="nofollow" target="_blank">blogger</a> doesn't support forum pages like in Wordpress. In this article, I would like to share a forum template for Blogger which can be easily used to create a simple Forum in blogger. Even though this forum cant be compared with other forums we can experience a little bit form like experience with this theme.<br />
<br />
This theme is completely based on bootstrap and therefore, it is well optimised and has great page load speed. Forum in blogger is always a bit difficult to implement but we can't set up a forum like in <a href="https://wordpress.org/download/" rel="nofollow" target="_blank">WordPress</a>. This is one of my dream project which has partially succeeded and now I need help from my reader and other geeks who are interested in these sort of things.
<div class="toc" on="tap:toc-pro.toggleVisibility" role="button" tabindex="0">Table of Contents <svg height="18" viewbox="0 0 24 24" width="18"><path d="M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z" fill="#000000"></path></svg><div id="toc-pro"></div></div><h3 style="text-align: left;">Features of QnForum</h3><blockquote class="tr_bq">Disclaimer: Please don't compare this theme with the PHP based forum templates, we know that blogger has some missing features.</blockquote><div class="separator" style="clear: both; text-align: center;"><amp-img alt="forum templates for blogger,forum template bootstrap,free forum templates" height="438" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx-G3gOc9_xMQidI7q7Qcqa3pcDtsUQb532LTxy8Hxjuug7_AvKp3uQ9mkH6kWGtZh7kNvtVD5UcJoQ2ofQ-23RkH9aMNfNeN7B8iFl3_v4InU8kob_9X6nhc_7IRiJRCKxdPnnK00y9E/s1600/forum-template-for-blogger.png" title="forum templates for blogger,forum template bootstrap,free forum templates" width="640"></amp-img></div><div><br />
<br />
<ol style="text-align: left;"><li>Completely Designed with Bootstrap 4.1.2</li>
<li>Breadcrumb</li>
<li>High-Speed Loading</li>
<li>Mobile Optimised</li>
<li>Ad Friendly</li>
<li>Open Source</li>
<li>And More</li>
</ol></div><div>This theme is completely built with Bootstrap 4.1.2 with all latest features and optimised for Mobile. I have divided the forum into four sections. This theme is completely SEO Optimised with Breadcrumb and Structured data. Special Icon is supported for up to four categories to make your forum a professional look.</div><div><br /></div><div>Also Read : <a href="https://bloginoobs.blogspot.com/2019/11/mobile-friendly-blogger-template.html" target="_blank">Mobile Friendly Blogger Templates [Free]</a>.<br />
<br />
Follow below thread to completely edit this theme for building your own forum. You can edit the entire section by following the below thread. Before going to below section view the theme by clicking the below button.<br />
<br />
<b style="background-color: white;"> <span style="color: red;">♥</span> This theme is free for private and commercial use. Yess!</b><br />
<br />
</div><div style="text-align: center;"><a class="btn" href="https://qnforum.blogspot.com/" rel="nofollow" target="_blank">Full Preview</a></div><div><br />
</div><h3 style="text-align: left;">Installation - Forum Templates for Blogger</h3>Download this theme from the below link and decompress the zip file and you will have two folders (simple and modern forum). I recommend modern forum which has all the latest features like category section with the individual icons.<br />
<br />
We are utilising the comment section for creating a question space, here we add each category to the label, post name and utilise this page for asking and replying the question. Others can also comment here and you can control the comment system directly from your Settings tab.<br />
<br />
<h4 style="text-align: left;">Requirements</h4><ol style="text-align: left;"><li>Three <b>Post</b> with category names that you wish to form the forum and add the same as a label for each post.</li>
<li>Don't forget to turn on the comment section for each post.</li>
</ol><h4 style="text-align: left;">How to Setup QnFroum </h4><div>Upload the theme using the theme HTML section and I think most us know this step and I am not explaining about it.<br />
<br />
Create necessary pages like about, contact, disclaimer, privacy policy and terms of use. and create post according to your category of the forum in my case it is about android, blogger, Electronics and Wordpress. I recommend creating four categories because our theme currently supports up to four special Icons for categories.<br />
<br />
<b>Editing the Header Menu</b><br />
<b><br />
</b> <br />
<div class="separator" style="clear: both; text-align: center;"><amp-img alt="forum templates for blogger,forum template bootstrap,free forum templates" height="53" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj65nNzP2YLMd0BTVQg0RbjEajNQA5IvUXWAdiRD4BtQ8jfbA59HKaM9n-ahDF-6Iv8DFc7pHOAatXsfmfE4Y2bTt47JTsddyphYDEFZL7k4b1K23vpxNgVtSmq-q57KboBGmaiZiPmf_A/s1600/forum-templates-for-blogger-free.PNG" title="forum templates for blogger,forum template bootstrap,free forum templates" width="496"></amp-img></div><b><br />
</b></div>Search for <b><div class='navbar-collapse collapse' id='navbarsExample01' style=''></b> in the theme and replace the Page URL and name accordingly.<br />
<br />
For Eg. This is the menu elements<br />
<br />
<code><li class='nav-item'><br />
<a class='nav-link' href='/p/about.html'><i class='fa fa-user'/> About</a></li></code><br />
Replace the page URL with your page URL and change the font awesome icon accordingly if you need font awesome icon please follow this page.<br />
<br />
After that change the name according to your page name. You can add more icons by copying the above code below the <b></li></b> and edit by using this procedure.<br />
<br />
<b>Editing the Forum Section </b><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><amp-img alt="forum templates for blogger,forum template bootstrap,free forum templates" height="308" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEcv5uTPYAkeAIGFqiU4ikbUTWFggQobEjlb2h3WzGtH6grJIslski-35HOdjpyG0TgxJQPw4IVLlJifmVqw_jAM1X16-xZzaobLxrIHF9HTjzzJScqoGd5RXtHI1YVH9L9GseOTBWbnE/s1600/forum-templates-for-blogger-open-source.PNG" title="forum templates for blogger,forum template bootstrap,free forum templates" width="537"></amp-img></div><br />
<div>This Section can also be edited to fit your category and Image. For that find this code <b><div class='special-icon-img'></b> and replace the image URL, Post URL and name accordingly. ( Green labelled fields need to be edited)<br />
<br />
Eg. Special Icon for A category would be like this.<br />
<br />
<code><div class='col-xs-12 col-sm-3 col-md-3 col-lg-3 special-icon'><br />
<div class='special-icon-img'><br />
<img alt='<span style="color: #274e13;">android</span>' src='<span style="color: #274e13;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi05Oa2hvsrpXA4I-GY9zdXaXqdXRDeZZP0gTOJrbuvMr4JYUGgXwLgHgP4F7sm20dRLLpZgMkBp68uT9EhpbAH5Qlt7OYNhePCa3KwSfPbNgsc6SKMWx0o2gFC_vNCPLQaTzK1WAUtdcCb/s1600/android.png</span>'/><br />
<h5><span style="color: #274e13;"> Android</span></h5> <br />
<a class='btn btn-vilot btn-large' href='<span style="color: #274e13;">/2018/11/android.html</span>'><br />
Forum<br />
</a><br />
</div><br />
</div></code><br />
<b>Adding Ad Codes</b><br />
To add the Adsense code just goto the theme layout and add a widget in the sidebar and below and above the post. That.s all if you find any difficulty in applying ad code you can simply comment below.<br />
<br />
</div><h3 style="text-align: left;">Opensource - Forum Templates for Blogger</h3>The Interesting thing about this theme is that I am giving this theme completely free for everyone. I struggled to find an Open source theme for blogger and there was only a single theme which is completely free for blogger. I know some of us don't like these theme credits by authors which is actually they deserve but most of us don't like it and on the other hand, we couldn't afford the full theme Price.<div><br /></div><div>Also Read : <a href="https://bloginoobs.blogspot.com/2019/11/responsive-blogger-templates.html">Responsive Blogger Templates</a>.<br />
<br />
Don't worry about updates this link is directly from the <a href="https://github.com/" rel="nofollow" target="_blank">GitHub</a> page so it automatically updates in each edit.<br />
<br />
<div style="text-align: center;"><a class="btn warn" href="https://codeload.github.com/mhdfasilwyd/Qn-Forum-Blogger/zip/master" rel="nofollow" target="_blank">Download QnForum</a></div><br />
<h3 style="text-align: left;">Conclusion</h3>I hope that this article doesn't disappoint you but it is a fact that we cant create an ordinary forum in blogger because of the limitation in blogger API. You can too contribute to the development of this theme if you are interested in these kinds of stuff.<br />
<br />
You can freely comment your doubts and queries below. If you liked this article, then please share this with your friends. You can also find us on Twitter, Facebook, YouTube, and Instagram.<br />
</div>Muhammed Fasil Khttp://www.blogger.com/profile/12071624565375682546noreply@blogger.com0tag:blogger.com,1999:blog-3989311415738247510.post-73021495834569936792019-11-02T06:13:00.003-07:002019-11-02T06:13:41.665-07:00Floating Share Buttons for Blogger<div class="separator" style="clear: both; text-align: center;"><noscript><img alt="Floating Share Buttons for Blogger" height="380" width="695" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPIQrjQLFs0x7DpGoP0QFkx-sKu7vMVwEste1VZsArb-shz9oLQv2ABcXdfsghGfQGUXjeF-aMOgXRA0V7bhtlr6ztgidqYgiLkh2uT53N0n8CaJlyv4I5Ec2-vFlsMYTzo0Q_6ezGr_g/s1600/floating-share-buttons-for-blogger.png" title="Floating Share Buttons for Blogger" /></noscript></div><div style="text-align: left;"><br />
</div><div>Welcome back to another interesting article. In this article, we are going to discuss how to add floating share buttons for blogger, without any third party java-scripts.<br />
<br />
Most of the bloggers depend upon websites like share this etc but these websites utilize the javascript to load the widget. We know that <a href="https://developers.google.com/blogger/docs/3.0/using" rel="nofollow">blogger API</a> has some limitation we cant optimize at the back end like in <a href="https://wordpress.org/download/" rel="nofollow">WordPress</a>.</div><div><br />
</div><div>Javascript is always the problem behind lazy loading and customized theme would be already loaded with so many scripts, so it is best to avoid further java-scripts. In this article, I would like to share the non-java-script HTML based floating share buttons for blogger.<br />
<br />
<div><div style="text-align: center;"><a class="btn" href="https://pixel-rev.blogspot.com/2017/11/everyone-wants-to-achieve-sky.html" rel="nofollow" target="_blank">Demo</a><br />
<br />
</div></div><div class="toc" on="tap:toc-pro.toggleVisibility" role="button" tabindex="0">Table of Contents <svg height="18" viewbox="0 0 24 24" width="18"><path d="M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z" fill="#000000"></path></svg><br />
<div hidden='hidden' id="toc-pro"></div></div><h2 style="text-align: left;">Floating Share Buttons for Blogger</h2>We all know that third-websites like share this utilizes the javascript and stylesheet embedded in our blog to integrate the floating share button. If you are aware of the website loading factors like <a href="https://developers.google.com/speed/docs/insights/BlockingJS" rel="nofollow">render blocking scripts</a>, most of the third party scripts would contain this element.<br />
<br />
But here we are utilizing the normal CSS to integrate the floating social share button for blogger and thus don't worry about javascript anymore.<br />
<br />
∎ High-Speed Loading<br />
∎ No Javascript<br />
∎ No Stylesheet</div><div><br />
</div><h3 style="text-align: left;">Floating Social Media Buttons HTML Code</h3><div>Before going to the code make sure that you have already configured font-awesome icons in blogger. If not please paste the below link in between <head> and </head/> and proceed. Font awesome icons are required for all social icons so don't forget to add it.<br />
<br />
<i><b><link href='https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet'/></b></i></div><div><br />
<br />
1.Copy the below code and paste below the <kbd><div class='post-footer'></kbd> in your theme.</div><blockquote class="tr_bq">You will find 2 post-footer div elements, go for the second one.</blockquote><code><div class='float-pcweek'><a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot;+ data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=600, height=400, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'><i class='fa fa-facebook'/></a><a class='twitter' expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=600, height=400, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'><i class='fa fa-twitter'/></a><a class='linkedin' expr:href='&quot;http://www.linkedin.com/shareArticle?url=&quot; + data:post.url + &quot;&amp;title=&quot;+ data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=600, height=400, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'><i class='fa fa-linkedin'/></a><a class='pinterest' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;media=&quot; + data:post.firstImageUrl + &quot;&amp;description=&quot; + data:post.snippet' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=600, height=400, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'><i class='fa fa-pinterest-p'/></a><a class='whatsapp' expr:href='&quot;whatsapp://send?text=&quot; + data:post.title + &quot; &gt;&gt; &quot; + data:post.url' rel='nofollow' target='_blank'><i class='fa fa-whatsapp'/></a><a class='telegram' expr:href='&quot;https://telegram.me/share/url?url=&quot; + data:post.title + &quot; &gt;&gt; &quot; + data:post.url' rel='nofollow' target='_blank'><i class='fa fa-telegram'/></a><br />
</div></code><br />
2. Add some CSS to make it float and align vertically.<br />
<br />
<code>.float-pcweek a<br />
{<br />
display: block;<br />
text-align: center;<br />
padding: 8px;<br />
color: white;<br />
font-size: 20px;<br />
}<br />
.float-pcweek a:hover{background-color:#fff;color:#222}<br />
.float-pcweek .facebook{background-color:#003471}<br />
.float-pcweek .twitter{background-color:#00BFF3}<br />
.float-pcweek .pinterest{background-color:#C6393D}<br />
.float-pcweek .linkedin{background-color:#0077B5}<br />
.float-pcweek .whatsapp{background-color:#27D367}<br />
.float-pcweek .telegram{background-color:#2FA7DB}</code><br />
★ Keep in mind that the margin: -71px is configured for my theme and if you encountered any error please increase the value. So let me show you how you can do this without any difficulty. After that add the below CSS for icons too.<br />
<br />
<code>.float-pcweek a<br />
{<br />
display: block;<br />
text-align: center;<br />
padding: 8px;<br />
color: white;<br />
font-size: 20px;<br />
}</code><br />
★ This might mess up with our mobile view so it is better to hide this in small screen devices. So add below CSS too<br />
<br />
<code>@media only screen and (max-width: 768px)<br />
{<br />
.float-pcweek{display:none}<br />
}</code><br />
◩ So if you can't understand the above procedure please watch the below tutorial. It is explained in detail.<br />
<br />
<h4 style="text-align: left;">Final Minified CSS</h4>If you don't want to modify the code, please copy the minified CSS and paste it above the <kbd></b:skin></kbd>.<br />
<br />
<code>.float-pcweek{position:fixed;margin:-71px;top:50%;z-index:99;background-color:#000;}.float-pcweek a:hover{background-color:#fff;color:#222;}.float-pcweek .facebook{background-color:#003471;}.float-pcweek .twitter{background-color:#00BFF3;}.float-pcweek .pinterest{background-color:#C6393D;}.float-pcweek .linkedin{background-color:#0077B5;}.float-pcweek .whatsapp{background-color:#27D367;}.float-pcweek .telegram{background-color:#2FA7DB;}.float-pcweek a{display:block;text-align:center;padding:8px;color:white;font-size:20px;}@media only screen and (max-width:768px){.float-pcweek{display:none;}}</code><br />
<h3 style="text-align: left;">Video Demonstration of Floating Share Buttons for Blogger</h3><div>Here is the video tutorial on how to add floating share button for blogger without javascript and third-party website. And consider subscribing our channel for more upcoming blogging tutorials like this.<br />
<br />
</div><div><i>Coming Soon!</i><br />
<i><br />
</i></div><h2 style="text-align: left;">Conclusion</h2><div><div>I hope that this article helped you to add java-script free floating share buttons for blogger. By using this you can minimize the loading speed. If you find this article is helpful please share to your fellow blogger. </div><div><br />
</div><div>You can freely comment on your doubts and queries below. If you liked this article, then please share this with your friends. You can also find us on Twitter, Facebook, YouTube, and Instagram.</div></div>Muhammed Fasil Khttp://www.blogger.com/profile/12071624565375682546noreply@blogger.com0tag:blogger.com,1999:blog-3989311415738247510.post-77341471676258566292019-11-02T06:08:00.006-07:002020-05-17T00:19:25.700-07:00How to Add a Reading Progress Bar in Blogger [Optimised]<div class="separator" style="clear: both; text-align: center;"><noscript><img alt="Reading Progress Bar in Blogger" height="380" width="695" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmvY6o5gaqQcF3hfIOCkwtY7dYzD2oXzEog8XQuXa7OPW1NpmtqnSTfxgOfMNIxobvJJW6z0aP_09YquHwFoGTALVYGtXcHnoehiKeh-prBb0snWGFdqaY9oNnNOujIR9r1c0NlEUoKG4/s1600/reading-progress-bar-in-blogger.png" title="Reading Progress Bar in Blogger" /></noscript></div>This article covers all the necessary instructions and code to insert a working reading progress bar in blogger without a third-party website and minimized javascript. Javascript causes your <a href="https://www.blogger.com/" rel="nofollow" target="_blank">blogger</a> to slow down.<div><br />
<div>Keeping that in mind we present you the optimized universal code for reading progress bar. Which is suitable for any website or blog. Reading progress bar is very useful in blogs which give an idea about the length of our article.</div><div class="toc" on="tap:toc-pro.toggleVisibility" role="button" tabindex="0">Table of Contents <svg height="18" viewbox="0 0 24 24" width="18"><path d="M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z" fill="#000000"></path></svg><br />
<div id="toc-pro"></div></div><h2 style="text-align: left;">Reading Progress Bar in Blogger</h2><div>Please follow this tutorial very carefully to avoid errors. We will start with implementing Javascript, CSS and then move onto the final step. Just follow this three-step to insert a reading progress bar in blogger.</div><div><br />
<u>Step 1</u><br />
<br />
Copy the below Javascript and paste it above the <kbd></body></kbd> tag<br />
<br />
<code><script>window.onscroll = function() {myFunction()};function myFunction(){var winScroll = document.body.scrollTop || document.documentElement.scrollTop;var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;var scrolled = (winScroll / height) * 100;document.getElementById(&quot;myBar&quot;).style.width = scrolled + &quot;%&quot;;}</script></code><br />
<u>Step 2</u><br />
<br />
After that copy the below CSS and paste it above the <kbd>]]></b:skin></kbd><br />
<br />
<code>.progress-container{width:100%;position:fixed;z-index:99}.progress-bar{height:5px;background:#F86152}</code></div><br />
<u>Step 3</u><br />
<br />
Paste the HTML code just below the <kbd><body></kbd> tag (In some template this tag would be adjoined with class or schema)<br />
<br />
<code><div class='progress-container'><br />
<div class='progress-bar' id='myBar'/><br />
</div></code><br />
That's all you've done!<br />
<br />
<h3 style="text-align: left;">Editing the Colour and Size of Progress Bar </h3>To change the colour edit the <kbd>background:#F86152</kbd> and replace with your preferred colour code. If you need to colour code of various colour please visit here.<br />
<br />
And to change the size of your progress bar edit <kbd>height:5px</kbd> and replace the 5px. (You can use inspect element to view and edit the bar with live view)<br />
<br />
<h3 style="text-align: left;">Troubleshooting the Errors</h3>Do it with care and patience. Double check all codes and scripts. If you find any error you can contact us anytime, We are always here to help you.<br />
<br />
<h2 style="text-align: left;">Conclusion</h2>We hope that you liked this article on Reading Progress Bar in Blogger. If you have any doubt and problem please comment below. We are happy to help you!<br />
<br />
If you liked this article, then please do share with your friends. You can also find us on Twitter, Facebook, YouTube, and Instagram.<br />
</div>Muhammed Fasil Khttp://www.blogger.com/profile/12071624565375682546noreply@blogger.com0tag:blogger.com,1999:blog-3989311415738247510.post-45247160331852418912019-11-02T06:01:00.002-07:002019-11-02T06:02:38.008-07:00Telegram Share Button for Blogger [Direct Method]<div class="separator" style="clear: both; text-align: center;"><noscript><img alt="telegram share for blogger" height="380" width="695" height="348" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHVoFY60rJu8syitMRMt2M4xvy0avYvZTRMLOmFzJxrFktAbFfREFWqbUz-AukpDcXfZ1PT1BRKfs5yC3Ly_9fFVAwctbuSna5381fSJ1NFs6Q_Q6EodTsTBSdig_MDSXyhHha9tSIWak/s1600/telegram-share-for-blogger.png" title="telegram share for blogger" width="640" /></noscript></div><a href="https://telegram.org/" rel="nofollow" target="_blank">Telegram</a> is gaining popularity among bloggers due to its functions and other privacy reasons. In this article, we will learn how to add Telegram share button for blogger without any image file like most of the tutorial out there.<br />
<br />
We will use the direct method to insert a telegram widget for blogger with <a href="https://fontawesomeicons.blogspot.com/" target="_blank">font awesome icons</a> and other optimized codes. Make sure that font awesome stylesheet is already installed.<br />
<div class="toc" on="tap:toc-pro.toggleVisibility" role="button" tabindex="0">Table of Contents <svg height="18" viewbox="0 0 24 24" width="18"><path d="M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z" fill="#000000"></path></svg><br />
<div hidden='hidden' id="toc-pro"></div></div><h2 style="text-align: left;">Telegram Share Button for Blogger</h2><div>Telegram widget for blogger is very useful nowadays with the growing popularity and people using telegram as <a href="https://www.whatsapp.com/" rel="nofollow" target="_blank">WhatsApp</a> alternative for sharing large files and most of the unique features are only available in telegram like files can be accessible at any time from their server feature.<br />
<br />
Bloggers have huge opportunities in Telegram which can be used to create channel and groups to replace WhatsApp for timely updates, interaction and file sharing.<br />
<br />
<h3 style="text-align: left;">Telegram Widget for Blogger</h3><div>Follow these simple steps to add a simple telegram share button for blogger. Make sure that font awesome icon is already installed, if not please install it.<br />
<br />
<u>Step 1</u><br />
<br />
Copy the below HTML code and paste between your existing share icons. If you don't know how to, please follow the below step.<br />
<div class="separator" style="clear: both; text-align: center;"><amp-img alt="Telegram Share Button for Blogger" height="234" width="491" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNmGa9UwFmWR1bnRANQeYAs08WswtZm-3YKzRmMNz4alp1l4nvpdinbcSlLUAOg0j2rNMMitxWPfmPJ9miOqoT-VSr5Yg_IIa4_m7FzGqh_U2t0N-SFG__iYwAQXog_D_jFCxJWCnTfOE/s1600/telegram-share-button.png" title="Telegram Share Button for Blogger" /></div><br />
Find existing code by using <a href="https://developers.google.com/web/tools/chrome-devtools/inspect-styles/" rel="nofollow" target="_blank">inspect element tool</a> (which is already present in your chrome browser) and add the below HTML code in between the existing icons.<br />
<br />
<code><a class='telegram' expr:href='&quot;https://telegram.me/share/url?url=&quot; + data:post.title + &quot;%20%2D%20&quot; + data:post.url' rel='nofollow' target='_blank'/></code><br />
<div><br />
</div><div><u>Step 2</u></div><div><br />
</div><div>Add the below CSS code between <kbd><b:skin></kbd> and <kbd></b:skin></kbd> that's all.<br />
<br />
<code>.telegram{background:#2DA5D9}.telegram:before{font-family:FontAwesome;content:&quot;\f2c6&quot}</code></div><br />
<u>Step 3</u><br />
<div style="text-align: left;"><br />
</div><div style="text-align: left;">If you have any problem please double check the HTML and CSS code. If you find any further error please feel free to contact us.</div><h4 style="text-align: left;">Why Bloggers should Consider Telegram</h4></div></div><div>Telegram has some amazing features which are very useful for bloggers to expand and interact with their subscribers. YouTubers and Bloggers have already used this feature for creating a user network and notifying their updates. Some Amazing Features are</div><div><br />
</div><h4 style="text-align: left;">Channel and Group</h4><div>We can create a public/private Channel or Group for our blog or youtube channel to be available for Worldwide user to join freely without channel link. Telegram has inbuilt feature for searching global channel and group thereby eliminating the need of sharing our group/channel link.</div><div><br />
</div><h4 style="text-align: left;">Telegram Bots</h4><div>Bots are amazing for interaction between user and improving the user experience within our telegram channel and groups. There are various <a href="https://core.telegram.org/bots" rel="nofollow" target="_blank">bots</a> in telegram which can be useful for improving telegram interaction.</div><div><br />
</div><h3 style="text-align: left;">Embed Telegram Channel on Website</h3><div>Telegram currently doesn't support to embed channel and groups. But we can utilize some other feature like Post Widget and Login Widget to embed channel message and channel link to make the user available to join.<br />
<div class="separator" style="clear: both; text-align: center;"><amp-img alt="Telegram Widgets" height="376" width="662" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijd4cq8HN25BTduww_iOIc8dbGKuOvPxHDWQE9FldVpu7PbqrA0G5Dq9v9fnA8gUunxisXfrhuaRyHExnK3_p9im-eZcVwXaJ0-zBYZ6tih7e8ddNYWz6the9f2OMbMKD3djIoGrXcLYw/s1600/telegram-widgets.PNG" title="Telegram Widgets" /></div><br />
Check this official <a href="https://core.telegram.org/widgets" rel="nofollow" target="_blank">link</a> for knowing more about Official Telegram Widget that currently Supports.</div><div><br />
</div><h2>Conclusion</h2><div><div>I Hope that you liked this post on Telegram Share Button for Blogger. You can freely comment on your doubts and queries below.</div><div><br />
</div><div>If you liked this article, then please share this with your friends. You can also find us on Twitter, Facebook, YouTube, and Instagram.</div></div>Muhammed Fasil Khttp://www.blogger.com/profile/12071624565375682546noreply@blogger.com0tag:blogger.com,1999:blog-3989311415738247510.post-88448123003593876032019-11-02T05:54:00.002-07:002019-11-02T05:57:28.539-07:00How to Add Google Rich Snippets in Blogger<div class="separator" style="clear: both; text-align: center;"><noscript><img alt="How to Add Google Rich Snippets in Blogger" height="380" width="695" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyjIu88ux40V8FFTLGts9XZkJNRM9FWACKw8DPVjAMz7OPP3rrueSLyrTDX5tt4u_0B7ct0juDo-GexvwuxlsiJ6-DJUNtmQTALdKYShFPzC-k8K87TUT1yblZNFxVMIGcXuAmMgEJ0Zg/s1600/how-to-add-google-rich-snippets-in-blogger.png" title="How to Add Google Rich Snippets in Blogger" /></noscript></div><h2 style="text-align: left;"><b>How to Add Google Rich Snippets in Blogger</b></h2>Hi, Guys Welcome back to another tutorial on <a href="https://www.blogger.com/" rel="nofollow" target="_blank">Blogger</a>. In this tutorial, I will show you how to add google rich snippets in blogger. There are thousands of plugins in Wordpress but blogger lacks the support for most of the plugin.<br />
<br />
There are some websites that provide the rating widget but in this tutorial, I will show you how to insert a Schema rating widget without any third party code or website, just by using <b>official Schema rating</b> script.<br />
<br />
There are some other structured data elements that are not discussed here if you want an article on all structured data in blogger comment below or contact us.<br />
<blockquote class="tr_bq">Note: This tutorial cover all the aspects of schema rating widget but it depends on Google to accept the structured data or not.</blockquote><div class="toc" on="tap:toc-pro.toggleVisibility" role="button" tabindex="0">Table of Contents <svg height="18" viewbox="0 0 24 24" width="18"><path d="M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z" fill="#000000"></path></svg><br />
<div hidden='hidden' id="toc-pro"></div></div><h3 style="text-align: left;">What are rich snippets?</h3>The snippet is simply what <a href="https://www.google.com/" rel="nofollow" target="_blank">Google</a> shows to a user when someone searches in google. For example when we search for a question or a product we could see search result showing different snippets. The default snippet would be similar to this below.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><amp-img alt="How to Add Google Rich Snippets in Blogger" height="91" width="563" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXqHTBxiX4cJG-akFPO-uJKz6BdnXIg2Zdha0uf8_Z9v0dmUeCCaxgz7hzvFtczLBoNT2-g2XSdtdLionHlcYgzjJiqvmoRBsGqJOdj5S6TeZbmlrP290Mrw7Q3A9RJ30P6aJKDkJrLF8/s1600/google-rich-snippet.PNG" title="How to Add Google Rich Snippets in Blogger" /></div><br />
Google shows the title in blue colour and URL in green colour. Google Introduced rich snippets to enhance the browsing experience by providing extra information about the content to easily understand what the website has. A Google rich snippet result would look like this below.<br />
<div class="separator" style="clear: both; text-align: center;"><amp-img alt="How to Add Google Rich Snippets in Blogger" height="433" width="484" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3xLvwxb4IucRVmqhAAauVYP0Z1-tiiEsxIkT_j8mWv71as8i09cbMaUA4-1_H5SW2x5HK_woqnSqjTILPHf4fRrrKm6x9Ix4d7fODDyHkdChqEj9WqyTj3cf9YJtSi1ROiWTouCMHGrg/s1600/google-star-rating-code.PNG" title="How to Add Google Rich Snippets in Blogger" /></div><br />
<h3 style="text-align: left;"><b>Importance of Structured data in SEO</b></h3>Structured data has become very strict nowadays, websites with structured data are most favoured in the google search results, therefore, we have to focus on optimising our website with all necessary structured data.<br />
<br />
Most of the Blogger theme has some structured data present in it but among theme, some doesn't contain any relevant <b>Structured data</b> and show many errors in Google console. To avoid this <b>Pre-test</b> your theme and make sure that it doesn't contain any errors in structured data and Just copy the demo page URL of your theme and paste the URL in the below tool<br />
<br />
<div style="text-align: center;"><a class="btn warn" href="https://search.google.com/structured-data/testing-tool/u/0/" rel="nofollow" target="_blank">Test your structured data</a></div><br />
After that check how many structured data elements are present in it and after that choose the theme with most structured data elements.<br />
<br />
<h3>How to add Structured data to Blogger</h3><div>Now let us learn how to add structured data to blogger with simple code.I have worked with <b>Google star rating code</b> for the blogger to advance the blogging experience in blogger and I will show you the proof. There are some codes which show errors in Google structured data testing tool. So I planned to build a clean code with <b>official schema aggregate snippet code</b> from <a href="https://schema.org/AggregateRating" rel="nofollow" target="_blank">here</a>. You can too check out other rating elements like product price, amount etc from the official <a href="https://schema.org/" rel="nofollow" target="_blank">link</a></div><div><br />
</div><h4 style="text-align: left;">Google aggregate rating Code for Blogger </h4>Five-star widget code for a blogger is optimised to provide only the relevant information and to optimise code for blogger and not to overload the current theme. In my experience before choosing blogger template don't go for design thinks about the SEO elements like structured data in the theme.<br />
<div><br />
</div><h3 style="text-align: left;">How to Add a Star Rating widget to Blogger</h3><h4 style="text-align: left;"># Method 1</h4>Optimised Standalone Code for Blogger without any third party widget.<br />
<blockquote class="tr_bq">Note: Keep a backup of your theme and proceed to protect your data.</blockquote><code><div class='post-rating' itemscope='' itemtype='http://schema.org/Review'><span itemprop='itemReviewed' itemscope='' itemtype='http://schema.org/Thing'><a expr:href='data:post.url' itemprop='url' target='_blank'/></span><span itemprop='author' itemscope='' itemtype='http://schema.org/Person'><strong>Author :</strong> <span itemprop='name'><data:post.author/></span></span><span itemprop='reviewRating' itemscope='' itemtype='http://schema.org/Rating'><strong>Rating:</strong> <span itemprop='ratingValue'>5</span> out of <span itemprop='bestRating'>5</span></span><span itemprop='publisher' itemscope='' itemtype='http://schema.org/Organization'></span></div></code><br />
Find <b><div class='post-footer'></b> in your theme and you will find it twice in your theme. Paste the below code below the second one<br />
<br />
And <b>Recheck your Post URL</b> in Google Structured data testing tool and check whether it's showing any error.<br />
<br />
For that Goto, <a href="https://search.google.com/structured-data/testing-tool/u/0/" rel="nofollow" target="_blank">Google Tester</a> and paste the post URL and Click Run Test and see whether it is having an error or not<br />
<br />
<h4 style="text-align: left;">Modifying the rating code </h4>You can change the Author to Review by or Product by replacing <b>Author :</b> in the below code<br />
<br />
<code><span itemprop='author' itemscope='' itemtype='http://schema.org/Person'><strong><span style="color: blue;">Author :</span></strong> <span itemprop='name'><data:post.author/></span></span></code><br />
<h4 style="text-align: left;"># Method 2 (Recommended)</h4><div>This method is recommended for the best experience and those facing problems using the first method. Google recommends using JSON-LD for structured data whenever possible. You can check out more details about all the schema formats supported by Google <a href="https://developers.google.com/search/docs/guides/intro-structured-data" rel="nofollow" target="_blank">here</a>.</div><div><br />
<ol style="text-align: left;"><li>Find <b><div class='post-footer'> </b>in your theme and you will find it twice in your theme. Paste the below code below the second one.</li>
<li>Change the Author name, Google plus profile and time (Publishing time which would be the same for every post)</li>
<li>That's all</li>
</ol></div><code><!-- Review Star Rating In Google Search Results --><br />
<script type='application/ld+json'><br />
{<br />
&quot;@context&quot;:&quot;https://schema.org&quot;,<br />
&quot;@type&quot;:&quot;Review&quot;,<br />
&quot;author&quot;: {<br />
&quot;@type&quot;:&quot;Person&quot;,<br />
&quot;name&quot;:&quot;<span style="color: #274e13;">Muhammed Fasil K</span>&quot;,<br />
&quot;sameAs&quot;:&quot;<span style="color: #274e13;">https://www.blogger.com/profile/12071624565375682546</span>&quot;<br />
},<br />
&quot;url&quot;: &quot;<data:blog.canonicalUrl/>&quot;,<br />
&quot;datePublished&quot;:&quot;<data:post.dateHeader/>&quot;,<br />
&quot;publisher&quot;: {<br />
&quot;@type&quot;:&quot;Organization&quot;,<br />
&quot;name&quot;:&quot;<data:blog.title/>&quot;,<br />
&quot;sameAs&quot;:&quot;<data:blog.homepageUrl/>&quot;<br />
},<br />
&quot;description&quot;:&quot;<data:blog.metaDescription/>&quot;,<br />
&quot;inLanguage&quot;:&quot;en&quot;,<br />
&quot;itemReviewed&quot;: {<br />
&quot;@type&quot;:&quot;Product&quot;,<br />
&quot;name&quot;: &quot;<data:blog.pageName/>&quot;,<br />
&quot;sameAs&quot;: &quot;<data:blog.canonicalUrl/>&quot;,<br />
&quot;image&quot;: &quot;<data:blog.postImageThumbnailUrl/>&quot;,<br />
&quot;aggregateRating&quot;: {<br />
&quot;@type&quot;: &quot;AggregateRating&quot;,<br />
&quot;ratingValue&quot;: &quot;4.5&quot;,<br />
&quot;bestRating&quot;: &quot;5&quot;,<br />
&quot;ratingCount&quot;: &quot;11&quot;<br />
}<br />
}<br />
}<br />
</script><br />
<!-- Review Star Rating In Google Search Results --></code><br />
<h3 style="text-align: left;">Debugging the Errors</h3>This is the shortest code that you can see for the rating element in blogger but if you encountered in any errors in structured data testing tool please comment below with your errors. I successfully tested this feature in flex mag and its working great.<br />
<br />
This code doesn't guarantee that your search result would show ratings, it is up to Google whether to show or not, but this code works like a charm. Google checks on various criteria before showing your rating tag like website authority etc to enhance the credibility of what it offers to people.<br />
<blockquote class="tr_bq">Type site:www.pcweek.in and see whether my article on Google is showing rating or not</blockquote><h3 style="text-align: left;">Conclusion </h3>I Hope that you liked this post on How to Add Google Rich Snippets in Blogger. You can freely comment your doubts and queries below.<br />
<br />
If you liked this article, then please share this with your friends. You can also find us on Twitter, Facebook, YouTube, and Instagram.Muhammed Fasil Khttp://www.blogger.com/profile/12071624565375682546noreply@blogger.com0tag:blogger.com,1999:blog-3989311415738247510.post-90950412778360605762019-11-02T05:16:00.000-07:002019-11-12T09:46:53.388-08:00[WiLamp] Home Automation using ESP8266 and Android<div class="separator" style="clear: both; text-align: center;"><noscript><img alt="wilamp" height="380" width="695" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHjdKPLS-bvnF00P8wX5zhCZ4XgcHIc80fsLgl13Pb3MBnPHLK4nIbrTW-0L4Z81yBYznKml6ezDMvTCrkxmJTceA4evRhPyMBeO5yPuNlS7ZQUIQks_Gkh9W0ftfFbmYsA_P5zAX26nk/s1600/wilamp.png" title="wilamp" /></noscript></div><div style="text-align: left;">Guys Welcome back to another amazing tutorial on Home Automation using ESP8266 and Android. In this tutorial, I will show how to build your own Arduino Automation System with <b>ESP 8266</b> and Wifi (Without Internet). If you are looking for <b>IOT Project Ideas</b> this project would surely help you.</div><br />
If you are a beginner to Arduino DIY Automation Projects then I highly recommend you to use WiLamp App and program, because ESP8266 have a lot of programs where you have to enter the local IP address of the board Each time when you start the app.<br />
<div class="toc" on="tap:toc-pro.toggleVisibility" role="button" tabindex="0">Table of Contents <svg height="18" viewbox="0 0 24 24" width="18"><path d="M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z" fill="#000000"></path></svg><br />
<div hidden="hidden" id="toc-pro"></div></div><h2 style="text-align: left;">Home Automation using ESP8266 and Android</h2>WiLamp App is configured with Thunkable and Customised with Vector Images and Icons. The app will work on most of the Android devices but if you encountered any problem please report it to me.<br />
<br />
This App doesn't need any pre-configuration which is suitable for Daily Automation Purposes. Just configure the Hotspot in your Android phone and control your Gadgets.<br />
<br />
And Another Problem with the automation app is that most of the app works only with but this App doesn't need the Internet at all. It Works with your preset Wifi name and Password. So Just connect with your Hotspot and Control Your Gadgets.<br />
<br />
I have provided the <b>App</b> link below. If anyone needs the Source code of <b>WiLamp</b> then you can contact me or comment below. You can modify this code to work with other IOT Project.<br />
<br />
<h3 style="text-align: left;">Features of WiLamp</h3><div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><amp-img alt="wilamp" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh27d6SaMm9Q2zBMf9gurufrZEh90WKCY23QiIZqZXbfZ7SRed14RQuiZQv2NfW3Qn7hYJIdqBV-9mCAn8OS2VBksTqva9uJ2ES3Xv9g3zZM38Em5fRZgEsPDRLVTYHdRBT4Td5p3MQtdk/s400/wilamp-esp12.png" title="wilamp" width="240"></amp-img></div><div class="separator" style="clear: both; text-align: center;"></div><br />
<ol style="text-align: left;"><li>One Click Mode</li>
<li>Preset IP Address</li>
<li>No Internet Needed (Works in your Hotspot Region)</li>
<li>Customized App</li>
<li>Optimized Code</li>
<li>Secured With Your Hotspot Connection</li>
</ol></div><div><div id="connect"><h3 style="text-align: left;">Connecting App and Gadgets</h3></div>WiLamp can be used in any Android versions to control your gadgets. In order to connect your phone to WiLamp, you should need to create a hotspot with the initially programmed Wifi name and Password.<br />
<br />
<u>Under 2$</u><br />
<a href="http://s.click.aliexpress.com/e/bGJqrktK" target="_blank"><amp-img height="220" src="//ae01.alicdn.com/kf/HTB1xLLhJMmTBuNjy1Xbq6yMrVXaq/ESP8266-ESP-12-font-b-ESP12-b-font-WeMos-D1-Mini-Module-Wemos-D1-Mini-WiFi.jpg_220x220.jpg" width="220"></amp-img></a><span style="display: block;"><a href="http://s.click.aliexpress.com/e/bGJqrktK" target="_blank">Cheap and Best ESP12</a></span><br />
<b>WiLamp IOT </b><b>Projects </b>can be used with any Wifi enabled microcontroller. This app is specifically made for ESP 8266 boards which I successfully tested and worked perfectly.<br />
<br />
<div style="text-align: center;"><a class="btn" href="https://github.com/mhdfasilwyd/Arduino_Projects/blob/master/WiLamp.apk" rel="nofollow" target="_blank">Download App</a></div>Arduino Code is Provided Below<br />
<blockquote class="tr_bq">Set Your Hotspot Name and Password <kbd>pcweek</kbd> and <kbd>pcweek123</kbd>. You can change this by editing the SSID and Password</blockquote><h4 style="text-align: left;">Program </h4><code>// WiLamp Version 1<br />
// Made by Muhammed Fasil K-https://github.com/mhdfasilwyd/Arduino_Projects<br />
#include <ESP8266WiFi.h><br />
#include <WiFiClient.h><br />
#include <ESP8266WebServer.h><br />
const char MAIN_page[] PROGMEM = R"=====(<br />
<!DOCTYPE html><br />
<html><br />
<body><br />
<center><br />
<h1>WiLamp</h1><br><br />
Ciclk to turn <a href="ledOn">LED ON</a><br><br />
Ciclk to turn <a href="ledOff">LED OFF</a><br><br />
</center><br />
</body><br />
</html><br />
)=====";<br />
IPAddress staticIP(192, 168, 43, 90);<br />
IPAddress gateway(192, 168, 43, 1);<br />
IPAddress subnet(255, 255, 255, 0);<br />
IPAddress dns(8, 8, 8, 8); //DNS<br />
const char* deviceName = "pcweek";<br />
#define LED 2<br />
const char* ssid = "<span style="color: #38761d;">pcweek</span>";<br />
const char* password = "<span style="color: #45818e;">wilamp123</span>";<br />
ESP8266WebServer server(80);<br />
void handleRoot()<br />
{<br />
String s = MAIN_page;<br />
server.send(200, "text/html", s);<br />
}<br />
void handleLEDon() {<br />
Serial.println("LED on page");<br />
digitalWrite(LED,LOW);<br />
server.send(200, "text/html", "LED is ON");<br />
}<br />
void handleLEDoff()<br />
{<br />
Serial.println("LED off page");<br />
digitalWrite(LED,HIGH);<br />
server.send(200, "text/html", "LED is OFF");<br />
}<br />
void setup(void){<br />
Serial.begin(115200);<br />
WiFi.begin(ssid, password);<br />
Serial.println("");<br />
pinMode(LED,OUTPUT);<br />
digitalWrite(LED,HIGH);<br />
WiFi.disconnect();<br />
WiFi.hostname(deviceName);<br />
WiFi.config(staticIP, subnet, gateway, dns);<br />
WiFi.begin(ssid, password);<br />
WiFi.mode(WIFI_STA);<br />
while (WiFi.status() != WL_CONNECTED) {<br />
delay(500);<br />
Serial.print(".");<br />
}<br />
server.on("/", handleRoot); <br />
server.on("/ledOn", handleLEDon);<br />
server.on("/ledOff", handleLEDoff);<br />
server.begin(); <br />
Serial.println("WiLamp Server Started");<br />
}<br />
void loop(void){<br />
server.handleClient(); <br />
}</code><br />
<blockquote class="tr_bq">If you don't want to install this App or If you are using I Phone then you should open your browser and enter <kbd>192.168.43.13</kbd> in your browser after configuring your <b>Hotspot</b>.</blockquote><div id="debug"><h3 style="text-align: left;">Debugging</h3></div>If you are encountering any errors like this please check if your hotspot is configured or not.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><amp-img alt="wilamp" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA7RiMcMI_iHhO20hm8D0m7M3V8-WRtG_NQakbpTyno527IJYkvRNIhEvn4sq4kjaAWtTT147de5soOANtRJ3brN7lD6mycnpG3cfWiqsFCFprXwhyphenhyphenBg6AszJiK1n-E8mHVB3JH5WDb0Q/s400/wilamp-esp8266.png" title="wilamp" width="240"></amp-img></div><br />
<b>Error 1101</b> Encounters when the server communication fails. So double check your Hotspot SSID and Password.<br />
<br />
You can contribute your Improvement through my GitHub link <a href="https://github.com/mhdfasilwyd/Arduino_Projects/blob/master/WiLamp.ino" target="_blank">here</a><br />
<br />
<h4 style="text-align: left;">Video Demonstration</h4><br />
<div class="separator" style="clear: both; text-align: center;"><amp-youtube
data-videoid="QGg3cRM3VKs"
layout="responsive"
width="480" height="270"></amp-youtube><br />
</div><h2 style="text-align: left;">Conclusion</h2>We hope you liked this article on <a href="https://bloginoobs.blogspot.com/2019/11/home-automation-using-esp8266.html" target="_blank">Home Automation using ESP8266 and Android</a> You can freely comment your doubts below.<br />
<br />
If you liked this article, then please share to the social networking site. You can also find us on Twitter, Facebook, YouTube, and Instagram.</div>Muhammed Fasil Khttp://www.blogger.com/profile/12071624565375682546noreply@blogger.com0tag:blogger.com,1999:blog-3989311415738247510.post-69180983208979284072019-11-02T05:03:00.001-07:002020-04-25T10:22:01.082-07:00Responsive Blogger Templates<div class="separator" style="clear: both; text-align: center;"><noscript><img alt="Responsive Blogger Templates" height="380" width="695" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGd-_FqJPM7TCyVjM28tw8J4A6qsWIjBaUUhyphenhyphen8M625tMrGV3pXs30v3MK2i26mHoNtPmvcHnccu3Ft1HCT6ib0xwRtOPy2iJ9_gWVL7sUNZ80MCGMc6q08R-TvTPCr1_Yh8Cnygsv9OGI/s1600/responsive-blogger-templates.png" title="Responsive Blogger Templates" /></noscript></div><div class="separator" style="clear: both; text-align: center;"></div><div style="text-align: left;"><br />
</div>In this article, I will show you some of the best responsive blogger templates available on the internet. Responsive design is very important for every <a href="https://www.blogger.com/" rel="nofollow" target="_blank">blogger</a> templates as there are various devices with different screen ratios and sizes.<br />
<br />
<a href="https://startbootstrap.com/" rel="nofollow" target="_blank">Bootstrap</a> templates are already optimized for mobile within its framework. <br />
<div class="toc" on="tap:toc-pro.toggleVisibility" role="button" tabindex="0">Table of Contents <svg height="18" viewbox="0 0 24 24" width="18"><path d="M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z" fill="#000000"></path></svg><br />
<div hidden='hidden' id="toc-pro"></div></div><h2 style="text-align: left;">Responsive Blogger Templates</h2><div>These templates have inbuilt breadcrumb, Ad slot and other additional features like Author box, customized widget and shortcodes for some themes. Even though <a href="https://www.ampproject.org/" target="_blank">AMP</a> templates are not fully supported by the Blogger API you can try this theme if you are going to target large mobile users.<br />
<br />
Blogger has very few inbuilt themes and which most of us don't prefer to use but there are lots of custom themes available for our blogger from which it has become very difficult to choose one.<br />
<br />
In this article, I will show you some of the best SEO optimized, Ad ready and Responsive template for Blogger.<br />
<br />
</div><div></div><h4 style="text-align: left;">#1.Flex Mag | Responsive Blogger Templates</h4><div class="separator" style="clear: both; text-align: center;"><amp-img alt="Responsive Blogger Templates" height="438" width="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpYJoBsUtn2PFx06N-ReAsjOumxXmKAskyPg_i5VA2sLgjNj87RBNCicuaMaABYfynxo34Sz-pwFB3LWcVekJIev74iGCTZxEOPhcjPi6t_YlHC0CQnM3q0_pAatvBKvccQccUdZRVyus/s1600/responsive-blogger-templates-2019.png" title="Responsive Blogger Templates" /></div><div style="text-align: left;"><b>FlexMag Responsive Blogger Template :</b></div><div style="text-align: left;">Flex Mag is a well-customized theme for your Magazine, News and Tech style blog which is well optimised with fast loading and complete Ad sense friendly design. This is the template that I am currently using. You can check it out yourself.</div><br />
<div style="text-align: center;"><a class="btn warn" href="http://flexmag-themexpose.blogspot.com/demo" rel="nofollow" target="_blank">Demo</a> <a class="btn" href="https://app.box.com/s/g3q99lw29l3j7wxhswfgh9y3x2hsgqs2" rel="nofollow" target="_blank">Download</a></div><div style="text-align: justify;"><br />
</div><h4 style="text-align: left;">#2.Takis | Responsive Blogger Templates</h4><div class="separator" style="clear: both; text-align: center;"><amp-img alt="Responsive Blogger Templates" height="438" width="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZK4Nj_pZzxyiw64XWqxlDElg_bfbpSs9ziEqGn2o2lsi4AklDPXE-4cyUKCWo-OAaxJGmxLTOnZmmODhHqHZ5lXBNcDiK-fOIAdvLmO-fy73p1QgIDsT0cmzIbGHDzXieic8zV7buoA0/s1600/responsive-blogger-templates-2019.png" title="Responsive Blogger Templates" /></div><div><div style="text-align: left;"><b>Takis Responsive Blogger Template :</b></div><div style="text-align: left;">Takis is specially designed for Adsense and better loading speed made this theme suitable for your blog. This theme has inbuilt features that most of the theme doesn't have.</div><div><br />
</div></div><div style="text-align: center;"><a class="btn warn" href="https://takistheme.blogspot.com/" rel="nofollow" target="_blank">Demo</a> <a class="btn" href="https://app.box.com/s/7kvwmllpc2mjfqrnp3uw7y1l2nykmtei" rel="nofollow" target="_blank">Download</a></div><br />
<br />
<h4 style="text-align: left;">#3.SEO Boost | Responsive Blogger Templates</h4><div class="separator" style="clear: both; text-align: center;"><amp-img alt="Responsive Blogger Templates" height="438" width="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQRJwv2QM9NeeN02dt_hpqe8hp8_S1M4U-8Ha4PuesqCEJPEGFr4IX6l6Tqk5q9L2NZhYCApdtu-wlZ8_OrAGcEWv1FHuIOnjWxJ_ftMvhyphenhypheneaPQTldsfqQuSr8Gv486XsXfhJxXOI2JU4/s1600/responsive-blogger-templates-2019.png" title="Responsive Blogger Templates" /></div><div><div style="text-align: left;"><b>SEO Boost Responsive Blogger Template</b></div><div>SEO Boost is a well-optimized theme for search engine optimisation with Adsense friendly layout and good loading speed.<br />
<br />
</div><div><div style="text-align: center;"><a class="btn warn" href="https://seo-boost-themexpose.blogspot.com/" rel="nofollow" target="_blank">Demo</a> <a class="btn" href="https://app.box.com/s/sg4p2x44nitla92kbljwzs6znq7kbfxq" rel="nofollow" target="_blank">Download</a></div><br />
<h4 style="text-align: left;">#4.Infinite AMP | Responsive Blogger Templates</h4></div></div><div class="separator" style="clear: both; text-align: center;"><amp-img alt="Responsive Blogger Templates" height="438" width="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOZ4So_ftamlTi4rL7ADrQqeyR7nfNhUi-v4Cg7oILZyBVa_P1AcjBQy5o-EpLgK9VJ6oi1sEoHpVD3BSBI0LKyjbIr9V0neWYGIle-oMZ7JoPc73OpXoLj1B3BDPgMZR09bmz6YJC83A/s1600/responsive-blogger-templates-2019.png" title="Responsive Blogger Templates" /></div><div style="text-align: left;"><b>Infinite AMP Responsive Blogger Template</b></div><div style="text-align: left;">Infinite AMP is the best AMP blogger template with all features and Adsense friendly design which made it the best AMP template available on the internet.</div><div><div><br />
</div><div><div style="text-align: center;"><a class="btn warn" href="http://infiniteamp.blogspot.com/" rel="nofollow" target="_blank">Demo</a> <a class="btn" href="https://drive.google.com/file/d/1VjQfJLupI5_QNamZv3c7C_P8DATOk-N0/view?usp=sharing" rel="nofollow" target="_blank">Download</a></div></div></div><div><br />
</div><h4 style="text-align: left;">#5.Sora SEO | Responsive Blogger Templates</h4><div><div class="separator" style="clear: both; text-align: center;"><amp-img alt="Responsive Blogger Templates" height="438" width="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ0z_FNLAllNBtECG_NXKdIHxlw75k0KIFssmISrHWEIAow6nLjBIftHdz9yD678F89RLbFqD9FSjMu9KSskxKuCHkd6DohVyODuE0jvnW_-LeOCAtDwXDGEvlDMYr8rNQ1AOON4zIRlM/s1600/responsive-blogger-templates-2019-5.png" title="Responsive Blogger Templates" /></div><div style="text-align: left;"><b>Sora SEO Responsive Blogger Template</b></div><div style="text-align: left;">Sora SEO is another awesome template from SORA which is well optimized for SEO and Adsense with additional Shortcode for various inbuilt features.</div></div><div><div><br />
</div><div style="text-align: center;"><a class="btn warn" href="https://sora-seo-soratemplates.blogspot.com/" rel="nofollow" target="_blank">Demo</a> <a class="btn" href="https://app.box.com/s/dyhraubehzohxee0oyxc0r78crz8gnj2" rel="nofollow" target="_blank">Download</a></div></div><div><br />
</div><h2 style="text-align: left;">Conclusion</h2><div>Most of the theme listed above has some best-inbuilt features. You can freely check it out from the demo. Don't judge with the Screenshot, these are the best theme if you want SEO and Adsense friendly theme.<br />
<br />
I Hope that you liked this post on <a href="https://bloginoobs.blogspot.com/2019/11/responsive-blogger-templates.html" target="_blank">Responsive Blogger Templates 2019</a>. You can freely comment on your doubts and queries below.<br />
<br />
If you liked this article, then please share this with your friends. You can also find us on Twitter, Facebook, YouTube, and Instagram.</div>Muhammed Fasil Khttp://www.blogger.com/profile/12071624565375682546noreply@blogger.com0tag:blogger.com,1999:blog-3989311415738247510.post-89032236025218422892019-11-02T04:58:00.003-07:002019-11-02T04:58:34.280-07:00Benefits and Risks of Rooting Android<div class="separator" style="clear: both; text-align: center;"><noscript><img alt="Benefits and Risks of Rooting Android" border="0" data-original-height="380" data-original-width="695" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX5WfscpWlBtjhTP7f4MfoabmxC5ONgWvymYF9TcNwMj5FikqS9E6XQzBENI181uqLCx7zMOoep9TLCXw695Y8qOV6zvxZ1SJ5Zdk48eC4oF7yNf4AIC3vL0Wo7cLPmacLhqEMP847FNg/s1600/benefits-and-risks-of-rooting-android.png" title="Benefits and Risks of Rooting Android" /></noscript></div><div style="text-align: left;">In this article we will discuss what are the real benefits and risks of rooting android devices. Rooting is always a nightmare to an ordinary android user, although it provides overall access to the system which unlocks special user privileges to the system firmware and drivers there are some security issues related to rooting.</div><br />
Rooting is essential to uninstall the unwanted application that comes pre-installed in some android phone and can save lots of storage, but dirty rooting can completely corrupt or brick your system software. People like us would try to root our phone even though we do not have proper knowledge about it.<br />
<div class="toc" on="tap:toc-pro.toggleVisibility" role="button" tabindex="0">Table of Contents <svg height="18" viewbox="0 0 24 24" width="18"><path d="M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z" fill="#000000"></path></svg><br />
<div hidden='hidden' id="toc-pro"></div></div><h2 style="text-align: left;">Benefits of Rooting Android</h2><div><ol style="text-align: left;"><li>Remove Unwanted Software which is pre installed in most of the phones which cant be uninstalled directly</li>
<li>Install custom ROM and other device fixes</li>
<li>Use ported application etc.</li>
</ol><h4 style="text-align: left;">Risks of Rooting Android</h4><div>Android devices have a “Safety net API” which is a part of the Google play services layer installed on Google verified Android devices. This API provides access to Google services that help you assess the system health and safety status of an Android device.</div><div><br />
</div><div>So if we are using a custom ROM or rooted phone this test fails. That's the main reason why the Tezz app and some banking app can't be installed on our phone. these apps perform this safety check before installing.</div><div><br />
</div></div><h3 style="text-align: left;">How to Root Android Phone Safely</h3><div>In the above section we have discussed how various benefits and risks of rooting android devices. Now we will see how to root our device to protect from dirty rooting and software brick.</div><div><br />
</div><div><div>If you are planning to root your Android device for any purpose don't search for Best android rooting software this is a completely wrong way of rooting your phone, although there are Rooting apps which support more than thousands of devices.</div><div><br />
</div><div>Rooting can be done through PC and from our device itself. Check these requirements before rooting your device</div></div><div><ol style="text-align: left;"><li>Any App or Software that officially supports your Device</li>
<li>Experienced Review</li>
<li>Success rate </li>
<li>Unroot Support</li>
</ol><h4 style="text-align: left;">Official Support</h4></div><div>First of all, you should check whether any app that officially supports your device like Kingroot which support more than thousands of device officially and its success rate with these devices is also good.</div><div><br />
</div><h4 style="text-align: left;">Experienced Review</h4><div>Another important thing which you should take care of is that, search for any experienced review in an android forum or website like XDA who successfully rooted such devices. this can lower the chances of bricking and other issues.</div><div><br />
</div><h4 style="text-align: left;">Success Rate</h4><div>This also an important element in determining the best rooting software although no rooting software will guarantee a 100% success rate. Go for the maximum success rate to avoid risk.</div><div><br />
</div><h4 style="text-align: left;">Unroot Support</h4><div>Most people face this issue after rooting. They complain about unsuccessful un-rooting support by some software. So depending upon the software and its version this can vary. So you should carefully check whether your App/Software support un-roots and its success rate.</div><div><br />
</div><div><h2 style="text-align: left;">Conclusion</h2><div>I Hope that you liked this post on How to Root Android Phone and its Pros and Cons. You can freely comment on your doubts and queries below.</div><div><br />
</div><div>If you liked this article, then please share this with your friends. You can also find us on Twitter, Facebook, YouTube, and Instagram.</div></div>Muhammed Fasil Khttp://www.blogger.com/profile/12071624565375682546noreply@blogger.com0tag:blogger.com,1999:blog-3989311415738247510.post-27808350259545983932019-11-02T04:54:00.001-07:002020-04-25T10:22:26.567-07:00High CPC Keywords in India<div class="separator" style="clear: both; text-align: center;"><noscript><img alt="high cpc keywords in india for youtube,high cpc keywords in india 2017,high cpc ads list in india,high cpc adsense list 2017 india,high cpc keywords in india 2018,high cpc ads list 2018,high cpc ad network list 2018,high cpc keywords 2018" height="380" width="695" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6Zzw4eEY73OR_unnCpuPiH0brVZbOSjFphIMWg8Q4cuGRA9wI6REpVfjk5ydIEHO5TZmtbFlvS2Vy6gy1J2zydmA14UTwSYthAqVs_Tft7_lWnMvI5XyNNznvzEpxL8G5iyxONvlx8PE/s1600/high-cpc-keywords-in-india.png" title="high cpc keywords in india for youtube,high cpc keywords in india 2017,high cpc ads list in india,high cpc adsense list 2017 india,high cpc keywords in india 2018,high cpc ads list 2018,high cpc ad network list 2018,high cpc keywords 2018" /></noscript></div>Hi Guys welcome back to PC Week. In this tutorial, I will show you some of the High CPC Keywords in India (Tech related) for bloggers and YouTubers. As you all know that India is the <b>second largest</b> country with the most Internet Users after China with more than <b>391 million</b> users.<br />
<br />
<b>Keyword research</b> is very important for generating some organic visitor for our blog. Just writing an article without any thorough research would not output any benefit. We need to look onto CPC, Monthly searches and Competition for all the keyword we are going to use in our articles.<br />
<br />
Keyword without any relevant CPC and monthly searches would not generate any revenue. So we need to be very careful while writing an article for our blog.<br />
<div class="toc" on="tap:toc-pro.toggleVisibility" role="button" tabindex="0">Table of Contents <svg height="18" viewbox="0 0 24 24" width="18"><path d="M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z" fill="#000000"></path></svg><br />
<div hidden="hidden" id="toc-pro"></div></div><h3 style="text-align: left;">High CPC Keywords in India</h3><div>Implement this keyword in your article in a way that it meets Adsense Terms and conditions. Although CPC for India in some niche is very low but high when we consider <b>Hosting, Blogging</b> and Electronics. Hosting has the highest CPC in this list (up to 30$).<br />
<br />
<h4 style="text-align: left;">Technology</h4><div><ol style="text-align: left;"><li>Technology Networks</li>
<li>Usa Technology News</li>
<li>Technology News Usa</li>
<li>Technology Consulting</li>
<li>Technology Expo</li>
<li>Web Technology News</li>
</ol><h4 style="text-align: left;">Electronics</h4></div><div><ol style="text-align: left;"><li>Us Online Electronic Shopping Websites</li>
<li>America Online Shopping Electronics</li>
<li>Usa Online Shopping Websites For Electronics</li>
<li>Electronics Engineering Technician</li>
<li>Top Online Electronics Shopping Sites In Usa</li>
<li>Electronics Manufacturing Service</li>
<li>Electronics Vector</li>
</ol><h4 style="text-align: left;">Computer</h4></div><div><ol style="text-align: left;"><li>Computer Engineering Vs Computer Science</li>
<li>Computer Vision Conference</li>
<li>Compute Info</li>
<li>Computer Information Systems</li>
<li>Computer Crime</li>
<li>Computer Operating Systems</li>
</ol><h4 style="text-align: left;">Android</h4></div><div><ol style="text-align: left;"><li>Android Developer Console</li>
<li>Android Push Notification</li>
<li>Android Ui Guidelines</li>
<li>App Market</li>
<li>Top Android Smartphones</li>
<li>Android Sdk Manager</li>
<li>Android Developer</li>
</ol><h4 style="text-align: left;">Mobile</h4></div><div><ol style="text-align: left;"><li>Mobile App Development</li>
<li>Mobile Locksmith</li>
<li>Mobile Kitchen Island</li>
<li>Mobile Friendly Test</li>
<li>Mobile Ui Design</li>
<li>American Cell Phone Companies</li>
<li>Mobile Ui</li>
<li>Mobile View Of Website</li>
<li>Mobile Elevated Work Platform</li>
</ol><h4 style="text-align: left;">Laptop</h4><div><ol style="text-align: left;"><li>Laptop Quiz</li>
<li>Laptop Keyboard Not Working</li>
<li>Laptop Keys Not Working</li>
<li>Cheap Laptops Uk</li>
<li>Laptop Security</li>
<li>Laptop Mag</li>
<li>Laptops Uk</li>
<li>Laptop Security</li>
<li>Laptop Mag</li>
<li>Laptops Uk</li>
<li>Buy Laptop Online Usa</li>
<li>Buy Laptop Usa</li>
<li>Laptop Gaming Setup</li>
<li>Laptop Deals Canada</li>
<li>Laptop Mouse Not Working</li>
<li>Laptop On Rent</li>
</ol><h4 style="text-align: left;">Blogging</h4><div><ol style="text-align: left;"><li>Create New Blogspot Website</li>
<li>Best Blog Host</li>
<li>Blog Hosting</li>
<li>Great Blog Websites</li>
<li>Create A Blog Website</li>
<li>Free Blog Website Builder</li>
<li>Create Blog Online</li>
<li>Weblogs</li>
<li>How To Build A Blog Website</li>
<li>Free Blog Sites</li>
<li>Create Blog On Blogspot</li>
<li>Start A Blogspot</li>
<li>Create A Blogspot Website Free</li>
</ol></div><h4 style="text-align: left;">Hosting</h4><div><ol style="text-align: left;"><li>Hosting VPS</li>
<li>Managed Dedicated Server Hosting</li>
<li>Private Domain Registration</li>
<li>Budget Hosting</li>
<li>VPS Web Hosting</li>
<li>Hosting Quickbooks</li>
<li>Virtual Server</li>
<li>Virtual Server Hosting</li>
<li>Hosting On Wordpress</li>
<li>Joomla Hosting</li>
<li>Webhosting Reseller</li>
<li>Web Hosting Singapore</li>
<li>Linux Dedicated Servers</li>
<li>Linux Vps</li>
<li>Affordable Web Hosting</li>
<li>Web Hosting Uk</li>
<li>Google Hosting</li>
<li>Linux Reseller Hosting</li>
<li>Hosting Uk</li>
<li>Hosting Heroku</li>
<li>Hosting On Heroku</li>
<li>Web Hosting Usa</li>
<li>Managed Server Hosting</li>
<li>Hosting News</li>
<li>Free Web Hosting And Domain</li>
<li>VPS Server</li>
<li>Dedicated Server Hosting</li>
<li>Reseller Hosting Plans</li>
<li>Hosting Quickbooks In The Cloud</li>
<li>Windows Dedicated Server</li>
<li>Best Vps Hosting</li>
<li>Best Reseller Hosting</li>
<li>Virtual Private Server Hosting</li>
<li>Dedicated Server</li>
<li>Canadian Web Hosting</li>
<li>Windows Dedicated Server Hosting</li>
<li>Cloud Hosting</li>
<li>Free Forum Hosting</li>
<li>Hosting Free</li>
<li>Game Server Hosting</li>
<li>Colocation</li>
<li>Reseller Hosting</li>
<li>Hosting Reseller</li>
<li>Web Hosting Deals</li>
<li>Virtual Dedicated Server</li>
<li>Hosting Multiple Websites</li>
<li>Business Web Hosting</li>
<li>Linux Web Hosting</li>
<li>Cheap Dedicated Server</li>
<li>Windows Vps Hosting</li>
<li>Business Website Hosting</li>
<li>Hosting Unlimited Websites</li>
<li>Managed Dedicated Server</li>
<li>Windows Reseller Hosting</li>
<li>Linux Server Hosting</li>
<li>Cheap Domain Hosting</li>
<li>Hosting 99</li>
<li>Dedicated Server Web Hosting</li>
<li>Cheap Vps Hosting</li>
<li>Free Webhosting</li>
<li>Managed Hosting</li>
<li>Domain Name And Hosting</li>
<li>Hosting Providers Uk</li>
<li>Web Hosting Sites</li>
<li>Cheap Webhosting</li>
<li>Hosting Moodle</li>
<li>Low Cost Web Hosting</li>
<li>Cloud Web Hosting</li>
<li>Free Website Hosting</li>
<li>Buy Web Domain</li>
<li>Unlimited Reseller Hosting</li>
<li>Hosting Websites</li>
<li>Buy Domain Name</li>
<li>Reseller Web Hosting</li>
<li>Hosting Your Own Website</li>
<li>Best Website Hosting</li>
<li>Hosting Website Meaning</li>
<li>Hosting Windows</li>
<li>Best Cheap Web Hosting</li>
<li>Best Web Hosting Services</li>
<li>Monthly Web Hosting</li>
<li>Yahoo Web Hosting</li>
<li>Best Domain Hosting</li>
<li>Cpanel Reseller Hosting</li>
<li>Unlimited Web Hosting</li>
<li>Domain Email Hosting</li>
<li>Hosting Reseller Program</li>
<li>Top Web Hosting Companies</li>
<li>Web Hosting</li>
<li>Hosting Service</li>
<li>Hosting Wordpress</li>
<li>Webhosting</li>
<li>Fastest Web Hosting</li>
<li>Buy Domain</li>
<li>Ecommerce Hosting</li>
<li>Linux Hosting</li>
<li>Secure Hosting</li>
<li>Windows VPS</li>
<li>Magento Hosting</li>
<li>Hosting Web</li>
<li>Cheap Domain</li>
<li>Ecommerce Web Hosting</li>
<li>Cheap Hosting</li>
<li>Web Hosting Companies</li>
<li>Cheap Server Hosting</li>
<li>Cpanel Web Hosting</li>
<li>Cheap Web Hosting India</li>
<li>Dedicated Web Hosting</li>
<li>Domain Name Registration</li>
<li>Website Domain</li>
<li>Domain Reseller</li>
<li>Asp Hosting</li>
<li>Cheap Vps</li>
<li>Host Your Own Website</li>
<li>Website Hosting Companies</li>
<li>Oowebhost</li>
<li>Web Hosting Comparison</li>
<li>Buy Web Hosting</li>
<li>Linux Dedicated Server Hosting</li>
<li>Registering A Domain Name</li>
<li>Server Hosting</li>
<li>Domain Registration</li>
<li>Hosting My Website</li>
<li>Hosting Server Price</li>
<li>Windows Server Hosting</li>
<li>Cheap Dedicated Hosting</li>
<li>Web Hosting Cost</li>
<li>Webmail Hosting</li>
<li>Website Hosting</li>
<li>Application Hosting</li>
<li>Free Hosting</li>
<li>Hosting Kya Hai</li>
<li>Cheap Domain Names</li>
<li>Best Webhosting</li>
<li>Email Hosting</li>
<li>Email Hosting Services</li>
<li>Best Hosting Provider</li>
<li>Cheap Hosting Plans</li>
<li>Web Hosting Websites</li>
<li>Domain Hosting</li>
<li>Cheap Domain Name Registration</li>
<li>Cheap Domain Registration</li>
<li>Cheap Web Hosting</li>
<li>Webhoster</li>
<li>Web Hosting India</li>
<li>Business Hosting</li>
<li>Mysql Database Hosting</li>
<li>Buy Cheap Domain</li>
<li>Web Hosting Control Panel</li>
<li>Email Domain</li>
<li>Web Hosting Services</li>
<li>Get Domain Name</li>
<li>Web Hosting And Domain</li>
<li>Windows Web Hosting</li>
<li>Domain And Hosting</li>
<li>Top Web Hosting</li>
<li>Web Domain</li>
<li>Website Hosting Services</li>
<li>How To Register A Domain Name</li>
<li>Web Page Hosting</li>
<li>Online Web Hosting</li>
<li>Hosting My Domain</li>
<li>Secure Web Hosting</li>
<li>Microsoft Web Hosting</li>
<li>Top Web Hosting Sites</li>
<li>Domain Name Reseller</li>
<li>Website Domain Registration</li>
<li>Buy Hosting</li>
<li>Free Web Domain</li>
<li>Hosting Packages UK</li>
<li>Web Hosting Plans</li>
<li>Best Hosting Sites</li>
<li>Free Web Hosting Services</li>
<li>Dedicated Hosting Service</li>
<li>Hosting Node Js App</li>
<li>Hosting Hub</li>
<li>Hosting Java Web Application</li>
<li>Business Email Hosting</li>
<li>Hosting Website Cost</li>
<li>Hosting React App</li>
<li>Web Hosting Price</li>
<li>Web Domain Registration</li>
<li>How To Host A Website</li>
<li>Web Design And Hosting</li>
<li>Free Domain Name Registration</li>
<li>Hosting Packages</li>
<li>Tomcat Hosting</li>
<li>Cheap Windows Hosting</li>
<li>Php Web Hosting</li>
<li>Free Domain Registration</li>
<li>Unlimited Hosting</li>
<li>Best Hosting</li>
<li>Email Domain Name</li>
<li>Database Hosting</li>
<li>Hosting</li>
<li>Hosting Html Website</li>
<li>Hosting On Github</li>
<li>Cheap Web Hosting Uk</li>
<li>Java Web Hosting</li>
<li>Cheap Domain Transfer</li>
<li>Shared Web Hosting</li>
</ol></div></div></div><h3 style="text-align: left;">Conclusion</h3></div><div>We hope this article on <a href="https://bloginoobs.blogspot.com/2019/11/high-cpc-keywords-in-india.html">High CPC Keywords in India</a> related helped you to grasp some detail about High CPC Keywords in India.<br />
<br />
If you liked this article, then please share to the social networking site. You can also find us on Twitter, Facebook, YouTube, and Instagram.</div><div></div>Muhammed Fasil Khttp://www.blogger.com/profile/12071624565375682546noreply@blogger.com0tag:blogger.com,1999:blog-3989311415738247510.post-13307565663174278782019-11-02T04:42:00.002-07:002020-05-26T04:41:28.505-07:00Mobile Friendly Blogger Template Free<div class="separator" style="clear: both; text-align: center;"><noscript><img alt="Mobile Friendly Blogger Template Free" height="380" width="695" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7QHr57RO41e4tsD3bpBDPNoQYn3fYnanordj3A-7XEEWea2NOTRkYk6j5tfWBXHCr068H7NNd3lDRJaMTKVo9qBAS8zkQ8hlPrUkCwzbmgh0fqQ5GOWdgBeRcA7uOYazFoTwYQf-L5mo/s1600/mobile-friendly-blogger-template-free.png" title="Mobile Friendly Blogger Template Free" /></noscript></div>In this article, I will share some of the mobile-friendly blogger templates free for blogger. Nowadays we have more users from mobile and so we have to optimize the speed of our website with respect to mobile network and browser.<br />
<br />
Blogger template is available in a variety of designs but when we are considering the mobile performance we have to carefully note the load speed and time. There are many ways to determine the loading speed like <a href="https://developers.google.com/speed/pagespeed/insights/" rel="nofollow" target="_blank">Google PageSpeed Insights</a>, <a href="https://gtmetrix.com/" rel="nofollow" target="_blank">GT Metrics</a>, etc.<br />
<div class="toc" on="tap:toc-pro.toggleVisibility" role="button" tabindex="0">Table of Contents <svg height="18" viewbox="0 0 24 24" width="18"><path d="M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z" fill="#000000"></path></svg><br />
<div id="toc-pro"></div></div><h3 style="text-align: left;">The need for a Mobile friendly design</h3><div>Due to the recent advancements in technology more and more technologies are introduced into handheld devices like mobile, tabs, etc. and it is said that in future big screen devices would rather decrease in number, So we have to focus on the mobile-friendly design for our website.<br />
<br />
</div><h2 style="text-align: left;">Mobile Friendly Blogger Template Free</h2><div>All the themes nowadays focus on both platforms like bootstrap designs are mobile optimized and more than that <a href="https://www.ampproject.org/" rel="nofollow" target="_blank">AMP</a> was introduced to break down the loading speed in mobiles. Must have Feature for a Mobile Friendly Blogger Template.</div><div><ol style="text-align: left;"><li>Responsive</li>
<li>Faster Loading </li>
<li>AMP (recommended for mobile targetted websites)</li>
<li>Structured Data</li>
</ol></div><h3 style="text-align: left;">Top Mobile Friendly Blogger Template Free</h3><div>Here is the list of top mobile friendly blogger template for our blog which is selected with respect to the mobile performance and speed. This theme contains both <a href="https://www.ampproject.org/" rel="nofollow" target="_blank">AMP</a> and ordinary theme, but as you all know AMP is not supported fully by blogger API. There will be limitations for using AMP themes.</div><div><br /></div><div>Also Read : <a href="https://bloginoobs.blogspot.com/2020/05/how-to-add-webp-images-in-blogspot-amp-pages.html" target="_blank">How to Add WebP Images in Blogspot/AMP Pages</a><br />
<br />
<h4 style="text-align: left;">SEO Impact</h4></div><div class="separator" style="clear: both; text-align: center;"><amp-img height="438" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbFUCvHiVep92iq6y67xpBFdRO3OC6RnVqNjM5Wjjvyr5OQG74QYsaOEQDc7xOKFCZwZ7roM9AYeCG3OtY1sPynWnclzON99UY-yDKHg3YcARwDlSMSUlej_1fqiPQirfAlrY4YSn_WIo/s1600/seo-impact.jpg" width="640"></amp-img></div><div>SEO Impact is one of the best templates of 2019 which is perfect for a magazine style blog. It is customized with most of the features and shortcodes. Even though it has huge customization you can check its amazing loading speed.</div><div><br />
</div><div><b><i>Created: 11 May 2019</i></b></div><div><br />
</div><div><div><u>SEO Impact - Mobile Friendly Blogger Template Free</u></div><div><br />
</div></div><div><ol style="text-align: left;"><li>Auto RTL Version.</li>
<li>Top Bar Menu.</li>
<li>Top Bar Social Icons.</li>
<li>Fixed Menu.</li>
<li>Multi-Level/DropDown Menu.</li>
<li>Mega Menu by (Recent or Label).</li>
<li>Automatic Mobile Menu.</li>
<li>Featured Section.</li>
</ol><div style="text-align: center;"><a class="btn warn" href="https://seoimpact-templateify.blogspot.com/" rel="nofollow" target="_blank">Demo</a> <a class="btn" href="https://gumroad.com/a/433828979/upvBC" rel="nofollow" target="_blank">Download</a></div><div style="text-align: left;"><br />
</div><h4 style="text-align: left;">Frameify</h4><div class="separator" style="clear: both; text-align: center;"><amp-img height="438" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihmgy0-jKtrCvNrBY4i6is_4mHq91nBjSrtxZYzYUlASMVJIEtUuR9A2N2nhDS7aD-U0d-YRRfZH2TxCEFQe-I1QSmPqs1oihVeXo_MrkVwtHgJIMnyMEr73LQhA0prfRDqSOvycjewHY/s1600/frameify.jpg" width="640"></amp-img></div><div>Frameify is a professional template with simple and efficient design. This template is well suitable for blogs for any niches. If you are planning to start a new blog, I will recommend you to consider this in your list.</div><div><br />
</div><div><b><i>Created: 15 March 2019</i></b></div><div><br />
</div><div><div><u>Frameify - Mobile Friendly Blogger Template Free</u></div><div><br />
</div></div><br />
<ol style="text-align: left;"><li>Fixed Menu.</li>
<li>Multi-Level/DropDown Menu.</li>
<li>Mega Menu by (Recent or Label).</li>
<li>Custom Mobile Menu.</li>
<li>Fixed Sidebar.</li>
<li>Social Icons on Sidebar.</li>
<li>Post List Widget by (Recent, Label or Comments).</li>
</ol><div style="text-align: center;"><a class="btn warn" href="https://frameify-templateify.blogspot.com/" rel="nofollow" target="_blank">Demo</a> <a class="btn" href="https://gumroad.com/a/433828979/BBupM" rel="nofollow" target="_blank">Download</a></div><h4 style="text-align: left;">Fastify</h4><div class="separator" style="clear: both; text-align: center;"><amp-img height="438" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDXxkStKhsdvOAd1Zpx3dCIqf6P9utryP4bmmjF9PMrJC0dyaI0XiIEzuKk6KF3-tzYoPaRmPz-oswZ4DvBlPOpQ7II-tqBSLWhF0iFXkCZDOlLbuKPtHcndKal6cW8R_xRX7c2p8aQZ0/s1600/fastify.jpg" width="640"></amp-img></div><div>Fastify is a powerful blogger template which is completely optimized for Adsense with lots of Ad spaces. It is well optimized for speed which can be a better element in SEO and can boost your search engine results.</div><div><br />
</div><div><div><b><i>Created: 02 March 2019</i></b></div></div><div><br />
</div><div><u>Fastify - Mobile Friendly Blogger Template Free</u></div><div style="text-align: left;"><br />
</div><br />
<ol style="text-align: left;"><li>100% Responsive Design.</li>
<li>Social Icons on Header.</li>
<li>Fixed Menu</li>
<li>Multi-Level/DropDown Menu</li>
<li>Mega Menu </li>
<li>Social Mobile</li>
<li>Trending Posts</li>
<li>Fixed Sidebar</li>
</ol><div style="text-align: center;"><a class="btn warn" href="https://fastify-templateify.blogspot.com/" rel="nofollow" target="_blank">Demo</a> <a class="btn" href="https://gumroad.com/a/433828979/gSCaX" rel="nofollow" target="_blank">Download</a></div><h4 style="text-align: left;">Start SEO</h4><div class="separator" style="clear: both; text-align: center;"><amp-img height="438" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfGx0ukbS0JC6aB2ehgblj_UARvtbdr5BvJwlXmwFqzq4cq1Rm1tLHxcqDlxc0RDgrZcwVzjpvht_V_W4tpgbybu1EBlDS31f7DncjFkMRW-R4Xh2VcVs6Em7lIDmCA13PaU9HYC2kdUc/s1600/start-seo.jpg" width="640"></amp-img></div><div>Start Seo is a powerful and professional blogger template, fully optimized for your blog to load as quickly as possible. Start Seo also has necessary ad slots to boost your earnings. This theme has an advanced customization option to change color and layout.</div><div style="text-align: left;"><br />
</div><b><i>Created: 15 December 2018</i></b><br />
<div><br />
</div><div><u>Start SEO - Mobile Friendly Blogger Template Free</u></div><div style="text-align: left;"><br />
</div><br />
<ol style="text-align: left;"><li>Fixed Menu.</li>
<li>Multi-Level/DropDown Menu.</li>
<li>Mega Menu by (Recent or Label).</li>
<li>Custom Mobile Menu.</li>
<li>Custom Social Mobile.</li>
<li>Custom Trending Posts.</li>
<li>Fixed Sidebar.</li>
</ol><div style="text-align: center;"><a class="btn warn" href="https://startseo-templateify.blogspot.com/" rel="nofollow" target="_blank">Demo</a> <a class="btn" href="https://gumroad.com/a/433828979/MUDou" rel="nofollow" target="_blank">Download</a></div><h4 style="text-align: left;">Boom</h4><div class="separator" style="clear: both; text-align: center;"><amp-img height="438" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfffmHFSIyxvkh95WYa9E-xdGinjS6LlstcP__oPIT1Qj2z2IkcqyHTqruGC90ScvyOynXF1683IKutPYxoKE_tSAL7xcUzeffXRJVNSrGYMVeCMi_94t-RMq9ixeED_fI0Z_pcFNyIKU/s1600/boom.jpg" width="640"></amp-img></div><div>Boom is a simple blogger template with standard layout and customization. It is well optimized for speed and Adsense. This best suitable for your daily blogs, travel blog, etc.</div><div><div><br />
</div><div><b><i>Created: 6 November 2018</i></b></div></div><div><br />
</div><div style="text-align: left;"><u>Boom - Mobile Friendly Blogger Template Free</u></div><div style="text-align: left;"><br />
</div><br />
<ol style="text-align: left;"><li>Custom Mobile Menu.</li>
<li>Custom Social Mobile.</li>
<li>Fixed Sidebar.</li>
<li>Social Icons on Sidebar.</li>
<li>Sidebar Tabs.</li>
<li>Post List Widget by (Recent, Label or Comments).</li>
<li>Footer Sections for Gadgets.</li>
</ol><div style="text-align: center;"><a class="btn warn" href="https://boom-templateify.blogspot.com/" rel="nofollow" target="_blank">Demo</a> <a class="btn" href="https://gumroad.com/a/433828979/NCLNR" rel="nofollow" target="_blank">Download</a></div><h2 style="text-align: left;">Why I recommend the Pro Versions?</h2>Most of the theme available now have the microdata format which is a typical format used to implement structured data in web pages. But with recent updates in Google, they have decided to recommend <a href="https://en.wikipedia.org/wiki/JSON-LD" rel="nofollow" target="_blank">JSON-LD</a> format rather than microdata.<br />
<br />
But all the theme I discussed above used the new structured data format ie JSON-LD but only in its premium versions. And even though it has so many editing and customization the theme is pretty fast.<br />
<br />
So If you are planning to buy a premium template consider the above templates too…<br />
<br />Also Read : <a href="https://bloginoobs.blogspot.com/2020/05/blank-blogger-template-and-widget-codes.html" target="_blank">Blank Blogger Template and Widget Codes </a><br />
<h2 style="text-align: left;">Conclusion</h2></div><div><div>❤ I Hope that you liked this post on <a href="https://bloginoobs.blogspot.com/2019/11/mobile-friendly-blogger-template.html" target="_blank">Mobile Friendly Blogger Template Free</a>. You can freely comment on your doubts and queries below.</div><div><br />
</div><div>If you liked this article, then please share this with your friends. You can also find us on Twitter, Facebook, YouTube, and Instagram.</div></div>Muhammed Fasil Khttp://www.blogger.com/profile/12071624565375682546noreply@blogger.com1tag:blogger.com,1999:blog-3989311415738247510.post-5563457879686957382019-11-02T04:04:00.007-07:002021-06-15T11:42:42.646-07:00Paid Blogger Templates Free Download [Not Nulled]<div class="separator" style="clear: both; text-align: center;"><noscript><img alt="Paid Blogger Templates Free Download" height="380" width="695" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinfrzP716fcHz04aNpUq-Qlsb0nt92n82FPJJRZd-GEwyPjpur6ibQDdP_BBfto6014GMjhp-IOjh-hdyGh93Vfc_JcgPEnL6Rea2NxsonooKuFO8BPjiR7elzOXnqmCbvfDSOVrqfXNk/s1600/paid-blogger-templates-free-download.png" title="Paid Blogger Templates Free Download" /></noscript></div>Hello Guys and welcome back to another interesting article on blogging. There are plenty of blogger templates available now but most of the template is either paid or free version of the paid. But in this article, we are going to discuss how to get paid blogger templates (free download).<br />
<p>Try our <a href="https://bloginoobs.blogspot.com/p/slug-generator.html" target="_blank">Space to Hyphen Converter / URL from Keywords</a></p><p>
Templateify has recently marked out all their old <b>Premium blogger templates for free</b>, where you can even remove footer credits without any issues.<br />
<div class="toc" on="tap:toc-pro.toggleVisibility" role="button" tabindex="0">Table of Contents <svg height="18" viewbox="0 0 24 24" width="18"><path d="M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z" fill="#000000"></path></svg><br />
<div hidden='hidden' id="toc-pro"></div></div><h2 style="text-align: left;">Paid Blogger Templates Free Download</h2><div>These templates were sold for up to 9$ and when templateify released new templates they have decided to give all their old themes without any author license. Yess! you can completely edit all these themes and add your own footer credits without any permission.</div><br />
<h3 style="text-align: left;">1. Magzon</h3><div><div><div class="separator" style="clear: both; text-align: center;"><amp-img alt="magzon" height="438" width="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA-Q_cPcXpGHUzR-F5Cv3Zefo8EGdif4fcAaXrpwedSDi1s2_CMm4iPDtc21w3n97Ae6Q13EBeTMh4E_sbu1ijtsGtiTz38cknFBeKDf7kKrkylPr9BhXZW1jhnC7KnhCDtRXOxBOq5Pw/s1600/magzon.png" title="magzon" /></div>Magzon is a magazine template with a clean and pure design. The template is perfect for the magazine, news and blog websites and can be very easily configured to use for any idea. The theme is highly adaptable and is amazingly easy to use. </div><div><ol style="text-align: left;"><li>Auto Logo</li>
<li>Clean Coded</li>
<li>Responsive Layout Design.</li>
<li>Fast Loading</li>
<li>2 Post Styles</li>
<li>Colorful Widget Areas</li>
</ol></div><div style="text-align: center;"><a class="btn warn" href="https://magzon.blogspot.com/" rel="nofollow" target="_blank">Demo</a> <a class="btn" href="https://app.box.com/s/q9xnplzleld733qovu5brlg9t5tup83n" rel="nofollow" target="_blank">Download</a></div></div><br />
<h3 style="text-align: left;">2. Magazinify</h3><div><div><div class="separator" style="clear: both; text-align: center;"><amp-img alt="Magazinify" height="438" width="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5s8FS84IQ1U_0qLc5LkK789MbFx8OeKTwrWbupWoFwqcQpj0_ZC2Id7QY1_TGe1yVIknGB30sz9hbozVe01vWHX1OrhXn1TsLy0AzUgDmc3lY4oNeh188Q3zl9O_zp5ykBUfuBquwl9E/s1600/magazinify.png" title="Magazinify" /></div>Magazinify is a 3-column blogger theme. It is a fully responsive & retina ready theme packed with many inbuilt features like Clean layout, Mega menus, Dedicated areas for banner ads, Breaking news ticker, Social share buttons, Related posts, Footer menu, Social links and more.</div><div><ol style="text-align: left;"><li>Responsive & Retina Ready</li>
<li>Mega Menu</li>
<li>Breaking News Ticker</li>
<li>Related Post</li>
<li>Ad Slots</li>
</ol></div><div style="text-align: center;"><a class="btn warn" href="https://magazinify.blogspot.com/" rel="nofollow" target="_blank">Demo</a> <a class="btn" href="https://app.box.com/s/cqt2kadl0ne6r09lvxwylw0wa02dosw2" rel="nofollow" target="_blank">Download</a></div></div><br />
<h3 style="text-align: left;">3. Maggner</h3><div><div><div class="separator" style="clear: both; text-align: center;"><amp-img alt="maggner" height="438" width="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSKKvhLDe33lgmdwlkX3TpcmUo5YJu9V4kjvntLM2WkA0wadnXEFt_pG-AKAN7YWKeVJvaAjIo-s3a8KckC4sPZ84eHMPu0bgzSkpX9F3s3RgeBu8l6YpRiIugV6LVzFfbFYL8k1PPuwA/s1600/maggner.png" title="maggner" /></div>Maggner is a blogger template inspired by ribbon WordPress theme, this theme has 2 columns with an amazing header banner where you can Adsense ads and its very easy to edit this template.</div><div><ol style="text-align: left;"><li>Ad Slots</li>
<li>Clean Coded</li>
<li>Fast Loading</li>
<li>SEO Optimised</li>
</ol></div><div style="text-align: center;"><a class="btn warn" href="https://maggner-templateify.blogspot.com/" rel="nofollow" target="_blank">Demo</a> <a class="btn" href="https://app.box.com/s/ojs4d3zc42p9grelxbjzqg1a28tfi2fy" rel="nofollow" target="_blank">Download</a></div></div><br />
<h3 style="text-align: left;">4. Techify</h3><div><div><div class="separator" style="clear: both; text-align: center;"><amp-img alt="techify" height="438" width="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQcHBuimuekzxMKYq-_TzD7U7pQXeIFjMcgnrcPym4Ym4H1lxYhNx5iKP1evN6bqWV0K86ZC2znjLWD-6_lH_kXAKiOZdVfvSEQrZzojCyU0YSPOHEhXu91faneUC197G3AZ9REbdut4s/s1600/techify.png" title="techify" /></div>Techify is a professional blogger template with stunning clean layout design, completely responsive and it can be used on any type of site magazine, gallery, photography, etc.</div><div><ol style="text-align: left;"><li>News Widget</li>
<li>Responsive Design </li>
<li>Admin Box</li>
<li>SEO Friendly</li>
</ol></div><div style="text-align: center;"><a class="btn warn" href="https://techifytemplateify.blogspot.com/" rel="nofollow" target="_blank">Demo</a> <a class="btn" href="https://app.box.com/s/ivzx4s2az37skz1k9ehcm802gw3p13jz" rel="nofollow" target="_blank">Download</a></div></div><br />
<h3 style="text-align: left;">5. Codify</h3><div><div><div class="separator" style="clear: both; text-align: center;"><amp-img alt="codify" height="438" width="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfVfo8f1HaTQQo-cpDXiJgk_fkM0lsBP1ctZSS7fDHplhXh4aMRpQSIBaUZ3beDEejFnpw3yKj8YzvSezQWJ3RR63B8TnC3JHCMBlUo_Rd1exVeP98iEBKJjKIAOtDP5YoJbIoAmdMgko/s1600/codify.png" title="codify" /></div>Codify is a magazine blogger template with list style post layout, responsive and Adsense friendly design.</div><div><ol style="text-align: left;"><li>News Widget</li>
<li>Colorful design</li>
<li>Fast Loading</li>
<li>Related Post</li>
</ol></div><div style="text-align: center;"><a class="btn warn" href="https://codify-templateify.blogspot.com/" rel="nofollow" target="_blank">Demo</a> <a class="btn" href="https://app.box.com/s/ru4vwqe8nmrx01pm4vj580uzma42cjkj" rel="nofollow" target="_blank">Download</a></div></div><h3 style="text-align: left;">6. Mintify</h3><div><div><div class="separator" style="clear: both; text-align: center;"><amp-img alt="codify" height="438" width="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYTknXKd6PMAwTzg5-g2bEaJzDJHR53w2uUBrwkxMJlWpfQs1lKcRNDqRt-I42EsE8J5YpkcQnJJ4pqqfUfM8XSLXlkLxD2ELpSb0M8HnlzbND2scb6v0_EhsiVxBU_tYN_pf9dDBEQT4/s1600/mintify.png" title="codify" /></div>Mintify is a blogger template with unique and amazing design, floating header, that will make your blog more professional.</div><div><ol style="text-align: left;"><li>Floating Header </li>
<li>Responsive Layout</li>
<li>SEO Friendly</li>
<li>Adsense Friendly</li>
</ol></div><div style="text-align: center;"><a class="btn warn" href="https://mintify.blogspot.com/" rel="nofollow" target="_blank">Demo</a> <a class="btn" href="https://app.box.com/s/okuiqk2t3lbcrrx6niqmld4bixzlvq29" rel="nofollow" target="_blank">Download</a><br />
<div><br />
</div></div></div><h3 style="text-align: left;">7. Simplify</h3><div><div><div class="separator" style="clear: both; text-align: center;"><amp-img alt="simplify" height="438" width="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsVgkVC6B3t5aHnatUDMq1O7aL5s-uObjOTaZzKllEIVSieJKgWZcNTzrAu7PLcYOQxz7Z9EqedOURNBVt6NOKuNICLAheXhkvaHEHFl1TPvaQWiGz0moDg6pyf43kgOUitthPS9VjWo4/s1600/simplify.png" title="simplify" /></div>Simplify is a clean blogger template which is easily suitable for your personal blog or magazine/music/photography blogs.</div><div><ol style="text-align: left;"><li>Clean Coded</li>
<li>Responsive Design</li>
<li>Fast Loading</li>
<li>SEO Optimised</li>
</ol></div><div style="text-align: center;"><a class="btn warn" href="https://simplify-templateify.blogspot.com/" rel="nofollow" target="_blank">Demo</a> <a class="btn" href="https://app.box.com/s/t58nicpyaes6e2o7nwy9s3mindz2rerq" rel="nofollow" target="_blank">Download</a><br />
<div><br />
</div></div></div><h3 style="text-align: left;">8. Portify</h3><div><div><div class="separator" style="clear: both; text-align: center;"><amp-img alt="portify" height="438" width="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK7cCQ5Q6JLrUzYR6WHBlk1LVKHvixiE0cBpc50UWgr4KmPVnVgxo7R16a3L9w9NDwz34HXaJaYsXXt4LD55hnj6i6_rpgP7Zfha1QhOPb8fTR5I_JU7as_jnT1G5wvJQNewh1KE6jLEo/s1600/portify.png" title="portify" /></div>The Luv blog blogger template is a custom designed minimal personal blogging theme. The Luv blog template features a fully responsive design that suits perfectly on any mobile devices. This template is suitable for personal bloggers, photographers, designers, graphic designers, etc.</div><div><ol style="text-align: left;"><li>Template Features</li>
<li>Twitter Bootstrap 3.0</li>
<li>100% Responsive Layout Design</li>
<li>Amazing jQuery Effects and Scripts</li>
<li>Beautiful social icons</li>
<li>Social Media Friendly</li>
<li>PSD Logo Included</li>
</ol></div><div style="text-align: center;"><a class="btn warn" href="https://portify.blogspot.com/" rel="nofollow" target="_blank">Demo</a> <a class="btn" href="https://app.box.com/s/xplolfxggqz3izngdd5tr5h4qbnslum3" rel="nofollow" target="_blank">Download</a><br />
<div><br />
</div></div></div><h3 style="text-align: left;">9. Luvblog</h3><div><div><div class="separator" style="clear: both; text-align: center;"><amp-img alt="luvblog" height="438" width="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUgaq4f6wcT5DB43O3qd9hrnpNwioP2eLmBra01m_coTuujdJLW9eFpoXR6gKN_wexN2npeDxioZAZeu6m5Mw7R5BF0zARz0Vs0PZC-1mSfde2YzVfqBQu3S6on-hFgk4usSXmJ4FxCYw/s1600/luvblog.png" title="luvblog" /></div>The Luv blog blogger template is a custom designed minimal personal blogging theme. The Luv blog template features a fully responsive design that suits perfectly on any mobile devices. This template is suitable for personal bloggers, photographers, designers, graphic designers, etc.</div><div><ol style="text-align: left;"><li>Template Features</li>
<li>Twitter Bootstrap 3.0</li>
<li>100% Responsive Layout Design.</li>
<li>Amazing jQuery Effects and Scripts.</li>
<li>Beautiful social icons.</li>
<li>Social Media Friendly.</li>
<li>PSD Logo Included.</li>
</ol></div><div style="text-align: center;"><a class="btn warn" href="https://luvblog-templateify.blogspot.com/" rel="nofollow" target="_blank">Demo</a> <a class="btn" href="https://app.box.com/s/twd1uwcjls1yoh1t02y50cnsphnf9rb1" rel="nofollow" target="_blank">Download</a></div></div><br />
<h3 style="text-align: left;">10. Folify</h3><div><div><div class="separator" style="clear: both; text-align: center;"><amp-img alt="folify" height="438" width="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU_dgzoga3bxEAfRz-1F7EoB_xUaIvncjh2Y2UFOd9kw-UwBuGexAvooyp4zPGA127KeWeocASFYAeK1rS626CgWbkmqR-3j2lg9AIG35vLzkR7slpGLIORCrwFSaVeK4CE9shdXvQxcw/s1600/folify.png" title="folify" /></div>Folify is a perfect template for small business, agencies & freelancers looking for a portfolio template. which responsive and SEO Optimised.</div><div><ol style="text-align: left;"><li>Clean Coded</li>
<li>Portfolio Design</li>
<li>Responsive</li>
<li>Grid Layout</li>
</ol></div><div style="text-align: center;"><a class="btn warn" href="https://folify.blogspot.com/" rel="nofollow" target="_blank">Demo</a> <a class="btn" href="https://app.box.com/s/ataf5yt0ztiok1xabmuxnv6lw28ort5b" rel="nofollow" target="_blank">Download</a><br />
<div><br />
</div></div></div><h2 style="text-align: left;">More Paid Blogger Templates</h2><div>I have only listed some selected templates from the list. You can download the rest of the templates from the official Templateify website. If you are planning to buy template kindly consider buying from them ( This is not any Promotion). </div><div><br />
</div><div>They are building their latest templates with JSON-LD structured data formats, Advanced Layout Section, etc.</div><div><br />
</div><h2 style="text-align: left;">Conclusion</h2><div><div>I Hope that you liked this post on Paid Blogger Templates Free Download. You can freely comment on your doubts and queries below.</div><div><br />
</div><div>If you liked this article, then please share this with your friends. You can also find us on Twitter, Facebook, YouTube, and Instagram.</div></div><div><div style="text-align: center;"></div></div>Muhammed Fasil Khttp://www.blogger.com/profile/12071624565375682546noreply@blogger.com0tag:blogger.com,1999:blog-3989311415738247510.post-34040735213929263552019-11-02T03:53:00.000-07:002019-11-02T05:25:45.602-07:00 How to Use UHARC [Full Guide]<div class="separator" style="clear: both; text-align: center;"><noscript><img alt="uharc,how to use uharc" height="380" width="695" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6li6YkYMSgnRsjl6V2QWSWIn__eCYbDTryicEvgzhRZ4xvJboApJAgwj60XIygnWSthyma56nW7OxzuaKm8np6NPhYgvVjJtqbGho_BUotJp7-i_LrZwpuw5Mtjy-4iw2dI9xQQe6u-g/s1600/how-to-use-uharc.png" title="uharc,how to use uharc" /></noscript></div>In this tutorial, I will show you how to use <a href="http://www.winuha.com/" rel="nofollow" target="_blank">UHARC</a> and compress large files. This tool was widely used by bloggers but it is quite difficult to use for beginners.<br />
<br />
<div>When you download games from some website you would see some “.uha file” which on extracting opens up the command prompt and start the decompression. You might be aware that there is a GUI based version available now, but I recommend the old UHARC CMD based version because it is pretty good at compression ratio.</div><div><br />
</div><div><div>If you are uploading games into online file sharing platform you must compress game in order to provide various user to afford the download size considering their internet limitation.</div><div class="toc" on="tap:toc-pro.toggleVisibility" role="button" tabindex="0">Table of Contents <svg height="18" viewbox="0 0 24 24" width="18"><path d="M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z" fill="#000000"></path></svg><br />
<div hidden='hidden' id="toc-pro"></div></div><h2 style="text-align: left;">How to Use UHARC?</h2><div>There is no scarcity for compression tool, as I described above tools like ISO compressor, <b>RAR</b> does not fulfil our required compression rate, but its uses come when we need to directly write the game file into a DVD or compress small files. <a href="https://www.7-zip.org/" rel="nofollow" target="_blank">7 Zip</a> compression tool is considerably better than RAR and ISO which uses some of the same algorithm used by UHARC.</div></div><div><br />
</div><div><h3 style="text-align: left;">UHARC GUI</h3><div>Although the new version is user-friendly and easy to use the compression level is sometimes poor, I don’t know that this is the case for all files. UHARC command based compression has tons of option to control the compression rate and flexibility but the UHARC GUI doesn't have all the function.</div><div><br />
</div><div>People might say you that <a href="https://en.wikipedia.org/wiki/KGB_Archiver" rel="nofollow" target="_blank">KGB</a> is the best compression software, but the decompression time and compression time is far greater than all software described above, RAR files are widely used compression software but it is not applicable for high-compression rate, it is widely used due to its simplicity and popularity.</div><div><br />
</div><h4 style="text-align: left;">UHARC vs 7zip and RAR</h4><div>When comparing UHARC and 7 zip we need some live proof depending upon the packing ability of all software where 7 zip is pretty amazing software but the UHARC won our test always.Even though 7 zip utilizes one of the compression algorithm UHARC uses the 7 zip failed to compete even with RAR compression. You can see the result of a 512 kb files compressed by three various compression software. So UHARC is perfect for compressing large and small files.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><amp-img alt="uharc,how to use uharc" height="349" width="393" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6tazG670pFLFNTeMUe9WI_hwaIWcwDKaQiYjrpTxoopaVUB3r6-s-Sq-KN89ZNCXPISIVEDJGA9y2HzE-jpLEPLrCa1x1P6OyIZ3XtlqFLFsLGsvHdAGDNUOG8Taypb69GjMwQP8wTUs/s1600/7zip-vs-uharc.png" title="uharc,how to use uharc" /></div></div><div><div style="text-align: left;"><br />
</div><div style="text-align: left;">When comparing UHARC vs 7zip the winner is UHARC but here I have used the CMD version for compressing files. So I recommend the CMD version for maximum compression.<br />
<br />
</div><h3 style="text-align: left;">How to use UHARC</h3><div>1. Download the UHARC software from here </div><div style="text-align: center;"><a class="btn" href="https://github.com/mhdfasilwyd/UHARC-Collection/archive/master.zip" rel="nofollow" target="_blank">Download UHARC</a></div><div>2. Extract the file and by holding Shift, Press right-click inside the extracted folder.</div><div><br />
<div class="separator" style="clear: both; text-align: center;"><amp-img alt="uharc,how to use uharc" height="417" width="560" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEnL3dQiEVqaA4IHsgF0ruzcBddWKzNcK5ImfHVFap3KehF-QNLTJ7eZmAOwsW4ai3mLf28g5IBng9CjQV14KF9OD8aCpa5V8VEWUE0zwUX8FwSaBXsAew1kXZXcYthFHiMHR88nosfZE/s1600/how+to+use+uharc.png" title="uharc,how to use uharc" /></div></div><div><div>3. Select <b>Open command window here</b></div><div>4. After that CMD window will open and paste the below code replacing your file location which you want to compress </div></div><blockquote class="tr_bq"><b>tecuha a -r+ -ed- -pf -mx -mm+ -md32768 filename.uha "location*.*"</b> </blockquote><div class="separator" style="clear: both; text-align: center;"><amp-img alt="uharc,how to use uharc" height="493" width="811" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYyc-lMfvsi7rkzhF_h2qqLXuiI3N0g9BDHzTUk7fGzf3s3qvvBJ5xkKhx0g8Soj2yxH6_62vNJhu2doL_tk3VuWS76MJ9RqQOeDr7Q6S_CbX5k5E5qtA_yTS9KqwFxLbA6LZNbLuR8LY/s1600/compress+large+files.png" title="uharc,how to use uharc" /></div><blockquote class="tr_bq"> Note- File location should be pasted along with the syntax Eg. <b>tecuha a -r+ -ed- -pf -mx -mm+ -md32768 mygame.uha "E:\Brothers in Arms Road to Hill 30\Sound\*.*"</b> </blockquote> 5. After pasting, pressing the Enter key will start compression automatically if you have entered the right code without any mistake<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><amp-img alt="uharc,how to use uharc" height="441" width="669" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgHaLu0euVi6snnAeQaKKYNOVReW3D8eJi978fwwYQbaOZokf_TTu5mqLNYZit2eGPM1pMktIkmKhRn8PiY11mA2ldg8WH_-imSUYsDhrPZ_IjdZIwGAdCVwVIPtx6Fw0mphX36nTP4YE/s1600/uharc+cmd.png" title="uharc,how to use uharc" /></div>UHARC is highly recommended to compress large games, which can be divided into many pieces and can be joined back without any effort. So here I recommend you to use GUI based software for decompression and CMD for compression. If you can't get UHARC then 7zip is the best, never go for KGB which is really slow and annoying but its compression is huge and packs well.<br />
<div style="text-align: center;"><a class="btn" href="https://github.com/mhdfasilwyd/UHARC-Collection/archive/master.zip" rel="nofollow" target="_blank">Download UHARC</a></div><br />
<h2 style="text-align: left;">Conclusion</h2>We hope this article on <a href="https://bloginoobs.blogspot.com/2019/11/how-to-use-uharc.html" target="_blank">How to Use UHARC</a>. If you have any doubt and problem please comment below. We are happy to help you!<br />
<br />
If you liked this article, then please share to the social networking site. You can also find us on Twitter, Facebook, YouTube, and Instagram.</div></div>Muhammed Fasil Khttp://www.blogger.com/profile/12071624565375682546noreply@blogger.com0tag:blogger.com,1999:blog-3989311415738247510.post-73193247189167388072019-08-12T21:48:00.002-07:002019-08-12T21:52:52.539-07:00All in One Free SEO Tools for Blogger and Wordpress<div class="separator" style="clear: both; text-align: center;"><noscript><img alt="All in One Free SEO Tools for Blogger and Wordpress" height="380" width="695" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi71rObZPPV2JfxGseR0KtAsIDOtzdaxRFrGJjA6IvSHBjv9Nu2BJM-HLXmhE5xqVHMqqWVWeYVL8EzV2eHI8YmAw1k45YFI7tUb4U0-xL3dR-U3DLrOtvskfIo8vFImdCIChSdcWrt4Vs/s1600/all-in-one-free-seo-tools.png" title="All in One Free SEO Tools for Blogger and Wordpress" /></noscript></div><div style="text-align: left;">Hello, guys welcome back to another interesting article. In this article, we are going to talk about different types of SEO Tools that can be used in our blog or Website whether it is in WordPress or Blogger. SEO Optimisation is very important considering any of the blogging platforms. On-Page SEO plays a key role in ranking your pages and that in turn generate some revenue for you.</div><div class="toc" on="tap:toc-pro.toggleVisibility" role="button" tabindex="0">Table of Contents <svg height="18" viewbox="0 0 24 24" width="18"><path d="M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z" fill="#000000"></path></svg><br />
<div hidden='hidden' id="toc-pro"></div></div><h2 style="text-align: left;">All in One Free SEO Tools for Blogger and Wordpress</h2>Without ranking your pages it is difficult to catch visitors. Google always prefer organic visitors rather than social and paid visitors. So in this article, I will share some of my favorite and easy to use SEO tools. SEO Optimisation includes Keyword research, Image Optimisation, On-page SEO and Plagiarism checking, etc.<br />
<br />
All the SEO tools that we are going to discuss here is completely free and most of the tools are online tools so that you can easily access without downloading any of the software.<br />
<br />
<h3 style="text-align: left;">Keyword Research</h3><div><div class="separator" style="clear: both; text-align: center;"><amp-img alt="All in One Free SEO Tools for Blogger and Wordpress" height="438" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiibSlQtz18Oh-nTC6wzKfVKwuZJX6TdXC_zXUUHAYfdXYLGKS8WZX2D4EKbo2eaTuGUIy5J-Ymvku5AqfLTB8_B97sqKg3NrW_1PKc_mggUcDzkEw9N-co3Ewqtiqdk9cZB7ucdVlMXM/s1600/free-seo-tools-keyword.png" title="All in One Free SEO Tools for Blogger and Wordpress" width="640"></amp-img></div><div class="separator" style="clear: both; text-align: center;"></div>There are many keyword research tool available on the internet but most of the tools are paid. So I will show you one of the free keyword research tools which will integrate results from <b>Google Trends</b> and <b>Google keyword planner</b> and can be used for YouTube and Blogging. This tool is called Uber Suggest which is one of the websites maintained by Neil Patel.<br />
<br />
</div><div><div style="text-align: center;"><a class="btn warn" href="https://neilpatel.com/ubersuggest/" rel="nofollow" target="_blank">Uber Suggest</a></div><div><br />
For Chrome user, you can also use one plugin called <b>keyword everywhere</b> which is very useful for generating instant search volumes, CPC and Competition.</div><div><br />
</div><div>Google search console can be used along with these tools to find suitable keywords if you can't afford paid tools like <b>Ahref</b>, <b>Semrush, </b>and <b>Moz</b>.</div></div><div><br />
</div><div><h3 style="text-align: left;">Image Optimisation</h3><div><div class="separator" style="clear: both; text-align: center;"><amp-img alt="All in One Free SEO Tools for Blogger and Wordpress" height="438" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOCsu70Nf0twaRoC6mtXz_a3RWKcGt8W7ONjoywQZ2S5xwPnyy1x2UB7-9zH6QHrgynJJgqzvGE7flcflpJ3kN2I6MW9IiA5-rxwnlvyzFqx_Y7h1E16FcYRNqas5dSHNpc4soQIk_S50/s1600/free-seo-tools-image.png" title="All in One Free SEO Tools for Blogger and Wordpress" width="640"></amp-img></div>Image Optimisation is very important to decrease your website loading time. It is recommended to use PNG image files in your website and should be compressed without losing much of its details as always remember don't compress your image badly by which your visitors get annoyed. So here you can use an online tool for compressing images. If you are using JPEG files then you will not find any advanced compressing option, but if you are compressing PNG files then you will get some advanced option and you can further decrease the file size.<br />
<br />
</div></div><div style="text-align: center;"><a class="btn warn" href="https://compresspng.com/" rel="nofollow" target="_blank">Image Compression</a></div><div><br />
</div><div><h3 style="text-align: left;">Plagiarism Checker</h3><div><div class="separator" style="clear: both; text-align: center;"><amp-img alt="All in One Free SEO Tools for Blogger and Wordpress" height="438" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_LgKQX1smacTPXR7Da7fEm4vbWgl8gsmebvVZ5DTCcFRWVuFH_2u-YrxISHxCNPhfdH9O1RsbpZbNtWAhcsxC-OonRJe8WXzzAEYl5T6TF_0sJWmJ6lgTXwnW7w12YDdVppMyvHb-sbQ/s1600/free-seo-tools-plagiarism.png" title="All in One Free SEO Tools for Blogger and Wordpress" width="640"></amp-img></div>The content you are writing should be unique and it shouldn't contain any copyrighted materials which violate the terms and condition of the author site. If you are copying something from a website double-check the chances of plagiarism and use royalty-free images. So the best tools to check plagiarism is an Online website called Small SEO Tools which have inbuilt grammar checker word counter and many other features.<br />
<br />
</div></div><div style="text-align: center;"><a class="btn warn" href="https://smallseotools.com/plagiarism-checker/" rel="nofollow" target="_blank">Plagiarism Checker</a><br />
<div style="text-align: left;"><br />
</div></div><div><div><h3 style="text-align: left;">Grammar Checker</h3><div>As you all know that Grammar should be correct and should use a simple style of content writing which matches all the viewers. I will recommend Scribens powerful grammar checker online tool which is very useful for your blog.<br />
<br />
</div></div><div style="text-align: center;"><a class="btn warn" href="https://app.grammarly.com/" rel="nofollow" target="_blank">Grammar Checker</a></div></div><div><br />
</div><div><h3 style="text-align: left;">Thumbnail Generator</h3><div>Thumbnail is very important for your website which should attract your visitor to read the article. So I recommend Canva free tool for this stuff because it is completely free and can be used for generating various high-quality thumbnail including youtube and Pinterest.<br />
<br />
</div><div style="text-align: center;"><a class="btn warn" href="https://www.canva.com/" rel="nofollow" target="_blank">Canva</a></div></div><br />
<div><br />
</div><div><h3 style="text-align: left;">Background Remover</h3><div>In some cases, you would need to remove background image in order to design thumbnail or mostly in the case of mobile phones you should use some tools to remove the background to get a clear layout of the phone.<br />
<br />
</div></div><div style="text-align: center;"><a class="btn warn" href="https://burner.bonanza.com/" rel="nofollow" target="_blank">Background Remover</a></div><div><br />
</div><div><h3 style="text-align: left;">Other Stuff</h3><div>Some tools like word counter, Hyphen remover, language converting and typing tools, etc.<br />
<br />
</div><div style="text-align: center;"><a class="btn warn" href="http://smartwebsolutions.org/replace-space-with-hyphen/" rel="nofollow" target="_blank">Space Remover and More</a></div><br />
<h2 style="text-align: left;">Conclusion</h2><div>I hope that this article somehow helped you to blog better and easier. The above keyword research tools don't have real-time keyword analysis these are based annual averages. if you don't have enough budget for paid keyword tools then go for it.<br />
<br />
You can freely comment on your doubts and queries below. If you liked this article, then please share this with your friends. You can also find us on Twitter, Facebook, YouTube, and Instagram.</div></div>Muhammed Fasil Khttp://www.blogger.com/profile/12071624565375682546noreply@blogger.com0