Gujarat Updates: Blogger

750x300

  •

    • con1

    h2

    h1

    Showing posts with label Blogger. Show all posts
    Showing posts with label Blogger. Show all posts

    Friday, 13 January 2023

    How can you add Preloader on Blogger

    January 13, 2023 0
    How can you add Preloader on Blogger
    How can you add Preloader on Blogger


    Hello Everyone,

     So in this blog post, I will tell you how to Add Coding Box In Blogger Post. 





    How can you add Preloader on Blogger

     • Open Blogger Dashboard

     • Go to theme section

     • Edit HTML

     • Add Below CSS code in your CSS section of theme


    CSS

    /* Preloader CSS */ #page-loader{position:fixed!important;position:absolute;top:0;right:0;bottom:0;left:0;z-index:999999;background:#fff url('http://fc04.deviantart.net/fs70/f/2013/094/8/d/loading_logofinal_by_zegerdon-d60eb1v.gif') no-repeat 50% 50%;padding:1em 1.2em;display:none}


    http://fc04.deviantart.net/fs70/f/2013/094/8/d/loading_logofinal_by_zegerdon-d60eb1v.gif  ~ this is the link of preloader that is going to use in. Change it with your preloader link.



    • Add below JS just above the  </body> tag


    Javascript

    <script type="text/javascript">
//<![CDATA[
$(document.body).append('<div id="page-loader"></div>');
$(window).on("beforeunload", function() {
$('#page-loader').fadeIn(1000).delay(9000).fadeOut(1000);
});
//]]>
</script>
    Thankyou,
    by at No comments:
    Tags

    Wednesday, 11 January 2023

    How to make Quiz using HTML, CSS, JS

    January 11, 2023 0
    How to make Quiz using HTML, CSS, JS

    How to make Quiz using HTML, CSS, JS


    How to make Quiz using HTML, CSS, JS by thAShub
    How to make Quiz


    Copy the code and add into your blog post.

    Add your desired questions in it.

    Here's the codes 

    <!--Quiz by theAShub-->
<script src="https://sharecodepoint.in/sharecodepoint-website-data/quizze-files/jquery-1.9.1.min.js"></script> 
<script type="text/javascript"> 	$(document).ready(function() { $('label').click(function() { $('label').removeClass('wrongans'); $(this).addClass('wrongans'); }); });
</script>

