શિક્ષક/વિદ્યાર્થી દૈનિક હાજરી
ફીટ ઇન્ડિયા રજીસ્ટ્રેશન
શાળા ઇકો ક્લબ માહિતી
❀ 👉 અહીં બ્લોગ કે વેબસાઈટ માં ઉપયોગી કોડ મુકવામાં આવેલ છે....
❆ Blog Create Attractive Multi code Below ❆
❆ ➯ Blog Direct Download Link code click here
➯ Past behind sharing path
❆ ➯ RTE Anthem, Ministry of Human Resource Development.mp3 code click here
➯ past it code to HTML / Javascript gadget
❆ ➯ Arti _ Ganapati Ayo bapa blog sound code click here
➯ past it code to HTML / Javascript gadget
❆ ➯ New Blog Audio Add Code Click here
➯ past (div) close tag After below code
❆ ➯ clock code _ Digital Clock code click here
❆ ➯ custome scrollar code click here
➯ Type this code in 'head' tag close Abow
❆ ➯ direct scroll to top code Click here
➯ Type it code to HTML / Javascript Gadget
❆ ➯ enable disable right click blog code click here
➯ Type it code to HTML / Javascript Gadget
❆ ➯ flip Image card code click here
➯ Type it code to HTML / Javascript Gadget
❆ ➯ How to protect your blogger post or page with the password code click here
➯ past and use this code only page and its Top side
❆ ➯ HTML Image Slider code click here
➯ Type it code to HTML / Javascript Gadget
❆ ➯ Html Code for Changing Mouse Cursor in Blogger click here
➯ Its code type to blog HTML code head close tag above
❆ ➯ Excel sheet password breake code click here
➯ Type it code to Excel sheet VBA
❆ ➯ save as PDF code click here
➯ It code use Excel sheet print area to create PDF - type it to VBA
❆ ➯ You Tube Subscribe button code click here
➯ type it code to page bottom side
❆ ➯ Twitter Follow link code click here
➯ type it code to page bottom side
❆ ➯ Image in pop up box code Click here
❆ ➯ Background Image Code Click here
❆ ➯ More...
➯ Page under content type code
<pre class="wp-block-code" style="background: rgb(238, 238, 238); border-radius: 4px; border: 1px solid rgb(226, 228, 231); box-sizing: border-box; color: #23282d; font-family: Menlo, Consolas, monaco, monospace; font-size: 14px; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; outline: 0px; overflow: auto; padding: 0.8em 1em; vertical-align: baseline;">
<code style="border: 0px; box-sizing: border-box; font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: normal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
Insert data here
</code></pre>
...............
➯ Blog post password protect code - this code type page title first to Html
<SCRIPT LANGUAGE="JavaScript"><!-- Beginvar password = 'password'password=prompt('Please enter the password to enter this post:','');if (password != 'password') {location.href='URL';}// End --></SCRIPT>
⇨ Scroll to Top button code
<style>
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
#myBtn {
display: none;
position: fixed;
bottom: 10px;
right: 10px;
z-index: 99;
font-size: 14px;
border: none;
outline: none;
background-color: black;
color: white;
cursor: pointer;
padding: 10px;
border-radius: 40px;
}
#myBtn:hover {
background-color: green;
}
</style>
<button onclick="topFunction()" id="myBtn" title="CEO-J.P.Sutariya">Go to Top</button>
<script>
//Get the button
var mybutton = document.getElementById("myBtn");
// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function() {scrollFunction()};
function scrollFunction() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
mybutton.style.display = "block";
} else {
mybutton.style.display = "none";
}
}
// When the user clicks on the button, scroll to the top of the document
function topFunction() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
</script>
⇨ computer start to speech sound code :
Dim speaks, speech
speaks="Welcome to your PC, Username"
Set speech=CreateObject("sapi.spvoice")
speech.Speak speaks
⇨ Speed Slow Karne k liye niche di gai coding use karein or rate ki value change karein:
Dim speaks, speech
speaks="Welcome to your PC, NIkhil"
set speech=CreateObject("sapi.spvoice")
with speech
Set.voice = .getvoices.item(0)
.Volume = 100
.Rate = -4
end with
speech.speak speaks
➪ Run command type " shell:startup" Enter and file copy - paste
..............
⇨marquee moving text tutorial
<marquee>This is moving text tutorial</marquee>
=======================
Other style and functions
==========================
Background color-> bgcolor="hexadecimal code"
Text color -> style="color:white"
Scroll speed -> scrollamount="6"
Direction -> direction="option" (left,right,up,down)
Behaviour -> behaviour="alternate"
For link -> <a href="url">title</a>
For pausing the text when mouse over
onmouseover="this.stop()" onmouseout="this.start()"
⇨ Blog Tex Scroll Code
<div class="sub-blk2">
<h2><span class="red">Latest</span> Post</h2>
<marquee height="240" behavior="scroll" scrollamount="2" direction="up" onmouseover="this.stop();" onmouseout="this.start(); ">
<ul> <li><a href="http://www.dealindiaexam.com/2018/01/ugc-net-books-for-paper-1.html">--------- Text 1 --------</a></li>
<li><a href="http://www.dealindiaexam.com/p/cbse-ugc-net.html" >------- text 2 -----------</a></li>
<li><a href="http://www.dealindiaexam.com/p/ugc-net-syllabus.html" >---------------- text 3 ---------- </a></li>
<li><a href="http://www.dealindiaexam.com/2017/12/ugc-net-paper-1-syllabus.html" >-------- Text 4 --------</a></li>
</ul> </marquee>
</div>
⇨Blog Image Scroll Code
</td>
<marquee behavior='scroll' height='150px' width='1000px'>
<img height='150px' src='ADD IMAGE URL HERE' width='200px'/>
<img height='150px' src='ADD IMAGE URL HERE' width='200px'/>
</marquee>
⇨ This code hide to Blog Foter And It past </body> tag Above
<style>
#Attribution1 {
display: none;
}
</style>
➯ Blog Direct Download Link URL
⇒ https://drive.google.com/uc?export=download&id=
⇒ https://drive.google.com/open?id=1bGZxyWbkAebWV0MyjHs3_nxLKjRWljqm
➯ Audio Sound Code
past </div> tag After below code
<audio controls="">
<source src="your mp3 file URL">
</source>
</audio>
OR
<audio controls="">
<source src="#">
</source>
</audio>
<br />
##
<br />
➯Disable Right Click On Any Blogspot or website
codes here
=====================================
<script language=JavaScript>
<!--
//edit by unwanted
var message="PUT YOUR MESSEGE HERE";
///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}
document.oncontextmenu=new Function("alert(message);return false")
// -->
</script>
➯ EXCEL FILE OPEN KARTE HI LEGI AAPKA NAAM
VBA Code
Private Sub Workbook_Open()
Dim speaks, speech
speaks = "HELLO DEAR THIS IS NOT YOUR FILE"
Set speech = CreateObject("sapi.spvoice")
speech.Speak speaks
End Sub
➯ Image Slider HTML code for Blog :-
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
* {box-sizing: border-box;}
body {font-family: Verdana, sans-serif;}
.mySlides {display: none;}
img {vertical-align: middle;}
/* Slideshow container */
.slideshow-container {
max-width: 1000px;
position: relative;
margin: auto;
}
/* Caption text */
.text {
color: #f2f2f2;
font-size: 15px;
padding: 8px 12px;
position: absolute;
bottom: 8px;
width: 100%;
text-align: center;
}
/* Number text (1/4 etc) */
.numbertext {
color: #f2f2f2;
font-size: 12px;
padding: 8px 12px;
position: absolute;
top: 0;
}
/* The dots/bullets/indicators */
.dot {
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
.active {
background-color: #717171;
}
/* Fading animation */
.fade {
-webkit-animation-name: fade;
-webkit-animation-duration: 1.5s;
animation-name: fade;
animation-duration: 1.5s;
}
@-webkit-keyframes fade {
from {opacity: .4}
to {opacity: 1}
}
@keyframes fade {
from {opacity: .4}
to {opacity: 1}
}
/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
.text {font-size: 11px}
}
</style>
</head>
<body>
<h2>Slideshow</h2>
<p>Change image every 3 seconds:</p>
<div class="slideshow-container">
<div class="mySlides fade">
<div class="numbertext">1 / 5</div>
<img src="1.URL" style="width:100%">
<div class="text">Caption Text</div>
</div>
<div class="mySlides fade">
<div class="numbertext">2 / 5</div>
<img src="2.URL" style="width:100%">
<div class="text">Caption Two</div>
</div>
<div class="mySlides fade">
<div class="numbertext">3 / 5</div>
<img src="3.URL" style="width:100%">
<div class="text">Caption Three</div>
</div>
<div class="mySlides fade">
<div class="numbertext">4 / 5</div>
<img src="4.URL" style="width:100%">
<div class="text">Caption Four</div>
</div>
<div class="mySlides fade">
<div class="numbertext">5 / 5</div>
<img src="5. URL" style="width:100%">
<div class="text">Caption Four</div>
</div>
</div>
<br>
<div style="text-align:center">
<span class="dot"></span>
<span class="dot"></span>
<span class="dot"></span>
<span class="dot"></span>
<span class="dot"></span>
</div>
<script>
var slideIndex = 0;
showSlides();
function showSlides() {
var i;
var slides = document.getElementsByClassName("mySlides");
var dots = document.getElementsByClassName("dot");
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
slideIndex++;
if (slideIndex > slides.length) {slideIndex = 1}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" active", "");
}
slides[slideIndex-1].style.display = "block";
dots[slideIndex-1].className += " active";
setTimeout(showSlides, 3000); // Change image every 3 seconds
}
</script>
</body>
</html>
➯ You tube Subscribe Button code : -
<script src="https://apis.google.com/js/platform.js"></script>
<div class="g-ytsubscribe" data-channelid="UCoppYSb2AubfBN3yCf3asNw" data-layout="full" data-count="default"></div>
➯ Custome Scrollar Bar
Type this code in </head> tag Abow
<style>
/* width */
::-webkit-scrollbar {
width: 15px;
}
/* Track */
::-webkit-scrollbar-track {
box-shadow: inset 0 0 4px grey;
border-radius: 10px;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: yellow;
border-radius: 30px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: green;
}
</style>
➯Image Overlay Title
Type this code in to HTML/Javascript gadgets
<style>
* {box-sizing: border-box;}
.container {
position: relative;
width: 110%;
max-width: 180px;
}
.image {
display: block;
width:100%;
height: auto;
}
.overlay {
position: absolute;
bottom: 0;
background: rgb(0, 0, 0);
background: rgba(0, 0, 0, 0.5); /* Black see-through */
color: #f1f1f1;
width: 100%;
transition: .5s ease;
opacity:0;
color: white;
font-size: 15px;
padding: 10px;
text-align: center;
}
.container:hover .overlay {
opacity: 1;
}
</style>
<a href="insert URL here">
<div class="container">
<img src="insert IMAGE URL here" alt="Avatar" class="image" />
<div class="overlay">
<p>your designation</p>
Enter your discription</div>
</div>
</a><p>name of .Department</p>
➯ Html Code for Changing Mouse Cursor in Blogger
Note : Past Image URL in ( ) & code type in </head> tag Above
<style type='text/css'>body, a, a:hover {cursor: url(https://www.animatedimages.org/data/media/1420/animated-pencil-image-0003.gif), progress;}</style>
➯ Image Flip Effect HTML code
Type this code in to HTML/Javascript gadgets
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
font-family: Arial, Helvetica, sans-serif;
}
.flip-card {
background-color: transparent;
width: 200px;
height: 100px;
perspective: 1000px;
}
.flip-card-inner {
position: relative;
width: 100%;
height: 100%;
text-align: center;
transition: transform 0.6s;
transform-style: preserve-3d;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
.flip-card:hover .flip-card-inner {
transform: rotateY(180deg);
}
.flip-card-front, .flip-card-back {
position: absolute;
width: 100%;
height: 100%;
backface-visibility: hidden;
}
.flip-card-front {
background-color: Aque;
color: black;
}
.flip-card-back {
background-color: Aque;
color: white;
transform: rotateY(180deg);
}
</style>
</head>
<body>
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<a href="website URL" target="_blank" title="website name"><img src=" Image Address url " alt="Avatar" style="width:200px;height:100px;"></a>
</div>
<div class="flip-card-back">
<a href="website URL" target="_blank" title="website name"><img src=" Image Address url " alt="Avatar" style="width:200px;height:100px;"></a>
</div>
</div>
</div>
</body>
</html>
➯ HTML sitemap for Blog Code:-
<div dir="ltr" style="text-align: left;" trbidi="on">
<script type="text/javascript">
var postTitle = new Array();
var postUrl = new Array();
var postPublished = new Array();
var postDate = new Array();
var postLabels = new Array();
var postRecent = new Array();
var sortBy = "titleasc";
var numberfeed = 0;
function bloggersitemap(a) {
function b() {
if ("entry" in a.feed) {
var d = a.feed.entry.length;
numberfeed = d;
ii = 0;
for (var h = 0; h < d; h++) {
var n = a.feed.entry[h];
var e = n.title.$t;
var m = n.published.$t.substring(0, 10);
var j;
for (var g = 0; g < n.link.length; g++) {
if (n.link[g].rel == "alternate") {
j = n.link[g].href;
break
}
}
var o = "";
for (var g = 0; g < n.link.length; g++) {
if (n.link[g].rel == "enclosure") {
o = n.link[g].href;
break
}
}
var c = "";
if ("category" in n) {
for (var g = 0; g < n.category.length; g++) {
c = n.category[g].term;
var f = c.lastIndexOf(";");
if (f != -1) {
c = c.substring(0, f)
}
postLabels[ii] = c;
postTitle[ii] = e;
postDate[ii] = m;
postUrl[ii] = j;
postPublished[ii] = o;
if (h < 10) {
postRecent[ii] = true
} else {
postRecent[ii] = false
}
ii = ii + 1
}
}
}
}
}
b();
sortBy = "titledesc";
sortPosts(sortBy);
sortlabel();
displayToc();
}
function sortPosts(d) {
function c(e, g) {
var f = postTitle[e];
postTitle[e] = postTitle[g];
postTitle[g] = f;
var f = postDate[e];
postDate[e] = postDate[g];
postDate[g] = f;
var f = postUrl[e];
postUrl[e] = postUrl[g];
postUrl[g] = f;
var f = postLabels[e];
postLabels[e] = postLabels[g];
postLabels[g] = f;
var f = postPublished[e];
postPublished[e] = postPublished[g];
postPublished[g] = f;
var f = postRecent[e];
postRecent[e] = postRecent[g];
postRecent[g] = f
}
for (var b = 0; b < postTitle.length - 1; b++) {
for (var a = b + 1; a < postTitle.length; a++) {
if (d == "titleasc") {
if (postTitle[b] > postTitle[a]) {
c(b, a)
}
}
if (d == "titledesc") {
if (postTitle[b] < postTitle[a]) {
c(b, a)
}
}
if (d == "dateoldest") {
if (postDate[b] > postDate[a]) {
c(b, a)
}
}
if (d == "datenewest") {
if (postDate[b] < postDate[a]) {
c(b, a)
}
}
if (d == "orderlabel") {
if (postLabels[b] > postLabels[a]) {
c(b, a)
}
}
}
}
}
function sortlabel() {
sortBy = "orderlabel";
sortPosts(sortBy);
var a = 0;
var b = 0;
while (b < postTitle.length) {
temp1 = postLabels[b];
firsti = a;
do {
a = a + 1
} while (postLabels[a] == temp1);
b = a;
sortPosts2(firsti, a);
if (b > postTitle.length) {
break
}
}
}
function sortPosts2(d, c) {
function e(f, h) {
var g = postTitle[f];
postTitle[f] = postTitle[h];
postTitle[h] = g;
var g = postDate[f];
postDate[f] = postDate[h];
postDate[h] = g;
var g = postUrl[f];
postUrl[f] = postUrl[h];
postUrl[h] = g;
var g = postLabels[f];
postLabels[f] = postLabels[h];
postLabels[h] = g;
var g = postPublished[f];
postPublished[f] = postPublished[h];
postPublished[h] = g;
var g = postRecent[f];
postRecent[f] = postRecent[h];
postRecent[h] = g
}
for (var b = d; b < c - 1; b++) {
for (var a = b + 1; a < c; a++) {
if (postTitle[b] > postTitle[a]) {
e(b, a)
}
}
}
}
function displayToc() {
var a = 0;
var b = 0;
while (b < postTitle.length) {
temp1 = postLabels[b];
document.write("");
document.write('<div class="post-archive"><h4>
' + temp1 + '</h4>
<div class="ct-columns">
');
firsti = a;
do {
document.write("<p>
");
document.write('<a " href="' + postUrl[a] + '">' + postTitle[a] + "");
if (postRecent[a] == true) {
document.write(' - <strong><span>New!</span></strong>')
}
document.write("</a></p>
");
a = a + 1
} while (postLabels[a] == temp1);
b = a;
document.write("</div>
</div>
");
sortPosts2(firsti, a);
if (b > postTitle.length) {
break
}
}
}
</script>
<script src="https://www.technovedant.com//feeds/posts/default?max-results=9999&alt=json-in-script&callback=bloggersitemap"></script></div>
aaaaaaaaaaaaaa
