Hacking Tips and Tricks: September 2021

Thursday, September 30, 2021

How to add progress Bar at the top of blog and website

Follow the steps

1 go to blog dashboard
2 click on theme section
3 go to edit html section
4 copy code and paste at the end of theme. Before these (</body) or (</html
)

Here is the script:

<script type='text/javascript'> //<![CDATA[ var Nanobar=function(){var c,d,e,f,g,h,k={width:"100%",height:"6px",zIndex:9999,top:"0"},l={width:0,height:"100%",clear:"both",transition:"height .3s"};c=function(a,b){for(var c in b)a.style[c]=b[c];a.style["float"]="left"};f=function(){var a=this,b=this.width-this.here;0.1>b&&-0.1<b?(g.call(this,this.here),this.moving=!1,100==this.width&&(this.el.style.height=0,setTimeout(function(){a.cont.el.removeChild(a.el)},100))):(g.call(this,this.width-b/4),setTimeout(function(){a.go()},16))};g=function(a){this.width= a;this.el.style.width=this.width+"%"};h=function(){var a=new d(this);this.bars.unshift(a)};d=function(a){this.el=document.createElement("div");this.el.style.backgroundColor=a.opts.bg;this.here=this.width=0;this.moving=!1;this.cont=a;c(this.el,l);a.el.appendChild(this.el)};d.prototype.go=function(a){a?(this.here=a,this.moving||(this.moving=!0,f.call(this))):this.moving&&f.call(this)};e=function(a){a=this.opts=a||{};var b;a.bg=a.bg||"#e61010";this.bars=[];b=this.el=document.createElement("div");c(this.el, k);a.id&&(b.id=a.id);b.style.position=a.target?"relative":"fixed";a.target?a.target.insertBefore(b,a.target.firstChild):document.getElementsByTagName("body")[0].appendChild(b);h.call(this)};e.prototype.go=function(a){this.bars[0].go(a);100==a&&h.call(this)};return e}(); var nanobar = new Nanobar();nanobar.go(30);nanobar.go(60);nanobar.go(100); //]]> </script>

Share with your friends.

Online Gradient Color Code Generator Tool Free

Online Gradient Color Code Generator Tool

Gradient Color Code Generator

Easy To Generate gradient Color

You can select Mannualy

Click here to copy!

Easy To Copy

Click On Generate Random

Tuesday, September 28, 2021

YouTube Video downloader script

YouTube Video downloader

Steps:

1. Go to Blogger or BlogSpot Dashboard

2. Now Click on Theme Section and change it into first generation

3. Scroll Down & Click on Revert to Classic Themes

4. Now to Click on Revert to Classic Theme

5. Now Turn off Blue

Here is script just click on copy button.

<html dir="ltr" xmlns:b="http://www.google.com/2005/gml/b" xmlns:data="http://www.google.com/2005/gml/data" xmlns:expr="http://www.google.com/2005/gml/expr" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>YouTube Downloader - Download Youtube videos for free!</title>
<meta content="We offer the fastest way to save YouTube videos in mp3, mp4, or in other range of formats. ✅ It’s the most convenient YouTube video downloader you’ve ever tried!" name="Description"></meta>
<meta content="index, follow" name="robots"></meta>
<meta content="2 days" name="revisit-after"></meta>
<meta content="English" name="language"></meta>
<meta content="INDIA" name="geo.country"></meta>
<meta content="BIHAR" name="geo.placename"></meta>
<meta content="global" name="distribution"></meta>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type"></meta>
<meta content="true" name="MSSmartTagsPreventParsing"></meta>
<meta content="general" name="rating"></meta>
<link crossorigin="anonymous" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" rel="stylesheet"></link>
<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
<script crossorigin="anonymous" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<style id="page-skin-1" type="text/css"><!--
/*    
  -----------------------------------------------------------------------------------    
  This blog was Created & Modify by https://perfect-786.blogspot.com/
  ----------------------------------------------------------------------------------- */
