Here’s How You Can Share Kids Search

Share Kids Search on Your Website and Help Spread the Word

Sharing Kids Search with students and teachers through your school, library, or blog website is straightforward. You can add our content to your app, blog, website, Google Classroom or more in just a few simple steps, giving everyone quick access to safe educational tools.

<a href="https://www.kidssearch.com">
  <img src="https://www.kidssearch.com/images/kids-search-sharing.png" alt="Kids Search - Safe Search Engine for Kids" style="max-width:180px; width:100%; height:auto; border-radius:15px;">
</a>

K i d s S e a r c h

<a href="https://www.kidssearch.com" style="text-decoration:none; font-weight:bold; font-size:24px; font-family:Arial, sans-serif;">
    <span style="color:#FF3B3B;">K</span>
    <span style="color:#FF8C00;">i</span>
    <span style="color:#FFD700;">d</span>
    <span style="color:#32CD32;">s</span>
    <span style="color:#1E90FF;"> </span>
    <span style="color:#8A2BE2;">S</span>
    <span style="color:#FF1493;">e</span>
    <span style="color:#00CED1;">a</span>
    <span style="color:#FF4500;">r</span>
    <span style="color:#ADFF2F;">c</span>
    <span style="color:#FF69B4;">h</span>
</a>

<a href="https://www.kidssearch.com">
  <img src="https://www.kidssearch.com/images/kidssearch.png" alt="Kids Search - Safe Search Engine for Kids" style="max-width:532px; width:100%; height:auto; border-radius:10px; background-color:#ffffff;">
</a>

Kids Search

<a href="https://www.kidssearch.com">Kids Search</a>

Share to Google Classroom

Link to Share

https://www.kidssearch.com

Share via Email

Scroll Back to Top button

The code below can be added at the bottom of your HTML page. It creates a "Back to Top" button that includes a link back to Kids Search .

Scroll back to the top button for Kids Search

