tag:blogger.com,1999:blog-69155462936291060452020-11-01T08:36:32.685+06:00Free tips,tricks tutorials about SEO, Whatsapp, Facebook, Android, IOS,Blogger &amp; much more . Which can be helpful for your daily life.Unknownnoreply@blogger.comBlogger196125tag:blogger.com,1999:blog-6915546293629106045.post-45238169179384781292020-09-12T10:58:00.000+06:002020-09-12T10:58:25.887+06:00<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-NEqFb6cyi5A/X1xU7Xo_XGI/AAAAAAAAAQY/U7_vsaWw2b8GRCA1QNKKXzTPty_sfZMqQCLcBGAsYHQ/s1600/images%2B%25282%2529.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="397" data-original-width="771" height="164" src="https://1.bp.blogspot.com/-NEqFb6cyi5A/X1xU7Xo_XGI/AAAAAAAAAQY/U7_vsaWw2b8GRCA1QNKKXzTPty_sfZMqQCLcBGAsYHQ/s320/images%2B%25282%2529.jpg" width="320" /></a></div><br />You can remove the date from your blog post very easily by using some code into your blog.<br /><br />But if your blog is old and has many posts then I recommend you not to change blog URL. If your blog is new and has a few posts then you can change it.<br /><br />To remove date from your blog post follow the step<br /><br />Go to Blogger admin panel<br /><br />Click on the Themes and Go to edit HTML of your themes.<br /><br />Paste the bellow code into &lt;head&gt; …… &lt;/head&gt; tag<br /><br />The code is bellow<br /><br /><pre>&lt;script type="text/javascript"&gt;<br /><br />//&lt;![CDATA[<br /><br />// BloggerJS v0.3.1<br /><br />// Copyright (c) 2017-2018 Kenny Cruz<br /><br />// Licensed under the MIT License<br /><br />var urlTotal,nextPageToken,postsDatePrefix=!1,accessOnly=!1,useApiV3=!1,apiKey="",blogId="",postsOrPages=["pages","posts"],jsonIndex=1,secondRequest=!0,feedPriority=0,amp="&amp;"[0];function urlVal(){var e=window.location.pathname,t=e.length;return".html"===e.substring(t-5)?0:t&gt;1?1:2}function urlMod(){var e=window.location.pathname;"p"===e.substring(1,2)?(e=(e=e.substring(e.indexOf("/",1)+1)).substr(0,e.indexOf(".html")),history.replaceState(null,null,"../"+e)):(e=(e=postsDatePrefix?e.substring(1):e.substring(e.indexOf("/",7)+1)).substr(0,e.indexOf(".html")),history.replaceState(null,null,"../../"+e))}function urlSearch(e,t){var n=e+".html";t.forEach(function(e){-1!==e.search(n)&amp;&amp;(window.location=e)})}function urlManager(){var e=urlVal();0===e?accessOnly||urlMod():1===e?getJSON(postsOrPages[feedPriority],1):2===e&amp;&amp;(accessOnly||history.replaceState(null,null,"/"))}function getJSON(e,t){var n=document.createElement("script");if(useApiV3){var o="https://www.googleapis.com/blogger/v3/blogs/"+blogId+"/"+e+"?key="+apiKey+"#maxResults=500#fields=nextPageToken%2Citems(url)#callback=bloggerJSON";nextPageToken&amp;&amp;(o+="#pageToken="+nextPageToken),nextPageToken=void 0}else o=window.location.protocol+"//"+window.location.hostname+"/feeds/"+e+"/default?start-index="+t+"#max-results=150#orderby=published#alt=json-in-script#callback=bloggerJSON";o=o.replace(/#/g,amp),n.type="text/javascript",n.src=o,document.getElementsByTagName("head")[0].appendChild(n)}function bloggerJSON(e){var t=[];if(useApiV3||void 0===urlTotal&amp;&amp;(urlTotal=parseInt(e.feed.openSearch$totalResults.$t)),useApiV3){try{e.items.forEach(function(e,n){t.push(e.url)})}catch(e){}nextPageToken=e.nextPageToken}else try{e.feed.entry.forEach(function(n,o){var r=e.feed.entry[o];r.link.forEach(function(e,n){"alternate"===r.link[n].rel&amp;&amp;t.push(r.link[n].href)})})}catch(e){}urlSearch(window.location.pathname,t),urlTotal&gt;150?(jsonIndex+=150,urlTotal-=150,getJSON(postsOrPages[feedPriority],jsonIndex)):nextPageToken?getJSON(postsOrPages[feedPriority]):secondRequest&amp;&amp;(nextPageToken=void 0,urlTotal=void 0,jsonIndex=1,secondRequest=!1,0===feedPriority?(feedPriority=1,getJSON("posts",1)):1===feedPriority&amp;&amp;(feedPriority=0,getJSON("pages",1)))}function bloggerJS(e){e&amp;&amp;(feedPriority=e),urlManager()}bloggerJS();<br /><br />//]]&gt;<br /><br />&lt;/script&gt;<br /><br /></pre></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6915546293629106045.post-33419393899589878702020-09-11T19:15:00.000+06:002020-09-12T01:20:01.783+06:00<div dir="ltr" style="text-align: left;" trbidi="on"><h3 id="point0" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; color: #2c3e50; font-family: roboto, sans-serif; margin: 0px 0px 15px; outline: 0px; padding: 0px; vertical-align: baseline;"><br /></h3><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-3LWL3UE0Zz4/X1t3v_U8kMI/AAAAAAAAAQM/Q18Ow513E3wBWY3pwKRbGz2WW73MU147ACLcBGAsYHQ/s1600/20200807_114621.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="900" data-original-width="1600" height="180" src="https://1.bp.blogspot.com/-3LWL3UE0Zz4/X1t3v_U8kMI/AAAAAAAAAQM/Q18Ow513E3wBWY3pwKRbGz2WW73MU147ACLcBGAsYHQ/s320/20200807_114621.jpg" width="320" /></a></div><h3 id="point0" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; color: #2c3e50; font-family: roboto, sans-serif; margin: 0px 0px 15px; outline: 0px; padding: 0px; vertical-align: baseline;"><br /></h3><h3 id="point0" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; color: #2c3e50; font-family: roboto, sans-serif; margin: 0px 0px 15px; outline: 0px; padding: 0px; vertical-align: baseline;">Step 1: First go to the blogger admin page - Subject - edit HTML.</h3><div style="background-color: white; color: #5e5e5e; font-family: roboto, sans-serif; font-size: 15px; line-height: 22.5px;"><h3>Step 2: Ctrl + F find the</h3></div><div style="background-color: white; color: #5e5e5e; font-family: roboto, sans-serif; font-size: 15px; line-height: 22.5px;">&lt;/head&gt; tag and paste the code below it.</div><div style="background-color: white; color: #5e5e5e; font-family: roboto, sans-serif; font-size: 15px; line-height: 22.5px;"><br /></div><div style="background-color: white; color: #5e5e5e; font-family: roboto, sans-serif; font-size: 15px; line-height: 22.5px;"><pre><br />&lt;script&gt;/*&lt;![CDATA[*/ var uri = window.location.toString(); if (uri.indexOf("%3D","%3D") &gt; 0) { var clean_uri = uri.substring(0, uri.indexOf("%3D")); window.history.replaceState({}, document.title, clean_uri);} var uri = window.location.toString(); if (uri.indexOf("%3D%3D","%3D%3D") &gt; 0) { var clean_uri = uri.substring(0, uri.indexOf("%3D%3D")); window.history.replaceState({}, document.title, clean_uri);} var uri = window.location.toString(); if (uri.indexOf("&amp;m=1","&amp;m=1") &gt; 0) { var clean_uri = uri.substring(0, uri.indexOf("&amp;m=1")); window.history.replaceState({}, document.title, clean_uri); } var uri = window.location.toString(); if (uri.indexOf("?m=1","?m=1") &gt; 0) { var clean_uri = uri.substring(0, uri.indexOf("?m=1"));window.history.replaceState({}, document.title, clean_uri);}; var protocol=window.location.protocol.replace(/\:/g,''); if(protocol=='http'){ var url=window.location.href.replace('http','https'); window.location.replace(url);} /*]]&gt;*/&lt;/script&gt;</pre></div><div style="background-color: white; color: #5e5e5e; font-family: roboto, sans-serif; font-size: 15px; line-height: 22.5px;"><br /></div><div style="background-color: white; color: #5e5e5e; font-family: roboto, sans-serif; font-size: 15px; line-height: 22.5px;"><br /></div><div style="background-color: white; color: #5e5e5e; font-family: roboto, sans-serif; font-size: 15px; line-height: 22.5px;"><h3>Step 3: Save the topic and enjoy the results.</h3></div><div style="background-color: white; color: #5e5e5e; font-family: roboto, sans-serif; font-size: 15px; line-height: 22.5px;"><br /></div><div style="background-color: white; color: #5e5e5e; font-family: roboto, sans-serif; font-size: 15px; line-height: 22.5px;">The trick is that simple. Hope with this small trick will help your blog more professional, if you encounter any errors do not hesitate to comment below so everyone can help.&nbsp;</div><br /><div style="background-color: white; color: #5e5e5e; font-family: roboto, sans-serif; font-size: 15px; line-height: 22.5px;"></div><br /><div style="-webkit-text-stroke-width: 0px; background-color: white; color: #5e5e5e; font-family: roboto, sans-serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22.5px; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;"><div style="margin: 0px;"><br /></div></div></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6915546293629106045.post-83533887838606963572020-09-09T15:23:00.000+06:002020-09-09T17:57:38.060+06:00<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://4.bp.blogspot.com/-cQnoJEOsR3k/W9A5zyF72kI/AAAAAAAAH48/bgmR1ZJyyKoahmKnV1sptaDA4hPDsjxnACLcBGAs/s1600/seo-image2-101helper.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1286" data-original-width="1600" height="257" src="https://4.bp.blogspot.com/-cQnoJEOsR3k/W9A5zyF72kI/AAAAAAAAH48/bgmR1ZJyyKoahmKnV1sptaDA4hPDsjxnACLcBGAs/s320/seo-image2-101helper.jpg" width="320" /></a></div>After setting up your blog and you wanted to rank your blog on the top of google search,What came in your mind to do so?<br /><br />You're right the very first think which struck in our mind to do so is Search Engine Optimization (SEO).<br /><br />These three words helps you to rank on Google searches and if you want to be on top you need to have a complete guidance or knowledge about SEO.<br /><br />So, in this post I am gonna share some of the major aspects of Seo. Stick around and rank up your website.<br /><br /><br /><span style="font-size: x-large;">SEO Tips For Beginners</span><br /><br /><br />SEO can be broadly classified in two types:<br /><br /><span style="font-size: large;">On page seo:</span><br /><br />On page seo are the actions or activities you do on page to rank better on rank better on Google search results.<br /><br /><br /><span style="font-size: large;">1. Focus on one niche</span><br /><br />Google launched an update called ' hummingbird' after which Google's bots actually crawl on your site and determine the niche of your site, so focusing on one niche can let Google know the theme of your site and help you rank better on search results.<br /><br /><span id="goog_167424915"></span><a href="https://www.blogger.com/"></a><span id="goog_167424916"></span><a href="https://101helper.blogspot.com/2015/02/how-to-write-powerful-blog-post.html"> How To Write A Powerful Traffic Attracting Blog Post?</a><br /><br /><br /><span style="font-size: large;">2. Title tag and meta description:</span><br /><br />Have you ever noticed that when you search something in Google, there is an link and then few sentences below it.<br /><br />The link you see is called title tag and the sentence is meta description. You need to add the keywords related to the term you want to rank for in the the title tag and meta description.<br /><br /><span style="color: #cc0000;"><b>Note:</b></span>&nbsp; Do not over stuff it with keywords or Google will rank you down for over optimization.<br /><br />&nbsp;Also note that your title tag and meta description should be appealing to the user which get you more click through rate and hence better rankings.<br /><br /><a href="https://101helper.blogspot.com/2014/09/how-to-optimize-post-titles-for-seo-in.html">How To Optimize Post Titles For Seo In Blogger?</a><br /><br /><a href="https://101helper.blogspot.com/2014/11/meta-tags-optimization-for-seo-in-blogger.html">How To Add Meta Tags In Blogger Blog For Seo?</a><br /><br /><br /><span style="font-size: large;">3.&nbsp; Get a domain for your site:</span><br /><br />If your site has a certified domain such as .com, .edu or .gov it tells Google that your site is more trustable than the the sites which are on sub domains or hosted domains.<br /><br /><span style="color: #cc0000;"><b>Note:</b></span> Don't waste your money on buying domains like .xyz or .tk they might be less expensive but they won't help you in ranking,&nbsp; instead they can affect your rankings in a negative way.<br /><br /><br /><span style="font-size: large;">4. Keyword research :</span><br /><br />As I mentioned above, the bots of Google crawl on your site to check your content, you have to put the keywords related to the term in your content to rank better in the search results.<br /><br />To get the keywords go to the Google's search bar type in your topic and you will see a bunch of keywords in the search suggestions.<br /><br />Search any of them and go to the bottom of search results, again you will get a bunch of keywords you can use all of them in your content.<br /><br />To ensure you are not over stuffing your site with keywords keep the <b>KEYWORD RATIO</b> under 4.7 which means nearly 4.7 keywords every 100 words.<br /><br /><a href="https://101helper.blogspot.com/2015/09/how-to-choose-right-keywords-to-boost-traffic-blogger-seo.html">How To Choose Right Keywords To Boost Your Traffic?</a><br /><br /><br /><span style="font-size: large;">5. Loading speed of your site:</span><br /><br />This is the modern age and no one wants to wait even a second for the results to display and Google wants to give it's customers what they want so if your website loads up slow, Google is going to push you at the bottom of the results.<br /><br />To check the real life loading speed of your website go to Gtmetrix.com which is a free service and allows you to check your loading time.<br /><br />One thing worth mentioning is that reducing your load time is not going to rank higher but it's going to help you from demotion of Google as most of the compititors have better loading time.<br /><br /><a href="https://101helper.blogspot.com/2014/08/how-to-speed-up-your-blogger.html">How To Speed Up Your Blogger Blog/improve Page Load Speed</a><br /><br /><br /><span style="font-size: large;">6. Quality of your content:</span><br /><br />After all this imagine you rank number one in Google and all users click on your site but what happens if those users don't like your site and content?<br /><br />They are going to go back and click on other sites which will tell Google that they were unable to solve their query through your site and Google is going to charge you seriously for that.<br /><br />Make killer content so that the viewer want to come back again to your site and become loyal.<br /><br />Put amazing themes get your content written by professionals and experienced people.<br /><br /><a href="https://101helper.blogspot.com/2015/02/how-to-write-powerful-blog-post.html">How To Write A Powerful Traffic Attracting Blog Post?</a><br /><br /><br /><span style="font-size: large;">Off page seo tips:</span><br /><br />Off page seo are the actions or activities that are done off page or outside your site to rank better in the search results.<br /><br />Off page seo is much more difficult than on page seo but the good thing is that importance of on page seo is 70% and off page seo is 30% to rank.<br /><br />Off page seo comes under a broad spectrum called&nbsp; 'BACKLINKS ', Backlinks are the links of your sites which are reffered by other sites.<br /><br />Backlinks tell Google that your content or site is more trustable and credible as other sites reffer your site.<br /><br />While getting backlinks from the sites do remember that the backlinks should come from the sites which are related to your niche and not from and random unrelated site.<br /><br /><br /><span style="font-size: x-large;">How to get backlinks:</span><br /><br /><br /><span style="font-size: large;">BROKEN LINK BUILDING :</span><br /><br />This is the easiest way for beginners to get backlinks,&nbsp; all you have to do is go to the site you want backlinks from, then check all the sites which are linking to it with the help of ahrefs.com .<br /><br />Then check each of the sites linking to that site and if any site of them is not working or closed tell it to the site owner( the one from which you want to get backlinks) that the site you gave link is closed and suggest your name.<br /><br />The site owner will be more than happy to give link to your site.<br /><br />Email the owner of the site from which you want to get the links and tell them to link your site.<br /><br />Off course it will not work Everytime but if you do it with 200 to 300 websites you can get some valuable links.<br /><br /><br /><span style="color: #e69138; font-size: large;">BONUS TIP:</span>&nbsp; Some people may tell you to comment the link of your site on the site of another people&nbsp; but let me tell you Google is not the thing you can trick.<br /><br />By doing this you will alert Google that you are no more than a spammer.<br /><br /><br /><span style="font-size: x-large;">Seo tools for beginners :-</span><br /><br /><br /><span style="font-size: x-large;">1. Google keyword planner:</span><br /><br />This is a free tool developed by google, just put in a keyword and check how many people are searching that and other related keywords.<br /><br />It will also tell you that what is the condition of competition on that particular keyword.<br /><br /><br /><span style="font-size: x-large;">2 Ahrefs.com</span><br /><br />This isn't a free tool but the money you pay is worth it .<br /><br />Using this site you can see that how many backlinks you have, what your competition is doing, to which site they are linking to and much more.<br /><br /><br /><span style="font-size: x-large;">3.Google analytics:</span><br /><br />This is an application which gives you complete day about your viewers you can know how much time they spend on your site, which country they come from, and what's engaging them the most.<br /><br />It can be helpful for you know that which content should you focus the most on what is not working for you.<br /><br />You can give your viewers what they want.<br /><br /><br /><span style="font-size: x-large;">4.Neil Patel tool</span><br /><br />This is a complete set anaylisis tool . This will check how your website performs on the basis of seo and how well it optimizied for the search engine.<br /><br />The cool thing is that it exactly tells you how to fix those errors and suggests the best ways.<br /><br />And it is completely free. You can get that tool in neilpatel.com or simply by searching Neil patel seo tool.<br /><br /><br /><span style="font-size: x-large;">Conclusion:</span><br /><br />Search Engine Optimization is the only thing which helps you rank on searches.<br /><br />If you are implementing these tips on your blog you are surely going to have a excellent website with huge traffic.<br /><br />This post is not enough for SEO as it is a very big spectrum and you have to know all that you can about SEO. <br /><br /><div id="guest"><img alt="Western Buddy" src="https://4.bp.blogspot.com/-0lHo-cUg6uE/W9AxyM2CwdI/AAAAAAAAH4U/JGXAKeih_Rs-y60hIYH4jZg8Bp_dKrGWwCLcBGAs/s1600/andriod-reviewer99.png" /><br /><ul><li><b>Western Buddy</b></li><li><b>Site URL:</b> <a href="https://androidreviewer99.blogspot.com/" rel="nofollow" target="_blank">https://androidreviewer99.blogspot.com</a></li><li><a href="http://101helper.blogspot.com/p/authors-wall.html">View Author's Profile</a></li></ul></div><br /><style>@media screen and (min-width: 0px) and (max-width: 400px) { #guest { background: #eee; position: relative; height: 170px; } } @media screen and (min-width: 401px) and (max-width: 1500px) { #guest { background: #eee; position: relative; height:115px; } } #guest ul { top: 5px; position: relative; padding: 0; margin: 0; } #guest li:last-child a { background: #ff5e00; color: #fff; padding: 1px 5px; top: 5px; right: 0px; border-radius:3px; position: relative; } #guest li { list-style: none; font-size: 14px; padding: 0; } #guest img { width:100px; padding: 5px; margin-right: 5px; float: left; } </style><span style="font-size: large;">Search Keywords: Seo tips for blogger,SEO For Beginners, On-Page And Off-Page Seo, get ranking on google,get organic traffic,increase blog traffic</span></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6915546293629106045.post-56437041231351263052020-09-09T01:40:00.000+06:002020-09-09T02:30:19.036+06:00<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="background-color: white; box-sizing: border-box; clear: right; color: #3a4145; float: right; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 17.6px; line-height: 32px; margin-bottom: 1em; margin-left: 1em;"><img border="0" data-original-height="450" data-original-width="600" height="240" src="https://3.bp.blogspot.com/-0jIrHVdEd40/WVUgPLfwJ5I/AAAAAAAACRg/lq-pOJ7P1O8DJs-WVhTn7uTjm_MycWz7ACLcBGAs/s320/page%2Bloader%2Bon%2Bblogger.jpg" style="border-radius: 3px; box-sizing: border-box; height: auto; max-width: 100%;" width="320" /></div><span style="background-color: white; color: #3a4145; font-family: &quot;open sans&quot; , sans-serif , &quot;helvetica&quot; , &quot;arial&quot;; font-size: 17.6px; line-height: 32px;">Showing actionable and animated page loader with image or CSS until the web page loads completely on any website included Blogger keep patient visitors or users with little entertainment. But searching on Google, you can see a lot of articles are available with large number of code what will bad impact on your website. For better search engine optimization it is harmful.&nbsp;</span><br /><br style="background-color: white; box-sizing: border-box; color: #3a4145; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 17.6px; line-height: 32px;" /><b style="background-color: white; box-sizing: border-box; color: #3a4145; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 17.6px; line-height: 32px;">Disadvantage:</b><span style="background-color: white; color: #3a4145; font-family: &quot;open sans&quot; , sans-serif , &quot;helvetica&quot; , &quot;arial&quot;; font-size: 17.6px; line-height: 32px;">&nbsp;Blogger Layout option may not appear properly.</span><br /><br style="background-color: white; box-sizing: border-box; color: #3a4145; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 17.6px; line-height: 32px;" /><span style="background-color: white; color: #3a4145; font-family: &quot;open sans&quot; , sans-serif , &quot;helvetica&quot; , &quot;arial&quot;; font-size: 17.6px; line-height: 32px;">This article will help you about how to show animated and spinner page loader on your Blog or website&nbsp;</span><b style="background-color: white; box-sizing: border-box; color: #3a4145; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 17.6px; line-height: 32px;">STEP-BY-STEP</b><span style="background-color: white; color: #3a4145; font-family: &quot;open sans&quot; , sans-serif , &quot;helvetica&quot; , &quot;arial&quot;; font-size: 17.6px; line-height: 32px;">&nbsp;with</span><b style="background-color: white; box-sizing: border-box; color: #3a4145; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 17.6px; line-height: 32px;">LESS CODE</b><span style="background-color: white; color: #3a4145; font-family: &quot;open sans&quot; , sans-serif , &quot;helvetica&quot; , &quot;arial&quot;; font-size: 17.6px; line-height: 32px;">.</span><br /><br style="background-color: white; box-sizing: border-box; color: #3a4145; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 17.6px; line-height: 32px;" /><span style="background-color: white; color: #3a4145; font-family: &quot;open sans&quot; , sans-serif , &quot;helvetica&quot; , &quot;arial&quot;; font-size: 17.6px; line-height: 32px;">Though it is based on Blogger platform, you can apply this method on different platform manually.&nbsp;</span><br /><br style="background-color: white; box-sizing: border-box; color: #3a4145; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 17.6px; line-height: 32px;" /><b style="background-color: white; box-sizing: border-box; color: #3a4145; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 17.6px; line-height: 32px;">STEP-1: Add HTML and JavaScript</b><br /><span style="background-color: white; color: #3a4145; font-family: &quot;open sans&quot; , sans-serif , &quot;helvetica&quot; , &quot;arial&quot;; font-size: 17.6px; line-height: 32px;">Go to Blogger Dashboard and Theme option. Then Edit HTML to enable in edit mode. Now search for (</span><kbd style="background-color: #383f43; border-radius: 4px; box-sizing: border-box; color: white; font-size: 1rem; font-weight: bold; line-height: 32px; margin: 6px; padding: 5px;">Ctrl</kbd><span style="background-color: white; color: #3a4145; font-family: &quot;open sans&quot; , sans-serif , &quot;helvetica&quot; , &quot;arial&quot;; font-size: 17.6px; line-height: 32px;">&nbsp;+&nbsp;</span><kbd style="background-color: #383f43; border-radius: 4px; box-sizing: border-box; color: white; font-size: 1rem; font-weight: bold; line-height: 32px; margin: 6px; padding: 5px;">F</kbd><span style="background-color: white; color: #3a4145; font-family: &quot;open sans&quot; , sans-serif , &quot;helvetica&quot; , &quot;arial&quot;; font-size: 17.6px; line-height: 32px;">)&nbsp;</span><code style="background-color: #f9f2f4; border-radius: 4px; box-sizing: border-box; color: #c7254e; font-size: 14.3px; line-height: 32px; padding: 2px 4px;">&lt;body</code><span style="background-color: white; color: #3a4145; font-family: &quot;open sans&quot; , sans-serif , &quot;helvetica&quot; , &quot;arial&quot;; font-size: 17.6px; line-height: 32px;">&nbsp;and replace with the following code.</span><br /><blockquote style="background: rgb(233, 233, 233); border-left-color: rgb(56, 63, 67); border-left-style: solid; border-left-width: 7px; box-sizing: border-box; color: #2b2d2f; font-family: 'Open Sans', sans-serif; font-size: 1.2rem; line-height: 32px; margin: 0px 0px 20px; padding: 10px 20px; text-transform: capitalize;">&lt;Body Onload='MyFunctionLoader()' Style='Margin:0'&gt;&lt;Div Id='Blogger-Loader'/&gt;<br />&lt;Div Style='Display:none' Id='HiddenPage' Class='Animate-Bottom'&gt; &lt;Script&gt;<br />Window.Onload = Function ShowPage() {<br />Document.GetElementById('Blogger-Loader').Style.Display = 'None';<br />Document.GetElementById('HiddenPage').Style.Display = 'Block'; }<br />&lt;/Script&gt;</blockquote><span style="background-color: white; color: #3a4145; font-family: &quot;open sans&quot; , sans-serif , &quot;helvetica&quot; , &quot;arial&quot;; font-size: 17.6px; line-height: 32px;">If you don’t want to loss the necessary attributes within</span><code style="background-color: #f9f2f4; border-radius: 4px; box-sizing: border-box; color: #c7254e; font-size: 14.3px; line-height: 32px; padding: 2px 4px;">&lt;body&gt;</code><span style="background-color: white; color: #3a4145; font-family: &quot;open sans&quot; , sans-serif , &quot;helvetica&quot; , &quot;arial&quot;; font-size: 17.6px; line-height: 32px;">&nbsp;tag, put only</span><code style="background-color: #f9f2f4; border-radius: 4px; box-sizing: border-box; color: #c7254e; font-size: 14.3px; line-height: 32px; padding: 2px 4px;">onload='myFunctionLoader()' style='margin:0'</code><span style="background-color: white; color: #3a4145; font-family: &quot;open sans&quot; , sans-serif , &quot;helvetica&quot; , &quot;arial&quot;; font-size: 17.6px; line-height: 32px;">&nbsp;as attributes.</span><br /><span style="background-color: white; color: #3a4145; font-family: &quot;open sans&quot; , sans-serif , &quot;helvetica&quot; , &quot;arial&quot;; font-size: 17.6px; line-height: 32px;">If you save your HTML under theme it will show error that ending&nbsp;</span><code style="background-color: #f9f2f4; border-radius: 4px; box-sizing: border-box; color: #c7254e; font-size: 14.3px; line-height: 32px; padding: 2px 4px;">&lt;/div&gt;</code><span style="background-color: white; color: #3a4145; font-family: &quot;open sans&quot; , sans-serif , &quot;helvetica&quot; , &quot;arial&quot;; font-size: 17.6px; line-height: 32px;">&nbsp;not found before</span><code style="background-color: #f9f2f4; border-radius: 4px; box-sizing: border-box; color: #c7254e; font-size: 14.3px; line-height: 32px; padding: 2px 4px;">&lt;/body&gt;</code><span style="background-color: white; color: #3a4145; font-family: &quot;open sans&quot; , sans-serif , &quot;helvetica&quot; , &quot;arial&quot;; font-size: 17.6px; line-height: 32px;">&nbsp;tag.</span><br /><blockquote class="tr_bq" style="background: rgb(233, 233, 233); border-left-color: rgb(56, 63, 67); border-left-style: solid; border-left-width: 7px; box-sizing: border-box; color: #2b2d2f; font-family: 'Open Sans', sans-serif; font-size: 1.2rem; line-height: 32px; margin: 0px 0px 20px; padding: 10px 20px; text-transform: capitalize;"><span style="box-sizing: border-box; color: red;">Error Parsing XML, Line 3602, Column 3: The Element Type "Div" Must Be Terminated By The Matching End-Tag "&lt;/Div&gt;".</span></blockquote><span style="background-color: white; color: #3a4145; font-family: &quot;open sans&quot; , sans-serif , &quot;helvetica&quot; , &quot;arial&quot;; font-size: 17.6px; line-height: 32px;">Yes. You have to add&nbsp;</span><code style="background-color: #f9f2f4; border-radius: 4px; box-sizing: border-box; color: #c7254e; font-size: 14.3px; line-height: 32px; padding: 2px 4px;">&lt;/div&gt;</code><span style="background-color: white; color: #3a4145; font-family: &quot;open sans&quot; , sans-serif , &quot;helvetica&quot; , &quot;arial&quot;; font-size: 17.6px; line-height: 32px;">&nbsp;tag just before &lt;/body tag. You will get this&nbsp;</span><code style="background-color: #f9f2f4; border-radius: 4px; box-sizing: border-box; color: #c7254e; font-size: 14.3px; line-height: 32px; padding: 2px 4px;">&lt;body&gt;</code><span style="background-color: white; color: #3a4145; font-family: &quot;open sans&quot; , sans-serif , &quot;helvetica&quot; , &quot;arial&quot;; font-size: 17.6px; line-height: 32px;">&nbsp;tag after scrolling down at the end of your HTML.</span><br /><b style="background-color: white; box-sizing: border-box; color: #3a4145; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 17.6px; line-height: 32px;">STEP-2: Add CSS&nbsp;</b><br /><span style="background-color: white; color: #3a4145; font-family: &quot;open sans&quot; , sans-serif , &quot;helvetica&quot; , &quot;arial&quot;; font-size: 17.6px; line-height: 32px;">Put the following CSS on your Blogger HTML. To find available CSS space search for&nbsp;</span><code style="background-color: #f9f2f4; border-radius: 4px; box-sizing: border-box; color: #c7254e; font-size: 14.3px; line-height: 32px; padding: 2px 4px;">]]&gt;&lt;/b:skin&gt;</code><span style="background-color: white; color: #3a4145; font-family: &quot;open sans&quot; , sans-serif , &quot;helvetica&quot; , &quot;arial&quot;; font-size: 17.6px; line-height: 32px;">and paste the copied CSS before it.&nbsp;</span><br /><blockquote style="background: rgb(233, 233, 233); border-left-color: rgb(56, 63, 67); border-left-style: solid; border-left-width: 7px; box-sizing: border-box; color: #2b2d2f; font-family: 'Open Sans', sans-serif; font-size: 1.2rem; line-height: 32px; margin: 0px 0px 20px; padding: 10px 20px; text-transform: capitalize;">#Blogger-Loader { Position: Absolute; Left: 50%; Top: 50%; Z-Index: 1; Width: 150px; Height: 150px; Margin: -75px 0 0 -75px; Border: 16px Solid #191919; Border-Radius: 50%; Border-Top: 16px Solid #C33737; Width: 120px; Height: 120px; Animation: Spin 2s Linear Infinite; }<br />@Keyframes Spin { 0% { Transform: Rotate(0deg); } 100% { Transform: Rotate(360deg); } }&lt; .Animate-Bottom { Position: Relative; Animation-Name: Animatebottom; Animation-Duration: 1s }<br />@Keyframes Animatebottom { From{ Bottom:-100px; Opacity:0 } To{ Bottom:0; Opacity:1 } }<br />#HiddenPage { Display: None; }</blockquote><b style="background-color: white; box-sizing: border-box; color: #3a4145; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 17.6px; line-height: 32px;">STEP-3:</b><span style="background-color: white; color: #3a4145; font-family: &quot;open sans&quot; , sans-serif , &quot;helvetica&quot; , &quot;arial&quot;; font-size: 17.6px; line-height: 32px;">&nbsp;Save your Blogger template and reload your blog. You can see the change you wanted to show visitors. This page loading preview will be shown on every loads, not only homepage loading.&nbsp;</span><br /><span style="background-color: white; color: #3a4145; font-family: &quot;open sans&quot; , sans-serif , &quot;helvetica&quot; , &quot;arial&quot;; font-size: 17.6px; line-height: 32px;"><br /></span><span style="background-color: white; color: #3a4145; font-family: &quot;open sans&quot; , sans-serif , &quot;helvetica&quot; , &quot;arial&quot;; font-size: 17.6px; line-height: 32px;">See the demo here:&nbsp;</span></div></div></div></div><div class="codepen" data-default-tab="css,result" data-height="512" data-pen-title="rexblog.me css preloader" data-slug-hash="poyaVOb" data-theme-id="light" data-user="rexblog" style="border: 2px solid; box-sizing: border-box; display: flex; height: 512px; margin: 1em 0; padding: 1em;">See the Pen <a href="https://codepen.io/rexblog/pen/poyaVOb"> rexblog.me css preloader</a> by rexblog.me (<a href="https://codepen.io/rexblog">@rexblog</a>) on <a href="https://codepen.io/">CodePen</a>. </div><script async="" src="https://static.codepen.io/assets/embed/ei.js"></script></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6915546293629106045.post-90930612024467777892020-08-26T23:56:00.006+06:002020-08-27T11:34:03.636+06:00<meta content="wowonder,codewowonder, demowowonder, envatowowonder, installwowonder, latest versionwowonder, license keywowonder,nullWoWonder, PHPwowonder ,php scriptwowonder, pluginwowonder, pluginswowonder, scriptwowonder,script phpwowonder, socialwowonder,social networkwowonder,social php scriptwowonder,social php script,downloadwowonder, themewowonder, themes ,freewowonder timeline,wowonder nulled script,social media php script,php,script,facebook php script,facebook script,wowonder,wowonder 3.0.4,best script,wowonder update,wo,wow,wowonder,media,paid script,new script,best script,nulled" name="keywords"></meta> <p>&nbsp;</p><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-WGSHn6wVJg8/X0dFUgQoz8I/AAAAAAAAAK0/U4OBuGbHwI4LuoNjaZ4zyDvba0YsCIfgQCLcBGAsYHQ/s590/WoWonder-3.0.1-Nulled-The-Ultimate-PHP-Social-Network-Platform.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="300" data-original-width="590" src="https://1.bp.blogspot.com/-WGSHn6wVJg8/X0dFUgQoz8I/AAAAAAAAAK0/U4OBuGbHwI4LuoNjaZ4zyDvba0YsCIfgQCLcBGAsYHQ/s0/WoWonder-3.0.1-Nulled-The-Ultimate-PHP-Social-Network-Platform.jpg" /></a></div><br /><p style="background-color: white; box-sizing: border-box; color: #222222; font-family: roboto; font-size: 16px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 27.84px; margin: 0px auto 26px; overflow-wrap: break-word; widows: 1;"><br /></p><p style="background-color: white; box-sizing: border-box; color: #222222; font-family: roboto; font-size: 16px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 27.84px; margin: 0px auto 26px; overflow-wrap: break-word; widows: 1;"><strong style="box-sizing: border-box;">WoWonder Nulled</strong><span class="Apple-converted-space">&nbsp;</span>is a PHP Social Network Script, WoWonder is the best way to start your own social network website!<span class="Apple-converted-space">&nbsp;</span><strong style="box-sizing: border-box;">WoWonder Script Nulled</strong><span class="Apple-converted-space">&nbsp;</span>is fast, secured, and it will be regularly updated.</p><p style="background-color: white; box-sizing: border-box; color: #222222; font-family: roboto; font-size: 16px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 27.84px; margin: 0px auto 26px; overflow-wrap: break-word; text-align: center; widows: 1;"><a href="https://preview.codecanyon.net/item/wowonder-the-ultimate-php-social-network-platform/full_screen_preview/13785302" rel="noopener noreferrer" style="background-color: transparent; box-sizing: border-box; color: #ff5252; pointer-events: auto; text-decoration-line: none;" target="_blank"><span class="td_btn td_btn_md td_default_btn" face="" style="background-color: #ff5252; box-sizing: border-box; color: white; cursor: pointer; display: inline-block; font-weight: 600; line-height: 20px; padding: 9px 12px; position: relative; transition: all 0.1s ease 0s; width: 280px;">Demo WoWonder&nbsp;Ultimate PHP Social Network Platform</span></a></p><h2 style="background-color: white; box-sizing: border-box; color: #111111; font-family: roboto, sans-serif; font-size: 22px; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: 500; line-height: 38px; margin: 30px auto 20px; widows: 1;">WoWonder&nbsp;PHP Scripts Features</h2><ul style="background-color: white; box-sizing: border-box; color: #222222; font-family: roboto; font-size: 16px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 27.84px; margin-bottom: 26px; margin-left: auto; margin-right: auto; padding: 0px; widows: 1;"><li style="box-sizing: border-box; line-height: inherit; margin-bottom: 10px; margin-left: 21px;">High Performance &amp; High Level Cache System</li><li style="box-sizing: border-box; line-height: inherit; margin-bottom: 10px; margin-left: 21px;">Wonder (New Feature)</li><li style="box-sizing: border-box; line-height: inherit; margin-bottom: 10px; margin-left: 21px;">RTL Support</li><li style="box-sizing: border-box; line-height: inherit; margin-bottom: 10px; margin-left: 21px;">Social Login</li><li style="box-sizing: border-box; line-height: inherit; margin-bottom: 10px; margin-left: 21px;">Easy &amp; Nice Looking URL</li><li style="box-sizing: border-box; line-height: inherit; margin-bottom: 10px; margin-left: 21px;">User Last Seen</li><li style="box-sizing: border-box; line-height: inherit; margin-bottom: 10px; margin-left: 21px;">Profile visit Notification</li><li style="box-sizing: border-box; line-height: inherit; margin-bottom: 10px; margin-left: 21px;">Friends &amp; Follow System</li><li style="box-sizing: border-box; line-height: inherit; margin-bottom: 10px; margin-left: 21px;">Home/News Feed</li><li style="box-sizing: border-box; line-height: inherit; margin-bottom: 10px; margin-left: 21px;">User Timeline</li><li style="box-sizing: border-box; line-height: inherit; margin-bottom: 10px; margin-left: 21px;">Pages</li><li style="box-sizing: border-box; line-height: inherit; margin-bottom: 10px; margin-left: 21px;">Groups</li><li style="box-sizing: border-box; line-height: inherit; margin-bottom: 10px; margin-left: 21px;">Games</li><li style="box-sizing: border-box; line-height: inherit; margin-bottom: 10px; margin-left: 21px;">Social Videos Support</li><li style="box-sizing: border-box; line-height: inherit; margin-bottom: 10px; margin-left: 21px;">Photo Album</li><li style="box-sizing: border-box; line-height: inherit; margin-bottom: 10px; margin-left: 21px;">Cover Picture</li><li style="box-sizing: border-box; line-height: inherit; margin-bottom: 10px; margin-left: 21px;">Profile Picture</li><li style="box-sizing: border-box; line-height: inherit; margin-bottom: 10px; margin-left: 21px;">User Privacy</li><li style="box-sizing: border-box; line-height: inherit; margin-bottom: 10px; margin-left: 21px;">User Profile Info</li><li style="box-sizing: border-box; line-height: inherit; margin-bottom: 10px; margin-left: 21px;">Notifications</li><li style="box-sizing: border-box; line-height: inherit; margin-bottom: 10px; margin-left: 21px;">#Hashtags</li><li style="box-sizing: border-box; line-height: inherit; margin-bottom: 10px; margin-left: 21px;">@Mentions</li><li style="box-sizing: border-box; line-height: inherit; margin-bottom: 10px; margin-left: 21px;">Post Publisher</li><li style="box-sizing: border-box; line-height: inherit; margin-bottom: 10px; margin-left: 21px;">Delete &amp; Edit Posts</li><li style="box-sizing: border-box; line-height: inherit; margin-bottom: 10px; margin-left: 21px;">Save Posts</li><li style="box-sizing: border-box; line-height: inherit; margin-bottom: 10px; margin-left: 21px;">User Events</li><li style="box-sizing: border-box; line-height: inherit; margin-bottom: 10px; margin-left: 21px;">Recent Search</li><li style="box-sizing: border-box; line-height: inherit; margin-bottom: 10px; margin-left: 21px;">Post Privacy</li><li style="box-sizing: border-box; line-height: inherit; margin-bottom: 10px; margin-left: 21px;">Likes</li><li style="box-sizing: border-box; line-height: inherit; margin-bottom: 10px; margin-left: 21px;">Dislike</li><li style="box-sizing: border-box; line-height: inherit; margin-bottom: 10px; margin-left: 21px;">Comments &amp; Replies</li><li style="box-sizing: border-box; line-height: inherit; margin-bottom: 10px; margin-left: 21px;">Search</li><li style="box-sizing: border-box; line-height: inherit; margin-bottom: 10px; margin-left: 21px;">Reports</li><li style="box-sizing: border-box; line-height: inherit; margin-bottom: 10px; margin-left: 21px;">Live Chat</li><li style="box-sizing: border-box; line-height: inherit; margin-bottom: 10px; margin-left: 21px;">Messages</li><li style="box-sizing: border-box; line-height: inherit; margin-bottom: 10px; margin-left: 21px;">API</li><li style="box-sizing: border-box; line-height: inherit; margin-bottom: 10px; margin-left: 21px;">Activities</li><li style="box-sizing: border-box; line-height: inherit; margin-bottom: 10px; margin-left: 21px;">Multi Languages</li><li style="box-sizing: border-box; line-height: inherit; margin-bottom: 10px; margin-left: 21px;">Verified Profiles/Pages.</li><li style="box-sizing: border-box; line-height: inherit; margin-bottom: 10px; margin-left: 21px;">Fully responsive for all devices, browsers.</li><li style="box-sizing: border-box; line-height: inherit; margin-bottom: 10px; margin-left: 21px;">Password recovery by email.</li><li style="box-sizing: border-box; line-height: inherit; margin-bottom: 10px; margin-left: 21px;">Online user counter on admin &amp; home page.</li><li style="box-sizing: border-box; line-height: inherit; margin-bottom: 0px; margin-left: 21px;">Comment auto detector</li></ul><h2 style="background-color: white; box-sizing: border-box; color: #111111; font-family: roboto, sans-serif; font-size: 22px; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: 500; line-height: 38px; margin: 30px auto 20px; widows: 1;">Download WoWonder&nbsp;PHP Scripts</h2><p style="background-color: white; box-sizing: border-box; color: #222222; font-family: roboto; font-size: 16px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 27.84px; margin: 0px auto 26px; overflow-wrap: break-word; widows: 1;"><strong style="box-sizing: border-box;">Note:</strong>&nbsp;If you are having trouble with<strong style="box-sizing: border-box;">WoWonder&nbsp;PHP Scripts&nbsp;free Download</strong>, try to disable AdBlock for the site or try another Web Browser. If disabling AD blocker or change Web Browser not help to you please contact us.</p><p style="background-color: white; box-sizing: border-box; color: #222222; font-family: roboto; font-size: 16px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 27.84px; margin: 0px auto 26px; overflow-wrap: break-word; text-align: center; widows: 1;"><a href="https://weadown.com/file/1e68db14e4?download_token=25e9e6a745d771ed3f34c8a117e94c7cf6b918594d88f48f0c487858abbf2707" rel="nofollow" style="background-color: transparent; box-sizing: border-box; color: #ff5252; pointer-events: auto; text-decoration-line: none;"><span class="td_btn td_btn_md td_default_btn" face="" style="background-color: #ff5252; box-sizing: border-box; color: white; cursor: pointer; display: inline-block; font-weight: 600; line-height: 20px; padding: 9px 12px; position: relative; transition: all 0.1s ease 0s; width: 280px;">Download WoWonder&nbsp;Ultimate PHP Social Network Platform</span></a></p>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6915546293629106045.post-85635963979340624342020-08-26T21:08:00.006+06:002020-08-26T22:52:38.923+06:00<meta content='gameify,gameify template,blogger,blogger template,template,templateify,game template,game blogger,beautiful template,template' name='keywords'/> <p>&nbsp;</p><div class="item-preview" style="background-color: white; border-radius: 6px; border: 1px solid; box-sizing: border-box; color: #67676a; float: left; font-family: roboto, arial, sans-serif; font-size: 15px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 27px; margin: 0px; outline: 0px; padding: 0px; position: relative; vertical-align: baseline; widows: 1; width: 290px;"><div class="item-card" style="border: 0px; box-sizing: border-box; float: left; margin: 0px; outline: 0px; padding: 0px; position: relative; vertical-align: baseline; width: 288px;"><figure class="item-featured-image" style="border-bottom: 1px solid rgba(0, 0, 0, 0.067); border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; height: auto; margin: 0px; outline: 0px; padding: 0px; position: relative; vertical-align: baseline; width: 288px;"><img alt="Gameify - Blog &amp; Magazine Gaming Blogger Template" class="featured-image" src="https://1.bp.blogspot.com/-J4AhraiCfYA/X0WwbZEvMkI/AAAAAAAACF0/AGz5zi8GJ0YLILm4CGb8GVYINUBErrchQCLcBGAsYHQ/s650/gameify-magazine-gaming-blogger-template.jpg" style="border: 0px; box-sizing: border-box; color: var(--green-color); display: block; height: 191.844px; margin: 0px; object-fit: cover; object-position: center top; outline: 0px; padding: 0px; position: relative; vertical-align: baseline; width: 288px; z-index: 1;" title="Gameify - Blog &amp; Magazine Gaming Blogger Template" /></figure></div><div class="item-action" style="border: 0px; box-sizing: border-box; float: left; margin: 0px; outline: 0px; padding: 20px; text-align: center; vertical-align: baseline; width: 288px;"><div class="live-demo" style="border: 0px; box-sizing: border-box; float: none; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><a class="demo-button" href="https://gameify-templateify.blogspot.com/" rel="noopener noreferrer" style="background-color: #e0e0e0; border-bottom: 1px solid rgba(0, 0, 0, 0.098); border-left-width: 0px; border-radius: 6px; border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; display: inline-block; font-size: 14px; height: 32px; line-height: 32px; margin: 0px; outline: 0px; padding: 0px 13px; text-decoration-line: none; vertical-align: baseline;" target="_blank"><span class="far fa-eye" face="" style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; display: inline-block; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 1; margin: 0px 5px 0px 0px; outline: 0px; padding: 0px; text-rendering: auto; vertical-align: middle;"></span>Live Preview</a></div><div class="share-tail" style="border: 0px; box-sizing: border-box; float: none; margin: 15px 0px 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><a class="facebook window-ify" data-height="500" data-url="http://www.facebook.com/sharer.php?u=https://www.templateify.com/2020/08/gameify-blogger-template.html" data-width="550" rel="nofollow" style="background-color: #e0e0e0; border-bottom: 1px solid rgba(0, 0, 0, 0.098); border-left-width: 0px; border-radius: 6px; border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; color: var(--title-color); cursor: pointer; display: inline-block; float: none; height: 32px; line-height: 32px; margin: 0px 2px; outline: 0px; overflow: hidden; padding: 0px; vertical-align: baseline; width: 32px;" title="Share on Facebook"><span class="fab fa-facebook-f" face="" style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; display: inline-block; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 1; margin: 0px; outline: 0px; padding: 0px; text-rendering: auto; vertical-align: baseline;"></span></a><span class="Apple-converted-space">&nbsp;</span><a class="twitter window-ify" data-height="460" data-url="https://twitter.com/intent/tweet?url=https://www.templateify.com/2020/08/gameify-blogger-template.html&amp;text=Gameify - Blog &amp; Magazine Gaming Blogger Template &amp;via=templateify" data-width="550" rel="nofollow" style="background-color: #e0e0e0; border-bottom: 1px solid rgba(0, 0, 0, 0.098); border-left-width: 0px; border-radius: 6px; border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; color: var(--title-color); cursor: pointer; display: inline-block; float: none; height: 32px; line-height: 32px; margin: 0px 2px; outline: 0px; overflow: hidden; padding: 0px; vertical-align: baseline; width: 32px;" title="Share on Twitter"><span class="fab fa-twitter" face="" style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; display: inline-block; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 1; margin: 0px; outline: 0px; padding: 0px; text-rendering: auto; vertical-align: baseline;"></span></a><span class="Apple-converted-space">&nbsp;</span><a class="pinterest window-ify" data-height="750" data-url="https://www.pinterest.com/pin/create/button/?url=https://www.templateify.com/2020/08/gameify-blogger-template.html&amp;media=https://1.bp.blogspot.com/-J4AhraiCfYA/X0WwbZEvMkI/AAAAAAAACF0/AGz5zi8GJ0YLILm4CGb8GVYINUBErrchQCLcBGAsYHQ/s650/gameify-magazine-gaming-blogger-template.jpg&amp;description=Gameify - Blog &amp; Magazine Gaming Blogger Template" data-width="735" rel="nofollow" style="background-color: #e0e0e0; border-bottom: 1px solid rgba(0, 0, 0, 0.098); border-left-width: 0px; border-radius: 6px; border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; color: var(--title-color); cursor: pointer; display: inline-block; float: none; height: 32px; line-height: 32px; margin: 0px 2px; outline: 0px; overflow: hidden; padding: 0px; vertical-align: baseline; width: 32px;" title="Pin it"><span class="fab fa-pinterest-p" face="" style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; display: inline-block; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 1; margin: 0px; outline: 0px; padding: 0px; text-rendering: auto; vertical-align: baseline;"></span></a><span class="Apple-converted-space">&nbsp;</span><a class="email window-ify" data-height="650" data-url="mailto:?subject=Gameify - Blog &amp; Magazine Gaming Blogger Template&amp;body=https://www.templateify.com/2020/08/gameify-blogger-template.html" data-width="650" rel="nofollow" style="background-color: #e0e0e0; border-bottom: 1px solid rgba(0, 0, 0, 0.098); border-left-width: 0px; border-radius: 6px; border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; color: var(--title-color); cursor: pointer; display: inline-block; float: none; height: 32px; line-height: 32px; margin: 0px 2px; outline: 0px; overflow: hidden; padding: 0px; vertical-align: baseline; width: 32px;" title="Send by Email"><span class="far fa-envelope" face="" style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; display: inline-block; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 1; margin: 0px; outline: 0px; padding: 0px; text-rendering: auto; vertical-align: baseline;"></span></a></div></div></div><div class="item-description entry-content content-expanded" style="background-color: white; border-radius: 6px; border: 1px solid; box-sizing: border-box; color: #67676a; float: left; font-family: roboto, arial, sans-serif; font-size: 15px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 27px; margin: 30px 0px 0px; outline: 0px; padding: 20px; position: relative; vertical-align: baseline; widows: 1; width: 290px;"><div class="entry-content-inner" style="border: 0px; box-sizing: border-box; float: left; height: auto; margin: 0px; outline: 0px; overflow: auto; padding: 0px; position: relative; vertical-align: baseline; width: 248px;"><div dir="ltr" style="border: 0px; box-sizing: border-box; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><p style="border: 0px; box-sizing: border-box; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><b style="border: 0px; box-sizing: border-box; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Gameify</b><span class="Apple-converted-space">&nbsp;</span>Blog &amp; Magazine Gaming Blogger Template is a professional blogger / blogspot theme. Gameify has advanced and totally exclusive features that will take your website to the highest level of excellence compared to other templates available for blogger.</p><br style="box-sizing: border-box;" /><p style="border: 0px; box-sizing: border-box; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Gameify Bloggger Template is very fast and fully optimized for SEO, which can help you to significantly improve your website results on Google search engine and other services. And, of course, Gameify is compatible with AdSense and is also optimized for mobile devices.</p><br style="box-sizing: border-box;" /><p style="border: 0px; box-sizing: border-box; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Gameify Blogger Template is perfect for gaming blogs, videos, tech news sites and other diverse niches, as it is fully customizable, allowing you to create your own unique design in a few clicks without editing any line of code.</p><br style="box-sizing: border-box;" /><div class="tableify" style="border-radius: 0px; border: 1px solid rgb(242, 242, 242); box-sizing: border-box; margin: 0px; outline: 0px; padding: 0px; position: relative; vertical-align: baseline;"><div class="tab-line tab-line-first" style="background-color: rgba(155, 155, 155, 0.008); border: 0px; box-sizing: border-box; color: var(--title-color); display: flex; font-weight: 700; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="line-name" style="border: 0px; box-sizing: border-box; display: flex; flex-wrap: wrap; margin: 0px; outline: 0px; padding: 5px 10px; vertical-align: baseline; width: 86px;">Template Features</span><span class="line-icon no-1" style="border-bottom-width: 0px; border-left: 1px solid rgb(242, 242, 242); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; margin: 0px; min-width: 80px; outline: 0px; padding: 5px 0px; text-align: center; vertical-align: baseline;"></span><span class="line-icon yes-1" style="border-bottom-width: 0px; border-left: 1px solid rgb(242, 242, 242); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; margin: 0px; min-width: 80px; outline: 0px; padding: 5px 0px; text-align: center; vertical-align: baseline;"></span></div><div class="tab-line" style="background-color: rgba(155, 155, 155, 0.027); border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top: 1px solid rgb(242, 242, 242); box-sizing: border-box; display: flex; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="line-name" style="border: 0px; box-sizing: border-box; display: flex; flex-wrap: wrap; margin: 0px; outline: 0px; padding: 3px 10px; vertical-align: baseline; width: 96.7656px;">100% Responsive Design</span><span class="line-icon yes" style="border-bottom-width: 0px; border-left: 1px solid rgb(242, 242, 242); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; margin: 0px; min-width: 80px; outline: 0px; padding: 3px 0px; text-align: center; vertical-align: baseline;"></span><span class="line-icon yes" style="border-bottom-width: 0px; border-left: 1px solid rgb(242, 242, 242); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; margin: 0px; min-width: 80px; outline: 0px; padding: 3px 0px; text-align: center; vertical-align: baseline;"></span></div><div class="tab-line" style="background-color: rgba(155, 155, 155, 0.008); border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top: 1px solid rgb(242, 242, 242); box-sizing: border-box; display: flex; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="line-name" style="border: 0px; box-sizing: border-box; display: flex; flex-wrap: wrap; margin: 0px; outline: 0px; padding: 3px 10px; vertical-align: baseline; width: 91.3125px;">Auto Translated</span><span class="line-icon yes" style="border-bottom-width: 0px; border-left: 1px solid rgb(242, 242, 242); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; margin: 0px; min-width: 80px; outline: 0px; padding: 3px 0px; text-align: center; vertical-align: baseline;"></span><span class="line-icon yes" style="border-bottom-width: 0px; border-left: 1px solid rgb(242, 242, 242); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; margin: 0px; min-width: 80px; outline: 0px; padding: 3px 0px; text-align: center; vertical-align: baseline;"></span></div><div class="tab-line" style="background-color: rgba(155, 155, 155, 0.027); border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top: 1px solid rgb(242, 242, 242); box-sizing: border-box; display: flex; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="line-name" style="border: 0px; box-sizing: border-box; display: flex; flex-wrap: wrap; margin: 0px; outline: 0px; padding: 3px 10px; vertical-align: baseline; width: 88.9375px;">RTL Supported</span><span class="line-icon yes" style="border-bottom-width: 0px; border-left: 1px solid rgb(242, 242, 242); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; margin: 0px; min-width: 80px; outline: 0px; padding: 3px 0px; text-align: center; vertical-align: baseline;"></span><span class="line-icon yes" style="border-bottom-width: 0px; border-left: 1px solid rgb(242, 242, 242); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; margin: 0px; min-width: 80px; outline: 0px; padding: 3px 0px; text-align: center; vertical-align: baseline;"></span></div><div class="tab-line" style="background-color: rgba(155, 155, 155, 0.008); border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top: 1px solid rgb(242, 242, 242); box-sizing: border-box; display: flex; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="line-name" style="border: 0px; box-sizing: border-box; display: flex; flex-wrap: wrap; margin: 0px; outline: 0px; padding: 3px 10px; vertical-align: baseline; width: 86px;">Beautiful Arabic Font</span><span class="line-icon yes" style="border-bottom-width: 0px; border-left: 1px solid rgb(242, 242, 242); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; margin: 0px; min-width: 80px; outline: 0px; padding: 3px 0px; text-align: center; vertical-align: baseline;"></span><span class="line-icon yes" style="border-bottom-width: 0px; border-left: 1px solid rgb(242, 242, 242); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; margin: 0px; min-width: 80px; outline: 0px; padding: 3px 0px; text-align: center; vertical-align: baseline;"></span></div><div class="tab-line" style="background-color: rgba(155, 155, 155, 0.027); border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top: 1px solid rgb(242, 242, 242); box-sizing: border-box; display: flex; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="line-name" style="border: 0px; box-sizing: border-box; display: flex; flex-wrap: wrap; margin: 0px; outline: 0px; padding: 3px 10px; vertical-align: baseline; width: 86px;">One-Click Dark Mode</span><span class="line-icon no" style="border-bottom-width: 0px; border-left: 1px solid rgb(242, 242, 242); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; margin: 0px; min-width: 80px; outline: 0px; padding: 3px 0px; text-align: center; vertical-align: baseline;"></span><span class="line-icon yes" style="border-bottom-width: 0px; border-left: 1px solid rgb(242, 242, 242); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; margin: 0px; min-width: 80px; outline: 0px; padding: 3px 0px; text-align: center; vertical-align: baseline;"></span></div><div class="tab-line" style="background-color: rgba(155, 155, 155, 0.008); border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top: 1px solid rgb(242, 242, 242); box-sizing: border-box; display: flex; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="line-name" style="border: 0px; box-sizing: border-box; display: flex; flex-wrap: wrap; margin: 0px; outline: 0px; padding: 3px 10px; vertical-align: baseline; width: 86px;">One-Click Boxed Layout</span><span class="line-icon yes" style="border-bottom-width: 0px; border-left: 1px solid rgb(242, 242, 242); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; margin: 0px; min-width: 80px; outline: 0px; padding: 3px 0px; text-align: center; vertical-align: baseline;"></span><span class="line-icon yes" style="border-bottom-width: 0px; border-left: 1px solid rgb(242, 242, 242); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; margin: 0px; min-width: 80px; outline: 0px; padding: 3px 0px; text-align: center; vertical-align: baseline;"></span></div><div class="tab-line" style="background-color: rgba(155, 155, 155, 0.027); border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top: 1px solid rgb(242, 242, 242); box-sizing: border-box; display: flex; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="line-name" style="border: 0px; box-sizing: border-box; display: flex; flex-wrap: wrap; margin: 0px; outline: 0px; padding: 3px 10px; vertical-align: baseline; width: 86.3906px;">Awesome Ajax Mega Menu</span><span class="line-icon no" style="border-bottom-width: 0px; border-left: 1px solid rgb(242, 242, 242); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; margin: 0px; min-width: 80px; outline: 0px; padding: 3px 0px; text-align: center; vertical-align: baseline;"></span><span class="line-icon yes" style="border-bottom-width: 0px; border-left: 1px solid rgb(242, 242, 242); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; margin: 0px; min-width: 80px; outline: 0px; padding: 3px 0px; text-align: center; vertical-align: baseline;"></span></div><div class="tab-line" style="background-color: rgba(155, 155, 155, 0.008); border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top: 1px solid rgb(242, 242, 242); box-sizing: border-box; display: flex; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="line-name" style="border: 0px; box-sizing: border-box; display: flex; flex-wrap: wrap; margin: 0px; outline: 0px; padding: 3px 10px; vertical-align: baseline; width: 86px;">Header Ads</span><span class="line-icon yes" style="border-bottom-width: 0px; border-left: 1px solid rgb(242, 242, 242); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; margin: 0px; min-width: 80px; outline: 0px; padding: 3px 0px; text-align: center; vertical-align: baseline;"></span><span class="line-icon yes" style="border-bottom-width: 0px; border-left: 1px solid rgb(242, 242, 242); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; margin: 0px; min-width: 80px; outline: 0px; padding: 3px 0px; text-align: center; vertical-align: baseline;"></span></div><div class="tab-line" style="background-color: rgba(155, 155, 155, 0.027); border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top: 1px solid rgb(242, 242, 242); box-sizing: border-box; display: flex; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="line-name" style="border: 0px; box-sizing: border-box; display: flex; flex-wrap: wrap; margin: 0px; outline: 0px; padding: 3px 10px; vertical-align: baseline; width: 86px;">Featured Posts Section</span><span class="line-icon no" style="border-bottom-width: 0px; border-left: 1px solid rgb(242, 242, 242); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; margin: 0px; min-width: 80px; outline: 0px; padding: 3px 0px; text-align: center; vertical-align: baseline;"></span><span class="line-icon yes" style="border-bottom-width: 0px; border-left: 1px solid rgb(242, 242, 242); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; margin: 0px; min-width: 80px; outline: 0px; padding: 3px 0px; text-align: center; vertical-align: baseline;"></span></div><div class="tab-line" style="background-color: rgba(155, 155, 155, 0.008); border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top: 1px solid rgb(242, 242, 242); box-sizing: border-box; display: flex; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="line-name" style="border: 0px; box-sizing: border-box; display: flex; flex-wrap: wrap; margin: 0px; outline: 0px; padding: 3px 10px; vertical-align: baseline; width: 93.2812px;">AdSense (In-Feed ADS) on Homepage</span><span class="line-icon no" style="border-bottom-width: 0px; border-left: 1px solid rgb(242, 242, 242); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; margin: 0px; min-width: 80px; outline: 0px; padding: 3px 0px; text-align: center; vertical-align: baseline;"></span><span class="line-icon yes" style="border-bottom-width: 0px; border-left: 1px solid rgb(242, 242, 242); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; margin: 0px; min-width: 80px; outline: 0px; padding: 3px 0px; text-align: center; vertical-align: baseline;"></span></div><div class="tab-line" style="background-color: rgba(155, 155, 155, 0.027); border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top: 1px solid rgb(242, 242, 242); box-sizing: border-box; display: flex; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="line-name" style="border: 0px; box-sizing: border-box; display: flex; flex-wrap: wrap; margin: 0px; outline: 0px; padding: 3px 10px; vertical-align: baseline; width: 86px;">Post ADS 1 and 2 on Post Page</span><span class="line-icon no" style="border-bottom-width: 0px; border-left: 1px solid rgb(242, 242, 242); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; margin: 0px; min-width: 80px; outline: 0px; padding: 3px 0px; text-align: center; vertical-align: baseline;"></span><span class="line-icon yes" style="border-bottom-width: 0px; border-left: 1px solid rgb(242, 242, 242); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; margin: 0px; min-width: 80px; outline: 0px; padding: 3px 0px; text-align: center; vertical-align: baseline;"></span></div><div class="tab-line" style="background-color: rgba(155, 155, 155, 0.008); border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top: 1px solid rgb(242, 242, 242); box-sizing: border-box; display: flex; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="line-name" style="border: 0px; box-sizing: border-box; display: flex; flex-wrap: wrap; margin: 0px; outline: 0px; padding: 3px 10px; vertical-align: baseline; width: 96.7656px;">Responsive YouTube Videos</span><span class="line-icon yes" style="border-bottom-width: 0px; border-left: 1px solid rgb(242, 242, 242); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; margin: 0px; min-width: 80px; outline: 0px; padding: 3px 0px; text-align: center; vertical-align: baseline;"></span><span class="line-icon yes" style="border-bottom-width: 0px; border-left: 1px solid rgb(242, 242, 242); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; margin: 0px; min-width: 80px; outline: 0px; padding: 3px 0px; text-align: center; vertical-align: baseline;"></span></div><div class="tab-line" style="background-color: rgba(155, 155, 155, 0.027); border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top: 1px solid rgb(242, 242, 242); box-sizing: border-box; display: flex; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="line-name" style="border: 0px; box-sizing: border-box; display: flex; flex-wrap: wrap; margin: 0px; outline: 0px; padding: 3px 10px; vertical-align: baseline; width: 86.2188px;">Advanced Post Share Buttons</span><span class="line-icon yes" style="border-bottom-width: 0px; border-left: 1px solid rgb(242, 242, 242); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; margin: 0px; min-width: 80px; outline: 0px; padding: 3px 0px; text-align: center; vertical-align: baseline;"></span><span class="line-icon yes" style="border-bottom-width: 0px; border-left: 1px solid rgb(242, 242, 242); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; margin: 0px; min-width: 80px; outline: 0px; padding: 3px 0px; text-align: center; vertical-align: baseline;"></span></div><div class="tab-line" style="background-color: rgba(155, 155, 155, 0.008); border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top: 1px solid rgb(242, 242, 242); box-sizing: border-box; display: flex; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="line-name" style="border: 0px; box-sizing: border-box; display: flex; flex-wrap: wrap; margin: 0px; outline: 0px; padding: 3px 10px; vertical-align: baseline; width: 86.2188px;">Advanced Author Box</span><span class="line-icon yes" style="border-bottom-width: 0px; border-left: 1px solid rgb(242, 242, 242); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; margin: 0px; min-width: 80px; outline: 0px; padding: 3px 0px; text-align: center; vertical-align: baseline;"></span><span class="line-icon yes" style="border-bottom-width: 0px; border-left: 1px solid rgb(242, 242, 242); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; margin: 0px; min-width: 80px; outline: 0px; padding: 3px 0px; text-align: center; vertical-align: baseline;"></span></div><div class="tab-line" style="background-color: rgba(155, 155, 155, 0.027); border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top: 1px solid rgb(242, 242, 242); box-sizing: border-box; display: flex; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="line-name" style="border: 0px; box-sizing: border-box; display: flex; flex-wrap: wrap; margin: 0px; outline: 0px; padding: 3px 10px; vertical-align: baseline; width: 93.4844px;">Disqus and Facebook Comments</span><span class="line-icon no" style="border-bottom-width: 0px; border-left: 1px solid rgb(242, 242, 242); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; margin: 0px; min-width: 80px; outline: 0px; padding: 3px 0px; text-align: center; vertical-align: baseline;"></span><span class="line-icon yes" style="border-bottom-width: 0px; border-left: 1px solid rgb(242, 242, 242); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; margin: 0px; min-width: 80px; outline: 0px; padding: 3px 0px; text-align: center; vertical-align: baseline;"></span></div><div class="tab-line" style="background-color: rgba(155, 155, 155, 0.008); border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top: 1px solid rgb(242, 242, 242); box-sizing: border-box; display: flex; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="line-name" style="border: 0px; box-sizing: border-box; display: flex; flex-wrap: wrap; margin: 0px; outline: 0px; padding: 3px 10px; vertical-align: baseline; width: 93.4844px;">Embed Video and Image in Comments Via Links.</span><span class="line-icon yes" style="border-bottom-width: 0px; border-left: 1px solid rgb(242, 242, 242); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; margin: 0px; min-width: 80px; outline: 0px; padding: 3px 0px; text-align: center; vertical-align: baseline;"></span><span class="line-icon yes" style="border-bottom-width: 0px; border-left: 1px solid rgb(242, 242, 242); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; margin: 0px; min-width: 80px; outline: 0px; padding: 3px 0px; text-align: center; vertical-align: baseline;"></span></div><div class="tab-line" style="background-color: rgba(155, 155, 155, 0.027); border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top: 1px solid rgb(242, 242, 242); box-sizing: border-box; display: flex; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="line-name" style="border: 0px; box-sizing: border-box; display: flex; flex-wrap: wrap; margin: 0px; outline: 0px; padding: 3px 10px; vertical-align: baseline; width: 98.6875px;">Sidebar Post Widgets by (Label, Recent or Comments)</span><span class="line-icon no" style="border-bottom-width: 0px; border-left: 1px solid rgb(242, 242, 242); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; margin: 0px; min-width: 80px; outline: 0px; padding: 3px 0px; text-align: center; vertical-align: baseline;"></span><span class="line-icon yes" style="border-bottom-width: 0px; border-left: 1px solid rgb(242, 242, 242); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; margin: 0px; min-width: 80px; outline: 0px; padding: 3px 0px; text-align: center; vertical-align: baseline;"></span></div><div class="tab-line" style="background-color: rgba(155, 155, 155, 0.008); border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top: 1px solid rgb(242, 242, 242); box-sizing: border-box; display: flex; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="line-name" style="border: 0px; box-sizing: border-box; display: flex; flex-wrap: wrap; margin: 0px; outline: 0px; padding: 3px 10px; vertical-align: baseline; width: 86px;">Footer Ads</span><span class="line-icon yes" style="border-bottom-width: 0px; border-left: 1px solid rgb(242, 242, 242); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; margin: 0px; min-width: 80px; outline: 0px; padding: 3px 0px; text-align: center; vertical-align: baseline;"></span><span class="line-icon yes" style="border-bottom-width: 0px; border-left: 1px solid rgb(242, 242, 242); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; margin: 0px; min-width: 80px; outline: 0px; padding: 3px 0px; text-align: center; vertical-align: baseline;"></span></div><div class="tab-line" style="background-color: rgba(155, 155, 155, 0.027); border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top: 1px solid rgb(242, 242, 242); box-sizing: border-box; display: flex; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="line-name" style="border: 0px; box-sizing: border-box; display: flex; flex-wrap: wrap; margin: 0px; outline: 0px; padding: 3px 10px; vertical-align: baseline; width: 86.3906px;">Awesome About Section</span><span class="line-icon yes" style="border-bottom-width: 0px; border-left: 1px solid rgb(242, 242, 242); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; margin: 0px; min-width: 80px; outline: 0px; padding: 3px 0px; text-align: center; vertical-align: baseline;"></span><span class="line-icon yes" style="border-bottom-width: 0px; border-left: 1px solid rgb(242, 242, 242); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; margin: 0px; min-width: 80px; outline: 0px; padding: 3px 0px; text-align: center; vertical-align: baseline;"></span></div><div class="tab-line" style="background-color: rgba(155, 155, 155, 0.008); border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top: 1px solid rgb(242, 242, 242); box-sizing: border-box; display: flex; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="line-name" style="border: 0px; box-sizing: border-box; display: flex; flex-wrap: wrap; margin: 0px; outline: 0px; padding: 3px 10px; vertical-align: baseline; width: 91.8594px;">Custom Copyrights</span><span class="line-icon no" style="border-bottom-width: 0px; border-left: 1px solid rgb(242, 242, 242); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; margin: 0px; min-width: 80px; outline: 0px; padding: 3px 0px; text-align: center; vertical-align: baseline;"></span><span class="line-icon yes" style="border-bottom-width: 0px; border-left: 1px solid rgb(242, 242, 242); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; margin: 0px; min-width: 80px; outline: 0px; padding: 3px 0px; text-align: center; vertical-align: baseline;"></span></div><div class="tab-line" style="background-color: rgba(155, 155, 155, 0.027); border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top: 1px solid rgb(242, 242, 242); box-sizing: border-box; display: flex; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="line-name" style="border: 0px; box-sizing: border-box; display: flex; flex-wrap: wrap; margin: 0px; outline: 0px; padding: 3px 10px; vertical-align: baseline; width: 86px;">Footer Menu</span><span class="line-icon yes" style="border-bottom-width: 0px; border-left: 1px solid rgb(242, 242, 242); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; margin: 0px; min-width: 80px; outline: 0px; padding: 3px 0px; text-align: center; vertical-align: baseline;"></span><span class="line-icon yes" style="border-bottom-width: 0px; border-left: 1px solid rgb(242, 242, 242); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; margin: 0px; min-width: 80px; outline: 0px; padding: 3px 0px; text-align: center; vertical-align: baseline;"></span></div><div class="tab-line" style="background-color: rgba(155, 155, 155, 0.008); border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top: 1px solid rgb(242, 242, 242); box-sizing: border-box; display: flex; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="line-name" style="border: 0px; box-sizing: border-box; display: flex; flex-wrap: wrap; margin: 0px; outline: 0px; padding: 3px 10px; vertical-align: baseline; width: 86px;">Native Cookie Consent&nbsp;<em style="border: 0px; box-sizing: border-box; color: var(--green-color); margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">(new)</em></span><span class="line-icon no" style="border-bottom-width: 0px; border-left: 1px solid rgb(242, 242, 242); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; margin: 0px; min-width: 80px; outline: 0px; padding: 3px 0px; text-align: center; vertical-align: baseline;"></span><span class="line-icon yes" style="border-bottom-width: 0px; border-left: 1px solid rgb(242, 242, 242); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; margin: 0px; min-width: 80px; outline: 0px; padding: 3px 0px; text-align: center; vertical-align: baseline;"></span></div><div class="tab-line" style="background-color: rgba(155, 155, 155, 0.027); border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top: 1px solid rgb(242, 242, 242); box-sizing: border-box; display: flex; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="line-name" style="border: 0px; box-sizing: border-box; display: flex; flex-wrap: wrap; margin: 0px; outline: 0px; padding: 3px 10px; vertical-align: baseline; width: 99.0625px;">Templateify Post Shortcodes 2.0</span><span class="line-icon yes" style="border-bottom-width: 0px; border-left: 1px solid rgb(242, 242, 242); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; margin: 0px; min-width: 80px; outline: 0px; padding: 3px 0px; text-align: center; vertical-align: baseline;"></span><span class="line-icon yes" style="border-bottom-width: 0px; border-left: 1px solid rgb(242, 242, 242); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; margin: 0px; min-width: 80px; outline: 0px; padding: 3px 0px; text-align: center; vertical-align: baseline;"></span></div><div class="tab-line" style="background-color: rgba(155, 155, 155, 0.008); border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top: 1px solid rgb(242, 242, 242); box-sizing: border-box; display: flex; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="line-name" style="border: 0px; box-sizing: border-box; display: flex; flex-wrap: wrap; margin: 0px; outline: 0px; padding: 3px 10px; vertical-align: baseline; width: 86px;">Fast Loaded</span><span class="line-icon no" style="border-bottom-width: 0px; border-left: 1px solid rgb(242, 242, 242); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; margin: 0px; min-width: 80px; outline: 0px; padding: 3px 0px; text-align: center; vertical-align: baseline;"></span><span class="line-icon yes" style="border-bottom-width: 0px; border-left: 1px solid rgb(242, 242, 242); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; margin: 0px; min-width: 80px; outline: 0px; padding: 3px 0px; text-align: center; vertical-align: baseline;"></span></div><div class="tab-line" style="background-color: rgba(155, 155, 155, 0.027); border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top: 1px solid rgb(242, 242, 242); box-sizing: border-box; display: flex; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="line-name" style="border: 0px; box-sizing: border-box; display: flex; flex-wrap: wrap; margin: 0px; outline: 0px; padding: 3px 10px; vertical-align: baseline; width: 87.9062px;">SEO Optimized</span><span class="line-icon no" style="border-bottom-width: 0px; border-left: 1px solid rgb(242, 242, 242); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; margin: 0px; min-width: 80px; outline: 0px; padding: 3px 0px; text-align: center; vertical-align: baseline;"></span><span class="line-icon yes" style="border-bottom-width: 0px; border-left: 1px solid rgb(242, 242, 242); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; margin: 0px; min-width: 80px; outline: 0px; padding: 3px 0px; text-align: center; vertical-align: baseline;"></span></div><div class="tab-line" style="background-color: rgba(155, 155, 155, 0.008); border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top: 1px solid rgb(242, 242, 242); box-sizing: border-box; display: flex; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="line-name" style="border: 0px; box-sizing: border-box; display: flex; flex-wrap: wrap; margin: 0px; outline: 0px; padding: 3px 10px; vertical-align: baseline; width: 111.609px;">Fully Customizable Background, Widths, Colors and Fonts</span><span class="line-icon yes" style="border-bottom-width: 0px; border-left: 1px solid rgb(242, 242, 242); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; margin: 0px; min-width: 80px; outline: 0px; padding: 3px 0px; text-align: center; vertical-align: baseline;"></span><span class="line-icon yes" style="border-bottom-width: 0px; border-left: 1px solid rgb(242, 242, 242); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; margin: 0px; min-width: 80px; outline: 0px; padding: 3px 0px; text-align: center; vertical-align: baseline;"></span></div><div class="tab-line" style="background-color: rgba(155, 155, 155, 0.027); border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top: 1px solid rgb(242, 242, 242); box-sizing: border-box; display: flex; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="line-name" style="border: 0px; box-sizing: border-box; display: flex; flex-wrap: wrap; margin: 0px; outline: 0px; padding: 3px 10px; vertical-align: baseline; width: 86px;">Lifetime Template Updates</span><span class="line-icon no" style="border-bottom-width: 0px; border-left: 1px solid rgb(242, 242, 242); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; margin: 0px; min-width: 80px; outline: 0px; padding: 3px 0px; text-align: center; vertical-align: baseline;"></span><span class="line-icon yes" style="border-bottom-width: 0px; border-left: 1px solid rgb(242, 242, 242); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; margin: 0px; min-width: 80px; outline: 0px; padding: 3px 0px; text-align: center; vertical-align: baseline;"></span></div></div><br style="box-sizing: border-box;" /><h3 style="border: 0px; box-sizing: border-box; color: var(--title-color); font-size: 18px; margin: 0px 0px 20px; outline: 0px; padding: 0px; vertical-align: baseline;">Performance and Documentation</h3><ul style="border: 0px; box-sizing: border-box; margin: 10px 0px; outline: 0px; padding: 0px 0px 0px 20px; vertical-align: baseline;"><li style="border: 0px; box-sizing: border-box; list-style: disc inside; margin: 5px 0px; outline: 0px; padding: 0px; vertical-align: baseline;">GooglePageSpeed<span class="Apple-converted-space">&nbsp;</span><b style="border: 0px; box-sizing: border-box; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">99%</b><span class="Apple-converted-space">&nbsp;</span>-<span class="Apple-converted-space">&nbsp;</span><a href="https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fgameify-templateify.blogspot.com%2F&amp;tab=desktop" rel="noopener noreferrer" style="border: 0px; box-sizing: border-box; margin: 0px; outline: 0px; padding: 0px; text-decoration-line: none; vertical-align: baseline;" target="_blank" title="Go to Google Report">Check it</a></li><li style="border: 0px; box-sizing: border-box; list-style: disc inside; margin: 5px 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Mobile Friendly<span class="Apple-converted-space">&nbsp;</span><b style="border: 0px; box-sizing: border-box; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Yes</b><span class="Apple-converted-space">&nbsp;</span>-<span class="Apple-converted-space">&nbsp;</span><a href="https://search.google.com/test/mobile-friendly?id=hdyTLWmThgUhIwffPSEq5A" rel="noopener noreferrer" style="border: 0px; box-sizing: border-box; margin: 0px; outline: 0px; padding: 0px; text-decoration-line: none; vertical-align: baseline;" target="_blank" title="Go to Test">Check it</a></li><li style="border: 0px; box-sizing: border-box; list-style: disc inside; margin: 5px 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Detailed Documentation -<span class="Apple-converted-space">&nbsp;</span><a href="https://docs.templateify.com/2020/08/gameify-blogger-template.html" rel="noopener noreferrer" style="border: 0px; box-sizing: border-box; margin: 0px; outline: 0px; padding: 0px; text-decoration-line: none; vertical-align: baseline;" target="_blank" title="How to Setup Gameify">Check it</a></li><li style="border: 0px; box-sizing: border-box; list-style: disc inside; margin: 5px 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Templateify<span class="Apple-converted-space">&nbsp;</span><a href="https://docs.templateify.com/2020/08/how-to-use-templateify-post-shortcodes-2.html" rel="noopener noreferrer" style="border: 0px; box-sizing: border-box; margin: 0px; outline: 0px; padding: 0px; text-decoration-line: none; vertical-align: baseline;" target="_blank" title="How to Use?">Templateify Post Shortcodes 2</a></li><li style="border: 0px; box-sizing: border-box; list-style: disc inside; margin: 5px 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Video Tutorial -<span class="Apple-converted-space">&nbsp;</span><a href="https://youtu.be/hGKeC4FeCZM" rel="noopener noreferrer" style="border: 0px; box-sizing: border-box; margin: 0px; outline: 0px; padding: 0px; text-decoration-line: none; vertical-align: baseline;" target="_blank" title="How To Setup Gameify">How to Setup Gameify Blogger Template</a></li><li style="border: 0px; box-sizing: border-box; list-style: disc inside; margin: 5px 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Support for Premium -<span class="Apple-converted-space">&nbsp;</span><a href="https://www.templateify.com/p/contact-us.html" style="border: 0px; box-sizing: border-box; margin: 0px; outline: 0px; padding: 0px; text-decoration-line: none; vertical-align: baseline;" title="Contact Support">Contact Us</a></li></ul><div><br /></div><div><br /></div><div><br /></div><div>download link :&nbsp; &nbsp;https://bit.ly/32sPh7k</div></div></div></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6915546293629106045.post-55142324359708739352020-08-26T21:02:00.000+06:002020-08-26T21:02:08.153+06:00<p>&nbsp;<a href="https://2.bp.blogspot.com/-C3ldsegjMTc/Uf-vRvdvS9I/AAAAAAAANtA/rQabi5FXhlY/s1600/BloggerCustomNavigation.png" imageanchor="1" style="color: #888888; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; text-align: center; text-decoration-line: none; widows: 1;"><img border="0" src="https://2.bp.blogspot.com/-C3ldsegjMTc/Uf-vRvdvS9I/AAAAAAAANtA/rQabi5FXhlY/s1600/BloggerCustomNavigation.png" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.098) 1px 1px 5px; box-sizing: border-box; max-width: 100%; padding: 5px; position: relative;" /></a></p><br style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;" /><div style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; text-align: justify; widows: 1;">Generally, blogs have two types of pages - Post and<span class="Apple-converted-space">&nbsp;</span><a href="https://www.mayura4ever.com/2011/12/how-to-create-pages-in-blogger.html" style="color: #888888; text-decoration-line: none;" target="_blank">Static pages</a>. Now, you are on a post page too. Static pages come in handy when you need to display information related to your blog, which may not fit in for usual blog posts. For example, biographies of authors and story behind the blog. Unlike blog posts, static pages may not visible to visitors unless you decide to show them on homepage or somewhere easily accessible. Have you got a navigation menu for your blog?</div><br style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;" /><a name="more" style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;"></a><div style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; text-align: justify; widows: 1;"><br /><h2 style="font-size: 22px; margin: 0px; position: relative;">I've Got One Already</h2><br />Earlier, we discussed about having and&nbsp;<a href="https://www.mayura4ever.com/2011/12/how-to-display-your-standalone-pages-in.html" style="color: #888888; text-decoration-line: none;" target="_blank">displaying static pages</a><span class="Apple-converted-space">&nbsp;</span>in Blogger. You can either show them as links on sidebar, which may tend to go unnoticed or list them in a typical navigation menu. What if the standard navigation menu is not quite enough to list all your static pages?<br /><br />As you know, Blogger doesn't offer a multi-level navigation menu. It only has one level and you have to list all your static pages in a single row instead of categorizing them with drop down menus. Ugh... sometimes, all in a row can be weird. Felt like that? Hmm... Limitations!<br /><br />Ever wished for a multi-level navigation menu instead?<br /><br /><br /><h2 style="font-size: 22px; margin: 0px; position: relative;">It's Possible!</h2></div><div style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; text-align: justify; widows: 1;"><br />Yeah, it's possible! But, might seems not easy though. Here, we gonna discuss about adding a custom navigation menu in<span class="Apple-converted-space">&nbsp;</span><a href="https://www.mayura4ever.com/search/label/Blogger" style="color: #888888; text-decoration-line: none;" target="_blank">Blogger</a><span class="Apple-converted-space">&nbsp;</span>to overcome above stated limitations.<br /><br />With a custom navigation menu, you can categorize your pages and display them in drop down menus too. It will be very convenient for your visitors as they can find and navigate through the pages they have been seeking for. Further, if you couldn't list all your important static pages on the standard navigation bar, you can use drop down menus to display rest of the pages.<br /><br />What else you could possibly do? I know, you can think more of them. Love to have a custom navigation menu? Scroll down and follow the steps.</div><br style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;" /><br style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;" /><b style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;">Steps</b><span style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;">:</span><br style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;" /><br style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;" /><span style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;">1. Navigate to<span class="Apple-converted-space">&nbsp;</span></span><a href="https://www.blogger.com/" style="background-color: white; color: #888888; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; text-decoration-line: none; widows: 1;" target="_blank">Blogger Dashboard</a><span style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;">.</span><br style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;" /><br style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;" /><span style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;">2. Click on your<span class="Apple-converted-space">&nbsp;</span></span><b style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;">Blog Title</b><span style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;">.</span><br style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;" /><br style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;" /><span style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;">3. Jump to<span class="Apple-converted-space">&nbsp;</span></span><b style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;">Layout</b><span style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;"><span class="Apple-converted-space">&nbsp;</span>tab from left pane.</span><br style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;" /><br style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;" /><div class="separator" style="background-color: white; clear: both; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;"><img border="0" src="https://1.bp.blogspot.com/-focMUJPaa3U/ULXeTbjroxI/AAAAAAAAHMg/Vf8zie57XpE/s1600/BloggerLayout.png" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.098) 1px 1px 5px; box-sizing: border-box; max-width: 100%; padding: 5px;" /></div><br style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;" /><span style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;">4. Here you will find all the elements on your blog layout. Click on<span class="Apple-converted-space">&nbsp;</span></span><b style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;">Add a Gadget</b><span style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;">link just below the header / first element on the layout.</span><br style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;" /><br style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;" /><div class="separator" style="background-color: white; clear: both; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;"><img border="0" src="https://4.bp.blogspot.com/-InfjQ6LjjoM/U4GYsGsyUuI/AAAAAAAAO7Q/ePIQcQzW5S0/s1600/BloggerAddGadget.png" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.098) 1px 1px 5px; box-sizing: border-box; max-width: 100%; padding: 5px;" /></div><br style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;" /><span style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;">5. Find and add<span class="Apple-converted-space">&nbsp;</span></span><b style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;">HTML/JavaScript</b><span style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;">element from the pop-up gadget list.</span><br style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;" /><br style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;" /><div class="separator" style="background-color: white; clear: both; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;"><img border="0" src="https://4.bp.blogspot.com/-NlxpkxY4-K4/U4MepeYUSUI/AAAAAAAAO-k/OpJU6-7HoCw/s1600/BloggerHTMLJavaScriptGadget.png" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.098) 1px 1px 5px; box-sizing: border-box; max-width: 100%; padding: 5px;" /></div><br style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;" /><div style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; text-align: justify; widows: 1;">6. Now you need to customize following code snippet and place it in the<span class="Apple-converted-space">&nbsp;</span><b>Content</b>text area. To learn about customization, just scroll down until the end of this code snippet.</div><br style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;" /><div class="code" style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;">&lt;ul id="customnav"&gt;<br /><br />&lt;li&gt;&lt;a href="<span style="background-color: #3d85c6; color: white;">[Link / URL]</span>"&gt;<span style="background-color: #6aa84f;"><span style="color: white;">[Label]</span></span>&lt;/a&gt;<br />&lt;ul&gt;<br />&lt;li&gt;&lt;a href="<span style="background-color: #3d85c6; color: white;">[Link / URL]</span>"&gt;<span style="background-color: #6aa84f;"><span style="color: white;">[Label]</span></span>&lt;/a&gt;&lt;/li&gt;<br />&lt;li&gt;&lt;a style="border-bottom: 0;" href="<span style="background-color: #3d85c6; color: white;">[Link / URL]</span>"&gt;<span style="background-color: #6aa84f;"><span style="color: white;">[Label]</span></span>&lt;/a&gt;&lt;/li&gt;<br />&lt;/ul&gt;<br />&lt;/li&gt;<br /><br />&lt;li&gt;&lt;a href="<span style="background-color: #3d85c6; color: white;">[Link / URL]</span>"&gt;<span style="background-color: #6aa84f;"><span style="color: white;">[Label]</span></span>&lt;/a&gt;<br />&lt;ul&gt;<br />&lt;li&gt;&lt;a href="<span style="background-color: #3d85c6; color: white;">[Link / URL]</span>"&gt;<span style="background-color: #6aa84f;"><span style="color: white;">[Label]</span></span>&lt;/a&gt;&lt;/li&gt;<br />&lt;li&gt;&lt;a style="border-bottom: 0;" href="<span style="background-color: #3d85c6; color: white;">[Link / URL]</span>"&gt;<span style="background-color: #6aa84f;"><span style="color: white;">[Label]</span></span>&lt;/a&gt;&lt;/li&gt;<br />&lt;/ul&gt;<br />&lt;/li&gt;<br /><br />&lt;li&gt;&lt;a href="<span style="background-color: #3d85c6; color: white;">[Link / URL]</span>"&gt;<span style="background-color: #6aa84f;"><span style="color: white;">[Label]</span></span>&lt;/a&gt;<br />&lt;ul&gt;<br />&lt;li&gt;&lt;a href="<span style="background-color: #3d85c6; color: white;">[Link / URL]</span>"&gt;<span style="background-color: #6aa84f;"><span style="color: white;">[Label]</span></span>&lt;/a&gt;<br />&lt;ul&gt;<br />&lt;li&gt;&lt;a href="<span style="background-color: #3d85c6; color: white;">[Link / URL]</span>"&gt;<span style="background-color: #6aa84f;"><span style="color: white;">[Label]</span></span>&lt;/a&gt;&lt;/li&gt;<br />&lt;li&gt;&lt;a style="border-bottom: 0;" href="<span style="background-color: #3d85c6; color: white;">[Link / URL]</span>"&gt;<span style="background-color: #6aa84f;"><span style="color: white;">[Label]</span></span>&lt;/a&gt;&lt;/li&gt;<br />&lt;/ul&gt;<br />&lt;/li&gt;<br />&lt;li&gt;&lt;a style="border-bottom: 0;" href="<span style="background-color: #3d85c6; color: white;">[Link / URL]</span>"&gt;<span style="background-color: #6aa84f;"><span style="color: white;">[Label]</span></span>&lt;/a&gt;&lt;/li&gt;<br />&lt;/ul&gt;<br />&lt;/li&gt;<br /><br />&lt;li&gt;&lt;a href="<span style="background-color: #3d85c6; color: white;">[Link / URL]</span>"&gt;<span style="background-color: #6aa84f;"><span style="color: white;">[Label]</span></span>&lt;/a&gt;<br />&lt;ul&gt;<br />&lt;li&gt;&lt;a href="<span style="background-color: #3d85c6; color: white;">[Link / URL]</span>"&gt;<span style="background-color: #6aa84f;"><span style="color: white;">[Label]</span></span>&lt;/a&gt;&lt;/li&gt;<br />&lt;li&gt;&lt;a style="border-bottom: 0;" href="<span style="background-color: #3d85c6; color: white;">[Link / URL]</span>"&gt;<span style="background-color: #6aa84f;"><span style="color: white;">[Label]</span></span>&lt;/a&gt;&lt;/li&gt;<br />&lt;/ul&gt;<br />&lt;/li&gt;<br /><br />&lt;li&gt;&lt;a href="<span style="background-color: #3d85c6; color: white;">[Link / URL]</span>"&gt;<span style="background-color: #6aa84f;"><span style="color: white;">[Label]</span></span>&lt;/a&gt;<br />&lt;ul&gt;<br />&lt;li&gt;&lt;a href="<span style="background-color: #3d85c6; color: white;">[Link / URL]</span>"&gt;<span style="background-color: #6aa84f;"><span style="color: white;">[Label]</span></span>&lt;/a&gt;&lt;/li&gt;<br />&lt;li&gt;&lt;a style="border-bottom: 0;" href="<span style="background-color: #3d85c6; color: white;">[Link / URL]</span>"&gt;<span style="background-color: #6aa84f;"><span style="color: white;">[Label]</span></span>&lt;/a&gt;&lt;/li&gt;<br />&lt;/ul&gt;<br />&lt;/li&gt;<br /><br />&lt;/ul&gt;</div><br style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;" /><div class="clrii" style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;"><b>Color Indication Information</b>:<br /><br /><span style="background-color: #3d85c6;">&nbsp;<span class="Apple-converted-space">&nbsp;</span></span>&nbsp;- Link or URL of the page<br /><br />Add the link to your static or external page here<br /><br /><span style="background-color: #6aa84f;">&nbsp;<span class="Apple-converted-space">&nbsp;</span></span>&nbsp;- Label<br /><br />Indicate the label you need to show on the menu, corresponding to the link you mentioned.</div><br style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;" /><br style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;" /><div style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; text-align: justify; widows: 1;">The above code snippet will render a custom navigation menu with 5 tabs, and each has a sub menu with 2 items listed, as shown in below image. If you prefer, you can increase the number of tabs and sub menu items.</div><br style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;" /><div class="separator" style="background-color: white; clear: both; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;"><img border="0" src="https://1.bp.blogspot.com/-xJj4f8A0eac/Uf95a1QLHfI/AAAAAAAANsw/JEma-R5tkkk/s1600/SampleNavigation.png" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.098) 1px 1px 5px; box-sizing: border-box; max-width: 100%; padding: 5px;" /></div><br style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;" /><div style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; text-align: justify; widows: 1;">Let's have a quick look at the core code snippet in the custom navigation menu. Here it is,</div><br style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;" /><div class="code" style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;">&lt;li&gt;&lt;a href="<span style="background-color: #3d85c6; color: white;">[Link / URL]</span>"&gt;<span style="background-color: #6aa84f;"><span style="color: white;">[Label]</span></span>&lt;/a&gt;<br />&lt;ul&gt;<br />&lt;li&gt;&lt;a href="<span style="background-color: #3d85c6; color: white;">[Link / URL]</span>"&gt;<span style="background-color: #6aa84f;"><span style="color: white;">[Label]</span></span>&lt;/a&gt;&lt;/li&gt;<br />&lt;li&gt;&lt;a style="border-bottom: 0;" href="<span style="background-color: #3d85c6; color: white;">[Link / URL]</span>"&gt;<span style="background-color: #6aa84f;"><span style="color: white;">[Label]</span></span>&lt;/a&gt;&lt;/li&gt;<br />&lt;/ul&gt;<br />&lt;/li&gt;</div><br style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;" /><div style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; text-align: justify; widows: 1;">If you inspect the custom navigation code snippet, you will come to know that there are 5 core code snippets. Hence it renders 5 tabs on the menu.<br /><br /><br /><span style="font-size: large;"><b>Add / Remove Tabs</b></span></div><br style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;" /><div style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; text-align: justify; widows: 1;">If you need to add more tabs to the navigation menu, just keep adding core code snippet before the &lt;/ul&gt; tag as demonstrated below.<br /><br /><div class="code">&lt;ul id="customnav"&gt;<br /><br />&lt;li&gt;&lt;a href="[Link / URL]"&gt;[Label]&lt;/a&gt;<br />&lt;ul&gt;<br />&lt;li&gt;&lt;a href="[Link / URL]"&gt;[Label]&lt;/a&gt;&lt;/li&gt;<br />&lt;li&gt;&lt;a style="border-bottom: 0;" href="[Link / URL]"&gt;[Label]&lt;/a&gt;&lt;/li&gt;<br />&lt;/ul&gt;<br />&lt;/li&gt;<br /><br />...<br /><br /><span style="background-color: #444444;"><span style="color: white;">&lt;li&gt;&lt;a href="[Link / URL]"&gt;[Label]&lt;/a&gt;</span></span><br /><span style="background-color: #444444;"><span style="color: white;">&lt;ul&gt;</span></span><br /><span style="background-color: #444444;"><span style="color: white;">&lt;li&gt;&lt;a href="[Link / URL]"&gt;[Label]&lt;/a&gt;&lt;/li&gt;</span></span><br /><span style="background-color: #444444;"><span style="color: white;">&lt;li&gt;&lt;a style="border-bottom: 0;" href="[Link / URL]"&gt;[Label]&lt;/a&gt;&lt;/li&gt;</span></span><br /><span style="background-color: #444444;"><span style="color: white;">&lt;/ul&gt;</span></span><br /><span style="background-color: #444444;"><span style="color: white;">&lt;/li&gt;</span></span><br /><br />&lt;/ul&gt;</div><br />If you need to remove a custom tab, just delete one of core code snippets as indicated below.<br /><br /><div class="code">&lt;ul id="customnav"&gt;<br /><br />&lt;li&gt;&lt;a href="[Link / URL]"&gt;[Label]&lt;/a&gt;<br />&lt;ul&gt;<br />&lt;li&gt;&lt;a href="[Link / URL]"&gt;[Label]&lt;/a&gt;&lt;/li&gt;<br />&lt;li&gt;&lt;a style="border-bottom: 0;" href="[Link / URL]"&gt;[Label]&lt;/a&gt;&lt;/li&gt;<br />&lt;/ul&gt;<br />&lt;/li&gt;<br /><br />...<br /><br /><strike>&lt;li&gt;&lt;a href="[Link / URL]"&gt;[Label]&lt;/a&gt;</strike><br /><strike>&lt;ul&gt;</strike><br /><strike>&lt;li&gt;&lt;a href="[Link / URL]"&gt;[Label]&lt;/a&gt;&lt;/li&gt;</strike><br /><strike>&lt;li&gt;&lt;a style="border-bottom: 0;" href="[Link / URL]"&gt;[Label]&lt;/a&gt;&lt;/li&gt;</strike><br /><strike>&lt;/ul&gt;</strike><br /><strike>&lt;/li&gt;</strike><br /><br />&lt;/ul&gt;</div></div><div style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; text-align: justify; widows: 1;"><br /><br /></div><div style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; text-align: justify; widows: 1;">Now it's about the construction of core code snippet. The highlighted line of codes represent a custom tab on navigation menu. The part which not highlighted reflects the sub menu and its items.</div><br style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;" /><div class="code" style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;"><div style="text-align: justify;"><span style="background-color: #444444; color: white;">&lt;li&gt;&lt;a href="[Link / URL]"&gt;[Label]&lt;/a&gt;</span></div><div style="text-align: justify;">&lt;ul&gt;</div><div style="text-align: justify;">&lt;li&gt;&lt;a href="[Link / URL]"&gt;[Label]&lt;/a&gt;&lt;/li&gt;</div><div style="text-align: justify;">&lt;li&gt;&lt;a style="border-bottom: 0;" href="[Link / URL]"&gt;[Label]&lt;/a&gt;&lt;/li&gt;</div><div style="text-align: justify;">&lt;/ul&gt;</div><div style="text-align: justify;"><span style="background-color: #444444;"><span style="color: white;">&lt;/li&gt;</span></span></div></div><div style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; text-align: justify; widows: 1;"><br /><br /><span style="font-size: large;"><b>Add / Remove Sub Menu Items</b></span><br /><br /></div><div style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; text-align: justify; widows: 1;">Having a sub menu is optional. If you don't need a sub menu for a particular tab, you can safely delete the code for sub menu as below.</div><br style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;" /><div class="code" style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;"><div style="text-align: justify;">&lt;li&gt;&lt;a href="[Link / URL]"&gt;[Label]&lt;/a&gt;</div><div style="text-align: justify;"><strike>&lt;ul&gt;</strike></div><div style="text-align: justify;"><strike>&lt;li&gt;&lt;a href="[Link / URL]"&gt;[Label]&lt;/a&gt;&lt;/li&gt;</strike></div><div style="text-align: justify;"><strike>&lt;li&gt;&lt;a style="border-bottom: 0;" href="[Link / URL]"&gt;[Label]&lt;/a&gt;&lt;/li&gt;</strike></div><div style="text-align: justify;"><strike>&lt;/ul&gt;</strike></div><div style="text-align: justify;">&lt;/li&gt;</div></div><br style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;" /><div style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; text-align: justify; widows: 1;">If you just need to delete only one item from your sub menu, start with the top and remove the specific line as demonstrated below.</div><br style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;" /><div class="code" style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;"><div style="text-align: justify;">&lt;li&gt;&lt;a href="[Link / URL]"&gt;[Label]&lt;/a&gt;</div><div style="text-align: justify;">&lt;ul&gt;</div><div style="text-align: justify;"><strike>&lt;li&gt;&lt;a href="[Link / URL]"&gt;[Label]&lt;/a&gt;&lt;/li&gt;</strike></div><div style="text-align: justify;">&lt;li&gt;&lt;a style="border-bottom: 0;" href="[Link / URL]"&gt;[Label]&lt;/a&gt;&lt;/li&gt;</div><div style="text-align: justify;">&lt;/ul&gt;</div><div style="text-align: justify;">&lt;/li&gt;</div></div><br style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;" /><div style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; text-align: justify; widows: 1;">In case if you need to add more items to your sub menu, again start with the top and add relevant line of code for more items as demonstrated below.</div><br style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;" /><div class="code" style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;"><div style="text-align: justify;">&lt;li&gt;&lt;a href="[Link / URL]"&gt;[Label]&lt;/a&gt;</div><div style="text-align: justify;">&lt;ul&gt;</div><div style="text-align: justify;">&lt;li&gt;&lt;a href="[Link / URL]"&gt;[Label]&lt;/a&gt;&lt;/li&gt;</div><div style="text-align: justify;">&lt;li&gt;&lt;a href="[Link / URL]"&gt;[Label]&lt;/a&gt;&lt;/li&gt;</div><div style="text-align: justify;">&lt;li&gt;&lt;a href="[Link / URL]"&gt;[Label]&lt;/a&gt;&lt;/li&gt;</div><div style="text-align: justify;">&lt;li&gt;&lt;a href="[Link / URL]"&gt;[Label]&lt;/a&gt;&lt;/li&gt;</div><div style="text-align: justify;">&lt;li&gt;&lt;a href="[Link / URL]"&gt;[Label]&lt;/a&gt;&lt;/li&gt;</div><div style="text-align: justify;">&lt;li&gt;&lt;a style="border-bottom: 0;" href="[Link / URL]"&gt;[Label]&lt;/a&gt;&lt;/li&gt;</div><div style="text-align: justify;">&lt;/ul&gt;</div><div style="text-align: justify;">&lt;/li&gt;</div></div><br style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;" /><div style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; text-align: justify; widows: 1;">As demonstrated in the custom navigation code, you can have another layer of menu too - a sub menu under a sub menu item.</div><div style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; text-align: justify; widows: 1;"><br /></div><div style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; text-align: justify; widows: 1;">For that, place the new sub menu item list just before closing a menu item (&lt;/li&gt;). So the new sub menu will be displayed under that menu item as a sub menu.</div><br style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;" /><span style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;">&lt;li&gt;&lt;a href="[Link / URL]"&gt;[Label]&lt;/a&gt;</span><br style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;" /><span style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;">&lt;ul&gt;</span><br style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;" /><span style="background-color: #76a5af; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;"><span style="color: white;">&lt;li&gt;&lt;a href="[Link / URL]"&gt;[Label]&lt;/a&gt;</span></span><br style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;" /><span style="background-color: #444444; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;"><span style="color: white;">&lt;ul&gt;</span></span><br style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;" /><span style="background-color: #444444; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;"><span style="color: white;">&lt;li&gt;&lt;a href="[Link / URL]"&gt;[Label]&lt;/a&gt;&lt;/li&gt;</span></span><br style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;" /><span style="background-color: #444444; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;"><span style="color: white;">&lt;li&gt;&lt;a style="border-bottom: 0;" href="[Link / URL]"&gt;[Label]&lt;/a&gt;&lt;/li&gt;</span></span><br style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;" /><span style="background-color: #444444; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;"><span style="color: white;">&lt;/ul&gt;</span></span><br style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;" /><span style="background-color: #76a5af; color: white; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;">&lt;/li&gt;</span><br style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;" /><span style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;">&lt;li&gt;&lt;a style="border-bottom: 0;" href="[Link / URL]"&gt;[Label]&lt;/a&gt;&lt;/li&gt;</span><br style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;" /><span style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;">&lt;/ul&gt;</span><br style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;" /><span style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;">&lt;/li&gt;</span><br style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;" /><br style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;" /><br style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;" /><span style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;">Now you know how to customize the given custom navigation menu code snippet, and once you done with the customization, you are good to go and save the element.</span><br style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;" /><br style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;" /><span style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;">7. You are almost done! Finally, add following CSS styles to your template.</span><br style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;" /><br style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;" /><div class="note" style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; text-align: justify; widows: 1;"><b>Note</b>: If you don't know how to add custom CSS to your template, read<span class="Apple-converted-space">&nbsp;</span><a href="https://www.mayura4ever.com/2013/02/blogger-custom-css.html" style="color: #888888; text-decoration-line: none;" target="_blank">Easily Add Custom CSS to Your Template in Blogger</a>.</div><br style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;" /><div class="code" style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;">#customnav {<br />margin-left: -30px;<br />margin-right: -30px;<br />overflow: hidden;<br />}<br /><br />#customnav li a:hover {<br />background:<span class="Apple-converted-space">&nbsp;</span><span style="background-color: #cc0000;"><span style="color: white;">#4c5365</span></span>;<br />color:<span class="Apple-converted-space">&nbsp;</span><span style="background-color: #674ea7;"><span style="color: white;">#ffffff</span></span>;<br />text-decoration: none;<br />}<br /><br />#customnav li:last-child &gt; a {<br />border-bottom: 0 none;<br />}<br /><br />#customnav ul {<br />margin: 0;<br />padding: 0;<br />list-style: none;<br />}<br /><br />#customnav ul li {<br />float: left;<br />}<br /><br />#customnav ul li a {<br />float: left;<br />padding:<span class="Apple-converted-space">&nbsp;</span><span style="background-color: #a64d79;"><span style="color: white;">10px</span></span>;<br />text-decoration: none;<br />}<br /><br />#customnav li ul {<br />left: -999em;<br />position: absolute;<br />width:<span class="Apple-converted-space">&nbsp;</span><span style="background-color: #e69138;"><span style="color: white;">160px</span></span>;<br />z-index: 9999;<br />overflow: visible;<br />}<br /><br />#customnav li ul a {<br />border: 0 none;<br />width:<span class="Apple-converted-space">&nbsp;</span><span style="background-color: #f1c232;"><span style="color: white;">140px</span></span>;<br />border-bottom: 1px dotted #cccccc;<br />}<br /><br />#customnav li:hover ul {<br />left: auto;<br />}<br /><br />#customnav li li ul {<br />margin: -1px 0 0 160px;<br />visibility: hidden;<br />}<br /><br />#customnav li li:hover ul {<br />visibility: visible;<br />}</div><br style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;" /><div class="clrii" style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;"><b>Color Indication Information</b>:<br /><br /><span style="background-color: #cc0000;">&nbsp;<span class="Apple-converted-space">&nbsp;</span></span>&nbsp;- Hover color of menu items<br /><br />Set the background color of a menu item on mouse hover.<br /><br /><span style="background-color: #674ea7;">&nbsp;<span class="Apple-converted-space">&nbsp;</span></span>&nbsp;- Hover font color of menu items<br /><br />Define the font color of a menu item on mouse hover.<br /><br /><span style="background-color: #a64d79;">&nbsp;<span class="Apple-converted-space">&nbsp;</span></span>&nbsp;- Padding within a drop down menu item<br /><br />Set the padding within a sub menu item.<br /><br /><span style="background-color: #e69138;">&nbsp;<span class="Apple-converted-space">&nbsp;</span></span>&nbsp;- Width of drop down menu<br /><br />Define the width of drop down menu.<br /><br /><span style="background-color: #f1c232;">&nbsp;<span class="Apple-converted-space">&nbsp;</span></span>&nbsp;- Width of a drop down menu item<br /><br />Define the width of a sub menu item to be on par with the drop down menu, considering the padding within a drop down menu.</div><br style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;" /><br style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;" /><div class="note" style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; text-align: justify; widows: 1;"><b>Note</b>: You can easily change the font and background styles by accessing<span class="Apple-converted-space">&nbsp;</span><b>Tabs Text</b><span class="Apple-converted-space">&nbsp;</span>and<span class="Apple-converted-space">&nbsp;</span><b>Tabs Background</b><span class="Apple-converted-space">&nbsp;</span>settings from the<span class="Apple-converted-space">&nbsp;</span><a href="https://www.mayura4ever.com/2011/12/how-to-customize-fonts-and-colors-in.html" style="color: #888888; text-decoration-line: none;" target="_blank">Template Designer</a>.</div><br style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;" /><br style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;" /><span style="background-color: white; color: #666666; font-family: &quot;Trebuchet MS&quot;, Trebuchet, Verdana, sans-serif; font-size: 15.84px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20.592px; widows: 1;">Enjoy :-)</span>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6915546293629106045.post-68020941277200598062020-08-25T16:48:00.002+06:002020-08-25T16:52:01.297+06:00<p>&nbsp;<span style="background-color: white; color: #868686; font-family: Roboto; letter-spacing: 0.05em; widows: 1;">When you become a student of a particular university or college, you will have a .EDU email account with your name, for example,</span><span class="Apple-converted-space" style="background-color: white; color: #868686; font-family: Roboto; letter-spacing: 0.05em; widows: 1;">&nbsp;</span><span style="background-color: white; color: #868686; font-family: Roboto; letter-spacing: 0.05em; widows: 1;">your-name@mit.edu.</span><span class="Apple-converted-space" style="background-color: white; color: #868686; font-family: Roboto; letter-spacing: 0.05em; widows: 1;">&nbsp;</span><span style="background-color: white; color: #868686; font-family: Roboto; letter-spacing: 0.05em; widows: 1;">This .EDU email account comes with a few benefits that are available for students who have .EDU emails, such as great discounts on many desirable products, including Apple, Dell and much more. Or you can also get huge discounts on online services such as Dropbox, Spotify, Amazon, and LastPass.</span></p><div class="code-block code-block-2" style="background-color: white; box-sizing: border-box; color: #868686; font-family: roboto; font-size: 18px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 24px; margin: 0px; padding: 0px; widows: 1;"><div class="su-spacer" style="box-sizing: border-box; margin: 0px; padding: 0px;"></div><div class="su-spacer" style="box-sizing: border-box; margin: 0px; padding: 0px;"></div></div><p style="background-color: white; box-sizing: border-box; color: #868686; font-family: roboto; font-size: 15px; font-variant-east-asian: normal; font-variant-numeric: normal; letter-spacing: 0.05em; line-height: 1.8; margin: 0px 0px 30px; padding: 0px; widows: 1;"><span style="box-sizing: border-box;">However, most of people aren’t aware that you don’t have to be a teacher or student to have a .EDU email account. Technically, that is who this sort of email account is designed for. However, there are creative methods that you can register or grab a .EDU email address without actually being a student or a teacher.</span></p><p style="background-color: white; box-sizing: border-box; color: #868686; font-family: roboto; font-size: 15px; font-variant-east-asian: normal; font-variant-numeric: normal; letter-spacing: 0.05em; line-height: 1.8; margin: 0px 0px 30px; padding: 0px; widows: 1;"><span style="box-sizing: border-box;">So, let’s take a look at unique benefits of having a .EDU email account and simple methods you can get this account.</span></p><h2 style="background-color: white; box-sizing: border-box; color: #868686; font-family: oswald; font-size: 31px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 39px; margin-bottom: 20px; margin-top: 0px; text-transform: uppercase; widows: 1;"><span style="box-sizing: border-box;">BENEFITS OF HAVING A .EDU EMAIL ADDRESS</span></h2><p style="background-color: white; box-sizing: border-box; color: #868686; font-family: roboto; font-size: 15px; font-variant-east-asian: normal; font-variant-numeric: normal; letter-spacing: 0.05em; line-height: 1.8; margin: 0px 0px 30px; padding: 0px; widows: 1;"><span style="box-sizing: border-box;"><span style="box-sizing: border-box; font-weight: 700;"><img alt="" class="aligncenter wp-image-1726 size-full" height="380" sizes="(max-width: 728px) 100vw, 728px" src="https://techradix.in/wp-content/uploads/2019/02/benefits-of-edu-email-accounts.jpg" srcset="https://techradix.in/wp-content/uploads/2019/02/benefits-of-edu-email-accounts.jpg 728w, https://techradix.in/wp-content/uploads/2019/02/benefits-of-edu-email-accounts-300x157.jpg 300w" style="border: 0px; box-sizing: border-box; display: block; height: auto; margin: 15px auto; max-width: 100%; padding: 0px; vertical-align: middle;" width="728" />1. GitHub Student Developer Pack</span></span></p><p style="background-color: white; box-sizing: border-box; color: #868686; font-family: roboto; font-size: 15px; font-variant-east-asian: normal; font-variant-numeric: normal; letter-spacing: 0.05em; line-height: 1.8; margin: 0px 0px 30px; padding: 0px; widows: 1;"><span style="box-sizing: border-box;">The first and biggest benefit of having a .EDU email address is&nbsp;<a href="https://education.github.com/pack" rel="noopener noreferrer" style="background-color: transparent; box-sizing: border-box; color: #337ab7; outline: none; text-decoration-line: none;" target="_blank">the GitHub Student Developer Pack</a>, the best free developer tools, and services for students. This student pack comes with 12 great offers and free services that may be useful to you, such as $15 Amazon AWS coupon, $50 Digital Ocean coupon and much more.</span></p><p style="background-color: white; box-sizing: border-box; color: #868686; font-family: roboto; font-size: 15px; font-variant-east-asian: normal; font-variant-numeric: normal; letter-spacing: 0.05em; line-height: 1.8; margin: 0px 0px 30px; padding: 0px; widows: 1;"><span style="box-sizing: border-box;"><img alt="GitHub Student Developer Pack" class="aligncenter size-full wp-image-17313" height="497" src="https://whatsabyte.com/wp-content/uploads/github-student-developer-pack.png" style="border: 0px; box-sizing: border-box; display: block; height: auto; margin: 15px auto; max-width: 100%; padding: 0px; vertical-align: middle;" title="Benefits Of Having A .EDU Email Account From Any University" width="1006" /></span></p><p style="background-color: white; box-sizing: border-box; color: #868686; font-family: roboto; font-size: 15px; font-variant-east-asian: normal; font-variant-numeric: normal; letter-spacing: 0.05em; line-height: 1.8; margin: 0px 0px 30px; padding: 0px; widows: 1;"><span style="box-sizing: border-box;">Take a look at the list below:</span></p><div class="code-block code-block-3" style="background-color: white; box-sizing: border-box; color: #868686; font-family: roboto; font-size: 18px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 24px; margin: 0px; padding: 0px; widows: 1;"><div class="su-spacer" style="box-sizing: border-box; margin: 0px; padding: 0px;"></div><div class="su-spacer" style="box-sizing: border-box; margin: 0px; padding: 0px;"></div></div><ul style="background-color: white; box-sizing: border-box; color: #868686; font-family: roboto; font-size: 18px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 24px; margin-bottom: 10px; margin-top: 0px; widows: 1;"><li style="box-sizing: border-box;"><span style="box-sizing: border-box;">$15&nbsp;<span style="box-sizing: border-box; font-weight: 700;">Amazon AWS</span>&nbsp;coupon</span></li><li style="box-sizing: border-box;"><span style="box-sizing: border-box;">$50&nbsp;<span style="box-sizing: border-box; font-weight: 700;">Digital Ocean</span>&nbsp;coupon. It will be expired within 12 months after adding to your account – new account only.</span></li><li style="box-sizing: border-box;"><span style="box-sizing: border-box;"><span style="box-sizing: border-box; font-weight: 700;">Bitnami</span>: Offers the Business 3 plan for one year that typically cost $49 per month.</span></li><li style="box-sizing: border-box;"><span style="box-sizing: border-box;"><span style="box-sizing: border-box; font-weight: 700;">Crowdflower</span>: access to the Crowdflower platform.</span></li><li style="box-sizing: border-box;"><span style="box-sizing: border-box;"><span style="box-sizing: border-box; font-weight: 700;">DNSimple</span>: Offers the Personal hosted DNS plan for two years that typically charge $5 per month.</span></li><li style="box-sizing: border-box;"><span style="box-sizing: border-box;"><span style="box-sizing: border-box; font-weight: 700;">GitHub</span>: Offers unlimited private repositories while you are a student. Normally, GitHub charges $7 per month.</span></li><li style="box-sizing: border-box;"><span style="box-sizing: border-box;">$25 credit of&nbsp;<span style="box-sizing: border-box; font-weight: 700;">HackHands</span>, a live programming help that available 24/7.</span></li><li style="box-sizing: border-box;"><span style="box-sizing: border-box;">A suite of&nbsp;<span style="box-sizing: border-box; font-weight: 700;">Microsoft Azure cloud services</span>&nbsp;and developer tools: Microsoft Azure, Visual Studio Community and the rest of Microsoft developer tools, while you are a student.</span></li><li style="box-sizing: border-box;"><span style="box-sizing: border-box;"><span style="box-sizing: border-box; font-weight: 700;">NameCheap.com</span>: Offer one year .ME domain name registration that costs $18.99 per year – and one year SSL certificate that costs $10 per year.</span></li><li style="box-sizing: border-box;"><span style="box-sizing: border-box;"><span style="box-sizing: border-box; font-weight: 700;">Orchestrate</span>: Access to the Developer account that costs $49 per month, while you are a student. It’s a complete database portfolio, includes search, time-series events, geolocation, and graph queries through an API.</span></li><li style="box-sizing: border-box;"><span style="box-sizing: border-box;"><span style="box-sizing: border-box; font-weight: 700;">SendGrid</span>: Offers the Student plan with 15,000 free emails per month, while you are a student.</span></li><li style="box-sizing: border-box;"><span style="box-sizing: border-box;"><span style="box-sizing: border-box; font-weight: 700;">Travis CI</span>: Access the Private builds that charge you $69 per month, while you are a student.</span></li></ul><p style="background-color: white; box-sizing: border-box; color: #868686; font-family: roboto; font-size: 15px; font-variant-east-asian: normal; font-variant-numeric: normal; letter-spacing: 0.05em; line-height: 1.8; margin: 0px 0px 30px; padding: 0px; widows: 1;"><span style="box-sizing: border-box;"><img alt="GitHub Education" class="aligncenter size-full wp-image-17315" height="799" src="https://whatsabyte.com/wp-content/uploads/github-education.png" style="border: 0px; box-sizing: border-box; display: block; height: auto; margin: 15px auto; max-width: 100%; padding: 0px; vertical-align: middle;" title="Benefits Of Having A .EDU Email Account From Any University" width="651" /></span></p><p style="background-color: white; box-sizing: border-box; color: #868686; font-family: roboto; font-size: 15px; font-variant-east-asian: normal; font-variant-numeric: normal; letter-spacing: 0.05em; line-height: 1.8; margin: 0px 0px 30px; padding: 0px; widows: 1;"><span style="box-sizing: border-box;"><span style="box-sizing: border-box; font-weight: 700;">2. Amazon Student Pack</span></span></p><p style="background-color: white; box-sizing: border-box; color: #868686; font-family: roboto; font-size: 15px; font-variant-east-asian: normal; font-variant-numeric: normal; letter-spacing: 0.05em; line-height: 1.8; margin: 0px 0px 30px; padding: 0px; widows: 1;"><span style="box-sizing: border-box;">When you use a .EDU email account and sign up for&nbsp;<a href="https://amzn.to/29SH6tE" rel="noopener noreferrer" style="background-color: transparent; box-sizing: border-box; color: #337ab7; outline: none; text-decoration-line: none;" target="_blank">Amazon Student account</a>&nbsp;– you will be able to use Amazon Prime for free for six months, which has many benefits:</span></p><ul style="background-color: white; box-sizing: border-box; color: #868686; font-family: roboto; font-size: 18px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 24px; margin-bottom: 10px; margin-top: 0px; widows: 1;"><li style="box-sizing: border-box;"><span style="box-sizing: border-box;">Free TWO-DAY shipping on many Amazon products.</span></li><li style="box-sizing: border-box;"><span style="box-sizing: border-box;">Get unlimited instant streaming of movies, TV shows, and music.</span></li><li style="box-sizing: border-box;"><span style="box-sizing: border-box;">Access exclusive deals for students.</span></li><li style="box-sizing: border-box;"><span style="box-sizing: border-box;">Unlimited photo storage with Amazon Prime Photos.</span></li></ul><p style="background-color: white; box-sizing: border-box; color: #868686; font-family: roboto; font-size: 15px; font-variant-east-asian: normal; font-variant-numeric: normal; letter-spacing: 0.05em; line-height: 1.8; margin: 0px 0px 30px; padding: 0px; widows: 1;"><span style="box-sizing: border-box;"><span style="box-sizing: border-box; font-weight: 700;">3. Spotify</span></span></p><p style="background-color: white; box-sizing: border-box; color: #868686; font-family: roboto; font-size: 15px; font-variant-east-asian: normal; font-variant-numeric: normal; letter-spacing: 0.05em; line-height: 1.8; margin: 0px 0px 30px; padding: 0px; widows: 1;"><span style="box-sizing: border-box;">It’s an online music and video streaming service in the US. You can grab&nbsp;<a href="https://www.spotify.com/us/student/" rel="noopener noreferrer" style="background-color: transparent; box-sizing: border-box; color: #337ab7; outline: none; text-decoration-line: none;" target="_blank">a 50% discount</a>&nbsp;on the Premium plan for students that costs you $4.99 per month.</span></p><p style="background-color: white; box-sizing: border-box; color: #868686; font-family: roboto; font-size: 15px; font-variant-east-asian: normal; font-variant-numeric: normal; letter-spacing: 0.05em; line-height: 1.8; margin: 0px 0px 30px; padding: 0px; widows: 1;"><span style="box-sizing: border-box;"><span style="box-sizing: border-box; font-weight: 700;">4. LastPass</span></span></p><p style="background-color: white; box-sizing: border-box; color: #868686; font-family: roboto; font-size: 15px; font-variant-east-asian: normal; font-variant-numeric: normal; letter-spacing: 0.05em; line-height: 1.8; margin: 0px 0px 30px; padding: 0px; widows: 1;"><span style="box-sizing: border-box;">LastPass offers&nbsp;<a href="https://lastpass.com/edupromo.php?esrc=BestOffer" rel="noopener noreferrer" style="background-color: transparent; box-sizing: border-box; color: #337ab7; outline: none; text-decoration-line: none;" target="_blank">six months of the LastPass Premium</a>&nbsp;for any users with a .EDU email address.</span></p><p style="background-color: white; box-sizing: border-box; color: #868686; font-family: roboto; font-size: 15px; font-variant-east-asian: normal; font-variant-numeric: normal; letter-spacing: 0.05em; line-height: 1.8; margin: 0px 0px 30px; padding: 0px; widows: 1;"><span style="box-sizing: border-box;"><span style="box-sizing: border-box; font-weight: 700;">5. Newegg Premier</span></span></p><p style="background-color: white; box-sizing: border-box; color: #868686; font-family: roboto; font-size: 15px; font-variant-east-asian: normal; font-variant-numeric: normal; letter-spacing: 0.05em; line-height: 1.8; margin: 0px 0px 30px; padding: 0px; widows: 1;"><span style="box-sizing: border-box;">Grab&nbsp;<a href="https://promotions.newegg.com/nepro/15-4495/index.html" rel="noopener noreferrer" style="background-color: transparent; box-sizing: border-box; color: #337ab7; outline: none; text-decoration-line: none;" target="_blank">one year of Newegg Premier</a>&nbsp;that costs you $50. Just sign up Newegg Premier account with your student email account.</span></p><p style="background-color: white; box-sizing: border-box; color: #868686; font-family: roboto; font-size: 15px; font-variant-east-asian: normal; font-variant-numeric: normal; letter-spacing: 0.05em; line-height: 1.8; margin: 0px 0px 30px; padding: 0px; widows: 1;"><span style="box-sizing: border-box;"><span style="box-sizing: border-box; font-weight: 700;">6. Apple</span></span></p><p style="background-color: white; box-sizing: border-box; color: #868686; font-family: roboto; font-size: 15px; font-variant-east-asian: normal; font-variant-numeric: normal; letter-spacing: 0.05em; line-height: 1.8; margin: 0px 0px 30px; padding: 0px; widows: 1;"><span style="box-sizing: border-box;">You will help yourself saving a lot of money by using the .EDU email address to purchase products from Apple. There are changes to&nbsp;<a href="https://www.apple.com/us-hed/shop" rel="noopener noreferrer" style="background-color: transparent; box-sizing: border-box; color: #337ab7; outline: none; text-decoration-line: none;" target="_blank">save up to $200</a>&nbsp;on Apple computers.</span></p><p style="background-color: white; box-sizing: border-box; color: #868686; font-family: roboto; font-size: 15px; font-variant-east-asian: normal; font-variant-numeric: normal; letter-spacing: 0.05em; line-height: 1.8; margin: 0px 0px 30px; padding: 0px; widows: 1;"><span style="box-sizing: border-box;"><span style="box-sizing: border-box; font-weight: 700;">7. Microsoft DreamSpark</span></span></p><p style="background-color: white; box-sizing: border-box; color: #868686; font-family: roboto; font-size: 15px; font-variant-east-asian: normal; font-variant-numeric: normal; letter-spacing: 0.05em; line-height: 1.8; margin: 0px 0px 30px; padding: 0px; widows: 1;"><span style="box-sizing: border-box;">Grab&nbsp;<a href="https://www.dreamspark.com/Student/Software-Catalog.aspx" rel="noopener noreferrer" style="background-color: transparent; box-sizing: border-box; color: #337ab7; outline: none; text-decoration-line: none;" target="_blank">Microsoft DreamSpark</a>&nbsp;with plenty of useful software and Microsoft Office 365 subscription for free.</span></p><p style="background-color: white; box-sizing: border-box; color: #868686; font-family: roboto; font-size: 15px; font-variant-east-asian: normal; font-variant-numeric: normal; letter-spacing: 0.05em; line-height: 1.8; margin: 0px 0px 30px; padding: 0px; widows: 1;"><span style="box-sizing: border-box;"><br /><span style="font-weight: 700; letter-spacing: 0.05em;">8. Dell</span></span></p><p style="background-color: white; box-sizing: border-box; color: #868686; font-family: roboto; font-size: 15px; font-variant-east-asian: normal; font-variant-numeric: normal; letter-spacing: 0.05em; line-height: 1.8; margin: 0px 0px 30px; padding: 0px; widows: 1;"><span style="box-sizing: border-box;">Dell has also offered a lot of great discounts on its products for students.&nbsp;<a href="https://www.dell.com/learn/us/en/6099/campaigns/welcome-to-dell-university" rel="noopener noreferrer" style="background-color: transparent; box-sizing: border-box; color: #337ab7; outline: none; text-decoration-line: none;" target="_blank">Check it out</a>!</span></p><p style="background-color: white; box-sizing: border-box; color: #868686; font-family: roboto; font-size: 15px; font-variant-east-asian: normal; font-variant-numeric: normal; letter-spacing: 0.05em; line-height: 1.8; margin: 0px 0px 30px; padding: 0px; widows: 1;"><span style="box-sizing: border-box;"><span style="box-sizing: border-box; font-weight: 700;">9. AutoDesk</span></span></p><p style="background-color: white; box-sizing: border-box; color: #868686; font-family: roboto; font-size: 15px; font-variant-east-asian: normal; font-variant-numeric: normal; letter-spacing: 0.05em; line-height: 1.8; margin: 0px; padding: 0px; widows: 1;"><span style="box-sizing: border-box;">Many software and apps are available through Autodesk.com for students. Simply sign up an account with your .EDU email address and then&nbsp;<a href="http://www.autodesk.com/education/free-software/all" rel="noopener noreferrer" style="background-color: transparent; box-sizing: border-box; color: #337ab7; outline: none; text-decoration-line: none;" target="_blank">just download them for free</a>.</span></p>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6915546293629106045.post-79847098796667491182020-08-23T21:43:00.001+06:002020-08-23T21:53:19.892+06:00<div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-hqsPdiIUKSU/X0KQqecFNkI/AAAAAAAAAJM/umC3MPUE21YhxKrWw0Y66jxnk3wCqWW4wCLcBGAsYHQ/s259/download%2B%25281%2529.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="194" data-original-width="259" src="https://1.bp.blogspot.com/-hqsPdiIUKSU/X0KQqecFNkI/AAAAAAAAAJM/umC3MPUE21YhxKrWw0Y66jxnk3wCqWW4wCLcBGAsYHQ/s0/download%2B%25281%2529.png" /></a></div><p><br /></p><p><br /></p><p>&nbsp;<span face="" style="background-color: white; color: #333333; font-size: 21px; widows: 1;">Navigation menu is an essential part of any blog or website. It helps visitors to easily get the required content the whole blog. I’ll show how to add the horizontal navigation double menu. In the left part which is Pages and in the right part is Labels (Category).</span></p><p style="background-color: white; box-sizing: border-box; color: #333333; font-size: 21px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 31.5px; margin: 30px 0px 1rem; padding: 0px; widows: 1;"><img alt="" src="https://mycyberuniverse.com/images/blogger-menu.png" style="border: 1px solid rgb(211, 211, 211); box-sizing: border-box; display: block; height: auto; margin-left: auto; margin-right: auto; margin-top: 20px; padding: 10px; vertical-align: middle; width: 258px;" /></p><p style="background-color: white; box-sizing: border-box; color: #333333; font-size: 21px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 31.5px; margin: 30px 0px 1rem; padding: 0px; widows: 1;">So let’s get started add navigation menu in blogger.</p><div class="custom-list" list-title="Step 1" style="background-color: white; box-sizing: border-box; color: #333333; font-size: 21px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 31.5px; widows: 1;"></div><p style="background-color: white; box-sizing: border-box; color: #333333; font-size: 21px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 31.5px; margin: 30px 0px 1rem; padding: 0px; widows: 1;">Log in to Blogger account and go to Blogger Dashboard.</p><div class="custom-list" list-title="Step 2" style="background-color: white; box-sizing: border-box; color: #333333; font-size: 21px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 31.5px; widows: 1;"></div><p style="background-color: white; box-sizing: border-box; color: #333333; font-size: 21px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 31.5px; margin: 30px 0px 1rem; padding: 0px; widows: 1;">Go to the<span class="Apple-converted-space">&nbsp;</span><code class="highlighter-rouge" style="background-color: #dddddd; border-radius: 1px; border: 0px; box-sizing: border-box; color: #e83e8c; font-size: 18.375px; overflow-wrap: break-word; padding: 2px 4px;">Layout</code>tab by clicking on the<span class="Apple-converted-space">&nbsp;</span><code class="highlighter-rouge" style="background-color: #dddddd; border-radius: 1px; border: 0px; box-sizing: border-box; color: #e83e8c; font-size: 18.375px; overflow-wrap: break-word; padding: 2px 4px;">Layout</code><span class="Apple-converted-space">&nbsp;</span>text in the left pane.</p><div class="custom-list" list-title="Step 3" style="background-color: white; box-sizing: border-box; color: #333333; font-size: 21px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 31.5px; widows: 1;"></div><p style="background-color: white; box-sizing: border-box; color: #333333; font-size: 21px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 31.5px; margin: 30px 0px 1rem; padding: 0px; widows: 1;">Click on the<span class="Apple-converted-space">&nbsp;</span><code class="highlighter-rouge" style="background-color: #dddddd; border-radius: 1px; border: 0px; box-sizing: border-box; color: #e83e8c; font-size: 18.375px; overflow-wrap: break-word; padding: 2px 4px;">Add a Gadget link</code><span class="Apple-converted-space">&nbsp;</span>(In The Header Area). In the pop-up box with the list of gadgets choose<span class="Apple-converted-space">&nbsp;</span><code class="highlighter-rouge" style="background-color: #dddddd; border-radius: 1px; border: 0px; box-sizing: border-box; color: #e83e8c; font-size: 18.375px; overflow-wrap: break-word; padding: 2px 4px;">Pages</code><span class="Apple-converted-space">&nbsp;</span>by clicking the blue plus sign for that gadget. Configure<code class="highlighter-rouge" style="background-color: #dddddd; border-radius: 1px; border: 0px; box-sizing: border-box; color: #e83e8c; font-size: 18.375px; overflow-wrap: break-word; padding: 2px 4px;">Pages</code><span class="Apple-converted-space">&nbsp;</span>gadget and click on the “Save” button.</p><div class="custom-list" list-title="Step 4" style="background-color: white; box-sizing: border-box; color: #333333; font-size: 21px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 31.5px; widows: 1;"></div><p style="background-color: white; box-sizing: border-box; color: #333333; font-size: 21px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 31.5px; margin: 30px 0px 1rem; padding: 0px; widows: 1;">Click on<span class="Apple-converted-space">&nbsp;</span><code class="highlighter-rouge" style="background-color: #dddddd; border-radius: 1px; border: 0px; box-sizing: border-box; color: #e83e8c; font-size: 18.375px; overflow-wrap: break-word; padding: 2px 4px;">Add a Gadget link</code><span class="Apple-converted-space">&nbsp;</span>(In The Header Area). In the pop-up box with the list of gadgets choose<span class="Apple-converted-space">&nbsp;</span><code class="highlighter-rouge" style="background-color: #dddddd; border-radius: 1px; border: 0px; box-sizing: border-box; color: #e83e8c; font-size: 18.375px; overflow-wrap: break-word; padding: 2px 4px;">Labels</code><span class="Apple-converted-space">&nbsp;</span>by clicking the blue plus sign for that gadget. Configure<code class="highlighter-rouge" style="background-color: #dddddd; border-radius: 1px; border: 0px; box-sizing: border-box; color: #e83e8c; font-size: 18.375px; overflow-wrap: break-word; padding: 2px 4px;">Labels</code><span class="Apple-converted-space">&nbsp;</span>gadget and click on<code class="highlighter-rouge" style="background-color: #dddddd; border-radius: 1px; border: 0px; box-sizing: border-box; color: #e83e8c; font-size: 18.375px; overflow-wrap: break-word; padding: 2px 4px;">Save</code><span class="Apple-converted-space">&nbsp;</span>button.</p><div class="custom-list" list-title="Step 5" style="background-color: white; box-sizing: border-box; color: #333333; font-size: 21px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 31.5px; widows: 1;"></div><p style="background-color: white; box-sizing: border-box; color: #333333; font-size: 21px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 31.5px; margin: 30px 0px 1rem; padding: 0px; widows: 1;">Move gadgets<code class="highlighter-rouge" style="background-color: #dddddd; border-radius: 1px; border: 0px; box-sizing: border-box; color: #e83e8c; font-size: 18.375px; overflow-wrap: break-word; padding: 2px 4px;">Pages</code><span class="Apple-converted-space">&nbsp;</span>and<code class="highlighter-rouge" style="background-color: #dddddd; border-radius: 1px; border: 0px; box-sizing: border-box; color: #e83e8c; font-size: 18.375px; overflow-wrap: break-word; padding: 2px 4px;">Labels</code><span class="Apple-converted-space">&nbsp;</span>side by side below the title of the blog.</p><div class="custom-list" list-title="Step 6" style="background-color: white; box-sizing: border-box; color: #333333; font-size: 21px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 31.5px; widows: 1;"></div><p style="background-color: white; box-sizing: border-box; color: #333333; font-size: 21px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 31.5px; margin: 30px 0px 1rem; padding: 0px; widows: 1;">Go to the<code class="highlighter-rouge" style="background-color: #dddddd; border-radius: 1px; border: 0px; box-sizing: border-box; color: #e83e8c; font-size: 18.375px; overflow-wrap: break-word; padding: 2px 4px;">Template</code><span class="Apple-converted-space">&nbsp;</span>tab by clicking on the<span class="Apple-converted-space">&nbsp;</span><code class="highlighter-rouge" style="background-color: #dddddd; border-radius: 1px; border: 0px; box-sizing: border-box; color: #e83e8c; font-size: 18.375px; overflow-wrap: break-word; padding: 2px 4px;">Template</code>text in the left pane.</p><div class="custom-list" list-title="Step 7" style="background-color: white; box-sizing: border-box; color: #333333; font-size: 21px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 31.5px; widows: 1;"></div><p style="background-color: white; box-sizing: border-box; color: #333333; font-size: 21px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 31.5px; margin: 30px 0px 1rem; padding: 0px; widows: 1;">Click on the<code class="highlighter-rouge" style="background-color: #dddddd; border-radius: 1px; border: 0px; box-sizing: border-box; color: #e83e8c; font-size: 18.375px; overflow-wrap: break-word; padding: 2px 4px;">Customize</code>button to go to the section<code class="highlighter-rouge" style="background-color: #dddddd; border-radius: 1px; border: 0px; box-sizing: border-box; color: #e83e8c; font-size: 18.375px; overflow-wrap: break-word; padding: 2px 4px;">Blogger Template Designer</code>.</p><div class="custom-list" list-title="Step 8" style="background-color: white; box-sizing: border-box; color: #333333; font-size: 21px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 31.5px; widows: 1;"></div><p style="background-color: white; box-sizing: border-box; color: #333333; font-size: 21px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 31.5px; margin: 30px 0px 1rem; padding: 0px; widows: 1;">Click on<code class="highlighter-rouge" style="background-color: #dddddd; border-radius: 1px; border: 0px; box-sizing: border-box; color: #e83e8c; font-size: 18.375px; overflow-wrap: break-word; padding: 2px 4px;">Advanced</code><span class="Apple-converted-space">&nbsp;</span>then click on<span class="Apple-converted-space">&nbsp;</span><code class="highlighter-rouge" style="background-color: #dddddd; border-radius: 1px; border: 0px; box-sizing: border-box; color: #e83e8c; font-size: 18.375px; overflow-wrap: break-word; padding: 2px 4px;">Add CSS</code>, add the code given below to field<code class="highlighter-rouge" style="background-color: #dddddd; border-radius: 1px; border: 0px; box-sizing: border-box; color: #e83e8c; font-size: 18.375px; overflow-wrap: break-word; padding: 2px 4px;">Add custom CSS</code><span class="Apple-converted-space">&nbsp;</span>and click on<span class="Apple-converted-space">&nbsp;</span><code class="highlighter-rouge" style="background-color: #dddddd; border-radius: 1px; border: 0px; box-sizing: border-box; color: #e83e8c; font-size: 18.375px; overflow-wrap: break-word; padding: 2px 4px;">Apply to Blog</code><span class="Apple-converted-space">&nbsp;</span>button.</p><div class="highlighter-rouge" style="background-color: white; box-sizing: border-box; color: #333333; font-size: 21px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 31.5px; widows: 1;"><div class="highlight" style="box-sizing: border-box;"><pre class="highlight" style="background-color: #2b2b2b; border-radius: 3px; border: 0px; box-shadow: rgba(0, 0, 0, 0.298) 0px 1px 10px inset, rgba(255, 255, 255, 0.098) 0px 1px 0px, rgba(0, 0, 0, 0.498) 0px -1px 0px; box-sizing: border-box; color: white; display: inline-block; font-family: menlo, consolas, &quot;courier new&quot;, courier, &quot;liberation mono&quot;, monospace; font-size: 14px; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 1.8em; margin-bottom: 10px; margin-top: 0px; max-width: 100%; min-height: 30px; overflow-wrap: break-word; overflow: auto; padding: 0.6em 0.8em; vertical-align: middle; width: 258px; word-break: break-all;"><code style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; color: inherit; font-size: inherit; overflow-wrap: break-word; padding: 1px 0px; word-break: normal;">/* NAVIGATION MENU<br />***************************/<br />.fauxborder-left .tabs-fauxborder-left {<br /> padding-top: 5px;<br /> border-top: 1px solid #cccccc;<br /> border-bottom: 1px solid #cccccc;<br /> height: 40px;<br />}<br />#Label1 {<br /> margin-top: 0;<br />}<br />.tabs-inner .section:first-child {<br /> border: 0;<br />}<br />#crosscol {<br /> display: block;<br /> position: absolute;<br /> left: 10%<br />}<br />#crosscol-overflow {<br /> display: block;<br /> position: absolute;<br /> right: 10%<br />}<br />#crosscol-overflow .widget ul{<br /> overflow: hidden;<br /> display: inline-block;<br /> border-radius: 4px;<br /> -moz-border-radius: 4px;<br /> -webkit-border-radius: 4px;<br /> box-shadow: 0 0 4px rgba(255, 255, 255, 0.6);<br /> -moz-box-shadow: 0 0 4px rgba(255, 255, 255, 0.6);<br /> -webkit-box-shadow: 0 0 4px rgba(255, 255, 255, 0.6);<br />}<br />#crosscol-overflow .widget ul li{<br /> background-color: #f0f0f0;<br /> background-image: -webkit-gradient(linear,left top, left bottom, from(#fefefe), color-stop(0.5,#f0f0f0), color-stop(0.51, #e6e6e6));<br /> background-image: -moz-linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);<br /> background-image: -o-linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);<br /> background-image: -ms-linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);<br /> background-image: linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);<br /> border-right: 1px solid rgba(9, 9, 9, 0.125);<br /> box-shadow: 1px -1px 0 rgba(255, 255, 255, 0.6) inset;<br /> -moz-box-shadow: 1px -1px 0 rgba(255, 255, 255, 0.6) inset;<br /> -webkit-box-shadow: 1px -1px 0 rgba(255, 255, 255, 0.6) inset;<br /> position:relative;<br /> float: left;<br /> list-style: none;<br /> line-height: 258%;<br />}<br /></code></pre></div></div><div class="custom-list" list-title="Step 9" style="background-color: white; box-sizing: border-box; color: #333333; font-size: 21px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 31.5px; widows: 1;"></div><p style="background-color: white; box-sizing: border-box; color: #333333; font-size: 21px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 31.5px; margin: 30px 0px 1rem; padding: 0px; widows: 1;">Now add labels to all post’s in the<code class="highlighter-rouge" style="background-color: #dddddd; border-radius: 1px; border: 0px; box-sizing: border-box; color: #e83e8c; font-size: 18.375px; overflow-wrap: break-word; padding: 2px 4px;">Posts</code><span class="Apple-converted-space">&nbsp;</span>tab →<span class="Apple-converted-space">&nbsp;</span><code class="highlighter-rouge" style="background-color: #dddddd; border-radius: 1px; border: 0px; box-sizing: border-box; color: #e83e8c; font-size: 18.375px; overflow-wrap: break-word; padding: 2px 4px;">Edit</code><span class="Apple-converted-space">&nbsp;</span>→<span class="Apple-converted-space">&nbsp;</span><code class="highlighter-rouge" style="background-color: #dddddd; border-radius: 1px; border: 0px; box-sizing: border-box; color: #e83e8c; font-size: 18.375px; overflow-wrap: break-word; padding: 2px 4px;">Post Settings</code><span class="Apple-converted-space">&nbsp;</span>→<span class="Apple-converted-space">&nbsp;</span><code class="highlighter-rouge" style="background-color: #dddddd; border-radius: 1px; border: 0px; box-sizing: border-box; color: #e83e8c; font-size: 18.375px; overflow-wrap: break-word; padding: 2px 4px;">Labels</code><span class="Apple-converted-space">&nbsp;</span>and you done.</p>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6915546293629106045.post-41992956975791754402020-08-23T19:42:00.009+06:002020-08-23T19:55:53.535+06:00<header class="masthead" i-amphtml-fixedid="F0" style="background-color: white; box-shadow: rgba(0, 0, 0, 0.098) 0px 1px 0px 0px; box-sizing: border-box; display: flex; font-variant-east-asian: normal; font-variant-numeric: normal; height: 71px; justify-content: space-between; line-height: normal; margin: 0px; overflow: hidden; padding: 0px 15px; position: fixed; top: calc(0px); widows: 1; width: 320px; z-index: 99;"><div class="linkset-wrapper subscribe-and-login-links" style="box-sizing: border-box; padding-top: 20px; position: relative;"><br /></div></header><main style="box-sizing: border-box; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: normal; widows: 1;"><article style="box-sizing: border-box; font-size: 17.5px; line-height: 28px; padding: 0px 15px;"><section class="article-content typography" style="box-sizing: border-box; font-family: tiempostextweb, georgia, times, serif; margin-top: 15px;"><span class="full-width" style="box-sizing: border-box;"><figure style="box-sizing: border-box; line-height: 1; margin: 0px; padding: 0px;"><amp-img alt="google gmail" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined i-amphtml-element i-amphtml-layout" height="500" i-amphtml-auto-lightbox-visited="" i-amphtml-layout="responsive" layout="responsive" lightbox="i-amphtml-auto-lightbox-0" src="https://i-insider-com.cdn.ampproject.org/i/s/i.insider.com/5d9ccef0591bb7582a7e8f06?width=750&amp;format=jpeg&amp;auto=webp" srcset="https://i-insider-com.cdn.ampproject.org/i/s/i.insider.com/5d9ccef0591bb7582a7e8f06?width=320&amp;format=jpeg&amp;auto=webp 320w, https://i-insider-com.cdn.ampproject.org/i/s/i.insider.com/5d9ccef0591bb7582a7e8f06?width=480&amp;format=jpeg&amp;auto=webp 480w, https://i-insider-com.cdn.ampproject.org/i/s/i.insider.com/5d9ccef0591bb7582a7e8f06?width=640&amp;format=jpeg&amp;auto=webp 640w, https://i-insider-com.cdn.ampproject.org/i/s/i.insider.com/5d9ccef0591bb7582a7e8f06?width=960&amp;format=jpeg&amp;auto=webp 960w, https://i-insider-com.cdn.ampproject.org/i/s/i.insider.com/5d9ccef0591bb7582a7e8f06?width=1260&amp;format=jpeg&amp;auto=webp 1260w, https://i-insider-com.cdn.ampproject.org/i/s/i.insider.com/5d9ccef0591bb7582a7e8f06?width=1920&amp;format=jpeg&amp;auto=webp 1920w" style="--loader-delay-offset: 600ms !important; box-sizing: border-box; display: block; overflow: hidden; position: relative;" width="750"><i-amphtml-sizer slot="i-amphtml-svc" style="box-sizing: border-box; display: block; padding-top: 193.328px;"></i-amphtml-sizer><img alt="google gmail" class="i-amphtml-fill-content i-amphtml-replaced-content" decoding="async" sizes="(max-width: 320px) 290px, 100vw" src="https://i-insider-com.cdn.ampproject.org/i/s/i.insider.com/5d9ccef0591bb7582a7e8f06?width=750&amp;format=jpeg&amp;auto=webp" srcset="https://i-insider-com.cdn.ampproject.org/i/s/i.insider.com/5d9ccef0591bb7582a7e8f06?width=320&amp;format=jpeg&amp;auto=webp 320w, https://i-insider-com.cdn.ampproject.org/i/s/i.insider.com/5d9ccef0591bb7582a7e8f06?width=480&amp;format=jpeg&amp;auto=webp 480w, https://i-insider-com.cdn.ampproject.org/i/s/i.insider.com/5d9ccef0591bb7582a7e8f06?width=640&amp;format=jpeg&amp;auto=webp 640w, https://i-insider-com.cdn.ampproject.org/i/s/i.insider.com/5d9ccef0591bb7582a7e8f06?width=960&amp;format=jpeg&amp;auto=webp 960w, https://i-insider-com.cdn.ampproject.org/i/s/i.insider.com/5d9ccef0591bb7582a7e8f06?width=1260&amp;format=jpeg&amp;auto=webp 1260w, https://i-insider-com.cdn.ampproject.org/i/s/i.insider.com/5d9ccef0591bb7582a7e8f06?width=1920&amp;format=jpeg&amp;auto=webp 1920w" style="border: none; bottom: 0px; box-sizing: border-box; display: block; height: 0px; left: 0px; margin: auto; max-height: 100%; max-width: 100%; min-height: 100%; min-width: 100%; padding: 0px; position: absolute; right: 0px; top: 0px; width: 0px;" /></amp-img><span class="image-source-caption" style="box-sizing: border-box; display: block; margin: 10px 20px 10px 0px;"><span face="" style="font-family: labgrotesque, helvetica, arial, sans-serif; font-weight: 900;"><br /></span></span><span class="image-source-caption" style="box-sizing: border-box; display: block; margin: 10px 20px 10px 0px;"><span face="" style="font-family: labgrotesque, helvetica, arial, sans-serif; font-weight: 900;">Whether it's to send your workload along to someon else while you're on vacation or to ensure you get your emails while on the move, it's easy to automatically forward emails in Gmail to another email address.&nbsp;</span></span></figure></span><p style="box-sizing: border-box; color: #222222; margin: 1em 0px;">The forwarding address doesn't need to be a Gmail email account, and you can also turn the function on or off any time.</p><p style="box-sizing: border-box; color: #222222; margin: 1em 0px;">Here's how to enable or disable it.&nbsp;&nbsp;</p><h3 style="box-sizing: border-box; font-family: labgrotesque, helvetica, arial, sans-serif; line-height: 1.1em;"><br /></h3><h2 style="box-sizing: border-box; font-family: labgrotesque, helvetica, arial, sans-serif; line-height: 1.1em; margin: 0px 0px 5px;">How to automatically forward emails in Gmail&nbsp;</h2><p style="box-sizing: border-box; color: #222222; margin: 1em 0px;"><span style="box-sizing: border-box; font-weight: 600;">1.</span><span class="Apple-converted-space">&nbsp;</span>Log into your Gmail account on your<span class="Apple-converted-space">&nbsp;</span><a data-analytics-module="body_link" data-vars-hyper-link="https://bestbuy.7tiv.net/c/196318/614286/10014?u=https%3A%2F%2Fwww.bestbuy.com%2Fsite%2Fapple-macbook-pro-13-display-with-touch-bar-intel-core-i5-8gb-memory-128gb-ssd-latest-model-space-gray%2F5998700.p%3FskuId%3D5998700" data-vars-link-domain="AMP" data-vars-link-type="Outbound Click" href="https://bestbuy.7tiv.net/c/196318/614286/10014?u=https%3A%2F%2Fwww.bestbuy.com%2Fsite%2Fapple-macbook-pro-13-display-with-touch-bar-intel-core-i5-8gb-memory-128gb-ssd-latest-model-space-gray%2F5998700.p%3FskuId%3D5998700&amp;subid2=AMP" rel="nofollow" style="border-color: rgb(0, 112, 154); box-sizing: border-box; color: #00709a; text-decoration-line: none;" target="_top">Mac</a><span class="Apple-converted-space">&nbsp;</span>or<span class="Apple-converted-space">&nbsp;</span><a data-analytics-module="body_link" data-vars-hyper-link="https://bestbuy.7tiv.net/c/196318/614286/10014?u=https%3A%2F%2Fwww.bestbuy.com%2Fsite%2Flenovo-ideapad-130-15-6-laptop-amd-a9-series-4gb-memory-amd-radeon-r5-128gb-solid-state-drive-black%2F6323661.p%3FskuId%3D6323661" data-vars-link-domain="AMP" data-vars-link-type="Outbound Click" href="https://bestbuy.7tiv.net/c/196318/614286/10014?u=https%3A%2F%2Fwww.bestbuy.com%2Fsite%2Flenovo-ideapad-130-15-6-laptop-amd-a9-series-4gb-memory-amd-radeon-r5-128gb-solid-state-drive-black%2F6323661.p%3FskuId%3D6323661&amp;subid2=AMP" rel="nofollow" style="border-color: rgb(0, 112, 154); box-sizing: border-box; color: #00709a; text-decoration-line: none;" target="_top">PC</a>.&nbsp;</p><p style="box-sizing: border-box; color: #222222; margin: 1em 0px;"><span style="box-sizing: border-box; color: #222222; font-weight: 600;">2.</span><span class="Apple-converted-space" style="color: #222222;">&nbsp;</span><span style="color: #222222;">Click on the gear icon near the top right, then select "Settings."</span></p><p style="box-sizing: border-box; color: #222222; margin: 1em 0px;"></p><figure style="box-sizing: border-box; line-height: 1; margin: 0px;"><amp-img alt="Gmail Forwarding" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined i-amphtml-element i-amphtml-layout" height="470" i-amphtml-auto-lightbox-visited="" i-amphtml-layout="responsive" layout="responsive" lightbox="i-amphtml-auto-lightbox-1" src="https://i-insider-com.cdn.ampproject.org/i/s/i.insider.com/5e553a3efee23d712779e977?width=750&amp;format=jpeg&amp;auto=webp" srcset="https://i-insider-com.cdn.ampproject.org/i/s/i.insider.com/5e553a3efee23d712779e977?width=320&amp;format=jpeg&amp;auto=webp 320w, https://i-insider-com.cdn.ampproject.org/i/s/i.insider.com/5e553a3efee23d712779e977?width=480&amp;format=jpeg&amp;auto=webp 480w, https://i-insider-com.cdn.ampproject.org/i/s/i.insider.com/5e553a3efee23d712779e977?width=640&amp;format=jpeg&amp;auto=webp 640w, https://i-insider-com.cdn.ampproject.org/i/s/i.insider.com/5e553a3efee23d712779e977?width=960&amp;format=jpeg&amp;auto=webp 960w, https://i-insider-com.cdn.ampproject.org/i/s/i.insider.com/5e553a3efee23d712779e977?width=1260&amp;format=jpeg&amp;auto=webp 1260w" style="--loader-delay-offset: 126ms !important; box-sizing: border-box; display: block; overflow: hidden; position: relative;" width="750"><i-amphtml-sizer slot="i-amphtml-svc" style="box-sizing: border-box; display: block; padding-top: 181.719px;"></i-amphtml-sizer><img alt="Gmail Forwarding" class="i-amphtml-fill-content i-amphtml-replaced-content" decoding="async" sizes="(max-width: 320px) 290px, 100vw" src="https://i-insider-com.cdn.ampproject.org/i/s/i.insider.com/5e553a3efee23d712779e977?width=750&amp;format=jpeg&amp;auto=webp" srcset="https://i-insider-com.cdn.ampproject.org/i/s/i.insider.com/5e553a3efee23d712779e977?width=320&amp;format=jpeg&amp;auto=webp 320w, https://i-insider-com.cdn.ampproject.org/i/s/i.insider.com/5e553a3efee23d712779e977?width=480&amp;format=jpeg&amp;auto=webp 480w, https://i-insider-com.cdn.ampproject.org/i/s/i.insider.com/5e553a3efee23d712779e977?width=640&amp;format=jpeg&amp;auto=webp 640w, https://i-insider-com.cdn.ampproject.org/i/s/i.insider.com/5e553a3efee23d712779e977?width=960&amp;format=jpeg&amp;auto=webp 960w, https://i-insider-com.cdn.ampproject.org/i/s/i.insider.com/5e553a3efee23d712779e977?width=1260&amp;format=jpeg&amp;auto=webp 1260w" style="border: none; bottom: 0px; box-sizing: border-box; display: block; height: 0px; left: 0px; margin: auto; max-height: 100%; max-width: 100%; min-height: 100%; min-width: 100%; padding: 0px; position: absolute; right: 0px; top: 0px; width: 0px;" /></amp-img><span class="image-source-caption" style="box-sizing: border-box; display: block; margin: 10px 20px 10px 0px;"><figcaption class="headline-bold" style="box-sizing: border-box; display: inline; font-family: labgrotesque, helvetica, arial, sans-serif; font-size: 14px; font-weight: 900; line-height: 1.2em; margin-right: 4px;">Select "Settings" on the dropdown menu.<span class="Apple-converted-space">&nbsp;</span></figcaption></span></figure><p style="box-sizing: border-box; color: #222222; margin: 1em 0px;"></p><p style="box-sizing: border-box; color: #222222; margin: 1em 0px;"><span style="box-sizing: border-box; font-weight: 600;">3.</span><span class="Apple-converted-space">&nbsp;</span>On the next page, click on the tab that says "Forwarding and POP/MAP."</p><p style="box-sizing: border-box; color: #222222; margin: 1em 0px;"><span style="box-sizing: border-box; font-weight: 600;">4.</span><span class="Apple-converted-space">&nbsp;</span>Click the box with the words "Add a forwarding address."</p><p style="box-sizing: border-box; color: #222222; margin: 1em 0px;"><span style="box-sizing: border-box; font-weight: 600;">5.</span><span class="Apple-converted-space">&nbsp;</span>Enter the email to which emails will be forwarded into the bar that pops up, then hit "Next," then "Proceed" in the next popup.</p><p style="box-sizing: border-box; color: #222222; margin: 1em 0px;"></p><figure style="box-sizing: border-box; line-height: 1; margin: 0px;"><amp-img alt="Gmail Forwarding 2" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined i-amphtml-element i-amphtml-layout" height="408" i-amphtml-auto-lightbox-visited="" i-amphtml-layout="responsive" layout="responsive" lightbox="i-amphtml-auto-lightbox-2" src="https://i-insider-com.cdn.ampproject.org/i/s/i.insider.com/5e553a5ffee23d715226ae86?width=750&amp;format=jpeg&amp;auto=webp" srcset="https://i-insider-com.cdn.ampproject.org/i/s/i.insider.com/5e553a5ffee23d715226ae86?width=320&amp;format=jpeg&amp;auto=webp 320w, https://i-insider-com.cdn.ampproject.org/i/s/i.insider.com/5e553a5ffee23d715226ae86?width=480&amp;format=jpeg&amp;auto=webp 480w, https://i-insider-com.cdn.ampproject.org/i/s/i.insider.com/5e553a5ffee23d715226ae86?width=640&amp;format=jpeg&amp;auto=webp 640w, https://i-insider-com.cdn.ampproject.org/i/s/i.insider.com/5e553a5ffee23d715226ae86?width=960&amp;format=jpeg&amp;auto=webp 960w, https://i-insider-com.cdn.ampproject.org/i/s/i.insider.com/5e553a5ffee23d715226ae86?width=1260&amp;format=jpeg&amp;auto=webp 1260w" style="--loader-delay-offset: 259ms !important; box-sizing: border-box; display: block; overflow: hidden; position: relative;" width="750"><i-amphtml-sizer slot="i-amphtml-svc" style="box-sizing: border-box; display: block; padding-top: 157.75px;"></i-amphtml-sizer><img alt="Gmail Forwarding 2" class="i-amphtml-fill-content i-amphtml-replaced-content" decoding="async" sizes="(max-width: 320px) 290px, 100vw" src="https://i-insider-com.cdn.ampproject.org/i/s/i.insider.com/5e553a5ffee23d715226ae86?width=750&amp;format=jpeg&amp;auto=webp" srcset="https://i-insider-com.cdn.ampproject.org/i/s/i.insider.com/5e553a5ffee23d715226ae86?width=320&amp;format=jpeg&amp;auto=webp 320w, https://i-insider-com.cdn.ampproject.org/i/s/i.insider.com/5e553a5ffee23d715226ae86?width=480&amp;format=jpeg&amp;auto=webp 480w, https://i-insider-com.cdn.ampproject.org/i/s/i.insider.com/5e553a5ffee23d715226ae86?width=640&amp;format=jpeg&amp;auto=webp 640w, https://i-insider-com.cdn.ampproject.org/i/s/i.insider.com/5e553a5ffee23d715226ae86?width=960&amp;format=jpeg&amp;auto=webp 960w, https://i-insider-com.cdn.ampproject.org/i/s/i.insider.com/5e553a5ffee23d715226ae86?width=1260&amp;format=jpeg&amp;auto=webp 1260w" style="border: none; bottom: 0px; box-sizing: border-box; display: block; height: 0px; left: 0px; margin: auto; max-height: 100%; max-width: 100%; min-height: 100%; min-width: 100%; padding: 0px; position: absolute; right: 0px; top: 0px; width: 0px;" /></amp-img><span class="image-source-caption" style="box-sizing: border-box; display: block; margin: 10px 20px 10px 0px;"><figcaption class="headline-bold" style="box-sizing: border-box; display: inline; font-family: labgrotesque, helvetica, arial, sans-serif; font-size: 14px; font-weight: 900; line-height: 1.2em; margin-right: 4px;">Emails automatically forwarded from Gmail will still be available in your Gmail inbox.<span class="Apple-converted-space">&nbsp;</span></figcaption></span></figure><p style="box-sizing: border-box; color: #222222; margin: 1em 0px;"></p><p style="box-sizing: border-box; color: #222222; margin: 1em 0px;"><span style="box-sizing: border-box; font-weight: 600;">6.</span><span class="Apple-converted-space">&nbsp;</span>You will now be informed that a confirmation request has been sent to the other email account; log into that email account and open the Google email, get the confirmation code, and enter it into the box indicated</p><p style="box-sizing: border-box; color: #222222; margin: 1em 0px;"><span style="box-sizing: border-box; font-weight: 600;">7.</span><span class="Apple-converted-space">&nbsp;</span>Click "Save changes."</p><p style="box-sizing: border-box; color: #222222; margin: 1em 0px;">To turn email forwarding back off, just click "Disable forwarding" on the same page where you set it up</p></section></article></main>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6915546293629106045.post-25861789980744742962020-07-26T20:12:00.000+06:002020-09-02T22:04:01.345+06:00<font size="5">STEP 1</font><div><br /></div><div>Go to blogger dashboard and navigate to&nbsp;<b>Theme</b>.<br /><br /><br /><font size="5">STEP 2</font></div><div><br /></div><div>If you are using old blogger interface(Legacy interface) then click on Edit Html.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://4.bp.blogspot.com/-qtEGf6bzRD4/V5IE9ktBKsI/AAAAAAAAFyI/C7d6cN7S3p8NfBZsSfcphcb8qv5jTpJygCLcB/s1600/how%2Bto%2Bedit%2Bhtml%2Bin%2Bblogger.png" style="margin-left: 1em; margin-right: 1em;"><img alt="how to edit html in blogger" border="0" height="278" src="https://4.bp.blogspot.com/-qtEGf6bzRD4/V5IE9ktBKsI/AAAAAAAAFyI/C7d6cN7S3p8NfBZsSfcphcb8qv5jTpJygCLcB/s400/how%2Bto%2Bedit%2Bhtml%2Bin%2Bblogger.png" title="" width="400" /></a></div><div><br /></div><div>But if you are using new blogger interface then click on dotted menu and click on Edit HTML.</div><div><br /></div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-mwRn175WEpM/Xx2R9IFpHvI/AAAAAAAAIbY/fxFWEosErscYh-Br_saJxDo9Fl00wGxeACLcBGAsYHQ/s872/how-to-edit-blogger-theme-new.png" style="margin-left: 1em; margin-right: 1em;"><img alt="how-to-edit-blogger-theme-new" border="0" data-original-height="556" data-original-width="872" height="255" src="https://1.bp.blogspot.com/-mwRn175WEpM/Xx2R9IFpHvI/AAAAAAAAIbY/fxFWEosErscYh-Br_saJxDo9Fl00wGxeACLcBGAsYHQ/w400-h255/how-to-edit-blogger-theme-new.png" width="400" /></a></div><div><br /></div><div><br /></div><div><font size="5">STEP 3</font></div><br />Search for&nbsp;<b>&lt;head&gt;</b>&nbsp;and just below it paste the following code.<div><br /><div class="code">&lt;link href='https://cdn.jsdelivr.net/gh/101Helper/mobile@master/swiper.css' rel='stylesheet'/&gt;<br />&lt;script src='https://cdn.jsdelivr.net/gh/101Helper/mobile@master/swiper.js'/&gt;</div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-4rr9YO5rn8c/V5IGEJYg7GI/AAAAAAAAFyU/BvLid8k5fF4NfpB87YhZ9LqCQkT17qk8QCLcB/s1600/how%2Bto%2Badd%2Bjavascript%2Band%2Bcss%2Bcode%2Bin%2Bblogger.png" style="margin-left: 1em; margin-right: 1em;"><img alt="how to add javascript and css code in blogger" border="0" height="202" src="https://1.bp.blogspot.com/-4rr9YO5rn8c/V5IGEJYg7GI/AAAAAAAAFyU/BvLid8k5fF4NfpB87YhZ9LqCQkT17qk8QCLcB/s400/how%2Bto%2Badd%2Bjavascript%2Band%2Bcss%2Bcode%2Bin%2Bblogger.png" title="" width="400" /></a></div><div><font size="5"><br /></font></div><font size="5">STEP 4</font><br /><br /></div><div>Click on&nbsp;<b>Save template</b>.<br /><br /><br /><font size="5">STEP 5</font><br /><b></b><br /></div><div>Go to&nbsp;<b>Layout</b>, click on add a gadget<b>&nbsp;</b>and open Html/Javascript.<br /><br /><br /><font size="5">STEP 6</font><br /><br />Copy code of desired swiper from below and paste it into Html/Javascript. <div id='refer'> <li><a href='https://101helper.blogspot.com/2020/07/text-only-swiper-carousel-widget.html'>Text only Swiper carousel widget Blogger mobile site</a></li> <li><a href='https://101helper.blogspot.com/2020/07/dark-mini-swiper-carousel-widget-for.html'>Dark mini swiper carousel widget For Blogger mobile</a></li> <li><a href='https://101helper.blogspot.com/2020/07/mega-swiper-carousel-widget-blogger.html'>Mega swiper carousel widget Blogger mobile site only</a></li> <li><a href='https://101helper.blogspot.com/2020/07/mega-swiper-carousel-blogger-widget.html'>Mega swiper carousel Blogger widget Mobile and Desktop site</a></li></div></div><div><div><br />Click on save and&nbsp;note the ID of your gadget or give it a title so that you could find it easily for next steps.</div><div><br /></div><div><br /></div><div><font size="5">STEP 7</font><br /><br /><div class="to-lock">Go to template and find the swiper gadget which you just added by its ID or by its Title.<br /><br /><br /><font size="5">STEP 8</font><br /><br />After finding the swiper gadget in your template, you will see a line of code like this:<br /><br />&lt;b:widget id='HTML1' locked='false' title='Swiper' type='HTML' visible='true'&gt;<br /><br />You need to add&nbsp;<b>mobile='yes'&nbsp;</b>after&nbsp;<b>locked='false'&nbsp;</b>like this:<br /><br />&lt;b:widget id='HTML1' locked='false'&nbsp;<b>mobile='yes'&nbsp;</b>title='Swiper' type='HTML' visible='true'&gt;<br /><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://2.bp.blogspot.com/-guqmIXrhCnM/V5IJn0aPOPI/AAAAAAAAFyg/iVTCvHoleS8mmM6bFQEF3K621kUhP17yACLcB/s1600/swiper%2Bin%2Bblogger%2Bmobile%2Bsite.png" style="margin-left: 1em; margin-right: 1em;"><img alt="swiper in blogger mobile site" border="0" height="140" src="https://2.bp.blogspot.com/-guqmIXrhCnM/V5IJn0aPOPI/AAAAAAAAFyg/iVTCvHoleS8mmM6bFQEF3K621kUhP17yACLcB/s400/swiper%2Bin%2Bblogger%2Bmobile%2Bsite.png" title="" width="400" /></a></div><div class="to-lock"><br /></div><div class="to-lock"><br /></div><div class="to-lock"><font size="5">STEP 9</font></div><br />Click on save and you are done, now you just need to enable mobile custom template for your blog and swiper will start showing up in your phone.<br /><br /><br /><br /><font size="5">STEP 10</font></div><div class="to-lock"><br /></div><div class="to-lock">Go to template and click on settings icon below mobile template in old blogger interface i.e Legacy interface.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-PEqrlw_nJsI/V5IKucKsTZI/AAAAAAAAFys/mh7g_B-DD5UsmSxfCB-71bLf0LLoAAQEgCLcB/s1600/how%2Bto%2Bchange%2Bmobile%2Btemplate%2Bin%2Bblogger.png" style="margin-left: 1em; margin-right: 1em;"><img alt="how to change mobile template in blogger" border="0" height="320" src="https://1.bp.blogspot.com/-PEqrlw_nJsI/V5IKucKsTZI/AAAAAAAAFys/mh7g_B-DD5UsmSxfCB-71bLf0LLoAAQEgCLcB/s320/how%2Bto%2Bchange%2Bmobile%2Btemplate%2Bin%2Bblogger.png" title="" width="183" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: left;">But if you are using new blogger interface then click on the dotted menu as shown in below image and click on <b>Mobile Settings</b>.</div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-L68O8ui-8Ls/Xx2Sl5jPiQI/AAAAAAAAIbg/s6T23icomz0aNSrH8AyPKXr7MaowzjKhACLcBGAsYHQ/s872/how-to-edit-blogger-theme-new.png" style="margin-left: 1em; margin-right: 1em;"><img alt="how-to-edit-blogger-theme-new" border="0" data-original-height="556" data-original-width="872" height="255" src="https://1.bp.blogspot.com/-L68O8ui-8Ls/Xx2Sl5jPiQI/AAAAAAAAIbg/s6T23icomz0aNSrH8AyPKXr7MaowzjKhACLcBGAsYHQ/w400-h255/how-to-edit-blogger-theme-new.png" width="400" /></a></div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="to-lock"><font size="5">STEP 10</font></div><br />Choose&nbsp;<b>Custom&nbsp;</b>template for your mobile template and click on save button.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-fHd23gauVHM/V5IL0Ov4VWI/AAAAAAAAFy4/2el_ER21yE0evC23_hsXiyw3OiGgpb_ogCLcB/s1600/how%2Bto%2Benable%2Bcustom%2Btemplate%2Bfor%2Bblogger%2Bmobile%2Bsite.png" style="margin-left: 1em; margin-right: 1em;"><img alt="how to enable custom template for blogger mobile site" border="0" height="348" src="https://1.bp.blogspot.com/-fHd23gauVHM/V5IL0Ov4VWI/AAAAAAAAFy4/2el_ER21yE0evC23_hsXiyw3OiGgpb_ogCLcB/s400/how%2Bto%2Benable%2Bcustom%2Btemplate%2Bfor%2Bblogger%2Bmobile%2Bsite.png" title="" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: left;">This is it. You are done. Visit your blogger mobile site by adding a suffix ?m=1 to see your swiper carousel widget live.</div><div class="separator" style="clear: both; text-align: left;"><br /></div><h2 style="clear: both; text-align: left;">NOTE</h2><div>If your swiper carousel widget is not working then follow Step 8 again after enabling mobile custom theme as shown in step 9 and 10.</div><div><br /></div><div>If you have any questions or suggestions or the widget is not working for you then please leave a comment below to help us improve the widget. Thanks for visiting.</div></div></div></div></div><br /><a class="nexter" href="https://101helper.blogspot.com/2020/07/how-to-customize-blogger-swiper.html"> <span class="nexter_inner">HOW TO CUSTOMIZE BLOGGER SWIPER CAROUSEL WIDGET?</span></a><style> div#refer li::after { content: '\f105'; font-family:fontawesome; float: right; color: #000; font-size:19px; } div#refer a { text-decoration: none; } div#refer li { margin: 10px 0px; } div#refer { list-style: none; margin: 20px 0px; } </style><script>if (window.location.href.indexOf("no-refer") != -1) { $("#refer").hide(); } </script>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6915546293629106045.post-35713329660600969652020-07-26T20:02:00.000+06:002020-09-02T22:04:42.668+06:00<h2 style="text-align: left;"><span style="font-weight: normal;">SCREENSHOT</span></h2><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-uuxyA9vbFqo/Xx2Ma6rDMCI/AAAAAAAAIbM/MiCbWNIbbM8W2Rz9wmODI4RFBTFC2fhvwCLcBGAsYHQ/s228/text-only-blogger-swiper-carousel-widget.png" style="margin-left: 1em; margin-right: 1em;"><img alt="text-only-blogger-swiper-carousel-widget" border="0" data-original-height="228" data-original-width="223" height="320" src="https://1.bp.blogspot.com/-uuxyA9vbFqo/Xx2Ma6rDMCI/AAAAAAAAIbM/MiCbWNIbbM8W2Rz9wmODI4RFBTFC2fhvwCLcBGAsYHQ/w313-h320/text-only-blogger-swiper-carousel-widget.png" width="313" /></a></div><div><br /></div><h2 style="text-align: left;"><span style="font-weight: normal;">FEATURES</span></h2><div><br /></div><div>1. No thumbnails or images carousel swiper.</div><div><br /></div><div>2. Fully customizable.</div><div><br /></div><div>3. Simple style.</div><div><br /></div><div>4. Buttons and text colors can be changed with css.</div><div><br /></div><div>5. Touch control can be enabled or disabled.</div><div><br /></div><h2 style="text-align: left;"><span style="font-weight: normal;">TEXT ONLY CAROUSEL WIDGET CODE</span></h2><div class="code"><div><br /></div><div>&lt;style&gt;<br />.swiper-container.swiper-container-horizontal {background: #eee;padding: 10px 0px;}<br />.swiper-container{width:100%;height:200px;margin:20px auto;}<br />.swiper-container.swiper-container-horizontal img { width: 100%; height: 130px; margin: 0; right: 0.5px; position: relative; }<br />.swiper-slide {<br />&nbsp; &nbsp; height: 190px;<br />&nbsp; &nbsp; padding: 5px;<br />&nbsp; &nbsp; text-align: center;<br />&nbsp; &nbsp; font-size: 18px;<br />&nbsp; &nbsp; display: -webkit-box;<br />&nbsp; &nbsp; display: -ms-flexbox;<br />&nbsp; &nbsp; display: -webkit-flex;<br />&nbsp; &nbsp; display: flex;<br />&nbsp; &nbsp; background: url(https://4.bp.blogspot.com/-fvrmeNOwMcU/V48qKKkb9XI/AAAAAAAAFw8/zvVMp3FrvKcDRJ4AC9Rzq9jialOUJBnZQCLcB/s1600/more.png) no-repeat #fff;<br />&nbsp; &nbsp; background-position: 93% 94%;<br />}<br />.swiper-container.swiper-container-horizontal h3 {<br />&nbsp; &nbsp; font-size: 15px;<br />&nbsp; &nbsp; line-height: 1.2;<br />&nbsp; &nbsp; text-align: left;<br />&nbsp; &nbsp; position: relative;<br />&nbsp; &nbsp; color: #2288bb;<br />&nbsp; &nbsp; float: left;<br />}<br />.swiper-container.swiper-container-horizontal p {<br />&nbsp; &nbsp; color: #666;<br />&nbsp; &nbsp; font-size: 14px;<br />&nbsp; &nbsp; padding: 0;<br />&nbsp; &nbsp; text-align: left;<br />&nbsp; &nbsp; margin: 0;<br />&nbsp; &nbsp; float: left;<br />&nbsp; &nbsp; padding-top: 5px;<br />&nbsp; &nbsp; height: 93px;<br />&nbsp; &nbsp; overflow: hidden;<br />}<br />@media only screen and (min-width: 800px) {<br />.swiper-container.swiper-container-horizontal{<br />display:none;<br />}<br />}<br />&lt;/style&gt;<br />&lt;div class="swiper-container swiper-container-horizontal" style="cursor: -webkit-grab;"&gt;<br />&lt;div class="swiper-wrapper" style="transform: translate3d(-562px, 0px, 0px); transition-duration: 0ms;"&gt;<br />&lt;div class="swiper-slide" style="margin-right: 30px;"&gt;&lt;a href="<span style="color: #cc0000;">YOUR POST LINK</span>"&gt;&lt;h3&gt;<span style="color: #6aa84f;">YOUR POST TITLE</span>&lt;/h3&gt;&lt;/a&gt;&lt;p&gt;<span style="color: #e69138;">YOUR POST TEXT(SMALL INTRO)</span>&lt;/p&gt;&lt;/div&gt;<br />&lt;div class="swiper-slide" style="margin-right: 30px;"&gt;&lt;a href="<span style="color: #cc0000;">YOUR POST LINK</span>"&gt;&lt;h3&gt;<span style="color: #6aa84f;">YOUR POST TITLE</span>&lt;/h3&gt;&lt;/a&gt;&lt;p&gt;<span style="color: #e69138;">YOUR POST TEXT(SMALL INTRO)</span>&lt;/p&gt;&lt;/div&gt;<br />&lt;div class="swiper-slide" style="margin-right: 30px;"&gt;&lt;a href="<span style="color: #cc0000;">YOUR POST LINK</span>"&gt;&lt;h3&gt;<span style="color: #6aa84f;">YOUR POST TITLE</span>&lt;/h3&gt;&lt;/a&gt;&lt;p&gt;<span style="color: #e69138;">YOUR POST TEXT(SMALL INTRO)</span>&lt;/p&gt;&lt;/div&gt;<br /><span style="background-color: #cfe2f3;"><b>&lt;div class="swiper-slide swiper-slide-prev" style="margin-right: 30px;"&gt;&lt;a href="</b><span style="color: #cc0000;">YOUR POST LINK</span><b>"&gt;&lt;h3&gt;</b><span style="color: #6aa84f;">YOUR POST TITLE</span><b>&lt;/h3&gt;&lt;/a&gt;&lt;p&gt;</b><span style="color: #e69138;">YOUR POST TEXT(SMALL INTRO)</span><b>&lt;/p&gt;&lt;/div&gt;</b></span><br /><span style="background-color: #cfe2f3;"><b>&lt;div class="swiper-slide swiper-slide-active" style="margin-right: 30px;"&gt;&lt;a href="</b><span style="color: #cc0000;">YOUR POST LINK</span><b>"&gt;&lt;h3&gt;</b><span style="color: #6aa84f;">YOUR POST TITLE</span><b>&lt;/h3&gt;&lt;/a&gt;&lt;p&gt;</b><span style="color: #e69138;">YOUR POST TEXT(SMALL INTRO)</span><b>&lt;/p&gt;&lt;/div&gt;</b></span><br /><span style="background-color: #cfe2f3;"><b>&lt;div class="swiper-slide swiper-slide-next" style="margin-right: 30px;"&gt;&lt;a href="</b><span style="color: #cc0000;">YOUR POST LINK</span><b>"&gt;&lt;h3&gt;</b><span style="color: #6aa84f;">YOUR POST TITLE</span><b>&lt;/h3&gt;&lt;/a&gt;&lt;p&gt;</b><span style="color: #e69138;">YOUR POST TEXT(SMALL INTRO)</span><b>&lt;/p&gt;&lt;/div&gt;</b></span><br />&lt;div class="swiper-slide" style="margin-right: 30px;"&gt;&lt;a href="<span style="color: #cc0000;">YOUR POST LINK</span>"&gt;&lt;h3&gt;<span style="color: #6aa84f;">YOUR POST TITLE</span>&lt;/h3&gt;&lt;/a&gt;&lt;p&gt;<span style="color: #e69138;">YOUR POST TEXT(SMALL INTRO)</span>&lt;/p&gt;&lt;/div&gt;<br />&lt;div class="swiper-slide" style="margin-right: 30px;"&gt;&lt;a href="<span style="color: #cc0000;">YOUR POST LINK</span>"&gt;&lt;h3&gt;<span style="color: #6aa84f;">YOUR POST TITLE</span>&lt;/h3&gt;&lt;/a&gt;&lt;p&gt;<span style="color: #e69138;">YOUR POST TEXT(SMALL INTRO)</span>&lt;/p&gt;&lt;/div&gt;<br /><span style="background-color: #ffe599;">&lt;/div&gt;</span><br /><span style="background-color: #ffe599;">&lt;/div&gt;</span><br />&lt;script&gt;<br />&nbsp; &nbsp; var swiper = new Swiper('.swiper-container', {<br />&nbsp; &nbsp; &nbsp; &nbsp; scrollbarHide: true,<br />&nbsp; &nbsp; &nbsp; &nbsp; slidesPerView: '2',<br /><span style="background-color: #f6b26b;">autoplay: true,</span><br /><span style="background-color: #f6b26b;">speed: 2000,</span><br />&nbsp; &nbsp; &nbsp; &nbsp; centeredSlides: true,<br />&nbsp; &nbsp; &nbsp; &nbsp; spaceBetween: 30,<br />&nbsp; &nbsp; &nbsp; &nbsp; grabCursor: true<br />&nbsp; &nbsp; });<br />&nbsp; &nbsp; &lt;/script&gt;</div></div><br/><a href="https://101helper.blogspot.com/2020/07/how-to-install-swiper-carousel-widget.html#no-refer" class="nexter"> <span class="nexter_inner">HOW TO INSTALL SWIPER CAROUSEL WIDGET IN BLOGGER</span></a>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6915546293629106045.post-45143905346569186122020-07-26T19:54:00.000+06:002020-09-02T22:05:05.494+06:00<div id="refer"><a href='https://101helper.blogspot.com/search/label/carousel%20widgets%20blogger'><i class="fa fa-sliders" aria-hidden="true"></i>Install a Swiper Carousel Widget first</a></div><h2>How To Customize Mobile Swiper?</h2><h2><div style="font-size: medium; font-weight: 400;"></div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;">Handle the codes carefully in-case of any removal of a single code can result in stopping of the swiper!</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;">1. Replace YOUR IMAGE LINK HERE with your image links</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;">2. Replace YOUR POST LINK HERE with your post links</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;">3. Replace YOUR TITLE HERE with your post title.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;">4. Replace YOUR POST TEXT HERE with your post text.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;">5. To add more slides add below piece of code above the highlighted area(yellow).</div><div style="font-size: medium; font-weight: 400;"><br /></div></h2><h3>For Only Text Swiper.</h3><h2><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;">&lt;div class="swiper-slide" style="margin-right: 30px;"&gt;&lt;a href="YOUR POST LINK"&gt;&lt;h3&gt;YOUR POST TITLE&lt;/h3&gt;&lt;/a&gt;&lt;p&gt;YOUR POST TEXT(SMALL INTRO)&lt;/p&gt;&lt;/div&gt;</div><div style="font-size: medium; font-weight: 400;"><br /></div></h2><h3>For Image Swiper.</h3><h2><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;">&lt;div class="swiper-slide" style="margin-right: 30px;"&gt;&lt;a href="YOUR POST LINK HERE"&gt;&lt;img src="YOUR IMAGE LINK HERE"/&gt;&lt;h3&gt;YOUR POST TITLE&lt;/h3&gt;&lt;/a&gt;&lt;/div&gt;</div></h2><style>div#refer i { margin-right: 10px; } div#refer a { text-decoration: none; } div#refer { font-size: 30px; margin: 15px 0px; } </style>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6915546293629106045.post-75069944249750700302020-07-26T19:50:00.000+06:002020-09-02T22:05:27.217+06:00<h2 style="text-align: left;"><span style="font-weight: normal;">SCREENSHOT</span></h2><h2 style="text-align: left;"><div class="separator" style="clear: both; text-align: center;"><a href="https://2.bp.blogspot.com/-ZoyzYyr7gEs/V4yRxZQc20I/AAAAAAAAFoQ/yjVMxd8EApwys2DPoySX7586a5oTQI_GACLcB/s400/featured%2Bposts%2Bswiper%2Bfor%2Bmobile%2Bsite%2Bdark%2Btheme.png" style="margin-left: 1em; margin-right: 1em;"><img alt="dark-mini-swiper-carousel-blogger-mobile-site" border="0" data-original-height="400" data-original-width="225" height="400" src="https://2.bp.blogspot.com/-ZoyzYyr7gEs/V4yRxZQc20I/AAAAAAAAFoQ/yjVMxd8EApwys2DPoySX7586a5oTQI_GACLcB/w225-h400/featured%2Bposts%2Bswiper%2Bfor%2Bmobile%2Bsite%2Bdark%2Btheme.png" width="225" /></a></div><span style="font-weight: normal;"><br /></span></h2><h2 style="text-align: left;"><span style="font-weight: normal;">FEATURES</span></h2><p style="text-align: left;"><br /></p><p style="text-align: left;">1. Dark background.</p><p style="text-align: left;">2. Thumbnails enabled.</p><p style="text-align: left;">3. Fully customizable.</p><p style="text-align: left;">4. You can control number of visible carousel elements and space between each carousel element.</p><p style="text-align: left;">5. You have control to enable or disable touch.</p><p style="text-align: left;">6. You can add unlimited carousel elements.</p><h2 style="text-align: left;"><br /><span style="font-weight: normal;">CAROUSEL CODE</span></h2><br /><div class="code"><div>&lt;style&gt;<br />@media only screen and (min-width: 800px) {<br />.swiper-container.swiper-container-horizontal{display:none;}}<br />.swiper-slide a {width: 100%;}<br />.swiper-slide a,.swiper-container.swiper-container-horizontal h3 {color: #fff;}<br />.swiper-container.swiper-container-horizontal {background: #222;padding: 10px 0px;}<br />.swiper-container{width:100%;height:200px;margin:20px auto;}.swiper-slide{height: 190px;padding: 5px;text-align:center;font-size:18px;width:250px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}<br />.swiper-container.swiper-container-horizontal img { width: 100%; height: 130px; margin: 0; right: 0.5px; position: relative; }<br />.swiper-container.swiper-container-horizontal h3 { position: relative; font-size: 17px; width: 95%; padding: 5px; font-weight: normal; text-align: left; }<br />&lt;/style&gt;<br />&lt;div class="swiper-container swiper-container-horizontal" style="cursor: -webkit-grab;"&gt;<br />&lt;div class="swiper-wrapper" style="transform: translate3d(-562px, 0px, 0px); transition-duration: 0ms;"&gt;<br />&lt;div class="swiper-slide" style="margin-right: 30px;"&gt;&lt;a href="YOUR POST LINK HERE"&gt;&lt;img src="YOUR IMAGE LINK HERE"/&gt;&lt;h3&gt;YOUR POST TITLE&lt;/h3&gt;&lt;/a&gt;&lt;/div&gt;<br />&lt;div class="swiper-slide" style="margin-right: 30px;"&gt;&lt;a href="YOUR POST LINK HERE"&gt;&lt;img src="YOUR IMAGE LINK HERE"/&gt;&lt;h3&gt;YOUR POST TITLE&lt;/h3&gt;&lt;/a&gt;&lt;/div&gt;<br />&lt;div class="swiper-slide" style="margin-right: 30px;"&gt;&lt;a href="YOUR POST LINK HERE"&gt;&lt;img src="YOUR IMAGE LINK HERE"/&gt;&lt;h3&gt;YOUR POST TITLE&lt;/h3&gt;&lt;/a&gt;&lt;/div&gt;<br /><span style="background-color: #cfe2f3; color: #464646; font-family: monospace; font-size: 13px;"><b>&lt;div class="swiper-slide swiper-slide-prev" style="margin-right: 30px;"&gt;<span style="color: #cc0000;">&lt;a href="</span></b><span style="color: #cc0000;">YOUR POST LINK HERE</span><b><span style="color: #cc0000;">"&gt;</span><span style="color: #3d85c6;">&lt;img src="</span></b><span style="color: #3d85c6;">YOUR IMAGE LINK HERE</span><b><span style="color: #3d85c6;">"/&gt;</span><span style="color: #6aa84f;">&lt;h3&gt;</span></b><span style="color: #6aa84f;">YOUR POST TITLE</span><b><span style="color: #6aa84f;">&lt;/h3&gt;</span>&lt;/a&gt;&lt;/div&gt;</b></span><br /><span style="background-color: #cfe2f3; color: #464646; font-family: monospace; font-size: 13px;"><b>&lt;div class="swiper-slide swiper-slide-active" style="margin-right: 30px;"&gt;<span style="color: #cc0000;">&lt;a href="</span></b><span style="color: #cc0000;">YOUR POST LINK HERE</span><b><span style="color: #cc0000;">"&gt;</span><span style="color: #3d85c6;">&lt;img src="</span></b><span style="color: #3d85c6;">YOUR IMAGE LINK HERE</span><b><span style="color: #3d85c6;">"/&gt;</span><span style="color: #6aa84f;">&lt;h3&gt;</span></b><span style="color: #6aa84f;">YOUR POST TITLE</span><b><span style="color: #6aa84f;">&lt;/h3&gt;</span>&lt;/a&gt;&lt;/div&gt;</b></span><br /><span style="background-color: #cfe2f3; color: #464646; font-family: monospace; font-size: 13px;"><b>&lt;div class="swiper-slide swiper-slide-next" style="margin-right: 30px;"&gt;<span style="color: #cc0000;">&lt;a href="</span></b><span style="color: #cc0000;">YOUR POST LINK HERE</span><b><span style="color: #cc0000;">"&gt;</span><span style="color: #3d85c6;">&lt;img src="</span></b><span style="color: #3d85c6;">YOUR IMAGE LINK HERE</span><b><span style="color: #3d85c6;">"/&gt;</span><span style="color: #6aa84f;">&lt;h3&gt;</span></b><span style="color: #6aa84f;">YOUR POST TITLE</span><b><span style="color: #6aa84f;">&lt;/h3&gt;</span>&lt;/a&gt;&lt;/div&gt;</b></span><br />&lt;div class="swiper-slide" style="margin-right: 30px;"&gt;&lt;a href="YOUR POST LINK HERE"&gt;&lt;img src="YOUR IMAGE LINK HERE"/&gt;&lt;h3&gt;YOUR POST TITLE&lt;/h3&gt;&lt;/a&gt;&lt;/div&gt;<br />&lt;div class="swiper-slide" style="margin-right: 30px;"&gt;&lt;a href="YOUR POST LINK HERE"&gt;&lt;img src="YOUR IMAGE LINK HERE"/&gt;&lt;h3&gt;YOUR POST TITLE&lt;/h3&gt;&lt;/a&gt;&lt;/div&gt;<br /><span style="background-color: #ffe599; color: #464646; font-family: monospace; font-size: 13px;">&lt;/div&gt;</span><br /><span style="background-color: #ffe599; color: #464646; font-family: monospace; font-size: 13px;">&lt;/div&gt;</span><br />&nbsp; &nbsp; &lt;!-- Initialize Swiper --&gt;<br />&nbsp; &nbsp; &lt;!-- Swiper JS --&gt;<br />&nbsp; &nbsp; &lt;script&gt;<br />&nbsp; &nbsp; var swiper = new Swiper('.swiper-container', {<br />&nbsp; &nbsp; &nbsp; &nbsp; pagination: '.swiper-pagination',<br />&nbsp; &nbsp; &nbsp; &nbsp; slidesPerView: 2,<br />&nbsp; &nbsp; &nbsp; &nbsp; centeredSlides: true,<br />&nbsp; &nbsp; &nbsp; &nbsp; paginationClickable: true,<br />&nbsp; &nbsp; &nbsp; &nbsp; spaceBetween: 30,<br />&nbsp; &nbsp; &nbsp; &nbsp; grabCursor: true<br />&nbsp; &nbsp; });<br />&nbsp; &nbsp; &lt;/script&gt;</div></div><div><br /></div><br/><a href="https://101helper.blogspot.com/2020/07/how-to-install-swiper-carousel-widget.html#no-refer" class="nexter"> <span class="nexter_inner">HOW TO INSTALL SWIPER CAROUSEL WIDGET IN BLOGGER</span></a>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6915546293629106045.post-27207046441623578402020-07-26T19:38:00.000+06:002020-09-03T11:52:26.047+06:00<div dir="ltr" style="text-align: left;" trbidi="on"><h2 style="text-align: left;">SCREENSHOT</h2><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-XOTw5uYmo7I/V4uuLEWtsFI/AAAAAAAAFnc/01kjtvWOlzgM85lNTp3yEjvqAkLM2kzvQCLcB/s400/featured%2Bpost%2Bwidget%2Bfor%2Bmobile%2Bminified%2Bversion.png" style="margin-left: 1em; margin-right: 1em;"><img alt="mega-swiper-blogger-carousel-mobile-site" border="0" data-original-height="286" data-original-width="400" height="286" src="https://1.bp.blogspot.com/-XOTw5uYmo7I/V4uuLEWtsFI/AAAAAAAAFnc/01kjtvWOlzgM85lNTp3yEjvqAkLM2kzvQCLcB/w400-h286/featured%2Bpost%2Bwidget%2Bfor%2Bmobile%2Bminified%2Bversion.png" width="400" /></a></div><div><br /></div><h2 style="text-align: left;">FEATURES</h2><div><br /></div><div>1. Easily customizable.</div><div><br /></div><div>2. Clean code.</div><div><br /></div><div>3. Fast loading widget.</div><div><br /></div><div>4. Hides on desktop.</div><div><br /></div><div>5. On touch moveable.</div><div><br /></div><div>6. No limit on adding carousels.</div><div><br /></div><h2 style="text-align: left;">CODE</h2><br /><div class="code"><div><span style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;">&lt;style&gt;</span><br /><span style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;">@media only screen and (min-width: 800px) {</span><br /><span style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;">.swiper-container.swiper-container-horizontal{display:none;}}</span><br /><span style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;">.swiper-slide a {width: 100%;}</span><br /><span style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;">.swiper-container.swiper-container-horizontal {</span><br /><span style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;">background: #eee;</span><br /><span style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;">padding: 10px 0px;</span><br /><span style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;">}.swiper-container{width:100%;height:280px;margin:20px auto;}.swiper-slide{height: 270px;padding: 5px;text-align:center;font-size:18px;background:#fff;width:250px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}</span><br /><span style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;">.swiper-container.swiper-container-horizontal img {width: 100%;height:160px;margin: 0;right: 0.5px;position: relative;}</span><br /><span style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;">.swiper-container.swiper-container-horizontal h3 { position: absolute; left: 2px; top: 190px; font-size: 17px; width: 95%; padding: 5px; font-weight: normal; text-align: left; }</span><br /><span style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;">&lt;/style&gt;</span><br /><span style="background-color: white; color: #464646; font-family: monospace; font-size: 13px;">&lt;div class="swiper-container swiper-container-horizontal" style="cursor: -webkit-grab;"&gt;</span><br /><span style="background-color: white; color: #464646; font-family: monospace; font-size: 13px;">&lt;div class="swiper-wrapper" style="transform: translate3d(-562px, 0px, 0px); transition-duration: 0ms;"&gt;</span><br /><span style="background-color: white; color: #464646; font-family: monospace; font-size: 13px;">&lt;div class="swiper-slide" style="margin-right: 30px;"&gt;</span><span style="background-color: white; color: #cc0000; font-family: monospace; font-size: 13px;">&lt;a href="YOUR POST LINK HERE"&gt;</span><span style="background-color: white; color: #3d85c6; font-family: monospace; font-size: 13px;">&lt;img src="YOUR IMAGE LINK HERE"/&gt;</span><span style="background-color: white; color: #6aa84f; font-family: monospace; font-size: 13px;">&lt;h3&gt;YOUR POST TITLE&lt;/h3&gt;</span><span style="background-color: white; color: #464646; font-family: monospace; font-size: 13px;">&lt;/a&gt;&lt;/div&gt;</span><br /><span style="background-color: white; color: #464646; font-family: monospace; font-size: 13px;">&lt;div class="swiper-slide" style="margin-right: 30px;"&gt;</span><span style="background-color: white; color: #cc0000; font-family: monospace; font-size: 13px;">&lt;a href="YOUR POST LINK HERE"&gt;</span><span style="background-color: white; color: #3d85c6; font-family: monospace; font-size: 13px;">&lt;img src="YOUR IMAGE LINK HERE"/&gt;</span><span style="background-color: white; color: #6aa84f; font-family: monospace; font-size: 13px;">&lt;h3&gt;YOUR POST TITLE&lt;/h3&gt;</span><span style="background-color: white; color: #464646; font-family: monospace; font-size: 13px;">&lt;/a&gt;&lt;/div&gt;</span><br /><span style="background-color: white; color: #464646; font-family: monospace; font-size: 13px;">&lt;div class="swiper-slide" style="margin-right: 30px;"&gt;</span><span style="background-color: white; color: #cc0000; font-family: monospace; font-size: 13px;">&lt;a href="YOUR POST LINK HERE"&gt;</span><span style="background-color: white; color: #3d85c6; font-family: monospace; font-size: 13px;">&lt;img src="YOUR IMAGE LINK HERE"/&gt;</span><span style="background-color: white; color: #6aa84f; font-family: monospace; font-size: 13px;">&lt;h3&gt;YOUR POST TITLE&lt;/h3&gt;</span><span style="background-color: white; color: #464646; font-family: monospace; font-size: 13px;">&lt;/a&gt;&lt;/div&gt;</span><br /><span style="background-color: #cfe2f3; color: #464646; font-family: monospace; font-size: 13px;"><b>&lt;div class="swiper-slide swiper-slide-prev" style="margin-right: 30px;"&gt;<span style="color: #cc0000;">&lt;a href="</span></b><span style="color: #cc0000;">YOUR POST LINK HERE</span><b><span style="color: #cc0000;">"&gt;</span><span style="color: #3d85c6;">&lt;img src="</span></b><span style="color: #3d85c6;">YOUR IMAGE LINK HERE</span><b><span style="color: #3d85c6;">"/&gt;</span><span style="color: #6aa84f;">&lt;h3&gt;</span></b><span style="color: #6aa84f;">YOUR POST TITLE</span><b><span style="color: #6aa84f;">&lt;/h3&gt;</span>&lt;/a&gt;&lt;/div&gt;</b></span><br /><span style="background-color: #cfe2f3; color: #464646; font-family: monospace; font-size: 13px;"><b>&lt;div class="swiper-slide swiper-slide-active" style="margin-right: 30px;"&gt;<span style="color: #cc0000;">&lt;a href="</span></b><span style="color: #cc0000;">YOUR POST LINK HERE</span><b><span style="color: #cc0000;">"&gt;</span><span style="color: #3d85c6;">&lt;img src="</span></b><span style="color: #3d85c6;">YOUR IMAGE LINK HERE</span><b><span style="color: #3d85c6;">"/&gt;</span><span style="color: #6aa84f;">&lt;h3&gt;</span></b><span style="color: #6aa84f;">YOUR POST TITLE</span><b><span style="color: #6aa84f;">&lt;/h3&gt;</span>&lt;/a&gt;&lt;/div&gt;</b></span><br /><span style="background-color: #cfe2f3; color: #464646; font-family: monospace; font-size: 13px;"><b>&lt;div class="swiper-slide swiper-slide-next" style="margin-right: 30px;"&gt;<span style="color: #cc0000;">&lt;a href="</span></b><span style="color: #cc0000;">YOUR POST LINK HERE</span><b><span style="color: #cc0000;">"&gt;</span><span style="color: #3d85c6;">&lt;img src="</span></b><span style="color: #3d85c6;">YOUR IMAGE LINK HERE</span><b><span style="color: #3d85c6;">"/&gt;</span><span style="color: #6aa84f;">&lt;h3&gt;</span></b><span style="color: #6aa84f;">YOUR POST TITLE</span><b><span style="color: #6aa84f;">&lt;/h3&gt;</span>&lt;/a&gt;&lt;/div&gt;</b></span><br /><span style="background-color: white; color: #464646; font-family: monospace; font-size: 13px;">&lt;div class="swiper-slide" style="margin-right: 30px;"&gt;</span><span style="background-color: white; color: #cc0000; font-family: monospace; font-size: 13px;">&lt;a href="YOUR POST LINK HERE"&gt;</span><span style="background-color: white; color: #3d85c6; font-family: monospace; font-size: 13px;">&lt;img src="YOUR IMAGE LINK HERE"/&gt;</span><span style="background-color: white; color: #6aa84f; font-family: monospace; font-size: 13px;">&lt;h3&gt;YOUR POST TITLE&lt;/h3&gt;</span><span style="background-color: white; color: #464646; font-family: monospace; font-size: 13px;">&lt;/a&gt;&lt;/div&gt;</span><br /><span style="background-color: white; color: #464646; font-family: monospace; font-size: 13px;">&lt;div class="swiper-slide" style="margin-right: 30px;"&gt;</span><span style="background-color: white; color: #cc0000; font-family: monospace; font-size: 13px;">&lt;a href="YOUR POST LINK HERE"&gt;</span><span style="background-color: white; color: #3d85c6; font-family: monospace; font-size: 13px;">&lt;img src="YOUR IMAGE LINK HERE"/&gt;</span><span style="background-color: white; color: #6aa84f; font-family: monospace; font-size: 13px;">&lt;h3&gt;YOUR POST TITLE&lt;/h3&gt;</span><span style="background-color: white; color: #464646; font-family: monospace; font-size: 13px;">&lt;/a&gt;&lt;/div&gt;</span><br /><span style="background-color: #ffe599; color: #464646; font-family: monospace; font-size: 13px;">&lt;/div&gt;</span><br /><span style="background-color: #ffe599; color: #464646; font-family: monospace; font-size: 13px;">&lt;/div&gt;</span><br /><span style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;">&nbsp; &nbsp; &lt;!-- Initialize Swiper --&gt;</span><br /><span style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;">&nbsp; &nbsp; &lt;!-- Swiper JS --&gt;</span><br /><span style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;">&nbsp; &nbsp; &lt;script&gt;</span><br /><span style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;">&nbsp; &nbsp; var swiper = new Swiper('.swiper-container', {</span><br /><span style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;">&nbsp; &nbsp; &nbsp; &nbsp; pagination: '.swiper-pagination',</span><br /><span style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;">&nbsp; &nbsp; &nbsp; &nbsp; slidesPerView: 2,</span><br /><span style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;">&nbsp; &nbsp; &nbsp; &nbsp; centeredSlides: true,</span><br /><span style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;">&nbsp; &nbsp; &nbsp; &nbsp; paginationClickable: true,</span><br /><span style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;">&nbsp; &nbsp; &nbsp; &nbsp; spaceBetween: 30,</span><br /><span style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;">&nbsp; &nbsp; &nbsp; &nbsp; grabCursor: true</span><br /><span style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;">&nbsp; &nbsp; });</span><br /><span style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;">&nbsp; &nbsp; &lt;/script&gt;</span></div><div><br /></div></div><br /><a class="nexter" href="https://101helper.blogspot.com/2020/07/how-to-install-swiper-carousel-widget.html#no-refer"> <span class="nexter_inner">HOW TO INSTALL SWIPER CAROUSEL WIDGET IN BLOGGER</span></a></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6915546293629106045.post-52031711520095583832020-07-26T19:28:00.000+06:002020-09-02T22:06:09.583+06:00<h2 style="text-align: left;">SCREENSHOT</h2><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-ULdhNNmGMME/V4ooz3FTTSI/AAAAAAAAFic/dAtVDGsBtqwjT4t4GBop9Tez7-QcF-v1gCLcB/s400/swiper%2Bfeatured%2Bpost%2Bwidget%2Bfor%2Bblogger%2Bcompatible%2Bwith%2Bdesktop%2Bsite.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="swiper featured post widget for blogger compatible with desktop site" border="0" data-original-height="149" data-original-width="400" height="149" src="https://1.bp.blogspot.com/-ULdhNNmGMME/V4ooz3FTTSI/AAAAAAAAFic/dAtVDGsBtqwjT4t4GBop9Tez7-QcF-v1gCLcB/w400-h149/swiper%2Bfeatured%2Bpost%2Bwidget%2Bfor%2Bblogger%2Bcompatible%2Bwith%2Bdesktop%2Bsite.png" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><h2 style="clear: both; text-align: left;">FEATURES</h2><div class="separator" style="clear: both; text-align: left;"><span style="background-color: white; color: #222222; font-family: Roboto, sans-serif; font-size: 14.5px;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><span style="background-color: white; color: #222222; font-family: Roboto, sans-serif; font-size: 14.5px;">1. Fully customizable.</span></div><div class="separator" style="clear: both; text-align: left;"><br style="background-color: white; color: #222222; font-family: Roboto, sans-serif; font-size: 14.5px;" /><span style="background-color: white; color: #222222; font-family: Roboto, sans-serif; font-size: 14.5px;">2. Doesn't affect blog speed.</span></div><div class="separator" style="clear: both; text-align: left;"><br style="background-color: white; color: #222222; font-family: Roboto, sans-serif; font-size: 14.5px;" /><span style="background-color: white; color: #222222; font-family: Roboto, sans-serif; font-size: 14.5px;">3. 100% optimized for all mobile screens.</span></div><div class="separator" style="clear: both; text-align: left;"><br style="background-color: white; color: #222222; font-family: Roboto, sans-serif; font-size: 14.5px;" /><span style="background-color: white; color: #222222; font-family: Roboto, sans-serif; font-size: 14.5px;">4. Unlimited featured posts can be added.</span></div><div class="separator" style="clear: both; text-align: left;"><br style="background-color: white; color: #222222; font-family: Roboto, sans-serif; font-size: 14.5px;" /><span style="background-color: white; color: #222222; font-family: Roboto, sans-serif; font-size: 14.5px;">5. Thumbnails ready.</span></div><div class="separator" style="clear: both; text-align: left;"><br style="background-color: white; color: #222222; font-family: Roboto, sans-serif; font-size: 14.5px;" /><span style="background-color: white; color: #222222; font-family: Roboto, sans-serif; font-size: 14.5px;">6. Touch enabled for mobiles.</span></div><div class="separator" style="clear: both; text-align: left;"><span style="background-color: white; color: #222222; font-family: Roboto, sans-serif; font-size: 14.5px;"><br /></span></div><h2 style="clear: both; text-align: left;">MEGA SWIPER CAROUSEL CODE</h2><div><span style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;"><br /></span></div><div class='code'><div><span style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;">&lt;style&gt;</span><br style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;" /><span style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;">.swiper-slide a {width: 100%;}</span><br style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;" /><span style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;">.swiper-container.swiper-container-horizontal {background: #eee;padding: 10px 0px;}</span><br style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;" /><span style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;">.swiper-container{width:100%;height:280px;margin:20px auto;}.swiper-slide{height: 270px;padding: 5px;text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}</span><br style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;" /><span style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;">.swiper-container.swiper-container-horizontal img {width: 100%;height:176px;margin: 0;right: 0.5px;position: relative;}</span><br style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;" /><span style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;">.swiper-container.swiper-container-horizontal h3 { position: absolute; left: 2px; top: 190px; font-size: 17px; width: 95%; padding: 5px; font-weight: normal; text-align: left; }</span><br style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;" /><span style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;">&lt;/style&gt;</span><br style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;" /><span style="background-color: white; color: #464646; font-family: monospace; font-size: 13px;">&lt;div class="swiper-container swiper-container-horizontal" style="cursor: -webkit-grab;"&gt;</span><br style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;" /><span style="background-color: white; color: #464646; font-family: monospace; font-size: 13px;">&lt;div class="swiper-wrapper" style="transform: translate3d(-562px, 0px, 0px); transition-duration: 0ms;"&gt;</span><br style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;" /><span style="background-color: white; color: #464646; font-family: monospace; font-size: 13px;">&lt;div class="swiper-slide" style="margin-right: 30px;"&gt;</span><span style="background-color: white; color: #cc0000; font-family: monospace; font-size: 13px;">&lt;a href="YOUR POST LINK HERE"&gt;</span><span style="background-color: white; color: #3d85c6; font-family: monospace; font-size: 13px;">&lt;img src="YOUR IMAGE LINK HERE"/&gt;</span><span style="background-color: white; color: #6aa84f; font-family: monospace; font-size: 13px;">&lt;h3&gt;YOUR POST TITLE&lt;/h3&gt;</span><span style="background-color: white; color: #464646; font-family: monospace; font-size: 13px;">&lt;/a&gt;&lt;/div&gt;</span><br style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;" /><span style="background-color: white; color: #464646; font-family: monospace; font-size: 13px;">&lt;div class="swiper-slide" style="margin-right: 30px;"&gt;</span><span style="background-color: white; color: #cc0000; font-family: monospace; font-size: 13px;">&lt;a href="YOUR POST LINK HERE"&gt;</span><span style="background-color: white; color: #3d85c6; font-family: monospace; font-size: 13px;">&lt;img src="YOUR IMAGE LINK HERE"/&gt;</span><span style="background-color: white; color: #6aa84f; font-family: monospace; font-size: 13px;">&lt;h3&gt;YOUR POST TITLE&lt;/h3&gt;</span><span style="background-color: white; color: #464646; font-family: monospace; font-size: 13px;">&lt;/a&gt;&lt;/div&gt;</span><br style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;" /><span style="background-color: white; color: #464646; font-family: monospace; font-size: 13px;">&lt;div class="swiper-slide" style="margin-right: 30px;"&gt;</span><span style="background-color: white; color: #cc0000; font-family: monospace; font-size: 13px;">&lt;a href="YOUR POST LINK HERE"&gt;</span><span style="background-color: white; color: #3d85c6; font-family: monospace; font-size: 13px;">&lt;img src="YOUR IMAGE LINK HERE"/&gt;</span><span style="background-color: white; color: #6aa84f; font-family: monospace; font-size: 13px;">&lt;h3&gt;YOUR POST TITLE&lt;/h3&gt;</span><span style="background-color: white; color: #464646; font-family: monospace; font-size: 13px;">&lt;/a&gt;&lt;/div&gt;</span><br style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;" /><span style="background-color: #cfe2f3; color: #464646; font-family: monospace; font-size: 13px;"><b>&lt;div class="swiper-slide swiper-slide-prev" style="margin-right: 30px;"&gt;<span style="color: #cc0000;">&lt;a href="</span></b><span style="color: #cc0000;">YOUR POST LINK HERE</span><b><span style="color: #cc0000;">"&gt;</span><span style="color: #3d85c6;">&lt;img src="</span></b><span style="color: #3d85c6;">YOUR IMAGE LINK HERE</span><b><span style="color: #3d85c6;">"/&gt;</span><span style="color: #6aa84f;">&lt;h3&gt;</span></b><span style="color: #6aa84f;">YOUR POST TITLE</span><b><span style="color: #6aa84f;">&lt;/h3&gt;</span>&lt;/a&gt;&lt;/div&gt;</b></span><br style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;" /><span style="background-color: #cfe2f3; color: #464646; font-family: monospace; font-size: 13px;"><b>&lt;div class="swiper-slide swiper-slide-active" style="margin-right: 30px;"&gt;<span style="color: #cc0000;">&lt;a href="</span></b><span style="color: #cc0000;">YOUR POST LINK HERE</span><b><span style="color: #cc0000;">"&gt;</span><span style="color: #3d85c6;">&lt;img src="</span></b><span style="color: #3d85c6;">YOUR IMAGE LINK HERE</span><b><span style="color: #3d85c6;">"/&gt;</span><span style="color: #6aa84f;">&lt;h3&gt;</span></b><span style="color: #6aa84f;">YOUR POST TITLE</span><b><span style="color: #6aa84f;">&lt;/h3&gt;</span>&lt;/a&gt;&lt;/div&gt;</b></span><br style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;" /><span style="background-color: #cfe2f3; color: #464646; font-family: monospace; font-size: 13px;"><b>&lt;div class="swiper-slide swiper-slide-next" style="margin-right: 30px;"&gt;<span style="color: #cc0000;">&lt;a href="</span></b><span style="color: #cc0000;">YOUR POST LINK HERE</span><b><span style="color: #cc0000;">"&gt;</span><span style="color: #3d85c6;">&lt;img src="</span></b><span style="color: #3d85c6;">YOUR IMAGE LINK HERE</span><b><span style="color: #3d85c6;">"/&gt;</span><span style="color: #6aa84f;">&lt;h3&gt;</span></b><span style="color: #6aa84f;">YOUR POST TITLE</span><b><span style="color: #6aa84f;">&lt;/h3&gt;</span>&lt;/a&gt;&lt;/div&gt;</b></span><br style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;" /><span style="background-color: white; color: #464646; font-family: monospace; font-size: 13px;">&lt;div class="swiper-slide" style="margin-right: 30px;"&gt;</span><span style="background-color: white; color: #cc0000; font-family: monospace; font-size: 13px;">&lt;a href="YOUR POST LINK HERE"&gt;</span><span style="background-color: white; color: #3d85c6; font-family: monospace; font-size: 13px;">&lt;img src="YOUR IMAGE LINK HERE"/&gt;</span><span style="background-color: white; color: #6aa84f; font-family: monospace; font-size: 13px;">&lt;h3&gt;YOUR POST TITLE&lt;/h3&gt;</span><span style="background-color: white; color: #464646; font-family: monospace; font-size: 13px;">&lt;/a&gt;&lt;/div&gt;</span><br style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;" /><span style="background-color: white; color: #464646; font-family: monospace; font-size: 13px;">&lt;div class="swiper-slide" style="margin-right: 30px;"&gt;</span><span style="background-color: white; color: #cc0000; font-family: monospace; font-size: 13px;">&lt;a href="YOUR POST LINK HERE"&gt;</span><span style="background-color: white; color: #3d85c6; font-family: monospace; font-size: 13px;">&lt;img src="YOUR IMAGE LINK HERE"/&gt;</span><span style="background-color: white; color: #6aa84f; font-family: monospace; font-size: 13px;">&lt;h3&gt;YOUR POST TITLE&lt;/h3&gt;</span><span style="background-color: white; color: #464646; font-family: monospace; font-size: 13px;">&lt;/a&gt;&lt;/div&gt;</span><br style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;" /><span style="background-color: #ffe599; color: #464646; font-family: monospace; font-size: 13px;">&lt;/div&gt;</span><br style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;" /><span style="background-color: #ffe599; color: #464646; font-family: monospace; font-size: 13px;">&lt;/div&gt;</span><br style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;" /><span style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;">&nbsp; &nbsp; &lt;!-- Initialize Swiper --&gt;</span><br style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;" /><span style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;">&nbsp; &nbsp; &lt;!-- Swiper JS --&gt;</span><br style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;" /><span style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;">&nbsp; &nbsp; &lt;script src="../dist/js/swiper.min.js"&gt;&lt;/script&gt;</span><br style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;" /><span style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;">&nbsp; &nbsp; &lt;script&gt;</span><br style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;" /><span style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;">&nbsp; &nbsp; var swiper = new Swiper('.swiper-container', {</span><br style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;" /><span style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;">&nbsp; &nbsp; &nbsp; &nbsp; pagination: '.swiper-pagination',</span><br style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;" /><span style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;">&nbsp; &nbsp; &nbsp; &nbsp; slidesPerView: 1.5,</span><br style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;" /><span style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;">&nbsp; &nbsp; &nbsp; &nbsp; centeredSlides: true,</span><br style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;" /><span style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;">&nbsp; &nbsp; &nbsp; &nbsp; paginationClickable: true,</span><br style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;" /><span style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;">&nbsp; &nbsp; &nbsp; &nbsp; spaceBetween: 30,</span><br style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;" /><span style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;">&nbsp; &nbsp; &nbsp; &nbsp; grabCursor: true</span><br style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;" /><span style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;">&nbsp; &nbsp; });</span><br style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;" /><span style="background-color: white; color: #222222; font-family: monospace; font-size: 13px;">&nbsp; &nbsp; &lt;/script&gt;</span></div></div><br/><a href="https://101helper.blogspot.com/2020/07/how-to-install-swiper-carousel-widget.html#no-refer" class="nexter"> <span class="nexter_inner">HOW TO INSTALL SWIPER CAROUSEL WIDGET IN BLOGGER</span></a>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6915546293629106045.post-61645564941857587672020-06-12T15:44:00.000+06:002020-09-02T22:06:44.816+06:00<div class="separator" style="clear: both; display: none; text-align: center;"><a href="https://1.bp.blogspot.com/-ZwnQB_NrWw4/XuNLzOlLXvI/AAAAAAAAIWQ/-V4JHb_o7PAnOSyRBN9Vywisaij-3huDgCK4BGAsYHg/s554/images%2B%25281%2529_1591954363804.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="415" data-original-width="554" src="https://1.bp.blogspot.com/-ZwnQB_NrWw4/XuNLzOlLXvI/AAAAAAAAIWQ/-V4JHb_o7PAnOSyRBN9Vywisaij-3huDgCK4BGAsYHg/s320/images%2B%25281%2529_1591954363804.jpg" width="320" /></a></div>Entering sitemap in robots.txt is easy but including multiple sitemaps for a single site or blog in a single robots.txt seems difficult but its also easy. But before we continue to how can we include multiple sitemaps in a single robots.txt file its important to know that its good for search engines and some big sites do it too.<div><br /></div><div><br /></div><h2 style="text-align: left;"><font size="6" style="font-weight: normal;">Is It Right To Have Multiple Sitemaps In Robots.txt?</font></h2><div><br /></div><div><br /></div><div>Of course its right. Big sites like Google, Moz and many others do it. In case of WordPress its also right and so is for blogger blogs. In wordpress there are separate sitemaps for pages, posts and comments. Similarly in blogger you can have multiple sitemaps in your robots.txt as well as <a href="https://101helper.blogspot.com/2020/06/index-new-updated-post-faster-google-search.html" target="_blank">Webmaster tools</a>.</div><div><br /></div><div><br /></div><div><a href="https://101helper.blogspot.com/2020/06/index-new-updated-post-faster-google-search.html" target="_blank"><font size="4">Show/Index New &amp; Updated Posts faster in Google search</font></a><br /></div><div><br /></div><div><br /></div><h2 style="text-align: left;"><font size="6" style="font-weight: normal;">Impact Of Multiple Sitemaps On Seo.</font></h2><div><br /></div><div><br /></div><div>There is a positive impact of including multiple sitemaps in robots.txt and webmaster tools for sure because that way you can index your new posts, updated posts and gain more organic traffic.</div><div><br /></div><div><br /></div><h2 style="text-align: left;"><font size="6" style="font-weight: normal;">What Sitemaps Can I Include For Blogger?</font></h2><div><br /></div><div><br /></div><div>For blogger the usual sitemap used is below</div><div><br /></div><div>https://name.blogspot.com/sitemap.xml</div><div><br /></div><div>but you can also use a sitemap that shows recently updated posts and in this way you get your new posts indexed faster because search engines know that updated posts are here.</div><div><br /></div><div>So here is sitemap for updated posts.</div><div><br /></div><div><span style="font-family: roboto, sans-serif;">https://name.blogspot.com/feeds/posts/default?orderby=UPDATED</span></div><div><span style="font-family: roboto, sans-serif;"><br /></span></div><div><span style="font-family: roboto, sans-serif;">Now in below steps I will show you how to do this in blogger but its similar in wordpress or any other site because robots.txt is same for every site and blog. What is important here is to learn the pattern of sitemaps.</span></div><div><br /></div><div><br /></div><h2 style="text-align: left;"><font size="6" style="font-weight: normal;">How To Include Multiple Sitemaps In Robots.txt In Blogger?</font></h2><div><br /></div><div><br /></div><div>1.&nbsp; Go to blogger dashboard &gt; settings &gt; search preferences.</div><div><br /></div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-OJ9iGLuE7uI/XuNKR7jgDKI/AAAAAAAAIVI/7mCh359qrAsLYmdMNeEUIDv2ce5bJ8U2gCK4BGAsYHg/s998/Screenshot_20200612-140237.png" style="margin-left: 1em; margin-right: 1em;"><img alt="blogger-settings-menu" border="0" data-original-height="998" data-original-width="477" height="320" src="https://1.bp.blogspot.com/-OJ9iGLuE7uI/XuNKR7jgDKI/AAAAAAAAIVI/7mCh359qrAsLYmdMNeEUIDv2ce5bJ8U2gCK4BGAsYHg/w153-h320/Screenshot_20200612-140237.png" width="153" /></a></div><div><br /></div><div><br /></div><div>2. Find Crawling &amp; Indexing.</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-CAtwvSLpv64/XuNKgovgA7I/AAAAAAAAIVU/_HK8UKnMm_0lUgW4J3xyA_zYU5S4A4C7wCK4BGAsYHg/s992/Screenshot_20200612-140429.png" style="margin-left: 1em; margin-right: 1em;"><img alt="custom-robots.txt-blogger" border="0" data-original-height="992" data-original-width="720" height="320" src="https://1.bp.blogspot.com/-CAtwvSLpv64/XuNKgovgA7I/AAAAAAAAIVU/_HK8UKnMm_0lUgW4J3xyA_zYU5S4A4C7wCK4BGAsYHg/w232-h320/Screenshot_20200612-140429.png" width="232" /></a></div><div><br /></div><div>3. Edit your existing robots.txt if it is already enabled and if not then enable it and&nbsp; then edit it.</div><div><br /></div><div>4. Include all the sitemaps you want to include in a per line manner, one after other as shown below.</div><div><br /></div><div><div>User-agent: *</div><div>Allow: /</div><div><br /></div><div>Sitemap: https://101helper.blogspot.com/sitemap.xml?page=1</div><div>Sitemap: https://101helper.blogspot.com/sitemap.xml?page=2</div><div>Sitemap: https://101helper.blogspot.com/feeds/posts/default?orderby=UPDATED</div></div><div><br /></div><div>5. Save and you are done.</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-nnOIryy2W-E/XuNK3DM8ffI/AAAAAAAAIVs/FYc9NZXy-IsoJGS-hJas0ws1IVsLzslKACK4BGAsYHg/s1004/Screenshot_20200612-140513.png" style="margin-left: 1em; margin-right: 1em;"><img alt="multiple-sitemaps-blogger-robots.txt-101helper" border="0" data-original-height="1004" data-original-width="720" height="320" src="https://1.bp.blogspot.com/-nnOIryy2W-E/XuNK3DM8ffI/AAAAAAAAIVs/FYc9NZXy-IsoJGS-hJas0ws1IVsLzslKACK4BGAsYHg/w229-h320/Screenshot_20200612-140513.png" width="229" /></a></div><div><br /></div><div>You don't have to copy and replace robots.txt mentioned in step 4 above because its specific for 101Helper as it has more than 150 posts so page 1 has 150 posta and remaining are on page 2 of sitemap. Last sitemap is the one which has updated and new post links.</div><div><br /></div><div>use "robots.txt" in your blog or site URL to see live robots.txt e.g:</div><div><br /></div><div>https://101helper.blogspot.com/robots.txt</div><div><br /></div><div>Finally you will see your robots.txt as shown below, where every sitemap is included one by one in a separate row without any coma or slashes.</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-r06-4PVH9sY/XuNNWHfnMrI/AAAAAAAAIWs/Cy0rqNqOBMI7EiuKt4tCCJB82I20wcGCQCK4BGAsYHg/s1291/Screenshot_20200612-143536_1591954753628.jpg" style="margin-left: 1em; margin-right: 1em;"><img alt="How to enter Multiple sitemaps in robots txt" border="0" data-original-height="409" data-original-width="1291" height="101" src="https://1.bp.blogspot.com/-r06-4PVH9sY/XuNNWHfnMrI/AAAAAAAAIWs/Cy0rqNqOBMI7EiuKt4tCCJB82I20wcGCQCK4BGAsYHg/w320-h101/Screenshot_20200612-143536_1591954753628.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6915546293629106045.post-76160042545450101012020-06-09T16:54:00.000+06:002020-09-02T22:07:42.260+06:00<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; display: none; text-align: center;"><a href="https://1.bp.blogspot.com/-pmDctpi0rXc/Xt9orFlebuI/AAAAAAAAIUo/I7s7Jg_WcrkElEvOtnCxSal0dtmwDDfkACK4BGAsYHg/s355/khalide91191200912_1591699602315.jpg" style="margin-left: 1em; margin-right: 1em;"><img alt="Show/Index-New-Updated-Posts-faster-in-Google-search" border="0" data-original-height="270" data-original-width="355" src="https://1.bp.blogspot.com/-pmDctpi0rXc/Xt9orFlebuI/AAAAAAAAIUo/I7s7Jg_WcrkElEvOtnCxSal0dtmwDDfkACK4BGAsYHg/s320/khalide91191200912_1591699602315.jpg" width="320" /></a></div>So I have been playing with sitemaps and Google webmaster tools for some days and I have found something new so i thought to share it. Its how can you show updated posts faster in Google search or even bing.<br /><div><br /></div><div>Its good for those who wants to have their posts indexed faster and those who make changes in posts frequently. Google search updates site or blog changes on alot of factors such as posting frequency, meta tags inviting robots to visit again after some hours or day(s) and also how popular a site or blog is. So its not just a single thing that controls how fast can you have your posts indexed by Google or Bing.</div><div><br /></div><div><br /></div><div><span style="font-size: x-large;">How this works?</span></div><div><br /></div><div><br /></div><div>Its basically a form of sitemap that you have to submit to Google and Bing or Yandex. This form of sitemap has all the new and updated posts even earlier than usual sitemap that we use in webmaster tools as shown below.</div><div><br /></div><div><br /></div><div class="code"><div><b>For Blogs:</b></div><div><br /></div><div>https://blogname.blogspot.com/sitemap.xml</div><div><br /></div><div style="text-align: center;">OR</div><div><br /></div><div><b>For Site/Custom domain:</b></div><div><br /></div><div>https://sitename.com/sitemap.xml</div><div><br /></div><div><br /></div></div><div>Above mentioned is the usual sitemap that is mostly used by almost all blogs and sites.</div><div><br /></div><div>But to get your blog posts (new or updated) one's indexed faster you have to submit the following sitemap.</div><div><br /></div><div><br /></div><div class="code"><div><b>For Blogs:</b></div><div><br /></div><div>https://blogname.blogspot.com/feeds/posts/default?orderby=UPDATED</div><div><br /></div><div style="text-align: center;">OR</div><div><br /></div><div><b>For Sites/Custom domains:</b></div><div><br /></div><div>https://sitename.com/feeds/posts/default?orderby=UPDATED</div></div><div><br /></div><div><br /></div><div><span style="font-size: medium;"><a href="https://101helper.blogspot.com/2019/10/how-to-submit-sitemap-in-new-google.html">How to submit sitemap in Google webmaster tools?</a></span></div><div><br /></div><div><a href="https://101helper.blogspot.com/2019/11/how-to-submit-blogger-sitemap-to-bing.html" target="_blank"><span style="font-size: medium;">How to submit sitemap in Bing webmaster tools?</span></a></div><div><br /></div><div><a href="https://101helper.blogspot.com/2019/11/step-by-step-tutorial-to-submit-blogger.html" target="_blank"><span style="font-size: medium;">How to submit sitemap in Yandex?</span></a></div><div><br /></div><div><br /></div><div><b>NOTE:</b> Do not remove the already submitted sitemap, keep both sitemaps in webmaster tools. The already submitted sitemap having suffix "Sitemap.xml" as mentioned above will allow search engine robots crawl old posts and this new sitemap will tell them that this site is updated or have a new post so you get indexed faster.</div><div><br /></div><div><br /></div><div><a href="https://101helper.blogspot.com/2016/02/how-to-index-blogger-posts-faster-2019.html" target="_blank"><span style="font-size: medium;">How To Index Blogger Posts Faster?</span></a></div><div><br /></div><div><br /></div><div>Also do not forget to add this new sitemap in your blog or site's robots.txt.</div><div><br /></div><div><br /></div><div><span style="font-size: medium;"><a href="https://101helper.blogspot.com/2014/08/how-to-add-custom-robottxt-in-blogger.html" target="_blank">How to add robots.txt in Blogger?</a></span></div><div><br /></div><div><br /></div><div>Thanks for visiting 101helper.</div></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6915546293629106045.post-79959308431182451172020-05-31T18:31:00.000+06:002020-09-02T22:07:59.434+06:00<div dir="ltr" style="text-align: left;" trbidi="on"><div id="part-1"><div class="separator" style="display: none;"><a href="https://1.bp.blogspot.com/-olyVNHdpJ3I/XbVkpvNPx-I/AAAAAAAAIHo/PQhVFbw-foMebbS6ViZZCBAbNDfJ-58DQCLcBGAsYHQ/s1600/Increase%2BPage%2BViews%2BWith%2BThis%2BSmart%2BTrick.png" style="margin-left: 1em; margin-right: 1em;"><img alt="Increase Page Views With This Smart Trick" border="0" data-original-height="364" data-original-width="463" height="250" src="https://1.bp.blogspot.com/-olyVNHdpJ3I/XbVkpvNPx-I/AAAAAAAAIHo/PQhVFbw-foMebbS6ViZZCBAbNDfJ-58DQCLcBGAsYHQ/s320/Increase%2BPage%2BViews%2BWith%2BThis%2BSmart%2BTrick.png" title="" width="320" /></a></div>Getting traffic from search engines is really a headache so a smart blogger has to think smart and make the visitors to visit more posts. What can be done to make visitor read more posts? Right adding a related post widget or showing links to older posts. But what if they don't visit more posts and you have low page views? well it happens and to deal with it I have trick. I would not take credit for discovery of this trick because I saw a website doing this and so I thought to share it with you. Its not a small website or blog but a big website and by this trick you make your visitors visit one post twice, thrice or even 5 times, depending on your post length.<br /><div><br /><br /></div><div>The best thing about this trick and benefits of this trick are that if you are a Adsense publisher you don't violate its policy, secondly you reduce your bounce rate because you have a visitor that visits many pages on your site, although actually he is visiting same site post 2 or 3 times and this improves your Alexa rank too.</div><div><br /><br /></div><div><span style="font-size: x-large;">What's The Trick?</span></div><div><br /><br /></div><div>Good question. The trick is that if you have long posts on your blog with suppose 15 headings and the visitor in scrolling and scrolling to read but giving you only 1 page view because post is loaded only once. Why don't you split the post into 3 parts with 5 headings and paragraphs on each page but post is one and this is the trick.</div><div><br /><br /></div><div><span style="font-size: x-large;">How Many Views Can Be Generated From This Trick?</span></div><div><br /><br /></div><div>Again good question. The answer is, suppose you have a post and its very long say that it has 15 headings and you break it into 3 parts with each having 5 headings and paragraphs. Then you generate 3 views from a post instead of 1 so if you break 5 posts into 3 parts you have 15 views from 5 posts and so on. Its not a rule of 3, it just depends on length of the post. If you have even more lengthy posts say 25 headings then 5 parts so 5 views.</div><div><br /><br /></div><div>So its a very smart trick and the ads loads too so math rules apply here again, if a post previously generated 5 ad impressions now they will increase to 25 or even more depending on parts of post</div><div><br /><br /></div><div><span style="font-size: x-large;">Will I Loose My Current Traffic Or Adsense?</span></div><div><br /><br /></div><div>Absolutely not, Adsense haven't mentioned about this thing anywhere in its policy so you will not violate any policy and loose Adsense. The other question is will I loose my current traffic? again absolutely not. With this trick you even have more traffic your post get even more traffic. How? because at the end of every part you have a big button saying some interesting words like "Continue to the second part of post" Or you can even say "Continue to next heading(name of heading)". You can say whatever you want and this will make your visitor wanting to read more and more to complete the post so you ultimately make him give you views even if he is not wanting to but he has to complete the post.</div><div><br /><br /></div><div><span style="font-size: x-large;">Wrong Use(Backfire)</span></div><div><br /><br /></div><div>Never use this trick wrongly. It will cost you loosing traffic instead of gaining. What are wrong uses of this trick?</div><div><br /><br /></div><div><b>1.</b> Breaking a post into 10 or 20 parts and each page have only 1 heading and a big paragraph. Its a wrong thing visitor will not like this and just go away.</div><div><br /><br /></div><div><b>2.</b> Breaking every post into parts even if not needed. Its wrong, you can make many posts into parts but if your all posts are really wrong this will not make your content boring for your visitor.</div><div><br /><br /></div><div><b>3.</b> No previous part button is also a wrong practice of this trick because visitor many be wanting to go back and read something. And the previous part of post button should always and always lie at the start of the next part.</div><div><br /><br /></div><div><b>4.</b> Speed up your blog or site before practicing this trick because if every next part is going to load slow, visitor will go away.</div><div><br /><br /></div><div><span style="font-size: x-large;">How To Get Started With This Trick?</span></div><div><br /><br /></div><div>Well its easy. So far I have discovered two ways to get started with this trick and this depends on you which you choose.</div><div><br /><br /></div><div><span style="font-size: x-large;">Method 1</span><br /><br /><br />This is manual method in which you write a lengthy post and break it into 3 or 4 parts and post them individually with same title but in last put this suffix, Part 1 or Part 2 or Part 3. Like mentioned below:</div><div><br /><br /></div><div>Increase Page Views With This Smart Trick - Part 1</div><div><br /><br /></div><div>Increase Page Views With This Smart Trick : Part 2</div><div><br /><br /></div><div>Increase Page Views With This Smart Trick | Part 3</div><div><br /><br /></div><div>But if you are using this method Google will also index 3 different posts. So its not a problem you can do this but make sure that each of your post part have a next and previous button of that post's parts. So that the visitor never gets confused or miss any part.</div><div><br /><br /></div><div><span style="font-size: x-large;">Method 2</span><br /><br /><br />In this method you have a script which i will be sharing in upcoming part of this post. That script will do the work although you have to use that script for every post manually because every post has a different length and parts but that script will simply open next part in a new tab and in that tab only second part of the post will be shown which you will have set and the other part will be kept hidden with a previous part of post link.</div><div><br /><br /></div><div>I like and prefer 2nd method because there are less parts of posts and no confusion because post is same but its different parts are shown while in method 1 post parts are different with different links different titles.</div><div><br /><br /></div><div>But if you want easy method its method 1.</div><div><br /><br /></div><div>So lets get started.</div><div id="part-trigger"><a href="https://www.blogger.com/blogger.g?blogID=6915546293629106045&amp;useLegacyBlogger=true#part-2" target="_blank">Continue To Part 2 Of Post</a></div></div><div id="part-2"><div><br /><br /></div><div><span style="font-size: x-large;">Method 1 - Breaking Post Manually.</span><br /><br /><br /></div><div><b>Step 1:</b> Go to your blog and write parts of posts.</div><div><br /><br /></div><div><b>Step 2:</b> Publish each part, you have the choice here. If you want to publish all parts together of after some days. Its your choice but if you have delay in your next parts tell your visitors in the end of post so they may not get confused.</div><div><br /><br /></div><div><b>Step 3:</b> Use an <a href="https://www.google.com/search?q=online+button+generator" rel="nofollow" target="_blank">online buttons generator</a> and make big enough buttons so that visitor see it.</div><div><br /><br /></div><div><b>Step 4:</b> Put next part of post button in the end of post and previous part in the beginning of the post. Make sure to use interest grabbing words.</div><div><br /><br /></div><div><b>Step 5:</b> Get your button codes and go to your post's HTML editor and past it there to show buttons. As shown in below image.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-CiZtvXpPCYw/XbSa8oprgnI/AAAAAAAAIHc/PJIZcqFlXVMeqpyjImxLdSsHzzJotu-ogCLcBGAsYHQ/s1600/switch-to-html-editor-in-blogger-post.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="34" data-original-width="896" height="15" src="https://1.bp.blogspot.com/-CiZtvXpPCYw/XbSa8oprgnI/AAAAAAAAIHc/PJIZcqFlXVMeqpyjImxLdSsHzzJotu-ogCLcBGAsYHQ/s400/switch-to-html-editor-in-blogger-post.png" width="400" /></a></div><br /><b>Step 6: </b>Publish your post and you are done.<br /><br /><br />Make sure to always have a previous and next part of post buttons in every part.<br /><br /><br /><span style="font-size: x-large;">Method 2 - Using Javascript.</span><br /><br /><br />In this method javascript will not actually break post for you. But it will hide parts in different parts for example a post have 3 parts now the script will hide certain part based on what's in the link of the post. If your post link contains #part-2 in the end then your post will show only part 2 of post and keep part 1 and part 3 hidden.<br /><br /><br />So that's how it works. It is basically a modified manual method.<br /><br /><br /><b>Step 1:</b> Go to the post in which you want to create parts.<br /><br /><br /><b>Step 2:</b> In the start of the post put this &lt;div id="part-1"&gt;<br /><br /><br /><b>Step 3:</b> Now put &lt;/div&gt; where you want the part 1 to end and just after this div put &lt;div id="part-2"&gt; and close this div where you want the part 2 to end and so on. Put same div with 3 in it for part 3.<br /><br /><br />Note:&nbsp;In blogger it is hard to put these divs and sometimes they are either left un closed or some other div close with some unwanted div, so I will recommend to use notepad++ for divs to make it easy.<br /><br /><br /><b>Step 4:</b> As here we are using anchor text method i.e jumping to certain div by clicking on a link so you don't need to use online button generator to get button code, but we can re-style the button with CSS so I have given CSS and Javascript code in step 5.<br /><br /><br />Use below piece of code as your button.<br /><br /><br />&lt;a href="<b>#part-2</b>" id="part-trigger&nbsp;" target="_blank"&gt;Continue To Next Part&lt;/a&gt;<br /><br /><br />&lt;a href="<b>#part-3</b>" id="part-trigger&nbsp;" target="_blank"&gt;Continue To Next Part&lt;/a&gt;<br /><br /><br />&lt;a href="<b>#part-4</b>" id="part-trigger&nbsp;" target="_blank"&gt;Continue To Next Part&lt;/a&gt;<br /><br /><br /><b>Step 5:</b> After putting divs use the following JavaScript and CSS code. <br /><br /><b>For 2 Parts Post</b><br /><br /><br /><div class="code">&lt;style&gt;<br />#part-trigger {<br />&nbsp; &nbsp; background: #ff5e00;<br />&nbsp; &nbsp; color: #fff;<br />&nbsp; &nbsp; padding: 7px 10px;<br />&nbsp; &nbsp; border-radius: 3px;<br />&nbsp; &nbsp; font-size: 20px;<br />}<br />&lt;/style&gt;<br />&lt;script type="text/javascript"&gt;<br />if (window.location.href.indexOf("part-2") != -1) {<br />$("#part-2").show();<br />$("#part-1").hide();<br />}<br />if (window.location.href.indexOf("part-1") != -1) {<br />$("#part-1").show();<br />$("#part-2").hide();<br />}<br />&lt;/script&gt;</div><br /><br />Here CSS is just to re-style your button and Javascript is actually doing the job. So Javascript works like this, If URL contains #part-2 in the end, keep the part 1 hidden and show part 2 only.<br /><br /><br /><b>For 3 Parts Post</b><br /><br /><div class="code">&lt;style&gt;<br />#part-trigger {<br />&nbsp; &nbsp; background: #ff5e00;<br />&nbsp; &nbsp; color: #fff;<br />&nbsp; &nbsp; padding: 7px 10px;<br />&nbsp; &nbsp; border-radius: 3px;<br />&nbsp; &nbsp; font-size: 20px;<br />}<br />&lt;/style&gt;<br />&lt;script type="text/javascript"&gt;<br />if (window.location.href.indexOf("part-2") != -1) {<br />$("#part-2").show();<br />$("#part-1,#part-3").hide();<br />}<br />if (window.location.href.indexOf("part-3") != -1) {<br />$("#part-3").show();<br />$("#part-1,#part-2").hide();<br />}<br />if (window.location.href.indexOf("part-1") != -1) {<br />$("#part-1").show();<br />$("#part-2,#part-3").hide();<br />}<br />&lt;/script&gt;</div><br /><br />Here CSS is again just to re-style your button and Javascript is actually doing the job. So Javascript works like this, If URL contains #part-3 in the end, keep the part 1 and part 2 hidden and only show part 3. Similarly if URL has #part-2 in the end then it will just show part 2 and keep part 1 and 3 hidden.<br /><br /><br />For more parts make changes according in javascript code.<br /><br /><br /><b>Step 6: </b>Now publish your post and don't switch back to Compose tab of post editor otherwise all anchor links will start redirecting to your blogger dashboard because blogger automatically insert dashboard link.<br /><br /><br /><b>Step 7:</b> Now publish your post and you are done.<br /><br /><br /><span style="font-size: x-large;">Explanation</span><br /><br /><br />To avoid any confusion I am explaining all the post here.<br /><br /><br /><b>1.</b>&nbsp;First thing is link to another part of post. Link attribute is given in Step 4 above. It will open in new tab and scroll to that part automatically.<br /><br /><br /><b>2.</b> Step 5 has Javascript and CSS. CSS is just to re-style the link. You can change its color and everything. While Javascript is to keep hidden other parts when they are not called by URL.<br /><br /><br />Here is how your code should look like when you are done. <br /><br /><div class="code"><i><span style="color: blue;">&lt;div id="part-1"&gt;</span></i><br />What is Lorem Ipsum?<br /><br />Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.<br /><i><span style="color: blue;">&lt;a href="#part-2" id="part-trigger&nbsp;" target="_blank"&gt;Continue To Part 2&lt;/a&gt;</span></i><br /><i><span style="color: blue;">&lt;/div&gt;</span></i><br /><br /><i><span style="color: blue;">&lt;div id="part-2"&gt;</span></i><br />Why do we use it?<br /><br />It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).<br /><i><span style="color: blue;">&lt;a href="#part-3" id="part-trigger&nbsp;" target="_blank"&gt;Continue To Part 3&lt;/a&gt;</span></i><br /><i><span style="color: blue;">&lt;/div&gt;</span></i><br /><span style="color: red;">&lt;style&gt;</span><br />#part-trigger {<br />&nbsp; &nbsp; background: #ff5e00;<br />&nbsp; &nbsp; color: #fff;<br />&nbsp; &nbsp; padding: 7px 10px;<br />&nbsp; &nbsp; border-radius: 3px;<br />&nbsp; &nbsp; font-size: 20px;<br />}<br /><span style="color: red;">&lt;/style&gt;</span><br /><span style="color: blue;">&lt;script&gt;</span><br />if (window.location.href.indexOf("part-2") != -1) {<br />$("#part-2").show();<br />$("#part-1,#part-3").hide();<br />}<br />if (window.location.href.indexOf("part-3") != -1) {<br />$("#part-3").show();<br />$("#part-1,#part-2").hide();<br />}<br />if (window.location.href.indexOf("part-1") != -1) {<br />$("#part-1").show();<br />$("#part-2,#part-3").hide();<br />}<br /><span style="color: blue;">&lt;/script&gt;</span></div><br /><br />I hope you liked this post. If you have any problem please leave a comment or <a href="https://www.blogger.com/p/contact.html" target="_blank">contact us</a>.</div></div><style>div#part-trigger a { color: #fff; text-decoration: none; } #part-trigger { text-align: center; background: #ff5e00; color: #fff; padding: 15px 0px; border-radius: 3px; font-size: 27px; margin-top: 35px; margin-bottom: 20px; } </style><script type="text/javascript">if (window.location.href.indexOf("part-2") != -1) { $("#part-2").show(); $("#part-1").hide(); } else { $("#part-2").hide(); } </script></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6915546293629106045.post-91331101703859714922020-05-29T16:05:00.000+06:002020-09-02T22:08:11.346+06:00<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="display: none;"><a href="https://1.bp.blogspot.com/-vXu-GsyNZTQ/XtDeRRCqurI/AAAAAAAAITY/yE6qof_OQXggpiAopSF-uOv41TOR0gOZwCK4BGAsYHg/media-net-review-101helper-publishers-bloggers.jpg" style="margin-left: 1em; margin-right: 1em;"><img alt="media-net-review-101helper-publishers-bloggers" border="0" data-original-height="250" data-original-width="300" src="https://1.bp.blogspot.com/-vXu-GsyNZTQ/XtDeRRCqurI/AAAAAAAAITY/yE6qof_OQXggpiAopSF-uOv41TOR0gOZwCK4BGAsYHg/d/media-net-review-101helper-publishers-bloggers.jpg" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div>I always choose best ad-networks for bloggers and publishers who read this blog because I want them to earn really online so i don't promote those ad networks which don't give profit.<br /><div><br /></div><div>In previous post I shared about Adcash because it really pays if you even have a little traffic. In this post I am sharing my experience with media.net.</div><div><br /></div><div><br /></div><h2 style="text-align: left;"><span style="font-size: x-large; font-weight: normal;">My Experience With Media.net / Yahoo ads</span></h2><div><br /></div><div><br /></div><div>I didn't sign up with media.net because I was working with adsense. And when media.net first started operating it was called yahoo gemini ad network and I didn't signup, though I received an invitation from one of their agent to join their ad network (Media.net) and they created an account for me, set-up ads for me and told me to put these ads in my blog. So i put their ads for some days but didn't get benefit so I removed them.</div><div><br /></div><div>Now when my Google Adsense account got block then I started using media.net for 2 weeks and so Far I haven't earned anything but I feel like they pay you when these ads understand your site or blog, catch keywords, understand changes etc. So I am giving it some time. I will share update about it soon.</div><div><br /></div><div><br /></div><h2 style="text-align: left;"><span style="font-size: x-large; font-weight: normal;">Requirements To Get media.net Approval.</span></h2><div><br /></div><div><br /></div><div>If you look on other sites and blogs you will see a list of false claims that you need at least 5000 views/day, some will claim that you need to have Contact, About and Disclaimer etc pages, Some will say your site should have a page translator etc but here is whats reality. Media.net select a site or blog for approval on the basis of following things which maybe less or more but I don't claim or guarantee you that you will get approval after having following things.</div><div><br /></div><div>1. Your site should have real traffic from search engines.</div><div><br /></div><div>2. Your site should have <b>good content</b> which should be original and people should visit your site for that content. I guess that they know how your site gets traffic i.e your audience reaches your site by using certain keywords on search engines. It doesn't mean that your site must get all traffic from search engines and social or backlinks traffic is prohibited. It means that most of traffic should be real.</div><div><br /></div><div>3. Your site should have a good navigation and should be properly indexed in search engines have should have good rank. By good rank I mean that your site should come up on first page of Google or other search engines search results pages when a visitor uses certain keywords. For example you reached this post by using keywords similar to this page's content.</div><div><div><br /></div><div>4. Receive majority of their traffic from US / UK / Canada.</div><div><br /></div><div>5. Contain content that is primarily in the English language.</div><div><br /></div><div>6. Have a reasonable volume of visitors already using the website.</div><div><br /></div><div>7. Do not contain excessive advertising.</div></div><div><br /></div><div><br /></div><h2 style="text-align: left;"><span style="font-size: x-large; font-weight: normal;">Proof for Approval requirements claim.</span></h2><div><br /></div><div><br /></div><div>Here I will share and an email received from media.net that proves that media.net approves sites on the basis of things that are claimed here in this post and answers in the email also discard false claims about approval criteria in other websites and blogs.</div><div><br /></div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-2Zo7eEix3Ys/XtDXeHrzOZI/AAAAAAAAISI/QYp9KQZ7t98GibzGP852wbvc4EN7usvPACK4BGAsYHg/media-net-publishers-site-approval-criteria.png" style="margin-left: 1em; margin-right: 1em;"><img alt="media-net-publishers-site-approval-criteria" border="0" data-original-height="731" data-original-width="1751" height="168" src="https://1.bp.blogspot.com/-2Zo7eEix3Ys/XtDXeHrzOZI/AAAAAAAAISI/QYp9KQZ7t98GibzGP852wbvc4EN7usvPACK4BGAsYHg/w400-h168/media-net-publishers-site-approval-criteria.png" width="400" /></a></div><div><br /></div><div><br /></div><div>Emails says <b><i>"There are a lot of factors that come into the picture when being approved by us. Having good quality content being at the top of it, there are various other important aspects that are considered by us. Here is the link to our detailed program guidelines -&nbsp; <a href="https://www.media.net/legal/programguidelines/" rel="nofollow" target="_blank">https://www.media.net/legal/programguidelines/</a>. This encompasses more or less everything you need to know."</i></b></div><div><br /></div><div>So just like Google Adsense media.net approval criteria has good content on top.</div><div><br /></div><div><br /></div><h2 style="text-align: left;"><span style="font-size: x-large; font-weight: normal;">Media.net / Yahoo ads type.</span></h2><div><br /></div><div><br /></div><div>Media.net says in its official email I received that they have following ad rating types.</div><div><br /></div><div><br /></div><div>1. CPC - Cost per click.</div><div><br /></div><div>2. CPM - Cost per thousand views.</div><div><br /></div><div>3. CPA - Cost per Affiliate.</div><div><br /></div><div>4. CPL - Cost per Lead.</div><div><br /></div><div><br /></div><h2 style="text-align: left;"><span style="font-size: x-large; font-weight: normal;">Media.net / Yahoo ads cpc rates.</span></h2><div><br /></div><div><br /></div><div>Nobody has a 100% proof that media.net pays for clicks or for views of CPM(pay for clicks+1000 views). Some sites and blogs claim that it pays $2 for click but there is no proofs. Media.net mentioned on their site in Publisher policy that a Publisher should not encourage visitors to click on ads and should not drive invalid traffic. So it can be concluded that media.net pays per click as well as per lead and CPM. So in short media.net cpc rates aren't clear.</div><div><br /></div><div><br /></div><br /><div id="native-ad"></div><br /><h2 style="text-align: left;"><span style="font-size: x-large; font-weight: normal;">Media.net / Yahoo ads CPM rates.</span></h2><div><br /></div><div><br /></div><div>As I mentioned above that there is no clear statement from media.net about rates, CPM rates aren't also told. Other sites again claim that CPM is very high but without any proof. I guess it may have a high CPM because its a big ad network and is trying to compete with Google Adsense but I have no data about it. I will share it here once I get some data.</div><div><br /></div><div><br /></div><div><br /></div><h2 style="text-align: left;"><span style="font-size: x-large; font-weight: normal;">Proof for CPC / CPM rates claims.</span></h2><div><br /></div><div><br /></div><div>Here I will share an email which I received from media.net in which I have asked media.net to clarify CPC and CPM rates.</div><div><br /></div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-ohFAd8P-4Qs/XtDZHs9BmpI/AAAAAAAAIS4/JTXMLVMOTAw8MrAbgB_V9TwVK3LCjGxaACK4BGAsYHg/media-net-publishers-site-approval-criteria.png" style="margin-left: 1em; margin-right: 1em;"><img alt="media-net-publishers-site-approval-criteria" border="0" data-original-height="731" data-original-width="1751" height="168" src="https://1.bp.blogspot.com/-ohFAd8P-4Qs/XtDZHs9BmpI/AAAAAAAAIS4/JTXMLVMOTAw8MrAbgB_V9TwVK3LCjGxaACK4BGAsYHg/w400-h168/media-net-publishers-site-approval-criteria.png" width="400" /></a></div><div><br /></div><div><br /></div><div>Email says <b><i>"We have diverse ad partnerships consisting of CPC, CPM, CPA, CPL models and we ensure a strong competition between all types of advertisers. But for the publishers to evaluate, we provide them with a dashboard access (Pubconsole) that provides them with suitable insights to evaluate their performance.&nbsp; But majorly what we provide the publisher is the RPM (Revenue per thousand impressions) metric for them to understand where they stand. The dashboard also provides them with various other options to manage their ads. To know more about the dashboard reporting, you can refer to the section Media.net Review: Pubconsole and reporting dashboard in this article which is written by Servando So Yong Silva, one of our top affiliates."</i></b></div><div><br /></div><div><br /></div><h2 style="text-align: left;"><span style="font-size: x-large; font-weight: normal;">Media.net / Yahoo ads Payout methods &amp; Minimum payment threshold.</span></h2><div><br /></div><div><br /></div><div>Minimum payment amount for media.net is $100.</div><div><br /></div><div><br /></div><div>1. Wire-transfer.</div><div><br /></div><div>2. Payoneer.</div><div><br /></div><div><br /></div><h2 style="text-align: left;"><span style="font-size: x-large; font-weight: normal;">Media.net Text ads.</span></h2><div><br /></div><div><br /></div><div>After getting approval you will see that you have only text ads and thats a thing about media.net that they don't give all controls to Publishers to change ads color or style. But by changing ads size in media.net code you can change style of the ads. Text ads being default format makes media.net good ad network because intelligent visitors know images ads and they won't click them but in my opinion text ads perform better if placed in right position of pages.</div><div><br /></div><div><br /></div><h2 style="text-align: left;"><span style="font-size: x-large; font-weight: normal;">Media.net Display &amp; Native ads.</span></h2><div><br /></div><div><br /></div><div>You can see on many sites that media.net shows image as well as native ads and you can also request your account manager to enable display and native ads. You will also get a form to sign up for display ads via email once you get approval.</div><div><br /></div><div>Media.net says that their codes and smart and they show ads which pays maximum for your site, there ads focus on high rates not on text or display format.</div><div><br /></div><div><br /></div><h2 style="text-align: left;"><span style="font-size: x-large; font-weight: normal;">Media.net review Summery.</span></h2><div><br /></div><div><br /></div><div>I came to conclusion that media.net is a good ad network if you have a good traffic but still you have to use a companion with it. You need to have a good content not copied from other sites just like Google adsense. I don't believe that your majority traffic should be from US, UK or Canada to get approval but to earn good these traffic sources matters. Good luck!</div><div id="refree"><a href="https://bit.ly/2WZZTIo" rel="nofollow" target="_blank">Sign Up With Media.net</a></div><div><br /></div><div>Thanks for visiting 101helper.</div><div></div></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6915546293629106045.post-22565878761627126172020-05-26T20:58:00.000+06:002020-09-02T22:08:34.464+06:00<div dir="ltr" style="text-align: left;" trbidi="on">&nbsp;<span style="background-color: white; font-family: &quot;georgia&quot; , serif; font-size: 18px;">Aside from your post, the menu bar is the single most important part of your site. It is what will keep people reading on your pages. If you can, keep your menu bar to one line of options, and if you must continue&nbsp;</span><span class="GINGER_SOFATWARE_correct" style="box-sizing: border-box; font-family: &quot;georgia&quot; , serif; font-size: 18px;">adding</span><span style="background-color: white; font-family: &quot;georgia&quot; , serif; font-size: 18px;">&nbsp;other tabs, maybe offer another menu down the side. Rows and rows of options can overwhelm a reader. Drop-down menus are another way to avoid this scenario.</span><br /><h2 style="background-color: white; box-sizing: border-box; font-family: Montserrat, sans-serif; font-size: 26px; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: 400; line-height: 1.2; margin: 0px 0px 20px; widows: 1;">Creating a menu bar with WordPress</h2><div style="background-color: white; box-sizing: border-box; font-family: Georgia, serif; font-size: 18px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 30.6px; margin: 0px 0px 30px; padding: 0px; widows: 1;">When you first install WordPress, your menu bar is determined by the number of static pages you publish. For example, you might have an ABOUT page, a CONTACT page, and a RESOURCE page. The default WordPress theme will simply add them to the menu bar. But what if you want something customized?</div><div style="background-color: white; box-sizing: border-box; font-family: Georgia, serif; font-size: 18px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 30.6px; margin: 0px 0px 30px; padding: 0px; widows: 1;">With the exception of a few themes, these instructions will work.</div><div style="background-color: white; box-sizing: border-box; font-family: Georgia, serif; font-size: 18px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 30.6px; margin: 0px 0px 30px; padding: 0px; widows: 1;">APPEARANCE &gt; MENUS</div><ol style="background-color: white; box-sizing: border-box; font-family: Georgia, serif; font-size: 18px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 30.6px; margin: 0px 0px 30px 40px; padding: 0px; widows: 1;"><li style="box-sizing: border-box; list-style-type: decimal;">At the top of the screen, click CREATE MENU.</li><li style="box-sizing: border-box; list-style-type: decimal;">On the left, you’ll see you can create menu tabs from several different options – PAGES, LINKS, CATEGORIES.</li><li style="box-sizing: border-box; list-style-type: decimal;">Click on PAGES first. A list of your most visited pages will come up. You can click on ALL pages to see every one that you’ve published.</li><li style="box-sizing: border-box; list-style-type: decimal;">Simple check the ones you want, and click<span class="Apple-converted-space">&nbsp;</span><em style="box-sizing: border-box;"><span style="box-sizing: border-box; font-weight: 700;">add to menu</span></em>.</li><li style="box-sizing: border-box; list-style-type: decimal;">Next, you have the option of creating a direct link. This is handy for sending people to outbound sites, or – you can even use it to send them to a specific spot on your site by creating an<span class="Apple-converted-space">&nbsp;</span><a href="http://www.boogiejack.com/html/html-anchor-tag.html" style="background: transparent; box-sizing: border-box; color: #26abe6; text-decoration-line: none; transition: all 0.1s ease-in-out 0s;" target="_blank">anchor tag</a>.</li><li style="box-sizing: border-box; list-style-type: decimal;">If you want to send your readers to a bundle of posts that all have the<span class="Apple-converted-space">&nbsp;</span><a href="https://www.fabulousblogging.com/2014/04/categories-and-tags-on-wordpress/" style="background: transparent; box-sizing: border-box; color: #26abe6; text-decoration-line: none; transition: all 0.1s ease-in-out 0s;" target="_blank" title="Using Categories and Tags on WordPress to Create a Great Reading Experience on Your Blog">same tag</a>, you can write in the direct URL as well.</li><li style="box-sizing: border-box; list-style-type: decimal;">Next, you have the categories option. This will create an archived list of posts in a certain category. Click and add them to the menu as well.</li></ol><div style="background-color: white; box-sizing: border-box; font-family: Georgia, serif; font-size: 18px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 30.6px; margin: 0px 0px 30px; padding: 0px; widows: 1;"><span style="box-sizing: border-box; font-weight: 700;">What if you want a drop down menu?</span><span class="Apple-converted-space">&nbsp;</span>Simply click and drag the item and indent it to the right about 1/4 of an inch. It will nest under the parent category. Once you’ve finished making your menu, choose a location at the bottom (some themes have several menu areas). Then click save!</div><div style="background-color: white; box-sizing: border-box; font-family: Georgia, serif; font-size: 18px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 30.6px; margin: 0px 0px 30px; padding: 0px; widows: 1;"><a href="https://www.fabulousblogging.com/wp-content/uploads/2012/10/menubar.jpg" style="background: transparent; box-sizing: border-box; color: #26abe6; text-decoration-line: none; transition: all 0.1s ease-in-out 0s;"><img alt="menubar" class="aligncenter size-full wp-image-4132 lazyloaded" data-ll-status="loaded" height="340" sizes="(max-width: 500px) 100vw, 500px" src="https://www.fabulousblogging.com/wp-content/uploads/2012/10/menubar.jpg" srcset="https://www.fabulousblogging.com/wp-content/uploads/2012/10/menubar.jpg 500w, https://www.fabulousblogging.com/wp-content/uploads/2012/10/menubar-300x204.jpg 300w" style="border: 0px; box-sizing: border-box; display: block; height: auto; margin: 0px auto 24px; max-width: 100%;" width="500" /></a></div><h2 style="background-color: white; box-sizing: border-box; font-family: Montserrat, sans-serif; font-size: 26px; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: 400; line-height: 1.2; margin: 0px 0px 20px; widows: 1;">Creating a menu bar with Blogger</h2><ol style="background-color: white; box-sizing: border-box; font-family: Georgia, serif; font-size: 18px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 30.6px; margin: 0px 0px 30px 40px; padding: 0px; widows: 1;"><li style="box-sizing: border-box; list-style-type: decimal;">To create a menu bar, go to your blogger overview screen and click on pages.</li><li style="box-sizing: border-box; list-style-type: decimal;">Type New page. Create and publish the pages you need (i.e. About, Contact, etc.).</li><li style="box-sizing: border-box; list-style-type: decimal;">Then go into LAYOUT, and click on the pages widget and customize your options.</li><li style="box-sizing: border-box; list-style-type: decimal;">If you want Blogger to pull up a category archive of posts, there will be an option that says, ADD A LINK PAGE. Then you can type in the direct URL of the labeled posts so it pulls an archive.<a href="https://www.fabulousblogging.com/2013/03/can-blogger-make-a-menu-bar-that-categorizes-posts/" style="background: transparent; box-sizing: border-box; color: #26abe6; text-decoration-line: none; transition: all 0.1s ease-in-out 0s;" target="_blank" title="Can Blogger Make a Menu Bar That Categorizes Posts?">This post explains how to find that URL</a>. In essence, it’s http://yourdomain.blogspot.com/search/label/labelname.<a href="https://www.fabulousblogging.com/wp-content/uploads/2012/10/menu-in-blogger.jpg" style="background: transparent; box-sizing: border-box; color: #26abe6; text-decoration-line: none; transition: all 0.1s ease-in-out 0s;"><img alt="menu in blogger" class="aligncenter size-full wp-image-4133 lazyloaded" data-ll-status="loaded" height="771" sizes="(max-width: 674px) 100vw, 674px" src="https://www.fabulousblogging.com/wp-content/uploads/2012/10/menu-in-blogger.jpg" srcset="https://www.fabulousblogging.com/wp-content/uploads/2012/10/menu-in-blogger.jpg 674w, https://www.fabulousblogging.com/wp-content/uploads/2012/10/menu-in-blogger-262x300.jpg 262w" style="border: 0px; box-sizing: border-box; display: block; height: auto; margin: 0px auto 24px; max-width: 100%;" width="674" /></a></li></ol><div style="background-color: white; box-sizing: border-box; font-family: Georgia, serif; font-size: 18px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 30.6px; margin: 0px 0px 30px; padding: 0px; widows: 1;"><br /></div><div style="background-color: white; box-sizing: border-box; font-family: Georgia, serif; font-size: 18px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 30.6px; margin: 0px 0px 30px; padding: 0px; widows: 1;"><br /></div><div style="background-color: white; box-sizing: border-box; font-family: Georgia, serif; font-size: 18px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 30.6px; margin: 0px 0px 30px; padding: 0px; widows: 1;">Your menu bar is important, so take some time to organize your thoughts so that your readers can easily find what they are looking for!</div></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6915546293629106045.post-6429194355913464312020-05-22T13:14:00.000+06:002020-09-02T22:08:54.643+06:00<div dir="ltr" style="text-align: left;" trbidi="on"><div><span style="font-size: x-large;">Previous Update.</span><br /><div class="separator" style="clear: both; text-align: center;"><span style="font-size: x-large;"><a href="https://1.bp.blogspot.com/--4iV9ZfXoTc/Xsd8ha3T71I/AAAAAAAAIRY/ay5Gdxtaax8gy4mL_3xyyJofHD0gL0hhQCK4BGAsYHg/new-blogger.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="new-blogger" border="0" data-original-height="184" data-original-width="184" src="https://1.bp.blogspot.com/--4iV9ZfXoTc/Xsd8ha3T71I/AAAAAAAAIRY/ay5Gdxtaax8gy4mL_3xyyJofHD0gL0hhQCK4BGAsYHg/d/new-blogger.png" /></a></span></div></div><div><br /></div><div><br /></div>Blogger is improving its mobile site day by day. In its last update Blogger added a button to switch to new Blogger interface, where you were able to see a new interface but it was not complete. It just introduced the theme code editor which you were not previously allowed to edit in mobile site. Also it introduced a newBnew improved stats page which was mobile compatible i.e size and all the things adjusted for mobile.<br /><div><br /></div><div><br /></div><div><a href="https://101helper.blogspot.com/2019/11/new-updated-blogger-interface.html" style="background-color: white; font-family: Roboto, sans-serif; font-size: 14.5px; text-decoration-line: none;"></a><br /><div class="post-title entry-title" style="font-size: 20px; margin: 5px;"><a href="https://101helper.blogspot.com/2019/11/new-updated-blogger-interface.html" style="background-color: white; font-family: Roboto, sans-serif; font-size: 14.5px; text-decoration-line: none;"><span style="color: #f57c00;">New updated Blogger interface</span></a></div><a href="https://101helper.blogspot.com/2019/11/new-updated-blogger-interface.html" style="background-color: white; font-family: Roboto, sans-serif; font-size: 14.5px; text-decoration-line: none;"><span style="color: #888888;">After a long time and so many requests, Blogger has been updated and the new interface is really ve…</span></a></div><div><br /></div><div><br /></div><div><span style="font-size: x-large;">Latest Update.</span></div><div><br /></div><div><br /></div><div><span style="font-size: x-small;">In the new update blogger has introduced a mobile site friendly post composer and HTML editor. So now you are able to write your blog post from your smartphone. I am also writing this post from my phone. Here is a screenshot i just took to show you how it looks like. Discussion continues below.</span></div><div><span style="font-size: x-small;"><br /></span></div><div><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-aTCOqUuuIYE/Xsbi3FcJEXI/AAAAAAAAIQ8/tl1_WrnC45cCKLdcrLEfBVLh3N5R_8bsgCK4BGAsYHg/Screenshot_20200522-011956.png" style="margin-left: 1em; margin-right: 1em;"><img alt="Blogger-post-editor-composer-mobile-site" border="0" data-original-height="1525" data-original-width="720" height="320" src="https://1.bp.blogspot.com/-aTCOqUuuIYE/Xsbi3FcJEXI/AAAAAAAAIQ8/tl1_WrnC45cCKLdcrLEfBVLh3N5R_8bsgCK4BGAsYHg/w151-h320/Screenshot_20200522-011956.png" width="151" /></a></div></div><div><span style="font-size: x-small;"><br /></span></div><div><span style="font-size: x-small;">So this is what it looks like.</span></div><div><span style="font-size: x-small;"><br /></span></div><div><span style="font-size: x-small;">Talking about tools, no new tools are added, everything is same as desktop site but are adjusted for phone screen.</span></div><div><span style="font-size: x-small;"><br /></span></div><div><span style="font-size: x-small;"><br /></span></div><div><span style="font-size: x-large;">Why Updated Interface?</span></div><div><br /></div><div><br /></div><div><span style="font-size: x-small;">The reason is simple, Blogger is preparing for new Era which is era of smartphones in which people are sticking to smartphones. Google already predicted that most of users will sooner start using smartphones to visit sites and read blogs and write blogs so it is preparing for it. So is the Amp project for. This gives you an induction to make a good Mobile site to engage maximum audience.</span></div><div><span style="font-size: x-small;"><br /></span></div><div><span style="font-size: x-small;">Similarly Google webmaster tools now indexes mobile pages first and desktop pages later. So this is a good indicator to make your mobile site fully ready.</span></div><div><span style="font-size: x-small;"><br /></span></div><div><span style="font-size: x-small;"><br /></span></div><div><a href="https://101helper.blogspot.com/2019/11/5-best-free-amp-blogger-themestemplates.html" style="background-color: white; font-family: Roboto, sans-serif; font-size: 14.5px; text-decoration-line: none;"></a><br /><div class="post-title entry-title" style="font-size: 20px; margin: 5px;"><a href="https://101helper.blogspot.com/2019/11/5-best-free-amp-blogger-themestemplates.html" style="background-color: white; font-family: Roboto, sans-serif; font-size: 14.5px; text-decoration-line: none;"><span style="color: #f57c00;">5 Best free Amp Blogger themes/templates</span></a></div><a href="https://101helper.blogspot.com/2019/11/5-best-free-amp-blogger-themestemplates.html" style="background-color: white; font-family: Roboto, sans-serif; font-size: 14.5px; text-decoration-line: none;"><span style="color: #888888;">I am always exploring new things about blogger and blogging and this time I am back with a new thin…</span></a></div><div><span style="font-size: x-small;"><br /></span></div><div><span style="font-size: x-small;"><br /></span></div><div><span style="font-size: x-large;">What Should Blogger Add In Future Update?</span></div><div><br /></div><div><br /></div><div><br /></div><div>As an old blogger I know what can improve blogger more. Blogger should consider following thing in its future updates.</div><div><br /></div><div>1. A push notifications root manifest file and JavaScript. All the control should be given to bloggers so that bloggers can be able to use https push notifications just like WordPress or any other site.</div><div><br /></div><div>2. Blogger should add widgets which insert ads insite posts.</div><div><br /></div><div>3. There should be built-in related posts widget.</div><div><br /></div><div>4. Blogger should have plugins for Seo like WordPress because many people don't understand Seo.</div><div><br /></div><div>5. Blogger should allow changing posts links look, long URL's should not be made a compulsory option.</div><div><br /></div><div>There are alot more improvements blogger should consider. But most important of them are above mentioned 5 things.</div><div><br /></div><div>What do you think blogger should improve? Please leave your suggestion below. Thanks for visiting 101Helper.</div></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6915546293629106045.post-52219607294103368362020-01-11T01:04:00.000+06:002020-11-01T08:36:32.563+06:00<p><br /></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-Jby4Yn54igY/X4IFtmi1GdI/AAAAAAAAAUs/tAy88HJf1RU8EEyY3OjcR7k5wDVT9dfiACLcBGAsYHQ/s587/images.jpeg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="522" data-original-width="587" src="https://1.bp.blogspot.com/-Jby4Yn54igY/X4IFtmi1GdI/AAAAAAAAAUs/tAy88HJf1RU8EEyY3OjcR7k5wDVT9dfiACLcBGAsYHQ/s320/images.jpeg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><br /></div><span face="-apple-system, system-ui, BlinkMacSystemFont, &quot;segoe ui&quot;, Helvetica, Arial, sans-serif, &quot;apple color emoji&quot;, &quot;segoe ui emoji&quot;, &quot;segoe ui symbol&quot;" style="background-color: white; color: #3a3a3a; font-size: 18px;">Here’s the table that has the ranking of all the processors alongside the Centurion Mark.</span><p></p><p><span face="-apple-system, system-ui, BlinkMacSystemFont, &quot;segoe ui&quot;, Helvetica, Arial, sans-serif, &quot;apple color emoji&quot;, &quot;segoe ui emoji&quot;, &quot;segoe ui symbol&quot;" style="background-color: white; color: #3a3a3a; font-size: 18px;"><br /></span></p><div style="background-color: white; box-sizing: inherit; color: #3a3a3a; font-family: -apple-system, system-ui, BlinkMacSystemFont, &quot;segoe ui&quot;, Helvetica, Arial, sans-serif, &quot;apple color emoji&quot;, &quot;segoe ui emoji&quot;, &quot;segoe ui symbol&quot;; font-size: 18px;"></div><div style="background-color: white; box-sizing: inherit; color: #3a3a3a; font-family: -apple-system, system-ui, BlinkMacSystemFont, &quot;segoe ui&quot;, Helvetica, Arial, sans-serif, &quot;apple color emoji&quot;, &quot;segoe ui emoji&quot;, &quot;segoe ui symbol&quot;; font-size: 18px;"><table style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-radius: 0px 0px 5px 5px; border-spacing: 0px; border-style: solid; border-width: 1px 0px 0px 1px; box-sizing: inherit; display: block; font-size: 14.4px; height: 10331px; margin: 0px 0px 1.5em; max-width: 100%; overflow: scroll; width: 598px;"><tbody style="box-sizing: inherit;"><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-size: 17.28px; font-weight: bolder; padding: 8px; text-align: center; width: 224px;" width="164">Rank</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-size: 17.28px; font-weight: bolder; padding: 8px; text-align: center; width: 233px;" width="171">Processor Name</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-size: 17.28px; font-weight: bolder; padding: 8px; text-align: center; width: 246px;" width="183">Phone</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-size: 17.28px; font-weight: bolder; padding: 8px; text-align: center; width: 120px;" width="80">Centurion Mark</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#1</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Apple A13 Bionic</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;"><a href="https://geni.us/Qsa7" rel="nofollow noopener" style="box-sizing: inherit; color: #1e73be; transition: all 0s ease-in-out 0s;" target="_blank">Apple iPhone 11</a></td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">154</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#2</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Snapdragon 865+</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;"><a href="https://geni.us/0PLJqL" rel="nofollow noopener" style="box-sizing: inherit; color: #1e73be; transition: all 0s ease-in-out 0s;" target="_blank">Asus ROG Phone 3</a></td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">150</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#3</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Snapdragon 865</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;" width="183"><a href="https://geni.us/esJA" rel="nofollow noopener" style="box-sizing: inherit; color: #1e73be; transition: all 0s ease-in-out 0s;" target="_blank">OnePlus 8</a></td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">149</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#4</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Dimensity 1000+</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Xiaomi Redmi K30 Ultra</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">146</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#5</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Apple A12 Bionic</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">iPhone XS Max</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">146</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#6</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Dimensity 1000</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;"></td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">146*</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#7</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Snapdragon 855+</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;"><a href="https://geni.us/w3PqrR" rel="nofollow noopener" style="box-sizing: inherit; color: #1e73be; transition: all 0s ease-in-out 0s;" target="_blank">Asus ROG Phone II</a></td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">145</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#8</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Exynos 990</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Samsung Galaxy S20 Ultra</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">144</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#9</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Snapdragon 855</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">OnePlus 7 Pro</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">144</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#10</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;"><a href="https://www.techcenturion.com/kirin-990" style="box-sizing: inherit; color: #1e73be; transition: all 0s ease-in-out 0s;">Kirin 990 5G</a></td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Huawei Mate 30 Pro 5G</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">144</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#11</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Kirin 990 4G</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Huawei Mate 30 Pro 4G</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">143</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#12</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Exynos 9825</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Galaxy Note 10+</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">142</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#13</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Exynos 9820</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Samsung Galaxy S10</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">140</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#14</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Dimensity 1000L</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Oppo Reno3 5G</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">140</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#15</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Kirin 980</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Huawei Mate 20 Pro</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">137</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#16</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Dimensity 1000C</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;"></td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">137*</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#17</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Snapdragon 768G</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Redmi K30 5G Racing</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">136</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#18</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Dimensity 820</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Redmi 10X Pro 5G</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">136</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#19</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Exynos 980</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Samsung Galaxy A71 5G</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">135</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#20</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Snapdragon 765G</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Oppo Reno 3 Vitality</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">134</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#21</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Dimensity 800U</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;"></td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">134*</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#22</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Exynos 880</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Vivo Y70s</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">134</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#23</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Snapdragon 765</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Motorola One 5G</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">133</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#24</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Dimensity 800</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Honor Play 4</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">132</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#25</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Snapdragon 690</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;"></td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">131*</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#26</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Dimensity 720</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Realme v3</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">131</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#27</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Apple A11 Bionic</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">iPhone X</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">130</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#28</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;"><a href="https://www.techcenturion.com/snapdragon-845" style="box-sizing: inherit; color: #1e73be; transition: all 0s ease-in-out 0s;">Snapdragon 845</a></td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">OnePlus 6T</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">127</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#29</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;"><a href="https://www.techcenturion.com/exynos-9810" style="box-sizing: inherit; color: #1e73be; transition: all 0s ease-in-out 0s;">Exynos 9810</a></td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Samsung Galaxy Note 9</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">125</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#30</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Snapdragon 732G</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Poco X3</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">125</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#31</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Snapdragon 730G</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Oppo Reno 2</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">124</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#32</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Kirin 810</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Honor 9X</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">124</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#33</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Snapdragon 730</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Redmi K20</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">123</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#34</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;"><a href="https://www.techcenturion.com/snapdragon-720g" style="box-sizing: inherit; color: #1e73be; transition: all 0s ease-in-out 0s;">Snapdragon 720G</a></td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Realme 6 Pro</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">123</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#35</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Kirin 970</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Huawei Mate 10 Pro</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">121</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#36</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Helio G95</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Realme 7</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">120</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#37</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;"><a href="https://www.techcenturion.com/helio-g90t" style="box-sizing: inherit; color: #1e73be; transition: all 0s ease-in-out 0s;">Helio G90T</a></td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Redmi Note 8 Pro</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">119</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#38</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Apple A10 Fusion</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">iPhone 7 Plus</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">118</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#39</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Helio G90</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;"></td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">118*</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#40</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;"><a href="https://www.techcenturion.com/snapdragon-835" style="box-sizing: inherit; color: #1e73be; transition: all 0s ease-in-out 0s;">Snapdragon 835</a></td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Google Pixel 2 XL</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">117</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#41</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Exynos 8895</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Samsung Galaxy S8+</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">114</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#42</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Snapdragon 712</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Vivo Z5</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">114</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#43</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;"><a href="https://www.techcenturion.com/snapdragon-710" style="box-sizing: inherit; color: #1e73be; transition: all 0s ease-in-out 0s;">Snapdragon 710</a></td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Xiaomi Mi 8 SE</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">113</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#44</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;"><a href="https://www.techcenturion.com/snapdragon-675" style="box-sizing: inherit; color: #1e73be; transition: all 0s ease-in-out 0s;">Snapdragon 675</a></td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Redmi Note 7 Pro</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">112</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#45</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Snapdragon 670</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Oppo R17</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">111</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#46</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Helio P90</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">OPPO Reno Z</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">110</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#47</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Helio X30</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Meizu Pro 7 Plus</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">109</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#48</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Apple A9</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">iPhone 6S Plus</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">109</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#49</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Snapdragon 821</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">OnePlus 3T</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">108</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#50</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Snapdragon 820</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">LG G5</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">107</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#51</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Helio G85</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Redmi Note 9</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">107</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#52</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Exynos 8890</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Samsung Galaxy S7 Edge</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">106</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#53</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Helio G80</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Redmi 9</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">106</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#54</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;"><a href="https://www.techcenturion.com/helio-g70" style="box-sizing: inherit; color: #1e73be; transition: all 0s ease-in-out 0s;">Helio G70</a></td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Realme C3</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">105</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#55</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Helio P65</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Vivo S1</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">105</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#56</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Kirin 960</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Huawei Mate 9 Pro</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">103</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#57</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;"><a href="https://www.techcenturion.com/exynos-9611" style="box-sizing: inherit; color: #1e73be; transition: all 0s ease-in-out 0s;">Exynos 9611</a></td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Samsung Galaxy M30s</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">103</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#58</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Exynos 9610</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Samsung A50</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">102</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#59</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;"><a href="https://www.techcenturion.com/qualcomm-snapdragon-660-review" style="box-sizing: inherit; color: #1e73be; transition: all 0s ease-in-out 0s;">Snapdragon 660</a></td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Xiaomi Mi A2</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">101</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#60</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Exynos 9609</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Moto One Vision</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">101</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#61</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;"><a href="https://www.techcenturion.com/snapdragon-665" style="box-sizing: inherit; color: #1e73be; transition: all 0s ease-in-out 0s;">Snapdragon 665</a></td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Redmi Note 8</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">101</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#62</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Snapdragon 662</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Moto G9</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">101</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#63</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;"><a href="https://www.techcenturion.com/mediatek-helio-p70" style="box-sizing: inherit; color: #1e73be; transition: all 0s ease-in-out 0s;">Helio P70</a></td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Realme U1</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">99</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#64</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Snapdragon 460</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Moto E7 Plus</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">99</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#65</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;"><a href="https://www.techcenturion.com/mediatek-helio-p60" style="box-sizing: inherit; color: #1e73be; transition: all 0s ease-in-out 0s;">Helio P60</a></td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Realme 1</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">98</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#66</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Exynos 7885</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Samsung Galaxy A7 (2018)</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">98</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#67</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;"><a href="https://www.techcenturion.com/kirin-710" style="box-sizing: inherit; color: #1e73be; transition: all 0s ease-in-out 0s;">Kirin 710</a></td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Huawei Honor 8X</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">98</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#68</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;"><a href="https://www.techcenturion.com/snapdragon-636" style="box-sizing: inherit; color: #1e73be; transition: all 0s ease-in-out 0s;">Snapdragon 636</a></td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Nokia X6</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">97</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#69</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;"><a href="https://www.techcenturion.com/exynos-7904" style="box-sizing: inherit; color: #1e73be; transition: all 0s ease-in-out 0s;">Exynos 7904</a></td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Galaxy M20</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">96</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#70</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Exynos 850</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Samsung Galaxy A21s</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">96</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#71</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Snapdragon 632</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Meizu Note 8</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">92</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#72</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Exynos 7884</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Samsung Galaxy A20</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">92</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#73</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Kirin 955</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Huawei Honor V8</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">89</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#74</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;"><a href="https://www.techcenturion.com/snapdragon-630" style="box-sizing: inherit; color: #1e73be; transition: all 0s ease-in-out 0s;">Snapdragon 630</a></td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Motorola Moto X4</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">88</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#75</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Kirin 950</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Huawei Mate 8</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">88</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#76</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Exynos 7872</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Meizu M6s</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">87</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#77</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Helio X27</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">UMIDIGI Z Pro</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">85</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#78</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Exynos 7420</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Samsung Galaxy S6 Edge</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">81</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#79</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Helio P35</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Infinix Note 6</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">81</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#80</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Helio G35</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Realme C11</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">81</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#81</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Snapdragon 810</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">OnePlus 2</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">80</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#82</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Helio P30</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Gionee M7</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">80</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#83</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Helio G25</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Redmi 9A</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">80</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#84</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;"><a href="https://www.techcenturion.com/mediatek-helio-x23" style="box-sizing: inherit; color: #1e73be; transition: all 0s ease-in-out 0s;">Helio X23&nbsp;</a></td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Lenovo K8 Note</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">79</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#85</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Helio P23</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">OPPO F5</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">79</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#86</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Helio X25</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Meizu Pro 6</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">77</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#87</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Exynos 7880</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Samsung Galaxy A7 (2017)</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">77</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#88</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Helio X20</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Sharp Z2</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">75</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#89</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;"><a href="https://www.techcenturion.com/mediatek-helio-p25" style="box-sizing: inherit; color: #1e73be; transition: all 0s ease-in-out 0s;">Helio P25&nbsp;</a></td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Gionee A1 Plus</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">75</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#90</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Snapdragon 653</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Samsung Galaxy C9 Pro</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">74</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#91</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Helio P20</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Sony Xperia XA1</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">74</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#92</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Apple A8</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">iPhone 6 Plus</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">74</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#93</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;"><a href="https://www.techcenturion.com/snapdragon-626" style="box-sizing: inherit; color: #1e73be; transition: all 0s ease-in-out 0s;">Snapdragon 626</a></td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Motorola Moto Z2 Play</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">72</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#94</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;"><a href="https://www.techcenturion.com/snapdragon-625" style="box-sizing: inherit; color: #1e73be; transition: all 0s ease-in-out 0s;">Snapdragon 625</a></td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Xiaomi Mi A1</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">71</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#95</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Kirin 659</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Huawei Honor 7X</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">71</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#96</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Kirin 658</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Huawei P10 Lite</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">71</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#97</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Snapdragon 650</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Redmi Note 3 Pro</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">70</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#98</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Kirin 655</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Huawei Honor 6X</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">70</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#99</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Kirin 650</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Huawei Honor 5C</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">70</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#100</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Snapdragon 439</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Vivo Y93</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">69</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#101</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;"><a href="https://www.techcenturion.com/mediatek-helio-p22" style="box-sizing: inherit; color: #1e73be; transition: all 0s ease-in-out 0s;">Helio P22&nbsp;</a></td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Xiaomi Redmi 6</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">69</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#102</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Snapdragon 652</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Samsung Galaxy A9 Pro</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">69</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#103</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;"><a href="https://www.techcenturion.com/snapdragon-450" style="box-sizing: inherit; color: #1e73be; transition: all 0s ease-in-out 0s;">Snapdragon 450</a></td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Motorola Moto G6</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">69</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#104</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Snapdragon 808</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Nexus 5X</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">68</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#105</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;"><a href="https://www.techcenturion.com/exynos-7870" style="box-sizing: inherit; color: #1e73be; transition: all 0s ease-in-out 0s;">Exynos 7870</a></td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Samsung Galaxy J7 (2017)</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">67</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#106</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;"><a href="https://www.techcenturion.com/mediatek-helio-a22" style="box-sizing: inherit; color: #1e73be; transition: all 0s ease-in-out 0s;">Helio A22</a></td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Xiaomi Redmi 6A</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">66</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#107</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Kirin 935</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Huawei Honor 7</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">66</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#108</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Kirin 930</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Huawei P8</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">65</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#109</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Apple A7</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">iPhone 5s</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">65</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#110</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Snapdragon 429</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Nokia 3.2</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">65</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#111</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Helio A20</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Ulefone Armor X7</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">63</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#112</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Exynos 5433</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Samsung Galaxy Note 4</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">61</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#113</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Helio P18</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Nokia 5.1</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">61</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#114</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;"><a href="https://www.techcenturion.com/mediatek-helio-p10" style="box-sizing: inherit; color: #1e73be; transition: all 0s ease-in-out 0s;">Helio P10&nbsp;</a></td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">ZTE Nubia N1</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">59</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#115</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;"><a href="https://www.techcenturion.com/snapdragon-435" style="box-sizing: inherit; color: #1e73be; transition: all 0s ease-in-out 0s;">Snapdragon 435</a></td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Moto E5 Plus</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">59</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#116</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Helio X10</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">HTC One E9</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">59</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#117</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Exynos 7580</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Samsung Galaxy A7 (2016)</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">58</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#118</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;"><a href="https://www.techcenturion.com/snapdragon-430" style="box-sizing: inherit; color: #1e73be; transition: all 0s ease-in-out 0s;">Snapdragon 430</a></td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Xiaomi Redmi 3s</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">57</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#119</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Snapdragon 617</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Motorola Moto G4 Plus</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">55</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#120</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Exynos 7570</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Samsung Galaxy J5 Prime</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">53</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#121</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Snapdragon 616</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Huawei Honor 7i</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">52</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#122</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Snapdragon 615</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Lenovo Vibe P1</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">51</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#123</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">MT6750T</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Oppo F3</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">51</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#124</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Snapdragon 427</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Moto G6 Play</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">50</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#125</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">MT6739</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">HTC Desire 12</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">50</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#126</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;"><a href="https://www.techcenturion.com/snapdragon-425" style="box-sizing: inherit; color: #1e73be; transition: all 0s ease-in-out 0s;">Snapdragon 425</a></td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Nokia 2.1</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">49</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#127</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">MT6738</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Alcatel A30 Fierce</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">49</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#128</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;"><a href="https://www.techcenturion.com/mediatek-mt6753" style="box-sizing: inherit; color: #1e73be; transition: all 0s ease-in-out 0s;">MT6753</a></td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Lenovo K4 Note</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">49</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#129</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;"><a href="https://www.techcenturion.com/mediatek-mt6752" style="box-sizing: inherit; color: #1e73be; transition: all 0s ease-in-out 0s;">MT6752</a></td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Lenovo K3 Note</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">48</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#130</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;"><a href="https://www.techcenturion.com/mediatek-mt6750-review" style="box-sizing: inherit; color: #1e73be; transition: all 0s ease-in-out 0s;">MT6750</a></td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Oppo F1s</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">48</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#131</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Snapdragon 415</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Lenovo Vibe K5</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">47</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#132</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Kirin 620</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Huawei P8 Lite</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">47</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#133</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Snapdragon 412</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">BQ Aquaris X5</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">46</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#134</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">MT6737T</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Samsung Galaxy J2 Prime</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">46</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#135</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">Snapdragon 410</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Xiaomi Redmi 2</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">45</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#136</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;"><a href="https://www.techcenturion.com/mediatek-mt6737" style="box-sizing: inherit; color: #1e73be; transition: all 0s ease-in-out 0s;">MT6737</a></td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Moto E4 Plus</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">45</td></tr><tr style="background-color: #f7f7f7; box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#137</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">MT6735</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Meizu M2</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">42</td></tr><tr style="box-sizing: inherit;"><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; font-weight: bold; padding: 8px; text-align: center; width: 224px;">#138</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 233px;">MT6732</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 246px;">Acer Liquid Jade Z</td><td style="border-color: rgba(0, 0, 0, 0.1); border-image: initial; border-style: solid; border-width: 0px 1px 1px 0px; box-sizing: inherit; padding: 8px; text-align: center; width: 120px;">41</td></tr></tbody></table></div><p style="background-color: white; border: 0px; box-sizing: inherit; color: #3a3a3a; font-family: -apple-system, system-ui, BlinkMacSystemFont, &quot;segoe ui&quot;, Helvetica, Arial, sans-serif, &quot;apple color emoji&quot;, &quot;segoe ui emoji&quot;, &quot;segoe ui symbol&quot;; font-size: 18px; margin: 0px 0px 1.5em; padding: 0px;"><span style="box-sizing: inherit; font-weight: 700;">*</span>The performance of processors marked with a star is estimated based on their specification, and the knowledge gained during the testing of previous-gen processors. These scores may change once we have tested phones based on these SOCs.</p>Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-6915546293629106045.post-74843235163526119852019-12-01T20:09:00.000+06:002020-09-02T22:10:11.184+06:00<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://3.bp.blogspot.com/-aJRLI2xaTIg/VFI_LK7Hs6I/AAAAAAAABJI/sORjCvLdKqI/s1600/vertical%2Bmenu%2Bfor%2Bblogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="How to add stylish responsive vertical menu in blogger" border="0" height="320" src="https://3.bp.blogspot.com/-aJRLI2xaTIg/VFI_LK7Hs6I/AAAAAAAABJI/sORjCvLdKqI/s1600/vertical%2Bmenu%2Bfor%2Bblogger.png" title="How to add stylish responsive vertical menu in blogger" width="320" /></a></div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><br /></span><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;">A good and successful blog or site is that which have a simple and clear navigation. Navigation includes pages in site or blog, menu, popular posts, related posts etc. Navigation is also important for seo. Navigation is like street signs and help visitors to reach their posts which they look for. Blogger provides many features among which one is creating pages, linking them to categories and displaying them as menu as I did in my blog. But now most of the blogs have added menus to their blogs of different styles such as horizontal, vertical, responsive, floating etc because everybody wants his blog to be most popular among all. You can find a number of menus on the internet but the are either common or not work. </span><br /><a href="https://www.blogger.com/null" name="more"></a><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;">So people re-decorate them to make it unique but as everybody is copying from one blog to another and is modifying it therefore no menu is left un-modified and un-seen. There are also some sites that provides source codes of menus e.g css menu maker, css menu creator etc but they don't tell about how to add these menus to blogs or sites. So I am posting this tutorial for those who don't know how to add these menus to blog. Previously I have shared a horizontal menu which is also created by <a href="http://cssmenumaker.com/" rel="nofollow" target="_blank">css menu maker</a>&nbsp;and they have also posted a tutorial about it but that post explains a little and&nbsp;its very difficult to add menu in blogger by following that post you can find that post <a href="http://cssmenumaker.com/blog/tutorials/drop-down-menu-for-blogger" rel="nofollow" target="_blank">here</a>. This is the copyright of <a href="http://cssmenumaker.com/" rel="nofollow" target="_blank">css menu maker </a>and I am not trying to steel their menu's code but posting about how to use their menus. So this time I am sharing a vertical menu, it is a responsive menu and contains dropdown menus(sub menus) also, although its a simple menu but i will also share how can you make this menu float in the end of this post. You can see an animated screenshot of this menu below:</span><br /><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><br /></span><div class="separator" style="clear: both; text-align: center;"><a href="https://3.bp.blogspot.com/-p61ciFvEsIs/VFFAeLZ6etI/AAAAAAAABIo/xIWKF2hK_AU/s1600/101helper%2Bveritcal%2Bmenu%2Bfor%2Bblogger.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><img alt="How to add stylish responsive vertical menu in blogger" border="0" height="116" src="https://3.bp.blogspot.com/-p61ciFvEsIs/VFFAeLZ6etI/AAAAAAAABIo/xIWKF2hK_AU/s1600/101helper%2Bveritcal%2Bmenu%2Bfor%2Bblogger.gif" title="How to add stylish responsive vertical menu in blogger" width="400" /></span></a></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><b><span style="font-family: &quot;trebuchet ms&quot; , sans-serif; font-size: large;">How to add vertical menu to blogger:</span></b></div><div class="separator" style="clear: both; text-align: left;"><b><span style="font-family: &quot;trebuchet ms&quot; , sans-serif; font-size: large;"><br /></span></b></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;">This is a detailed tutorial about adding this menu in blog so you will learn everything about this menu e.g how to add more tabs, how to less tabs, how to remove dropdown, how to add dropdown etc. Its very easy to add this menu in blogger, all you have to do is to follow below mentioned steps:</span></div><div class="separator" style="clear: both; text-align: left;"></div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"></span><br /><div dir="ltr" style="text-align: left;" trbidi="on"><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><br /></span></span></div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><b><span style="color: #3d85c6;">Step 1:</span>&nbsp;</b>Go to blogger and log-in to your blogger account and open your blog.</span><br /><div dir="ltr" style="text-align: left;" trbidi="on"><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><br /></span><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><b><span style="color: #3d85c6;">Step 2:&nbsp;</span></b>Go to template and click on edit Html.</span></div><div dir="ltr" style="text-align: left;" trbidi="on"><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><br /></span><b style="font-family: 'Trebuchet MS', sans-serif;"><span style="color: #3d85c6;">Step 3:&nbsp;</span></b><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;">In the Html page click anywhere in the Html and find </span><b style="font-family: 'Trebuchet MS', sans-serif;">&lt;/head&gt; </b><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;">by using Ctrl+F on you keyboard.</span></div><div dir="ltr" style="text-align: left;" trbidi="on"><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><br /></span><b style="font-family: 'Trebuchet MS', sans-serif;"><span style="color: #3d85c6;">Step 4:&nbsp;</span></b><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;">Copy the below code and paste it just above </span><b style="font-family: 'Trebuchet MS', sans-serif;">&lt;/head&gt;</b><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;">.</span><br /><ul></ul><span style="color: #3d85c6; font-family: &quot;trebuchet ms&quot; , sans-serif;">&lt;meta charset='utf-8'/&gt;</span><br /><span style="color: #3d85c6; font-family: &quot;trebuchet ms&quot; , sans-serif;">&nbsp; &nbsp; &lt;meta content='IE=edge' http-equiv='X-UA-Compatible'/&gt;</span><br /><span style="color: #3d85c6; font-family: &quot;trebuchet ms&quot; , sans-serif;">&nbsp; &nbsp; &lt;meta content='width=device-width, initial-scale=1' name='viewport'/&gt;</span><br /><span style="color: #3d85c6; font-family: &quot;trebuchet ms&quot; , sans-serif;">&lt;meta charset='utf-8'/&gt;</span><br /><span style="color: #3d85c6; font-family: &quot;trebuchet ms&quot; , sans-serif;">&lt;meta content='IE=edge' http-equiv='X-UA-Compatible'/&gt;</span><br /><span style="color: #3d85c6; font-family: &quot;trebuchet ms&quot; , sans-serif;">&lt;meta content='width=device-width, initial-scale=1' name='viewport'/&gt;</span><br /><span style="color: #3d85c6; font-family: &quot;trebuchet ms&quot; , sans-serif;">&lt;link href='styles.css' rel='stylesheet'/&gt;</span><br /><span style="color: #3d85c6; font-family: &quot;trebuchet ms&quot; , sans-serif;">&lt;script src='https://code.jquery.com/jquery-latest.min.js' type='text/javascript'/&gt;</span><br /><span style="color: #3d85c6; font-family: &quot;trebuchet ms&quot; , sans-serif;">&lt;script src='script.js'/&gt;</span><br /><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"></span><br /><div><ul><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"></span></ul><b style="font-family: 'Trebuchet MS', sans-serif;"><span style="color: #3d85c6;">Step 5:&nbsp;</span></b><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;">Now copy the below code and go to </span><b style="font-family: 'Trebuchet MS', sans-serif;">layout,&nbsp;</b><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;">click on add a gadget and a pop-up window will open. Scroll down this window to Html/javascript, click on it and paste the copied code in the Html/javascript tab:</span><br /><ul><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"></span></ul><div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&lt;div id='cssmenu'&gt;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&lt;ul&gt;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; &nbsp;&lt;li&gt;&lt;a href='</span><b><span style="color: #6aa84f;">#</span></b><span style="color: #3d85c6;">'&gt;&lt;span&gt;Home&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; &nbsp;&lt;li class='active has-sub'&gt;&lt;a href='</span><span style="color: #6aa84f;"><b>#</b></span><span style="color: #3d85c6;">'&gt;&lt;span&gt;Dropdown&lt;/span&gt;&lt;/a&gt;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; &nbsp; &nbsp; &lt;ul&gt;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;li class='has-sub'&gt;&lt;a href='</span><b><span style="color: #6aa84f;">#</span></b><span style="color: #3d85c6;">'&gt;&lt;span&gt;Sub Drop down &lt;/span&gt;&lt;/a&gt;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;ul&gt;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;li&gt;&lt;a href=</span><span style="color: #6aa84f;">'<b>#</b></span><span style="color: #3d85c6;">'&gt;&lt;span&gt;Sub Drop down&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;li class='last'&gt;&lt;a href='</span><b><span style="color: #6aa84f;">#</span></b><span style="color: #3d85c6;">'&gt;&lt;span&gt;Sub Drop down&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ul&gt;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;/li&gt;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;li class='has-sub'&gt;&lt;a href='</span><span style="color: #6aa84f;"><b>#</b></span><span style="color: #3d85c6;">'&gt;&lt;span&gt;Sub Drop down&lt;/span&gt;&lt;/a&gt;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;ul&gt;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;li&gt;&lt;a href='</span><span style="color: #6aa84f;"><b>#</b></span><span style="color: #3d85c6;">'&gt;&lt;span&gt;Sub Drop down&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;li class='last'&gt;&lt;a href='</span><span style="color: #6aa84f;"><b>#</b></span><span style="color: #3d85c6;">'&gt;&lt;span&gt;Sub Drop down&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ul&gt;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;/li&gt;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; &nbsp; &nbsp; &lt;/ul&gt;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; &nbsp;&lt;/li&gt;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; &nbsp;&lt;li&gt;&lt;a href='</span><span style="color: #6aa84f;"><b>#</b></span><span style="color: #3d85c6;">'&gt;&lt;span&gt;About&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&lt;li&gt;&lt;a href='</span><span style="color: #6aa84f;"><b>#</b></span><span style="color: #3d85c6;">'&gt;&lt;span&gt;Sitemap&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; &nbsp;&lt;li class='last'&gt;&lt;a href='</span><span style="color: #6aa84f;"><b>#</b></span><span style="color: #3d85c6;">'&gt;&lt;span&gt;Contact&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&lt;/ul&gt;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&lt;/div&gt;</span></span></div></div><ul><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"></span></ul><b style="font-family: 'Trebuchet MS', sans-serif;"><span style="color: #3d85c6;">Step 6:&nbsp;</span></b><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;">Replace hashes</span><b style="font-family: 'Trebuchet MS', sans-serif;">(<span style="color: #6aa84f;">#</span>)</b><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"> with your blog's pages links.</span><br /><ul><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"></span></ul><b style="font-family: 'Trebuchet MS', sans-serif;"><span style="color: #3d85c6;">Step 7:&nbsp;</span></b><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;">Now your menu is almost ready but it needs to be decorated, you have to add css code in your blog to decorate it, so copy the below code and go to </span><b style="font-family: 'Trebuchet MS', sans-serif;">template </b><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;">and click on </span><b style="font-family: 'Trebuchet MS', sans-serif;">edit Html,&nbsp;</b><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;">Click anywhere in the html and find&nbsp;</span><span style="color: #3d85c6; font-family: &quot;trebuchet ms&quot; , sans-serif;">]]&gt;&lt;/b:skin&gt;</span><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;">&nbsp;by using Ctrl+F on your keyboard,now&nbsp;paste the copied code just above it.</span><br /><ul><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"></span></ul><div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">/* Starter CSS for Flyout Menu */</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">#cssmenu,</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">#cssmenu ul,</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">#cssmenu ul li,</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">#cssmenu ul ul {</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; list-style: none;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; margin: 0;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; padding: 0;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; border: 0;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">}</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">#cssmenu ul {</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; position: relative;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; z-index: 597;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; float: left;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">}</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">#cssmenu ul li {</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; float: left;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; min-height: 1px;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; line-height: 1em;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; vertical-align: middle;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">}</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">#cssmenu ul li.hover,</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">#cssmenu ul li:hover {</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; position: relative;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; z-index: 599;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; cursor: default;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">}</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">#cssmenu ul ul {</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; margin-top: 1px;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; visibility: hidden;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; position: absolute;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; top: 1px;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; left: 99%;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; z-index: 598;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; width: 100%;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">}</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">#cssmenu ul ul li {</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; float: none;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">}</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">#cssmenu ul ul ul {</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; top: 1px;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; left: 99%;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">}</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">#cssmenu ul li:hover &gt; ul {</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; visibility: visible;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">}</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">#cssmenu ul li {</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; float: none;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">}</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">#cssmenu ul ul li {</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; font-weight: normal;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">}</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">/* Custom CSS Styles */</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">#cssmenu {</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; font-family: 'Lato', sans-serif;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; font-size: 18px;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; width: 260px;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">}</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">#cssmenu ul a,</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">#cssmenu ul a:link,</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">#cssmenu ul a:visited {</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; display: block;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; color: #848889;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; text-decoration: none;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; font-weight: 300;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">}</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">#cssmenu &gt; ul {</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; float: none;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">}</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">#cssmenu ul {</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; background: #fff;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">}</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">#cssmenu &gt; ul &gt; li {</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; border-left: 3px solid #d7d8da;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">}</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">#cssmenu &gt; ul &gt; li &gt; a {</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; padding: 10px 20px;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">}</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">#cssmenu &gt; ul &gt; li:hover {</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; border-left: 3px solid #0085e4;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">}</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">#cssmenu ul li:hover &gt; a {</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; color: #0085e4;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">}</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">#cssmenu &gt; ul &gt; li:hover {</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; background: #f6f6f6;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">}</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">/* Sub Menu */</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">#cssmenu ul ul a:link,</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">#cssmenu ul ul a:visited {</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; font-weight: 400;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; font-size: 14px;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">}</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">#cssmenu ul ul {</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; width: 200px;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; background: none;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; border-left: 20px solid transparent;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">}</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">#cssmenu ul ul a {</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; padding: 8px 0;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; border-bottom: 1px solid #eaeaea;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">}</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">#cssmenu ul ul li {</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; padding: 0 20px;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; background: #fff;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">}</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">#cssmenu ul ul li:last-child {</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; border-bottom: 3px solid #d7d8da;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; padding-bottom: 10px;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">}</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">#cssmenu ul ul li:first-child {</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; padding-top: 10px;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">}</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">#cssmenu ul ul li:last-child &gt; a {</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; border-bottom: none;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">}</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">#cssmenu ul ul li:first-child:after {</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; content: '';</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; display: block;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; width: 0;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; height: 0;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; position: absolute;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; left: -20px;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; top: 13px;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; border-left: 10px solid transparent;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; border-right: 10px solid #fff;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; border-bottom: 10px solid transparent;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; border-top: 10px solid transparent;</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">}</span></span></div></div><ul><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"></span></ul><b style="font-family: 'Trebuchet MS', sans-serif;"><span style="color: #3d85c6;">Step 8:&nbsp;</span></b><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;">Click on save template and you are done.</span><br /><ul><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"></span></ul><div style="text-align: center;"><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><b>OR</b></span></div><div style="text-align: center;"><ul><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"></span></ul><span style="font-family: &quot;trebuchet ms&quot; , sans-serif; text-align: left;"></span><br /><div style="text-align: justify;"><span style="font-family: &quot;trebuchet ms&quot; , sans-serif; text-align: left;">If you can't find&nbsp;<span style="color: #3d85c6;">]]&gt;&lt;/b:skin&gt; </span>then after copying css code go to <b>template </b>click on <b>customize </b>and on the customization page click on <b>Advanced </b>scroll down to <b>Add css </b>and paste the css code.</span></div><br /><ul><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"></span></ul><span style="font-family: &quot;trebuchet ms&quot; , sans-serif; text-align: left;"></span><br /><div style="text-align: justify;"><span style="font-family: &quot;trebuchet ms&quot; , sans-serif; text-align: left;">Hit apply to blog on top-right of the customization page and you are done.</span></div><br /><ul><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"></span></ul><div style="text-align: left;"><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;">If you are using simple blogger template then this menu will show up on right hand side as simple temple have no left gadget space and this menu is for left hand side as its dropdowns opens&nbsp;from left to right therefore you need to change the layout setting so that&nbsp;you could have a gadget adding space on left side. To customize layout of your blog follow below steps:</span></div><div style="text-align: left;"><ul><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"></span></ul><b style="font-family: 'Trebuchet MS', sans-serif;"><span style="color: #3d85c6;">Step 1:&nbsp;</span></b><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;">Go to Blogger Dashboard and click on </span><b style="font-family: 'Trebuchet MS', sans-serif;">template</b><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;">.</span><br /><ul><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"></span></ul><b style="font-family: 'Trebuchet MS', sans-serif;"><span style="color: #3d85c6;">Step 2:&nbsp;</span></b><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;">On the </span><b style="font-family: 'Trebuchet MS', sans-serif;">Template </b><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;">page click on customize, it will send you to customization page.</span><br /><ul><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"></span></ul><b style="font-family: 'Trebuchet MS', sans-serif;"><span style="color: #3d85c6;">Step 3:&nbsp;</span></b><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;">On the customization page click on </span><b style="font-family: 'Trebuchet MS', sans-serif;">layout</b><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;">.</span><br /><ul><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"></span></ul><b style="font-family: 'Trebuchet MS', sans-serif;"><span style="color: #3d85c6;">Step 4:&nbsp;</span></b><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;">Choose the </span><b style="font-family: 'Trebuchet MS', sans-serif;">layout </b><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;">which have left gadget space and click on apply to blog on top-right of the page and you are done.</span><br /><ul><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"></span></ul><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;">There are five layouts which have left gadgets spaces select any of them and manage your gadgets.</span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><br /></span></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><a href="https://1.bp.blogspot.com/-hDQi86P9Ktg/VFIUH1NVENI/AAAAAAAABI4/NbnmzCDX47w/s1600/how%2Bto%2Badd%2Bvertical%2Bmenu%2Bin%2Bblogger%2Bblog.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="How to add stylish responsive vertical menu in blogger" border="0" height="80" src="https://1.bp.blogspot.com/-hDQi86P9Ktg/VFIUH1NVENI/AAAAAAAABI4/NbnmzCDX47w/s1600/how%2Bto%2Badd%2Bvertical%2Bmenu%2Bin%2Bblogger%2Bblog.png" title="How to add stylish responsive vertical menu in blogger" width="400" /></a></span></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><b><span style="font-size: large;">Customization:</span></b></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><b><br /></b></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;">Although you can customize the colors of this menu but do it only if you know css otherwise it may not work, but you can customize it in other way like adding or removing dropdowns, adding or removing tabs and inserting your blog links in tabs. You can customize:</span></div><div class="separator" style="clear: both; text-align: left;"></div><ol><ol><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><li><b>Adding links: </b>To add links of your blog e.g homepage link, contact page link, sitemap link,about page link&nbsp;replace <span style="color: #3d85c6;"># </span>in menu code in fifth step above.</li><li><b>Renaming tabs: </b>To rename tabs e.g Home, Sitemap, contact,etc just change the names in the code.</li><li><b>Adding or removing tabs: </b>To add or remove tabs add or remove&nbsp;<b><span style="color: #3d85c6; font-weight: normal;">&nbsp;&lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;tab&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; </span><span style="font-weight: normal;">in the code for example if you want to remove </span>Home tab </b>just remove&nbsp;<b><span style="color: #3d85c6; font-weight: normal;">&nbsp;&nbsp;&lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;Home&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; </span><span style="font-weight: normal;">from code</span>&nbsp;</b>and if you want to add <b>Home tab </b>add&nbsp;<b><span style="color: #3d85c6; font-weight: normal;">&nbsp;&nbsp;&lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;Home&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; </span><span style="font-weight: normal;">in code.</span></b></li><li><b>Adding or removing dropdowns and sub-dropdowns: </b>To add or remove dropdown in menu add or remove&nbsp;<b>&nbsp;</b><span style="color: #3d85c6;">&lt;li class='active has-sub'&gt;&lt;a href='#'&gt;&lt;span&gt;Dropdown&lt;/span&gt;&lt;/a&gt; </span>add below code in the menu code&nbsp;to add or remove sub-dropdown.&nbsp;</li></span></ol></ol><div style="text-align: left;"><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;ul&gt;</span></span></div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;"></span><span style="color: #3d85c6;"></span></span><br /><div style="text-align: left;"><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;li class='has-sub'&gt;&lt;a href='#'&gt;&lt;span&gt;Sub Drop down &lt;/span&gt;&lt;/a&gt;<span style="color: #3d85c6;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span></span></span></div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;"></span></span></div><div style="text-align: left;"><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;ul&gt;&nbsp;</span></span></div><div style="text-align: left;"><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="color: #3d85c6;"><br /></span></span></div><div style="text-align: left;"><ol><ol><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"></span></ol><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"></span></ol><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;">I hope you like this post and this menu is working in your blog, if you have any problem ask me in comments. Follow and subscribe for latest news about blogger menus. Share this post with others if this was helpful to you.</span><br /><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><br /></span><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><b><span style="color: #3d85c6;"><i>Tags: how to add menu in blogger,vertical menu for blogger blog, free vertical menu, horizontal menus for blogger, Responsive vertical menu for blogger.</i></span></b></span></div></div></div></div></div></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6915546293629106045.post-33720901986049469872019-12-01T20:06:00.000+06:002020-09-02T22:10:38.245+06:00<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://2.bp.blogspot.com/-U1ELO32vt-c/VLoKWmEHubI/AAAAAAAABgI/rgj5jZmJcNc/s1600/responsive_2Bmenu_2Bgadget_2Bfor_2Bblogger_6df54f49b149f81fe3316c84e4aed13e.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img alt="How to add horizontal stylish responsive drop down menu in blogger | 101helper" border="0" src="https://2.bp.blogspot.com/-U1ELO32vt-c/VLoKWmEHubI/AAAAAAAABgI/rgj5jZmJcNc/s1600/responsive_2Bmenu_2Bgadget_2Bfor_2Bblogger_6df54f49b149f81fe3316c84e4aed13e.png" title="How to add horizontal stylish responsive drop down menu in blogger | 101helper" /></span></a></div><span style="font-family: inherit;"><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><br /></span><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;">I have shared many gadgets but this one is no.1. Its a responsive drop down menu, many bloggers search responsive menus for their blogs as it looks cool and attracts users but they are disappointed because on many websites there are codes of the menu but these codes doesn't work. </span></span><br /><a href="https://www.blogger.com/null" name="more"></a><span style="font-family: inherit;">Today bloggers are in competition with each other for traffic, but traffic isn't every thing, a successful blogger not only focus on his blog traffic but also his blog impression and look. A menu &nbsp;navigates &nbsp;users in a blog as it divides blog into categories so a visitor can find his interests easily. You can find many menus on internet and many websites provide menu codes but doesn't give method of adding the menu on blog, so in this post I will tell you how to add a stylish responsive drop down menu to your blog.&nbsp;</span><br /><span style="font-family: inherit;"><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><br /></span><b><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;">Screenshot:&nbsp;</span></b></span><br /><span style="font-family: inherit;"><b><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><br /></span></b></span><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://2.bp.blogspot.com/-VIMkHsn6cMA/VLoLNWjB2CI/AAAAAAAABgU/QmNGdaQiK9w/s1600/horizontal%2Bmenu%2Bfor%2Bblogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img alt="How to add horizontal stylish responsive drop down menu in blogger | 101helper" border="0" height="226" src="https://2.bp.blogspot.com/-VIMkHsn6cMA/VLoLNWjB2CI/AAAAAAAABgU/QmNGdaQiK9w/s1600/horizontal%2Bmenu%2Bfor%2Bblogger.png" title="How to add horizontal stylish responsive drop down menu in blogger | 101helper" width="320" /></span></a></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: inherit;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><b><span style="font-family: inherit;">How to add this menu to your blog?</span></b></div><div class="separator" style="clear: both; text-align: left;"><b><span style="font-family: inherit;"><br /></span></b></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: inherit;">To add this menu to your blog follow the below steps:</span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: inherit;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: inherit;"><b>Step 1: </b>Go to Blogger Dashboard and click <b>Layout</b>.</span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: inherit;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: inherit;"><b>Step 2: </b>Click add a gadget and scroll down to find&nbsp;<b>Html/Javascript</b>.</span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: inherit;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: inherit;"><b>Step 3: </b>Copy below code, paste it is <b>Html/Javascript </b>tab and save the gadget:</span></div><div class="code"><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&lt;script&gt;</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">(function($) {</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;"><br /></span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; $.fn.menumaker = function(options) {</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; &nbsp;&nbsp;</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; &nbsp; var cssmenu = $(this), settings = $.extend({</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; &nbsp; &nbsp; title: "Menu",</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; &nbsp; &nbsp; format: "dropdown",</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; &nbsp; &nbsp; sticky: false</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; &nbsp; }, options);</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;"><br /></span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; &nbsp; return this.each(function() {</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; &nbsp; &nbsp; cssmenu.prepend('&lt;div id="menu-button"&gt;' + settings.title + '&lt;/div&gt;');</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; &nbsp; &nbsp; $(this).find("#menu-button").on('click', function(){</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(this).toggleClass('menu-opened');</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var mainmenu = $(this).next('ul');</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (mainmenu.hasClass('open')) {&nbsp;</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; mainmenu.hide().removeClass('open');</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; else {</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; mainmenu.show().addClass('open');</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (settings.format === "dropdown") {</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; mainmenu.find('ul').show();</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; &nbsp; &nbsp; });</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;"><br /></span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; &nbsp; &nbsp; cssmenu.find('li ul').parent().addClass('has-sub');</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;"><br /></span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; &nbsp; &nbsp; multiTg = function() {</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; cssmenu.find(".has-sub").prepend('&lt;span class="submenu-button"&gt;&lt;/span&gt;');</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; cssmenu.find('.submenu-button').on('click', function() {</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(this).toggleClass('submenu-opened');</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if ($(this).siblings('ul').hasClass('open')) {</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(this).siblings('ul').removeClass('open').hide();</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; else {</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(this).siblings('ul').addClass('open').show();</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; &nbsp; &nbsp; };</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;"><br /></span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; &nbsp; &nbsp; if (settings.format === 'multitoggle') multiTg();</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; &nbsp; &nbsp; else cssmenu.addClass('dropdown');</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;"><br /></span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; &nbsp; &nbsp; if (settings.sticky === true) cssmenu.css('position', 'fixed');</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;"><br /></span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; &nbsp; &nbsp; resizeFix = function() {</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if ($( window ).width() &gt; 768) {</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; cssmenu.find('ul').show();</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;"><br /></span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if ($(window).width() &lt;= 768) {</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; cssmenu.find('ul').hide().removeClass('open');</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; &nbsp; &nbsp; };</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; &nbsp; &nbsp; resizeFix();</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; &nbsp; &nbsp; return $(window).on('resize', resizeFix);</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;"><br /></span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; &nbsp; });</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; };</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">})(jQuery);</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;"><br /></span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">(function($){</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">$(document).ready(function(){</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;"><br /></span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">$(document).ready(function() {</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; $("#cssmenu").menumaker({</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; title: "Menu",</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; format: "multitoggle"</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; });</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;"><br /></span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; $("#cssmenu").prepend("&lt;div id='menu-line'&gt;&lt;/div&gt;");</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;"><br /></span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">var foundActive = false, activeElement, linePosition = 0, menuLine = $("#cssmenu #menu-line"), lineWidth, defaultPosition, defaultWidth;</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;"><br /></span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">$("#cssmenu &gt; ul &gt; li").each(function() {</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; if ($(this).hasClass('active')) {</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; activeElement = $(this);</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; foundActive = true;</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; }</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">});</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;"><br /></span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">if (foundActive === false) {</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; activeElement = $("#cssmenu &gt; ul &gt; li").first();</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">}</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;"><br /></span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">defaultWidth = lineWidth = activeElement.width();</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;"><br /></span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">defaultPosition = linePosition = activeElement.position().left;</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;"><br /></span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">menuLine.css("width", lineWidth);</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">menuLine.css("left", linePosition);</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;"><br /></span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">$("#cssmenu &gt; ul &gt; li").hover(function() {</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; activeElement = $(this);</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; lineWidth = activeElement.width();</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; linePosition = activeElement.position().left;</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; menuLine.css("width", lineWidth);</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; menuLine.css("left", linePosition);</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">},&nbsp;</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">function() {</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; menuLine.css("left", defaultPosition);</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; menuLine.css("width", defaultWidth);</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">});</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;"><br /></span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">});</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;"><br /></span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;"><br /></span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">});</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">})(jQuery);</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&lt;/script&gt;</span></div></div><div class="separator" style="clear: both; text-align: left;"><span style="color: #3d85c6; font-family: inherit;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: inherit;"><b>Step 4: </b>After following step 3 copy the below code and paste it above <b><span style="color: #3d85c6;">&lt;/head&gt;</span> </b>in your blog template by going to <b>template </b>option and clicking on <b>edit html</b>.</span></div><div class="code"><span style="color: #3d85c6; font-family: inherit;"><b>&nbsp; &nbsp;&nbsp; &nbsp; </b>&lt;meta charset='utf-8'/&gt;</span><br /><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"/&gt;</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; &lt;meta name="viewport" content="width=device-width, initial-scale=1"/&gt;</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp;&lt;script src="https://code.jquery.com/jquery-latest.min.js" type="text/javascript"&gt;&lt;/script&gt;</span></div></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;"><b><br /></b></span></div><div class="separator" style="clear: both;"><span style="font-family: inherit;"><b>Step 5: </b>Copy the below code and paste it below <b><span style="color: #3d85c6;">&lt;/header&gt;</span></b>&nbsp;in the template of your blog but if you wish the menu to appear below your blog title or blog but if you want it to show anywhere else simply copy below code and paste it there.</span></div><div class="separator" style="clear: both;"></div><div class="code"><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&lt;div id='cssmenu'&gt;</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&lt;ul&gt;</span></div><div class="separator" style="clear: both;"><span style="font-family: inherit;"><span style="color: #3d85c6;">&nbsp; &nbsp;&lt;li&gt;&lt;a href=</span><span style="color: #6aa84f;">'#</span><span style="color: #3d85c6;">'&gt;</span><span style="color: red;">Home</span><span style="color: #3d85c6;">&lt;/a&gt;&lt;/li&gt;</span></span></div><div class="separator" style="clear: both;"><span style="font-family: inherit;"><span style="color: #3d85c6;">&nbsp; &nbsp;&lt;li class='active has-sub'&gt;&lt;a href=</span><span style="color: #6aa84f;">'#</span><span style="color: #3d85c6;">'&gt;</span><span style="color: red;">Products</span><span style="color: #3d85c6;">&lt;/a&gt;</span></span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; &nbsp; &lt;ul&gt;</span></div><div class="separator" style="clear: both;"><span style="font-family: inherit;"><span style="color: #3d85c6;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;li class='has-sub'&gt;&lt;a href='</span><span style="color: #6aa84f;">#</span><span style="color: #3d85c6;">'&gt;</span><span style="color: red;">Product 1</span><span style="color: #3d85c6;">&lt;/a&gt;</span></span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;ul&gt;</span></div><div class="separator" style="clear: both;"><span style="font-family: inherit;"><span style="color: #3d85c6;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;li&gt;&lt;a href='</span><span style="color: #6aa84f;">#</span><span style="color: #3d85c6;">'&gt;</span><span style="color: red;">Sub Product</span><span style="color: #3d85c6;">&lt;/a&gt;&lt;/li&gt;</span></span></div><div class="separator" style="clear: both;"><span style="font-family: inherit;"><span style="color: #3d85c6;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;li&gt;&lt;a href='</span><span style="color: #6aa84f;">#</span><span style="color: #3d85c6;">'&gt;</span><span style="color: red;">Sub Product</span><span style="color: #3d85c6;">&lt;/a&gt;&lt;/li&gt;</span></span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ul&gt;</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;/li&gt;</span></div><div class="separator" style="clear: both;"><span style="font-family: inherit;"><span style="color: #3d85c6;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;li class='has-sub'&gt;&lt;a href='</span><span style="color: #6aa84f;">#</span><span style="color: #3d85c6;">'&gt;</span><span style="color: red;">Product 2</span><span style="color: #3d85c6;">&lt;/a&gt;</span></span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;ul&gt;</span></div><div class="separator" style="clear: both;"><span style="font-family: inherit;"><span style="color: #3d85c6;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;li&gt;&lt;a href='</span><span style="color: #6aa84f;">#</span><span style="color: #3d85c6;">'&gt;</span><span style="color: red;">Sub Product</span><span style="color: #3d85c6;">&lt;/a&gt;&lt;/li&gt;</span></span></div><div class="separator" style="clear: both;"><span style="font-family: inherit;"><span style="color: #3d85c6;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;li&gt;&lt;a href='</span><span style="color: #6aa84f;">#</span><span style="color: #3d85c6;">'&gt;</span><span style="color: red;">Sub Product</span><span style="color: #3d85c6;">&lt;/a&gt;&lt;/li&gt;</span></span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ul&gt;</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;/li&gt;</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp; &nbsp; &lt;/ul&gt;</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&nbsp; &nbsp;&lt;/li&gt;</span></div><div class="separator" style="clear: both;"><span style="font-family: inherit;"><span style="color: #3d85c6;">&nbsp; &nbsp;&lt;li&gt;&lt;a href='</span><span style="color: #6aa84f;">#</span><span style="color: #3d85c6;">'&gt;</span><span style="color: red;">About</span><span style="color: #3d85c6;">&lt;/a&gt;&lt;/li&gt;</span></span></div><div class="separator" style="clear: both;"><span style="font-family: inherit;"><span style="color: #3d85c6;">&nbsp; &nbsp;&lt;li&gt;&lt;a href='</span><span style="color: #6aa84f;">#</span><span style="color: #3d85c6;">'&gt;</span><span style="color: red;">Contact</span><span style="color: #3d85c6;">&lt;/a&gt;&lt;/li&gt;</span></span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&lt;/ul&gt;</span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;">&lt;/div&gt;</span></div><div></div><span style="font-family: inherit;"><br /></span></div><br /><div><span style="font-family: inherit;"><b>Step 6: </b>In this step we are going to style our menu so for that we have to add a piece of CSS code, so go to <b>template </b>and click <b>customize </b>now on the customization page click <b>Advanced </b>and scroll down to the last option(<b>Add css</b>) and paste the below code in the <b>Add css </b>tab:</span></div><div><span style="font-family: inherit;"><br /></span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://2.bp.blogspot.com/-EIafxDTbb9U/VB704poMrUI/AAAAAAAAAzg/1-QDt1N52Xs/s1600/Responsive%2Bmenu%2Bfor%2Bblogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img alt="How to add horizontal stylish responsive drop down menu in blogger | 101helper" border="0" height="81" src="https://2.bp.blogspot.com/-EIafxDTbb9U/VB704poMrUI/AAAAAAAAAzg/1-QDt1N52Xs/s1600/Responsive%2Bmenu%2Bfor%2Bblogger.png" title="How to add horizontal stylish responsive drop down menu in blogger | 101helper" width="400" /></span></a></div><div><div class="code"><pre style="white-space: pre-wrap; word-wrap: break-word;"><span style="color: #3d85c6;"><span style="white-space: pre-wrap;">@import url(https://fonts.googleapis.com/css?family=Open+Sans);<br />#cssmenu,<br />#cssmenu ul,<br />#cssmenu ul li,<br />#cssmenu ul li a,<br />#cssmenu #menu-button {<br /> margin: 0;<br /> padding: 0;<br /> border: 0;<br /> list-style: none;<br /> line-height: 1;<br /> display: block;<br /> position: relative;<br />z-index:999;<br /> -webkit-box-sizing: border-box;<br /> -moz-box-sizing: border-box;<br /> box-sizing: border-box;<br />}<br />#cssmenu:after,<br />#cssmenu &gt; ul:after {<br /> content: ".";<br /> display: block;<br /> clear: both;<br /> visibility: hidden;<br /> line-height: 0;<br /> height: 0;<br />}<br />#cssmenu ul{border: 1px solid #ddd;}<br />#cssmenu #menu-button {<br /> display: none;<br />}<br />#cssmenu {<br /> width: auto;<br /> font-family: 'Open Sans', sans-serif;<br /> line-height: 1;<br /> background: #ffffff;<br />}<br />#menu-line {<br /> position: absolute;<br /> top: 0;<br /> left: 0;<br /> height: 3px;<br /> background: #009ae1;<br /> -webkit-transition: all 0.25s ease-out;<br /> -moz-transition: all 0.25s ease-out;<br /> -ms-transition: all 0.25s ease-out;<br /> -o-transition: all 0.25s ease-out;<br /> transition: all 0.25s ease-out;<br />}<br />#cssmenu &gt; ul &gt; li {<br /> float: left;<br />}<br />#cssmenu.align-center &gt; ul {<br /> font-size: 0;<br /> text-align: center;<br />}<br />#cssmenu.align-center &gt; ul &gt; li {<br /> display: inline-block;<br /> float: none;<br />}<br />#cssmenu.align-center ul ul {<br /> text-align: left;<br />}<br />#cssmenu.align-right &gt; ul &gt; li {<br /> float: right;<br />}<br />#cssmenu.align-right ul ul {<br /> text-align: right;<br />}<br />#cssmenu &gt; ul &gt; li &gt; a {<br /> padding: 20px;<br /> font-size: 12px;<br /> text-decoration: none;<br /> text-transform: uppercase;<br /> color: #000000;<br /> -webkit-transition: color .2s ease;<br /> -moz-transition: color .2s ease;<br /> -ms-transition: color .2s ease;<br /> -o-transition: color .2s ease;<br /> transition: color .2s ease;<br />}<br />#cssmenu &gt; ul &gt; li:hover &gt; a,<br />#cssmenu &gt; ul &gt; li.active &gt; a {<br /> color: #009ae1;<br />}<br />#cssmenu &gt; ul &gt; li.has-sub &gt; a {<br /> padding-right: 25px;<br />}<br />#cssmenu &gt; ul &gt; li.has-sub &gt; a::after {<br /> position: absolute;<br /> top: 21px;<br /> right: 10px;<br /> width: 4px;<br /> height: 4px;<br /> border-bottom: 1px solid #000000;<br /> border-right: 1px solid #000000;<br /> content: "";<br /> -webkit-transform: rotate(45deg);<br /> -moz-transform: rotate(45deg);<br /> -ms-transform: rotate(45deg);<br /> -o-transform: rotate(45deg);<br /> transform: rotate(45deg);<br /> -webkit-transition: border-color 0.2s ease;<br /> -moz-transition: border-color 0.2s ease;<br /> -ms-transition: border-color 0.2s ease;<br /> -o-transition: border-color 0.2s ease;<br /> transition: border-color 0.2s ease;<br />}<br />#cssmenu &gt; ul &gt; li.has-sub:hover &gt; a::after {<br /> border-color: #009ae1;<br />}<br />#cssmenu ul ul {<br /> position: absolute;<br /> left: -9999px;<br />}<br />#cssmenu li:hover &gt; ul {<br /> left: auto;<br />}<br />#cssmenu.align-right li:hover &gt; ul {<br /> right: 0;<br />}<br />#cssmenu ul ul ul {<br /> margin-left: 100%;<br /> top: 0;<br />}<br />#cssmenu.align-right ul ul ul {<br /> margin-left: 0;<br /> margin-right: 100%;<br />}<br />#cssmenu ul ul li {<br /> height: 0;<br /> -webkit-transition: height .2s ease;<br /> -moz-transition: height .2s ease;<br /> -ms-transition: height .2s ease;<br /> -o-transition: height .2s ease;<br /> transition: height .2s ease;<br />}<br />#cssmenu ul li:hover &gt; ul &gt; li {<br /> height: 32px;<br />}<br />#cssmenu ul ul li a {<br /> padding: 10px 20px;<br /> width: 160px;<br /> font-size: 12px;<br /> background: #333333;<br /> text-decoration: none;<br /> color: #dddddd;<br /> -webkit-transition: color .2s ease;<br /> -moz-transition: color .2s ease;<br /> -ms-transition: color .2s ease;<br /> -o-transition: color .2s ease;<br /> transition: color .2s ease;<br />}<br />#cssmenu ul ul li:hover &gt; a,<br />#cssmenu ul ul li a:hover {<br /> color: #ffffff;<br />}<br />#cssmenu ul ul li.has-sub &gt; a::after {<br /> position: absolute;<br /> top: 13px;<br /> right: 10px;<br /> width: 4px;<br /> height: 4px;<br /> border-bottom: 1px solid #dddddd;<br /> border-right: 1px solid #dddddd;<br /> content: "";<br /> -webkit-transform: rotate(-45deg);<br /> -moz-transform: rotate(-45deg);<br /> -ms-transform: rotate(-45deg);<br /> -o-transform: rotate(-45deg);<br /> transform: rotate(-45deg);<br /> -webkit-transition: border-color 0.2s ease;<br /> -moz-transition: border-color 0.2s ease;<br /> -ms-transition: border-color 0.2s ease;<br /> -o-transition: border-color 0.2s ease;<br /> transition: border-color 0.2s ease;<br />}<br />#cssmenu.align-right ul ul li.has-sub &gt; a::after {<br /> right: auto;<br /> left: 10px;<br /> border-bottom: 0;<br /> border-right: 0;<br /> border-top: 1px solid #dddddd;<br /> border-left: 1px solid #dddddd;<br />}<br />#cssmenu ul ul li.has-sub:hover &gt; a::after {<br /> border-color: #ffffff;<br />}<br />@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {<br /> #cssmenu {<br /> width: 100%;<br /> }<br /> #cssmenu ul {<br /> width: 100%;<br /> display: none;<br /> }<br /> #cssmenu.align-center &gt; ul,<br /> #cssmenu.align-right ul ul {<br /> text-align: left;<br /> }<br /> #cssmenu ul li,<br /> #cssmenu ul ul li,<br /> #cssmenu ul li:hover &gt; ul &gt; li {<br /> width: 100%;<br /> height: auto;<br /> border-top: 1px solid rgba(120, 120, 120, 0.15);<br /> }<br /> #cssmenu ul li a,<br /> #cssmenu ul ul li a {<br /> width: 100%;<br /> }<br /> #cssmenu &gt; ul &gt; li,<br /> #cssmenu.align-center &gt; ul &gt; li,<br /> #cssmenu.align-right &gt; ul &gt; li {<br /> float: none;<br /> display: block;<br /> }<br /> #cssmenu ul ul li a {<br /> padding: 20px 20px 20px 30px;<br /> font-size: 12px;<br /> color: #000000;<br /> background: none;<br /> }<br /> #cssmenu ul ul li:hover &gt; a,<br /> #cssmenu ul ul li a:hover {<br /> color: #000000;<br /> }<br /> #cssmenu ul ul ul li a {<br /> padding-left: 40px;<br /> }<br /> #cssmenu ul ul,<br /> #cssmenu ul ul ul {<br /> position: relative;<br /> left: 0;<br /> right: auto;<br /> width: 100%;<br /> margin: 0;<br /> }<br /> #cssmenu &gt; ul &gt; li.has-sub &gt; a::after,<br /> #cssmenu ul ul li.has-sub &gt; a::after {<br /> display: none;<br /> }<br /> #menu-line {<br /> display: none;<br /> }<br /> #cssmenu #menu-button {<br /> display: block;<br /> padding: 20px;<br /> color: #000000;<br /> cursor: pointer;<br /> font-size: 12px;<br /> text-transform: uppercase;<br /> }<br /> #cssmenu #menu-button::after {<br /> content: '';<br /> position: absolute;<br /> top: 20px;<br /> right: 20px;<br /> display: block;<br /> width: 15px;<br /> height: 2px;<br /> background: #000000;<br /> }<br /> #cssmenu #menu-button::before {<br /> content: '';<br /> position: absolute;<br /> top: 25px;<br /> right: 20px;<br /> display: block;<br /> width: 15px;<br /> height: 3px;<br /> border-top: 2px solid #000000;<br /> border-bottom: 2px solid #000000;<br /> }<br /> #cssmenu .submenu-button {<br /> position: absolute;<br /> z-index: 10;<br /> right: 0;<br /> top: 0;<br /> display: block;<br /> border-left: 1px solid rgba(120, 120, 120, 0.15);<br /> height: 52px;<br /> width: 52px;<br /> cursor: pointer;<br /> }<br /> #cssmenu .submenu-button::after {<br /> content: '';<br /> position: absolute;<br /> top: 21px;<br /> left: 26px;<br /> display: block;<br /> width: 1px;<br /> height: 11px;<br /> background: #000000;<br /> z-index: 99;<br /> }<br /> #cssmenu .submenu-button::before {<br /> content: '';<br /> position: absolute;<br /> left: 21px;<br /> top: 26px;<br /> display: block;<br /> width: 11px;<br /> height: 1px;<br /> background: #000000;<br /> z-index: 99;<br /> }<br /> #cssmenu .submenu-button.submenu-opened:after {<br /> display: none;<br /> }<br />}</span></span></pre></div></div><div><span style="font-family: inherit;"><b>Step 7: </b>Click <span style="background-color: orange; color: white;">&nbsp;Apply to blog&nbsp;</span><span style="background-color: white;"><span style="color: white;">&nbsp;</span>and you are done!</span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="background-color: white; font-family: inherit;"><br /></span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="background-color: white; font-family: inherit;"><b>How to customize this menu according to your choices?</b></span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="background-color: white; font-family: inherit;"><b><br /></b></span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="background-color: white; font-family: inherit;">101Helper give you a brief description of every gadget it share along with customization points similarly in this post I will tell you how can you customize this menu according to your choices. See the customization points below:</span></span></div><div><span style="font-family: inherit;"><br /></span></div><div><span style="font-family: inherit;">It goes without saying that while adding this menu every blogger would like to first change the text of the menu tabs and also add links to them because this menu don't get your blog links automatically so to change text of the tabs and add your blog links you have to make changes in <b>Step 4 </b>where red highlighted text is the text of tabs and <span style="color: #6aa84f; font-weight: bold;">#</span><span style="color: lime; font-weight: bold;"> </span>is to make spaces for links. In the html code of <b>step 4 </b>first tab text is home which is not changed because every blog has a homepage so leave it and move on-ward and change<span style="color: lime;">&nbsp;</span><span style="color: red; font-weight: bold;">Products, product 1, product 2, sub product </span>of both drop down tabs after you change the text it time to add the destination links of the text so replace <b><span style="color: #6aa84f;">#</span></b><b style="color: lime;"> </b>with links of the pages for example:</span></div><div><span style="font-family: inherit;"><br /><b><span style="color: #3d85c6;">&lt;li&gt;&lt;a href='</span><span style="color: #6aa84f;">https://101helper.blogspot.com</span><span style="color: #3d85c6;">'&gt;</span><span style="color: red;">Home</span><span style="color: #3d85c6;">&lt;/a&gt;&lt;/li&gt;</span></b></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="background-color: white; font-family: inherit;"><br /></span></span></div><div><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><span style="background-color: white; font-family: inherit;">You can see that <b><span style="color: #6aa84f;">#</span></b><b style="color: lime;"> </b>is replaced with the url of home page. Similarly replace<span style="color: #6aa84f;"> <b>#</b></span><b style="color: lime;"> </b>with links of the contact and about page respectively. If any of the page doesn't exist in your blog such as <b>about </b>page or any other page and you want that tab to be removed the simply remove</span></span></div><div><span style="font-family: inherit;"><span style="color: #3d85c6; font-weight: bold;">&lt;li&gt;&lt;a href='</span><span style="color: #6aa84f; font-weight: bold;">#</span><span style="color: #3d85c6; font-weight: bold;">'&gt;</span><span style="color: red; font-weight: bold;">About</span><span style="color: #3d85c6; font-weight: bold;">&lt;/a&gt;&lt;/li&gt; </span>, do same for other pages. And if you want to remove the drop down tabs then remove:</span></div><div><span style="font-family: inherit;"><br /></span></div><div><div class="separator" style="clear: both;"><span style="font-family: inherit;"><b><span style="color: #3d85c6;">&nbsp;&lt;li class='active has-sub'&gt;&lt;a href='</span><span style="color: #6aa84f;">#</span><span style="color: #3d85c6;">'&gt;</span><span style="color: red;">Products</span><span style="color: #3d85c6;">&lt;/a&gt;</span></b></span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;"><b>&nbsp; &nbsp; &nbsp; &lt;ul&gt;</b></span></div><div class="separator" style="clear: both;"><span style="font-family: inherit;"><b><span style="color: #3d85c6;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;li class='has-sub'&gt;&lt;a href='</span><span style="color: #6aa84f;">#</span><span style="color: #3d85c6;">'&gt;</span><span style="color: red;">Product 1</span><span style="color: #3d85c6;">&lt;/a&gt;</span></b></span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;"><b>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;ul&gt;</b></span></div><div class="separator" style="clear: both;"><span style="font-family: inherit;"><b><span style="color: #3d85c6;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;li&gt;&lt;a href='</span><span style="color: #6aa84f;">#</span><span style="color: #3d85c6;">'&gt;</span><span style="color: red;">Sub Product</span><span style="color: #3d85c6;">&lt;/a&gt;&lt;/li&gt;</span></b></span></div><div class="separator" style="clear: both;"><span style="font-family: inherit;"><b><span style="color: #3d85c6;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;li&gt;&lt;a href='</span><span style="color: #6aa84f;">#</span><span style="color: #3d85c6;">'&gt;</span><span style="color: red;">Sub Product</span><span style="color: #3d85c6;">&lt;/a&gt;&lt;/li&gt;</span></b></span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;"><b>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ul&gt;</b></span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;"><b>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;/li&gt;</b></span></div><div class="separator" style="clear: both;"><span style="font-family: inherit;"><b><span style="color: #3d85c6;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;li class='has-sub'&gt;&lt;a href='</span><span style="color: #6aa84f;">#</span><span style="color: #3d85c6;">'&gt;</span><span style="color: red;">Product 2</span><span style="color: #3d85c6;">&lt;/a&gt;</span></b></span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;"><b>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;ul&gt;</b></span></div><div class="separator" style="clear: both;"><span style="font-family: inherit;"><b><span style="color: #3d85c6;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;li&gt;&lt;a href='</span><span style="color: #6aa84f;">#</span><span style="color: #3d85c6;">'&gt;</span><span style="color: red;">Sub Product</span><span style="color: #3d85c6;">&lt;/a&gt;&lt;/li&gt;</span></b></span></div><div class="separator" style="clear: both;"><span style="font-family: inherit;"><b><span style="color: #3d85c6;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;li&gt;&lt;a href='</span><span style="color: #6aa84f;">#</span><span style="color: #3d85c6;">'&gt;</span><span style="color: red;">Sub Product</span><span style="color: #3d85c6;">&lt;/a&gt;&lt;/li&gt;</span></b></span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;"><b>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ul&gt;</b></span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;"><b>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;/li&gt;</b></span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;"><b>&nbsp; &nbsp; &nbsp; &lt;/ul&gt;</b></span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;"><b>&nbsp; &nbsp;&lt;/li&gt;</b></span></div><div class="separator" style="clear: both;"><span style="color: #3d85c6; font-family: inherit;"><b><br /></b></span></div><div class="separator" style="clear: both;"><span style="font-family: inherit;">Similarly to add more tabs simply add&nbsp;<span style="color: #3d85c6; font-weight: bold;">&lt;li&gt;&lt;a href='</span><span style="color: #6aa84f; font-weight: bold;">#</span><span style="color: #3d85c6; font-weight: bold;">'&gt;</span><span style="color: red; font-weight: bold;">About</span><span style="color: #3d85c6; font-weight: bold;">&lt;/a&gt;&lt;/li&gt; </span>and replace <span style="color: red;"><b>About </b></span>with the text which you want to display and <b><span style="color: #6aa84f;">#</span></b><b style="color: lime;"> </b>with the destination link of that tab. For example if you have a category and you wish to display it in the menu then replace <b style="color: red;">About </b>with the name of that category and <b><span style="color: #6aa84f;">#</span></b><b style="color: lime;"> </b>with link of that category.</span></div><div class="separator" style="clear: both;"><span style="font-family: inherit;"><br /></span></div><div class="separator" style="clear: both;"><span style="color: red; font-family: inherit;">Note: Make sure to save the gadget after every change you make in the code.</span></div><div class="separator" style="clear: both;"><span style="color: red; font-family: inherit;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: inherit;">You can also make changes in color of the tabs in Css code(step6) but I suggest you to not do that unless you have a little knowledge about css and codes of the colors because this may cause menu disappear.</span></div><div class="separator" style="clear: both;"><span style="font-family: inherit;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: inherit;">Thanks for visiting 101Helper, visit again for more gadgets and widgets, follow and subscribe for latest updates. If you have any problem regarding this post ask me in comments. Recommend this post on Google by clicking g+1 and help 101Helper grow.</span></div><div class="separator" style="clear: both;"></div><h2><b><span style="color: #3d85c6; font-family: inherit;">Tags:&nbsp;How to add a stylish responsive drop down menu in blogger, menu for blogger, menu adding tutorial, drop down menu for blogger, 101Helper gadgets for bloggers.</span></b></h2></div></div>Unknownnoreply@blogger.com0