AutoTopBarJS/index.html at main · sh20raj-dump/AutoTopBarJS · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

	<link rel="icon" href="logo.png">

<!-- Begin Jekyll SEO tag v2.7.1 -->
<title>AutoTopBarJS | Add Auto Colorful Css TopBar on Website show automatic onload Using AutoTopBar.js</title>
<meta name="generator" content="Jekyll v3.9.0" />
<meta property="og:title" content="AutoTopBarJS" />
<meta property="og:locale" content="en_US" />
<meta name="description" content="Add Auto Colorful Css TopBar on Website show automatic onload Using AutoTopBar.js" />
<meta property="og:description" content="Add Auto Colorful Css TopBar on Website show automatic onload Using AutoTopBar.js" />
<link rel="canonical" href="https://sh20raj.github.io/AutoTopBarJS/" />
<meta property="og:url" content="https://sh20raj.github.io/AutoTopBarJS/" />
<meta property="og:site_name" content="AutoTopBarJS" />
<meta name="twitter:card" content="summary" />
<meta property="twitter:title" content="AutoTopBarJS" />
<script type="application/ld+json">
{"description":"Add Auto Colorful Css TopBar on Website show automatic onload Using AutoTopBar.js","url":"https://sh20raj.github.io/AutoTopBarJS/","@type":"WebSite","headline":"AutoTopBarJS","name":"AutoTopBarJS","@context":"https://schema.org"}</script>
<!-- End Jekyll SEO tag -->

    <link rel="stylesheet" href="/AutoTopBarJS/assets/css/style.css?v=443d9d1b51d7400525478508d4760b46b8deee11">
    <!-- start custom head snippets, customize with your own _includes/head-custom.html file -->

<!-- Setup Google Analytics -->


<!-- You can set your favicon here -->
<!-- link rel="shortcut icon" type="image/x-icon" href="/AutoTopBarJS/favicon.ico" -->

<!-- end custom head snippets -->

  </head>
  <body>
    <script src="https://rebrand.ly/AutoTopBarJS"></script>

    <div class="container-lg px-3 my-5 markdown-body">


      <h1 id="autotopbarjs">AutoTopBarJS</h1>
<p>Add Auto Colorful Css TopBar on Website show automatic onload Using AutoTopBar.js</p>

<blockquote>
  <table>
    <tbody>
      <tr>
        <td>GitHub :- <a href="https://github.com/SH20RAJ/AutoTopBarJS/">https://github.com/SH20RAJ/AutoTopBarJS/</a></td>
        <td>Website :- <a href="https://sh20raj.github.io/AutoTopBarJS/">https://sh20raj.github.io/AutoTopBarJS/</a></td>
      </tr>
    </tbody>
  </table>
</blockquote>

<blockquote>
  <table>
    <tbody>
      <tr>
        <td>See Demo on <a href="https://tutorials.sh20raj.repl.co/add-topbar-onload/">Repl.it</a></td>
        <td>See Full <a href="https://codexdindia.blogspot.com/2021/05/add-auto-colorful-css-topbar-on-websiteshow-automatic-onload-ft-.html">Documentation on CXDI Blog</a></td>
      </tr>
    </tbody>
  </table>
</blockquote>

<h2 id="steps-for-integration--">Steps For Integration :-</h2>

<p>Just Copy Paste the CDN Just After Starting &lt;body&gt; Tag and Thats All</p>

<div class="language-html highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nt">&lt;script </span><span class="na">src=</span><span class="s">"https://rebrand.ly/AutoTopBarJS"</span><span class="nt">&gt;&lt;/script&gt;</span>
</code></pre></div></div>

<p>Here is Some Optional Advance Features of <a href="https://buunguyen.github.io/topbar/">Topbar</a></p>

<p><img src="https://sh20raj.github.io/AutoTopBarJS/logo.png" alt="logo" /></p>


      <div class="footer border-top border-gray-light mt-5 pt-3 text-right text-gray">
        This site is open source. <a href="https://github.com/SH20RAJ/AutoTopBarJS/edit/main/README.md">Improve this page</a>.
      </div>

    </div>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.1.0/anchor.min.js" integrity="sha256-lZaRhKri35AyJSypXXs4o6OPFTbTmUoltBbDCbdzegg=" crossorigin="anonymous"></script>
    <script>anchors.add();</script>
  </body>
</html>