#navbar-iframe {
height:0px;
visibility:hidden;
display: none !important;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
html {
background:#eeeeee;
text-align:center;
line-height: 1;
font-family: Georgia;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
*:focus {
outline: 0;
}
#hd {
width:100%;
height:390px;
background-image: linear-gradient(to right, #0970eb, #008fef, #00a4d8, #00b3b6, #52be9a);
margin:0 0 50px 0;
-moz-box-shadow: inset 0 -4px 10px -5px #000;
-webkit-box-shadow: inset 0 -4px 10px -5px #000;
box-shadow: inset 0 -4px 10px -5px #000;
}
h1 {
font-size:24px;
font-weight:bold;
color:#fff;
text-shadow: 1px 1px 1px #666666;
}
#hd p{
max-width:70%;
margin:20px auto;
padding:10px;
  
background:#2A78C3;
border: dashed #00C0C7 2px;
font-family:arial;
font-size:17px;
font-weight:bold;
line-height: 1.4;
color:#FFFFFF;
}
#hd p span{
color:#FFFF00;
}
input[type="text"]{
width:400px;
height:70px;
padding:0 0 0 10px;
border: dashed #1a1a1a 2px;
font-family: Georgia;
}
input[type="submit"]{
height:72px;
background: #66bdff;
background-image: -webkit-linear-gradient(top, #66bdff, #0d9eff);
background-image: -moz-linear-gradient(top, #66bdff, #0d9eff);
background-image: -ms-linear-gradient(top, #66bdff, #0d9eff);
background-image: -o-linear-gradient(top, #66bdff, #0d9eff);
background-image: linear-gradient(to bottom, #66bdff, #0d9eff);
border: dashed #1a1a1a 1px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0px;
margin:0 0 0 -2px;
cursor: pointer;
font-family: Georgia;
text-decoration: none;
color: #fff;
}
input[type="submit"]:hover {
background: #f72525;
background-image: -webkit-linear-gradient(top, #f72525, #b52222);
background-image: -moz-linear-gradient(top, #f72525, #b52222);
background-image: -ms-linear-gradient(top, #f72525, #b52222);
background-image: -o-linear-gradient(top, #f72525, #b52222);
background-image: linear-gradient(to bottom, #f72525, #b52222);
}
h2{
margin:20px;
font-size:14px;
}
h3{
color:#A9A6A6;
margin:10px auto;
}
#hidden_div img{
margin:5px;
border: solid #C8312B 3px;
}
#sorry{
width:200px;
height:3opx;
margin:10px auto;
padding:10px;
background:#BA2020;
border: dashed #7E1313 2px;
color:#fff;
}
#iam{
margin:50px auto;
color:#1a1a1a;
}
.footer-copy {
margin: 50px auto;
color: #c2c2c2;
}
 ��-->
.adsbox{padding:2em;box-shadow:0 5px 15px rgba(0,0,0,.16);border-radius:5px;margin-top:1em;background:#fff;text-align:left}
</style>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
</head>
<body class=" text-center">
<div id="hd">
<img alt="youtube thumbnail generator" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqZbRIqWsVGIhx1fb9XPWvq2phQHfrLfA-58LuieV23FTgAaQ0y0iSzJJLTopvd1Q0CH6vhG1fYJTWdmi-ZlfXLPv47rjMGnk5nIkUmOVG5X5UqA15IY9SbS1NmS0nbL_TWO0koU5BI9E/s1600/aaaaaaa.png" title="High Quality YouTube Video Downloader" />
<h1>High Quality YouTube Video Downloader</h1>
<p>YouTube Video Downloader automatically take "High Quality" Video File from YouTube URL. Paste Your YouTube Video URL (<span>https://www.youtube.com/channel/UCN8deeOYF1XG9CkFJLJD1nA </span>) in the below box and Click on "Download" button. Within Second it will generate your YouTube Video Download Button.</p>
</div>
</body></html>

<br />
<br />
<br />
<iframe src="https://mp3downy.com/mp3-converter?apikey=89eb7d92-3622-45d7-86a0-15adb53d61f1&color=17a2b8&bg=ffffff" style="height: auto; min-height: 250px; width: 100%;"></iframe>
<div class="adsbox container">


</div>
<div id="hidden_div" style="display: none;">
<div id="thumbnails">
</div>
</div>
<!--Add this Sticky Sidebar and Inline Share - By Technical Arp Login to Addthis and Change as per your Requirement-->
<script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5c98f50a092025d4" type="text/javascript"></script>
<footer style="margin-bottom: 20px; margin-top: 30px;">
<div class="container text-center">
<div class="footer-copy">
<p>© Design by Hasilpur Tech <script>document.write(new Date().getFullYear())</script>
<span>• </span>


</p></div>
</div>
</footer>


<br /><br />
<br />
<br />
You can create new Downloader website and blog.</span>

Voice to text

Voice Typing Tool

Click on the microphone icon and start speaking.

Copy

How to make live tv in blogger

Step 1

First of all you have to log in to Blogger Dashboard. Now you have to go to the page section and click on New Page.

Step 2

Now you have to copy the script given below and go to your new page and paste this script in HTML. Also you have to click on Publish Button. Your Live TV website is ready.

<style>
@media screen and (min-width: 200px) and (max-width: 567px) and (orientation: landscape) {
html {
transform: rotate(-90deg);
transform-origin: left top;
width: 100vh;
overflow-x: hidden;
position: absolute;
}
}
@media screen and (min-width: 200px) and (max-width: 767px){
.sticky {
top: 0px;
-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.9);
-moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.9);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.9);
right: 0px;
position: fixed;
width: 50%;
z-index: 1;
background-color: black;
border: 1px solid white;
text-align: center;
padding-right:24.5%;
padding-left:24.5%;
}}
@media screen and (min-width: 768px) and (max-width: 1300px){
.sticky {
top: 0px;
-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.9);
-moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.9);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.9);
position: fixed;
top: 80%;
right: 10px;
width: 20%;
z-index: 1;
background-color: black;
border: 1px solid white;
text-align: center;
padding-right:0%;
padding-left:0%;
}}

</style>

<hr />
<div id="myHeader">
<div id="http">
<script src="//content.jwplatform.com/libraries/IDzF9Zmk.js"></script>

<div id="player">
</div>
<script type="text/javascript">
jwplayer("player").resize(480, 270);
jwplayer('player').setup({
file: 'https://ap02.iqplay.tv:8082/iqb8002/3m9n/playlist.m3u8',
playbackRateControls: [0.75, 1, 1.25, 1.5],
title: 'live tv',
width: '100%',
aspectratio: '16:9',
mute: false,
repeat: 'true',
autostart: true,
primary: 'html5',
type: 'm3u8',
setFullscreen: true,
controls: true,
showCode: true,
responsive: true,
skin: {
name: "glow",
active: "red",
inactive: "",
background: ""
}
});
</script>
</div>
</div>
<script>
window.onscroll = function() {myFunction()};

var header = document.getElementById("myHeader");
var sticky = header.offsetTop;

function myFunction() {
if (window.pageYOffset >= sticky) {
header.classList.add("sticky");
} else {
header.classList.remove("sticky");
}
}
</script>

Important:

If you change the channel then you can insert your channel m3u8 link and save your channel will be live.

Eman Tv Live

Channel If you want your own channel live see my other post

Menu

Ads

Thursday, September 30, 2021

How to add progress Bar at the top of blog and website

How to add progress Bar at the top of blog and website

Follow the steps

Online Gradient Color Code Generator Tool Free

Online Gradient Color Code Generator Tool

Gradient Color Code Generator

You can select Mannualy

Click On Generate Random

Tuesday, September 28, 2021

YouTube Video downloader script

YouTube Video downloader

Steps:

1. Go to Blogger or BlogSpot Dashboard

2. Now Click on Theme Section and change it into first generation

3. Scroll Down & Click on Revert to Classic Themes

4. Now to Click on Revert to Classic Theme

5. Now Turn off Blue

Here is script just click on copy button.

Voice to text

Voice Typing Tool

How to make live tv in blogger

Step 1

Step 2

Important:

Eman Tv Live

Blog Archive

Menu

SOCIAL MEDIA

Contact us