<style>
.scp-quizzes-main{ width:100%; font-family:Verdana, Arial, Helvetica, sans-serif;}	 
.scp-quizzes-data{ 
padding:10px;
margin-top:15px;
}
pre{ border:2px solid #f5f5f5; padding:10px; overflow-x:scroll;}
 input[type=radio] {
    display:none; 
}
input[type=radio] + label {
    display:inline-block;
	width:95%;
	padding:10px;
    border-radius:40px;
	border:1px solid #ddd;
	margin-bottom:10px;
	cursor:pointer;
}
input[type=radio] + label:hover{ border:1px solid #000000;}

input[type=radio]:checked + label { 
   border:3px solid #0C0 !important;
	-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.wrongans{border:3px solid #ed6f61 !important;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}
</style>
        
<div class="scp-quizzes-main"> 

<div class="scp-quizzes-data">
<h3>1. Do you like theAShub?</h3><br/> 
<input name="question1" type="radio"/><label>1. Yes</label><br/> 
<input id="1" name="question1" type="radio"/><label for="1">2. Definitely yes</label><br/>
<input name="question1" type="radio"/><label>3. I do</label><br/> 
<input name="question1" type="radio"/><label>4. Why not, Yes I do</label>
</div>
			
<div class="scp-quizzes-data">
<h3>2. ?</h3><br/> 
<input id="2" name="question2" type="radio" /><label for="2">1.</label><br/> 
<input name="question2" type="radio"/><label>2.</label><br/> 
<input name="question2" type="radio"/><label>3.</label><br/>
<input name="question2" type="radio"/><label>4.</label>
</div>
								
<div class="scp-quizzes-data">
<h3>3. ?</h3> <br/> 
<input name="question3" type="radio"/><label>1.</label><br /> 
<input name="question3" type="radio"/><label>2.</label><br /> 
<input  id="3" name="question3" type="radio"/><label for="3">3.</label><br/> 
<input name="question3" type="radio"/><label>4.</label>
</div>

<div class="scp-quizzes-data">
<h3>4. ?</h3><br/> 
<input name="question4" type="radio"/><label>1.</label><br/> 
<input id="4" name="question4" type="radio"/><label for="4">2.</label><br/>
<input name="question4" type="radio"/><label>3.</label><br/> 
<input name="question4" type="radio"/><label>4.</label>
</div>

<div class="scp-quizzes-data">
<h3>5. ?</h3><br/> 
<input id="5" name="question5" type="radio"/><label for="5">1.</label><br/> 
<input name="question5" type="radio"/><label>2.</label><br/> 
<input name="question5" type="radio"/><label>3.</label><br/>
<input name="question5" type="radio"/><label>4.</label>
</div>


<div class="scp-quizzes-data">
<h3>6. ?</h3><br/> 
<input name="question6" type="radio"/><label>1.</label><br/> 
<input id="6" name="question6" type="radio"/><label for="6">2.</label><br/>
<input name="question6" type="radio"/><label>3.</label><br/> 
<input name="question6" type="radio"/><label>4.</label>
</div>


<div class="scp-quizzes-data">
<h3>7. ?</h3><br/> 
<input id="7" name="question7" type="radio"/><label for="7">1.</label><br/> 
<input name="question7" type="radio"/><label>2.</label><br/> 
<input name="question7" type="radio"/><label>3.</label><br/>
<input name="question7" type="radio"/><label>4.</label>
</div>

<div class="scp-quizzes-data">
<h3>8. ?</h3><br/> 
<input name="question8" type="radio"/><label>1.</label><br/> 
<input id="8" name="question8" type="radio"/><label for="8">2.</label><br/>
<input name="question8" type="radio"/><label>3.</label><br/> 
<input name="question8" type="radio"/><label>4.</label>
</div>

<div class="scp-quizzes-data">
<h3>9. ?</h3><br/> 
<input name="question9" type="radio"/><label>1.</label><br/> 
<input id="9" name="question9" type="radio"/><label for="9">2.</label><br/>
<input name="question9" type="radio"/><label>3.</label><br/> 
<input name="question9" type="radio"/><label>4.</label>
</div>
			
<div class="scp-quizzes-data">
<h3>10. ?</h3><br/> 
<input id="10" name="question10" type="radio"/><label for="10">1.</label><br/> 
<input name="question10" type="radio"/><label>2.</label><br/> 
<input name="question10" type="radio"/><label>3.</label><br/>
<input name="question10" type="radio"/><label>4.</label>
</div>
								
<div class="scp-quizzes-data">
<h3>11. ?</h3><br/> 
<input name="question11" type="radio"/><label>1.</label><br /> 
<input name="question11" type="radio"/><label>2.</label><br /> 
<input  id="11" name="question11" type="radio"/><label for="11">3.</label><br/> 
<input name="question11" type="radio" /><label>4.</label>
</div>

<div class="scp-quizzes-data">
<h3>12. ?</h3><br/> 
<input name="question12" type="radio"/><label>1.</label><br/> 
<input id="12" name="question12" type="radio"/><label for="12">2.</label><br/>
<input name="question12" type="radio"/><label>3.</label><br/> 
<input name="question12" type="radio"/><label>4.</label>
</div>

<div class="scp-quizzes-data">
<h3>13. ?</h3><br/> 
<input id="13" name="question13" type="radio"/><label for="13">1.</label><br/> 
<input name="question13" type="radio"/><label>2.</label><br/> 
<input name="question13" type="radio"/><label>3.</label><br/>
<input name="question13" type="radio"/><label>4.</label>
</div>

<div class="scp-quizzes-data">
<h3>14. ?</h3><br/> 
<input name="question14" type="radio"/><label>1.</label><br/> 
<input id="14" name="question14" type="radio"/><label for="14">2.</label><br/>
<input name="question14" type="radio"/><label>3.</label><br/> 
<input name="question14" type="radio"/><label>4.</label>
</div>

<div class="scp-quizzes-data">
<h3>15. ?</h3><br/> 
<input name="question15" type="radio"/><label>1.</label><br/> 
<input id="15" name="question15" type="radio"/><label for="15">2.</label><br/>
<input name="question15" type="radio"/><label>3.</label><br/> 
<input name="question15" type="radio"/><label>4.</label>
</div>

<p style="text-align:center;font-size:10px">Powered by theAShub</p>

    Thankyou,
    by at No comments:
    Tags

    Convert Blog Posts into List View for Blogger

    January 11, 2023 0
    Convert Blog Posts into List View for Blogger

     Convert Blog Posts into List View for Blogger


      What to do

      • Open Blogger Dashboard
      • Choose a place where you want to add this code
      • Copy below code add Html/JS gadget 
      • Paste the copied code in it

      <!--Powered by theAShub-->
<script type="text/javascript">
function recentpostslist(json) {
 document.write('<ul>');
 for (var i = 0; i < json.feed.entry.length; i++)
 {
    for (var j = 0; j < json.feed.entry[i].link.length; j++) {
      if (json.feed.entry[i].link[j].rel == 'alternate') {
        break;
      }
    }
var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs
var entryTitle = json.feed.entry[i].title.$t;
var item = "<li>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li>";
 document.write(item);
 }
 document.write('</ul>');

 }
</script>
<script src="https://theanuragsinghhub.blogspot.com//feeds/posts/summary/-/Blogger?max-results=10&amp;alt=json-in-script&amp;callback=recentpostslist"></script>

      Output 👀

      Understanding codes 💡

      <script src="https://theanuragsinghhub.blogspot.com//feeds/posts/summary/-/Blogger?max-results=10&amp;alt=json-in-script&amp;callback=recentpostslist"></script>
      • Replace blog URL with your own website link
      • Blogger is label of post which are converts into list view. Change it with your needful label name.
      <script src="https://theanuragsinghhub.blogspot.com//feeds/posts/summary/-/Blogs?max-results=10&amp;alt=json-in-script&amp;callback=recentpostslist"></script>
      • max-results=10 is the number of blog post which shows in list view
      theAShub Testimonials Anurag Singh,

      #Convert_Blog_Posts_into_List_View | #Blogger

      I appreciate your attention for this post and eagerly await your response. Thankyou
      by at No comments:
      Tags

      Add new (Add a Gadget) Section in Blogger Layout

      January 11, 2023 0
      Add new (Add a Gadget) Section in Blogger Layout

      Add new (Add a Gadget) Section in Blogger Layout


        What to do

        • Open your Blogger Dashboard
        • Go to theme section
        • Edit HTML
        • In HTML view of your blogger template, firstly choose a place where you want to add it.

        For example, I want to add a gadget section above the footer. Then I will search for footer id and paste the below codes above it. Like same you choose your desire place and add the following codes there.

        <div class="theAShub_Gadgets_Section">
<b:section id='theAShub_Gadget_Section' class='theAShub_Your_Gadget_Class' showaddelement="yes" maxwidgets="1"></b:section>
</div>

         Understanding codes 💡

        showaddelement="yes"
        • This will enable the option of add a gadget 
        maxwidgets="1"
        • Number of total gadgets you want to add in it.
        theAShub Testimonials Anurag Singh,

        #Add_new_(Add a Gadget)_Section_in_Blogger_Layout | #Blogger

        I appreciate your attention for this post and eagerly await your response. Thankyou


        by at No comments:
        Tags

        Show gadget only at Homepage in Blogger

        January 11, 2023 0
        Show gadget only at Homepage in Blogger

        Show gadget only at Homepage in Blogger


          What to do

          • Open Blogger 
          • Go to theme setting 
          • Edit Html 
          • Find HTML section of your codes added 
          • Scroll Down 10 to 15 lines 
          • Find Below Codes (below your html section added) 
          • Add extra codes which is in Red Color (ignore if already) 

          Here in following sequences

          Code of added html gadget will looks something like below

          <b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
          theAShub Testimonials Anurag Singh,

          #Show_gadget_only_at_Homepage_in_Blogger | #Blogger

          I appreciate your attention for this post and eagerly await your response. Thankyou
          by at No comments:
          Tags

          Simple Number Count Recent Post Widgets for Blogger

          January 11, 2023 0
          Simple Number Count Recent Post Widgets for Blogger

          Simple Number Count  Recent Post Widgets for Blogger

          Simple Number Count Recent Post Widgets for Blogger


          Here's the codes 

          <div class="recentpostarea"> <style type="text/css"> .recentpostarea {list-style-type: none;counter-reset: countposts;} .recentpostarea a {text-decoration: none; color: #000000;} .recentpostarea a:hover {color: #000;} .recentpostarea li:before {background: #000000;float: left;counter-increment: countposts;content: counter(countposts,decimal);z-index: 2;position:relative;font-size: 20px;font-weight: bold;color: #fff; padding: 0px 10px; margin: 15px 5px 0px -6px; border-radius: 100%;} li.r-p-title { padding: 5px 0px;} .r-p-title { font-family: "Avant Garde",Avantgarde,"Century Gothic",CenturyGothic,AppleGothic,sans-serif;} .r-p-title a {text-decoration: none;color: #444;font-weight: bold;font-size: 13px; padding: 2px;} .recent-post-date {padding: 5px 2px 5px 30px; font-size: 11px; color: #999; margin-bottom: 5px;} .r-p-summ { border-left: 1px solid #69B7E2; color: #777; padding: 0px 5px 0px 20px; margin-left: 11px; font-family: Garamond,Baskerville,"Baskerville Old Face","Hoefler Text","Times New Roman",serif; font-size: 15px;} </style> <script type = "text/JavaScript"> function showrecentposts(json) {for (var i = 0; i < posts_number; i++) { var entry = json.feed.entry[i];var posttitle = entry.title.$t;var posturl;if (i == json.feed.entry.length) break; for (var k = 0; k < entry.link.length; k++) {if (entry.link[k].rel == 'alternate') {posturl = entry.link[k].href;break;}} posttitle = posttitle.link(posturl);var readmorelink = "... read more";readmorelink = readmorelink.link(posturl); var postdate = entry.published.$t;var showyear = postdate.substring(0,4);var showmonth = postdate.substring(5,7);var showday = postdate.substring(8,10);var monthnames = new Array(); monthnames[1] = "Jan";monthnames[2] = "Feb";monthnames[3] = "Mar";monthnames[4] = "Apr";monthnames[5] = "May";monthnames[6] = "Jun";monthnames[7] = "Jul";monthnames[8] = "Aug";monthnames[9] = "Sep";monthnames[10] = "Oct";monthnames[11] = "Nov";monthnames[12] = "Dec"; if ("content" in entry) {var postcontent = entry.content.$t;}else if ("summary" in entry) { var postcontent = entry.summary.$t;} else var postcontent = ""; var re = /<\S[^>]*>/g; postcontent = postcontent.replace(re, ""); document.write('<li class="r-p-title">');document.write(posttitle);document.write('</li><div class="r-p-summ">');if (post_summary == true) {if (postcontent.length < summary_chars) {document.write(postcontent);} else { postcontent = postcontent.substring(0, summary_chars);var quoteEnd = postcontent.lastIndexOf(" ");postcontent = postcontent.substring(0,quoteEnd);document.write(postcontent + ' ' + readmorelink);}} document.write('</div>'); if (posts_date == true) document.write('<div class="recent-post-date">' + monthnames[parseInt(showmonth,10)] + ' ' + showday + ' ' + showyear + '</div>'); }} </script> <script> var posts_number = 10; var posts_date = true; var post_summary = true; var summary_chars = 80; </script> <script src="https://justnotifyme.blogspot.com//feeds/posts/summary/-/Blogs?max-results=10&amp?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts"></script>


          by at No comments:
          Tags

          Make Sitemap Page In Blogger

          January 11, 2023 0
          Make Sitemap Page In Blogger

          Make Sitemap Page In Blogger

          Make Sitemap Page In Blogger


          Here's the codes

          <div dir="ltr" style="text-align: left;" trbidi="on">
<style type="text/css">

.tabbed-toc {margin:0 auto;background-color:#212428 ;box-shadow: 0 0 7px rgba(5, 5, 5, 0.34);overflow:hidden;
position:relative;color:#333;border: 1px solid #212428;}

.tabbed-toc .loading {display:block;padding:10px 12px;font:normal bold 12px/normal Helmet,Poppins,Sans-Serif;
color:#fac926;}

.tabbed-toc ul,.tabbed-toc ol,.tabbed-toc li {margin:0;padding:0;list-style:none;}

.tabbed-toc .toc-tabs {width:20%;float:left;}

.tabbed-toc .toc-tabs li a {display:block;font:normal bold 12px/28px Helmet,Poppins,Sans-Serif;overflow:hidden;text-overflow:ellipsis;color:#fff;text-transform:uppercase;text-decoration:none;
padding:7px 15px;cursor:pointer;box-shadow: 0px 1px 1px rgb(255, 255, 255);}

.tabbed-toc .toc-tabs li a:hover {background-color:#fac926;color:#212428;box-shadow: 0 0 7px rgba(0,0,0,.7);}

.tabbed-toc .toc-tabs li a.active-tab {background-color:#fac926;color:black;box-shadow: 0 0 7px rgba(0,0,0,.7);
z-index:5;margin:0 -1px 0 0;/* cursor:text; */}

.tabbed-toc .toc-content,.tabbed-toc .toc-line {width:80%;float:right;background-color:white;border-left:5px solid red;box-sizing:border-box;}
.tabbed-toc .toc-line {float:none;display:block;position:absolute;top:0;right:0;bottom:0;box-shadow:0 0 7px rgba(0,0,0,.7);}
.tabbed-toc .panel {position:relative;z-index:5;font:normal normal 10px/normal Helmet,Poppins,Sans-Serif;}
.tabbed-toc .panel li a {display:block;position:relative;font-weight:bold;font-size:12px;color:#000;line-height:20px;padding: 10px 12px;
text-decoration:none;outline:none;overflow:hidden;}
.tabbed-toc .panel li time {display:block;font-style:italic;font-weight:normal;font-size:10px;color:#666;float:right;}
.tabbed-toc .panel li .summary {display:block;padding:10px 12px 10px;font-style:italic;
border-bottom:4px solid #05A6F7;overflow:hidden;}
.tabbed-toc .panel li .summary img.thumbnail {float:left;display:block;margin:0 8px 0 0;padding:4px;
width:72px;height:72px;border:1px solid #dcdcdc;background-color:#fafafa;}
.tabbed-toc .panel li:nth-child(even) {background-color:#fff}
.tabbed-toc .panel li a:hover,.tabbed-toc .panel li a:focus,.tabbed-toc .panel li a:hover time,.tabbed-toc .panel li.bold a {
background-color:#fac926;color:white;outline:none;}
.tabbed-toc .panel li.bold a:hover,
.tabbed-toc .panel li.bold a:hover time {background-color:#222}
.post ol li::before {content: none;}
.post ol li {margin:0;}
@media (max-width:700px) {
.tabbed-toc {border:2px solid #212428}
.tabbed-toc .toc-tabs,.tabbed-toc .toc-content {overflow:hidden;width:auto;float:none;display:block;}
.tabbed-toc .toc-tabs li {display:inline;float:left;}
.tabbed-toc .toc-tabs li a,.tabbed-toc .toc-tabs li a.active-tab {background-color:#FFF;box-shadow:2px 0 7px rgba(0,0,0,.4);color:#000}
.tabbed-toc .toc-tabs li a.active-tab {background-color:#fac926;color:#333;}
.tabbed-toc .toc-content {border:none}
.tabbed-toc .toc-line,
.tabbed-toc .panel li time {display:none}
.tabbed-toc .panel li a{height: auto;}
</style>

<br />
<div class="tabbed-toc" id="tabbed-toc">
<span class="loading">Loading Sitemap…</span></div>
<script>
var tabbedTOC = {
blogUrl: "https://theanuragsinghhub.blogspot.com/", // Blog URL
containerId: "tabbed-toc", // Container ID
activeTab: 1, // The default active tab index (default: the first tab)
showDates: false, // `true` to show the post date
showSummaries: false, // `true` to show the posts summaries
numChars: 200, // Number of summary chars
showThumbnails: false, // `true` to show the posts thumbnails (Not recommended)
thumbSize: 40, // Thumbnail size
noThumb: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC", // A "no thumbnail" URL
monthNames: [ // Array of month names
"January",
"February",
"March",
"April",
"May",
"June",
"July",
"August",
"September",
"October",
"November",
"December"
],
newTabLink: true, // Open link in new window?
maxResults: 99999, // Maximum post results
preload: 0, // Load the feed after 0 seconds (option => time in milliseconds || "onload")
sortAlphabetically: true, // `false` to sort posts by published date
showNew: 7, // `false` to hide the "New!" mark in most recent posts, or define how many recent posts are to be marked
newText: ' &ndash; <em style="color:red;">New!</em>' // HTML for the "New!" text
};
</script>
<script src="https://cdn.jsdelivr.net/gh/tovic/dte-project@2fd2d2971c3398029ea5e149696447243e7f4d94/tabbed-toc.min.js"></script></div>

          another way of sitemap


           <div class='postSection sitemaps' id='sitemaps'>
  <div class='loading'>Sitemap is Loading....</div>
</div>

<script>/*<![CDATA[*/
/* Blogger Sitemap Dropdown: change i.src="..." with your url */
var toc_config = {containerId:'sitemaps', showNew:0, sortAlphabetically:{thePanel:true, theList:true}, activePanel:1, slideSpeed:{down:400, up:400}, slideEasing:{down: null, up: null}, slideCallback:{down:function(){}, up:function(){}}, clickCallback:function(){}, jsonCallback:'sitemaps',delayLoading: 0};
window.onload = function(){
!function(e,o){var t=o.getElementById(toc_config.containerId),c=o.getElementsByTagName("head")[0],n=[];e[toc_config.jsonCallback]=function(e){for(var o,c,i=e.feed.entry,a=e.feed.category,l="",s=0,d=a.length;d>s;++s)n.push(a[s].term);for(var r=0,f=i.length;f>r;++r)(toc_config.showNew||toc_config.showNew>0)&&r<toc_config.showNew+1&&(i[r].title.$t+=" %new%");i=toc_config.sortAlphabetically.theList?i.sort(function(e,o){return e.title.$t.localeCompare(o.title.$t)}):i,toc_config.sortAlphabetically.thePanel&&n.sort();for(var g=0,h=n.length;h>g;++g){l+='<div class=\"sitemapBox\"><h4 class=\"sitemapTitle\">'+n[g]+'</h4>',l+='<div class=\"sitemapContent\"><ol>';for(var _=0,p=i.length;p>_;++_){o=i[_].title.$t;for(var w=0,u=i[_].link.length;u>w;++w)if("alternate"==i[_].link[w].rel){c=i[_].link[w].href;break}for(var v=0,m=i[_].category.length;m>v;++v)n[g]==i[_].category[v].term&&(l+='<li><a href=\"'+c+'\" title=\"'+o.replace(/ \%new\%$/,"")+'\">'+o.replace(/ \%new\%$/,"")+'</a></li>')}l+='</ol></div></div>'}t.innerHTML=l }; var i=o.createElement("script");i.src="https://theanuragsinghhub.blogspot.com//feeds/posts/summary?alt=json-in-script&max-results=9999&callback="+toc_config.jsonCallback,"onload"==toc_config.delayLoading?e.onload=function(){c.appendChild(i)}:e.setTimeout(function(){c.appendChild(i)},toc_config.delayLoading)}(window,document);
}
/*]]>*/</script>

<style>
.sitemaps{font-size:14px}
.sitemapBox{padding:15px;border:0px solid black;border-radius:5px; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;}
.sitemapBox:not(:last-child){margin-bottom:20px}
.postEntry .sitemapTitle{margin-top:0; font-size:14px;font-weight:400;font-family:var(--body-font)}
.sitemapTitle:before{content:'Label: '; font-size:90%;opacity:.8}
.sitemaps ol{list-style:none;margin:0;padding:0;counter-reset:sitemap-count}
.sitemaps li{display:flex;align-items:baseline}
.sitemaps li:not(:last-child){margin-bottom:0}
.sitemaps li:before{content:counter(sitemap-count) '.';counter-increment:sitemap-count;flex-shrink:0;width:25px;font-size:13px;font-family:var(--font-body);line-height:normal; opacity:.7}

.darkMode .sitemapBox{border-color:rgba(255,255,255,.1)}
</style>
          by at No comments:
          Tags

          How to Lock Blog Post

          January 11, 2023 0
          How to Lock Blog Post

          How to Lock Blog Post

          How to Lock Blog Post

          Here's the codes

          <!--Lock code--><!--Powered by theAShub-->
<script language="JavaScript">
<!-- Begin
var password = 'cba'
password=prompt('Please enter the passcode to open it !','');
if (password != 'cba') {
location.href='https://theanuragsinghhub.blogspot.com/';
alert("Wrong password ! you will redirect to homepage")
}
// End -->
</script>
          by at No comments:
          Tags

          Remove Footer Credit from Blogger

          January 11, 2023 0
          Remove Footer Credit from Blogger

          Remove Footer Credit from Blogger

          Remove Footer Credit from Blogger (theAShub)
          Remove Footer Credit from Blogger

            How to remove footer credit from Blogger

            1st method to hide footer 

            • After opening Html view of blogger theme
            • Click anywhere inside it and press CTRL+F
            • Search for copyright text 
            • On getting it, add below extra codes above of your footer section codes
            • Edit given information as per needs

            <div class='jugas_footer_copyright'><p style='text-align:left;'>Copyright 2020 <a href='https://theanuragsinghhub.blogspot.com/'>theAShub</a> | All Right Reserved</p>

            <div class='ty-copy-container row' style='font-size:1px; opacity:0;'>

             Output 👀

            Copyright 2020 theAShub | All Right Reserved




             

                                  


            2nd method to remove Powered by Blogger

            Search for attribution 
            Change attribution codes with showaddelement='yes' and locked='false'  
            Now save your theme
            After it you can customize your footer section from layout


            For removing footer without hide process. 

            If the decoded script of theme doesn't work or can't load your blog. 
            Then encode the script again using below link and after that paste into your html theme script. 

            You can also contact us for removing blogger footer credit.

            theAShub Testimonials Anurag Singh,

            #Remove_Footer_Credit_from_Blogger | #Blogger

            I appreciate your attention for this post and eagerly await your response. Thankyou
            by at No comments:
            Tags

            Add tables with links in blogger

            January 11, 2023 0
            Add tables with links in blogger

            Add tables with links in blogger

            Add tables with links in blogger (theAShub)
            Add tables with links in blogger

             

             
            Source Code
            <!--Powered by theAShub-->
<style>
* {
  box-sizing: border-box;
}

/* Create two equal columns that floats next to each other */
.column {
  float: left;
  width: 50%;
  padding: 10px;
  height: auto; /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}


/* CSS for Links */
.btncrd {
  border: 1px solid black;
  background-color: transparent;
  color: black;
  padding: 8px 25px;
  font-size: 17px;
  border-radius:1px;
  cursor: pointer;
  margin:10px 20px;
}
.readnowcrd {
  border-color: #000;
  color: black;  
}
.readnowcrd:hover {
  border-color:orange;
  background-color: orange;
  color: #fff;
}


/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
}
</style>
</u></b><div class="row">
  <div class="column" style="background-color: aliceblue;">
  <p>QUESTION PAPERS</p>
  <hr />
  <p>Please select your desire class</p>
<a href="https://theanuragsinghhub.blogspot.com/"><button class="btncrd readnowcrd">CLASS 1</button></a>
<a href="https://theanuragsinghhub.blogspot.com/"><button class="btncrd readnowcrd">CLASS 2</button></a>
<a href="https://theanuragsinghhub.blogspot.com/"><button class="btncrd readnowcrd">CLASS 3</button></a>
<a href="https://theanuragsinghhub.blogspot.com/"><button class="btncrd readnowcrd">CLASS 4</button></a>
<a href="https://theanuragsinghhub.blogspot.com/"><button class="btncrd readnowcrd">CLASS 5</button></a>
<a href="https://theanuragsinghhub.blogspot.com/"><button class="btncrd readnowcrd">CLASS 6</button></a>
<a href="https://theanuragsinghhub.blogspot.com/"><button class="btncrd readnowcrd">CLASS 7</button></a>
<a href="https://theanuragsinghhub.blogspot.com/"><button class="btncrd readnowcrd">CLASS 8</button></a>
<a href="https://theanuragsinghhub.blogspot.com/"><button class="btncrd readnowcrd">CLASS 9</button></a>
<a href="https://theanuragsinghhub.blogspot.com/"><button class="btncrd readnowcrd">CLASS 10</button></a>
</div>
  
  <div class="column" style="background-color: aliceblue;">
    <p>SOLUTIONS</p>
  <hr />
  <p>Please select your desire class</p>
<a href="https://theanuragsinghhub.blogspot.com/"><button class="btncrd readnowcrd">CLASS 1</button></a>
<a href="https://theanuragsinghhub.blogspot.com/"><button class="btncrd readnowcrd">CLASS 2</button></a>
<a href="https://theanuragsinghhub.blogspot.com/"><button class="btncrd readnowcrd">CLASS 3</button></a>
<a href="https://theanuragsinghhub.blogspot.com/"><button class="btncrd readnowcrd">CLASS 4</button></a>
<a href="https://theanuragsinghhub.blogspot.com/"><button class="btncrd readnowcrd">CLASS 5</button></a>
<a href="https://theanuragsinghhub.blogspot.com/"><button class="btncrd readnowcrd">CLASS 6</button></a>
<a href="https://theanuragsinghhub.blogspot.com/"><button class="btncrd readnowcrd">CLASS 7</button></a>
<a href="https://theanuragsinghhub.blogspot.com/"><button class="btncrd readnowcrd">CLASS 8</button></a>
<a href="https://theanuragsinghhub.blogspot.com/"><button class="btncrd readnowcrd">CLASS 9</button></a>
<a href="https://theanuragsinghhub.blogspot.com/"><button class="btncrd readnowcrd">CLASS 10</button></a>
</div>

</div>

             


            Output

            QUESTION PAPERS

            Please select your desire class

            SOLUTIONS

            Please select your desire class

            theAShub Testimonials Anurag Singh,

            #Add_tables_with_links_in_blogger | #Blogger

            I appreciate your attention for this post and eagerly await your response. Thankyou
            by at No comments:
            Tags

            Add Coding Box In Blogger Post

            January 11, 2023 0
            Add Coding Box In Blogger Post
            Add Coding Box In Blogger Post

            Hello Everyone,

            If you're a developer or coder, I think you know the importance of codes. Now, if we're managing blogs then implementing codes in blogger post is a difficult task. So in this blog post, I will tell you how to Add Coding Box In Blogger Post. 


            How's the coding box will look like








            Here's the codes 

            <pre style="background: rgb(250, 201, 38); border-bottom-color: initial; border-bottom-style: initial; border-image: initial; border-left-color: initial; border-left-style: initial; border-radius: 10px; border-right-color: initial; border-right-style: initial; border-top-color: #212428; border-top-style: solid; border-width: 15px 0px 0px; color: #212428; font-family: &quot;Courier New&quot;, Courier, monospace; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 1.5em; margin-top: 0px; overflow-wrap: normal; overflow: auto; padding: 12px; vertical-align: baseline;"><span style="font-size: 13px;">Paste your codes</span></pre>

            Let's understand code

            Some necessary changes can be made,

            background: rgb(250, 201, 38);

            • Change the color of coding box background.

            border-top-color: #212428;

            • Change the color of border of coding box.

            border-width: 105px 0px 0px;

            • Also, adjust the top border property.

            How To Add Coding Box In Blogger Post

            • Simply copy the codes
            • Paste inside the HTML View of your blog post
            • Now paste the codes at the place of Paste your codes in Compose View
            • All done, enjoy it

            ⦾ You can also paste code in Post template (optional) from settings of blogger dashboard for not pasting code manually in every blog post.


            Thanking you,
            by at No comments:
            Tags