<script type="text/javascript">
(function() {
    'use strict';
    
    var scrolltotop = {
        setting: {
            startline: 100,
            scrollto: 0,
            scrollduration: 1000,
            fadeduration: [500, 100]
        },
        
        controlHTML:
            '<div style="text-align:center; font-family:Arial, sans-serif;">' +
            '<div style="background:rgba(255,255,255,0.9); border-radius:8px; padding:4px; box-shadow:0 1px 1px rgba(0,0,0,0.3);">' +
            '<svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="#333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="display:block;margin:auto;">' +
            '<path d="M18 15l-6-6-6 6"/>' +
            '</svg>' +
            '</div>' +
            '<a href="https://www.kidssearch.com" target="_blank" rel="noopener" style="font-size:11px; font-weight:600; color:#666; text-decoration:none; display:block; margin-top:5px;">Kids Search</a>' +
            '</div>',
        
        controlattrs: {
            offsetx: 12,
            offsety: 12
        },
        
        anchorkeyword: "#top",
        
        state: {
            isvisible: false,
            shouldvisible: false,
            animating: false
        },
        
        control: null,
        cssfixedsupport: true,
        
        // Smooth scroll function
        scrollup: function() {
            var dest = isNaN(this.setting.scrollto) ? this.setting.scrollto : parseInt(this.setting.scrollto);
            
            if (typeof dest === "string") {
                var target = document.getElementById(dest);
                dest = target ? target.offsetTop : 0;
            } else {
                dest = 0;
            }
            
            // Smooth scroll
            var start = window.pageYOffset;
            var distance = dest - start;
            var duration = this.setting.scrollduration;
            var startTime = null;
            
            function animation(currentTime) {
                if (startTime === null) startTime = currentTime;
                var timeElapsed = currentTime - startTime;
                var progress = Math.min(timeElapsed / duration, 1);
                
                // Easing function (ease-in-out)
                var ease = progress < 0.5 
                    ? 2 * progress * progress 
                    : -1 + (4 - 2 * progress) * progress;
                
                window.scrollTo(0, start + distance * ease);
                
                if (timeElapsed < duration) {
                    requestAnimationFrame(animation);
                }
            }
            
            requestAnimationFrame(animation);
        },
        
        // Fade in/out animation
        fade: function(element, direction, duration) {
            if (this.state.animating) return;
            this.state.animating = true;
            
            var start = null;
            var startOpacity = direction === 'in' ? 0 : 1;
            var endOpacity = direction === 'in' ? 1 : 0;
            
            element.style.opacity = startOpacity;
            element.style.display = 'block';
            
            function animate(timestamp) {
                if (!start) start = timestamp;
                var progress = (timestamp - start) / duration;
                
                if (progress >= 1) {
                    element.style.opacity = endOpacity;
                    if (direction === 'out') {
                        element.style.display = 'none';
                    }
                    scrolltotop.state.animating = false;
                    return;
                }
                
                var opacity = startOpacity + (endOpacity - startOpacity) * progress;
                element.style.opacity = opacity;
                
                requestAnimationFrame(animate);
            }
            
            requestAnimationFrame(animate);
        },
        
        // Keep button fixed for older browsers
        keepfixed: function() {
            if (this.cssfixedsupport) return;
            
            var scrollLeft = window.pageXOffset || document.documentElement.scrollLeft;
            var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
            var windowWidth = window.innerWidth || document.documentElement.clientWidth;
            var windowHeight = window.innerHeight || document.documentElement.clientHeight;
            
            var controlWidth = this.control.offsetWidth;
            var controlHeight = this.control.offsetHeight;
            
            var x = scrollLeft + windowWidth - controlWidth - this.controlattrs.offsetx;
            var y = scrollTop + windowHeight - controlHeight - this.controlattrs.offsety;
            
            this.control.style.left = x + 'px';
            this.control.style.top = y + 'px';
        },
        
        // Toggle button visibility
        togglecontrol: function() {
            var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
            
            if (!this.cssfixedsupport) {
                this.keepfixed();
            }
            
            this.state.shouldvisible = scrollTop >= this.setting.startline;
            
            if (this.state.shouldvisible && !this.state.isvisible) {
                this.fade(this.control, 'in', this.setting.fadeduration[0]);
                this.state.isvisible = true;
            } else if (!this.state.shouldvisible && this.state.isvisible) {
                this.fade(this.control, 'out', this.setting.fadeduration[1]);
                this.state.isvisible = false;
            }
        },
        
        // Initialize
        init: function() {
            var self = this;
            
            // Check CSS fixed support
            var isIE = document.all && !window.XMLHttpRequest;
            this.cssfixedsupport = !isIE;
            
            // Create control element
            var div = document.createElement('div');
            div.id = 'topcontrol';
            div.innerHTML = this.controlHTML;
            div.style.position = this.cssfixedsupport ? 'fixed' : 'absolute';
            div.style.bottom = this.controlattrs.offsety + 'px';
            div.style.right = this.controlattrs.offsetx + 'px';
            div.style.opacity = '0';
            div.style.cursor = 'pointer';
            div.style.zIndex = '9999';
            div.style.textAlign = 'center';
            div.style.display = 'none';
            div.title = 'Scroll to Top';
            
            // Add click event
            div.addEventListener('click', function(e) {
  
            if (!e.target.closest('a')) {
            e.preventDefault();
            self.scrollup();
            }
            });
            
            // Append to body
            document.body.appendChild(div);
            this.control = div;
            
            // Initial toggle
            this.togglecontrol();
            
            // Bind anchor links
            var anchors = document.querySelectorAll('a[href="' + this.anchorkeyword + '"]');
            for (var i = 0; i < anchors.length; i++) {
                anchors[i].addEventListener('click', function(e) {
                    e.preventDefault();
                    self.scrollup();
                    return false;
                });
            }
            
            // Bind scroll and resize events
            var scrollTimeout;
            window.addEventListener('scroll', function() {
                clearTimeout(scrollTimeout);
                scrollTimeout = setTimeout(function() {
                    self.togglecontrol();
                }, 10);
            });
            
            window.addEventListener('resize', function() {
                self.togglecontrol();
            });
        }
    };
    
    // Initialize when DOM is ready
    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', function() {
            scrolltotop.init();
        });
    } else {
        scrolltotop.init();
    }
})();
</script>

Why Share Kids Search?

Kids Search is a safe search engine for kids that includes educational tools and interactive resources. By sharing, you help:

Provide students with a safe, kid-friendly search experience.

Give teachers easy access to educational tools and lesson resources.

Help more educators discover and use valuable teaching resources.

We appreciate every share! Your support helps us reach more students and teachers with safe and educational online content.

Search for more websites >>>