Html All Codes

width='100%'

frameborder='0'

<div class="Audio_Player_image"><img style="border-radius: 60px;" src="https://i1.sndcdn.com/avatars-000279088807-w6845m-t200x200.jpg" /></div> <div class="player-content"> <div class="player-info"> <a class="song-name" target="_blank" href="https://youtu.be/BWdZjZV6bEk">Kontinuum - Aware [NCS Release]</a> <a class="artist" href="#">NCS SONGS</a> </div> <div class="k2_audio_player"> <audio controls style="width: 80%;"> <source src="https://drive.google.com/uc?export=download&id=1r_TZWVoEhAKUGI4MzrLvpoQGgfo8s_On" type="audio/mpeg"/> </audio> </div> </div> </div> <style> .HTML_Audio_player { z-index:10; background: linear-gradient(135deg,#f4f8ff 0,#f4f8ff 49%,#e5efff 49%,#e9e8f2 100%); color: inherit; min-height:120px; max-height:150px; display:flex; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; flex-direction:row;padding: 20px 10px 20px;} .Audio_Player_image { width:150px; display: flex; justify-content: center; } .player-content { flex-grow:1; display:flex; flex-direction:column;} .player-info { flex-grow:1; display:flex; flex-direction:column; justify-content:center; padding-left:10px;} .song-name { font-size:18px; font-weight:600; } .k2_audio_player { display:flex;} audio { flex-grow:1; height:40px; } audio::-webkit-media-controls-play-button { background-color: #B1D4E0; border-radius: 50%;} audio::-webkit-media-controls-play-button:hover { background-color: rgba(177,212,224, .7);} audio::-webkit-media-controls-panel { background: #e9e8f2;} .Audio_Player_image img:hover{animation:rotating 3s linear infinite} @keyframes rotating{from{transform:rotate(0deg)}to{transform:rotate(360deg)}} </style>

<a href="https://www.youtube.com/channel/UC_Im_hUhyQIARlIKP6u0_8A/">All New Earning Course Here</a>

love To me

<h2> Subscribe our channel: RIght Tech </h2>

<ul>

<li>

<span>Subscribe</span></a>

</li>

<li>

<span>Twitter</span></a>

</li>

<li>

<span>Instagram</span></a>

</li>

<li>

</svg><span>News</span></a>

</li>

<li>

<span>Facebook</span></a>

</li>

<li>

<span>Telegram</span></a>

</li>

<li>

</li>

<li>

<span>online Earning</span></a>

</li>

<li>

<span>Blogger</span></a>

</li>

</ul>

</div>

<style>

.K2-grid {

padding: 5px;

text-align: center;

}

.K2-grid ul {

clear: both;

margin: 15px 0 20px;

width: 100%;

display: flex;

flex-wrap: wrap;

justify-content: space-between;

}

.coll-3 ul li {

width: 21%;

}

.K2-grid li {

font-size: 0.9em;

font-weight: 500;

line-height: 1.3em;

text-align: center;

background: #ffffff;

border-radius: 15px;

margin: 5px 0;

box-sizing: border-box;

box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;

padding: 10px 0 10px;

display: flex;

align-items: center;

justify-content: center;

}

.K2-grid li a {

display: block;

text-decoration: none;

color: #00a0a3;

}

.K2-grid li svg {

margin: 3px 0;

width: 35px;

height: 35px;

fill: #00d4c9;

display: inline-block;

}

.K2-grid li span {

display: block;

padding: 0 3px;

}

</style>

AdSense Friendly Blogger Templates Free Download

Hello Dosto Aaj main Apko AdSense Friendly Blogger Templates Free Download Kaise Kare Iske upar batane Wala hu toh post last tak read Kare. aur jitne bhi templates hai un sabhi ka free download link niche provide kiya gaya hai. jis par kuch template premium bhi hai Jo hum free main Apko de rahe hai.

AdSense Friendly Blogger Templates :

App apne blogger site ke liye use Kar sakte hai Top 5 Blogger Templates (XML File Ready To use)free download link provided karwaunga jise ki apko asani se directly Xml file ko download karke apne Blogger site par install Kar sakte hai.

Top 5 AdSense Friendly Blogger Templates ke bare main Batane Wala hu Jo ki kuch kuch Premium Templates hai, Jo app free of cost download Kar sakte hai.

1. Seo Rocket :

Seo Rocket Blogger Templates

Click The Download Botton

2. Seo Boost :

Seo Boost Blogger Templates

Click The Download Botton

3. Super Fast :

Super Fast Blogger Templates

Click The Download Botton

4. . Sora Ribbon :

Sora Ribbon Blogger Templates

Click The Download Botton

5. Sora Jobs :

Sora Jobs Blogger Templates

Click The Download Botton

Agar Apko Hamare Post AdSense Friendly Blogger Templates Free Download Acha Laga toh Share Kare.

<br><textarea rows="5" cols="60" readonly id="Inputtxt">Techno Vedant

Share on Whatsapp

Share on Whatsapp

Pricing Table In Blogger

Hello dosto aaj ke iss Post main apko How To Add Pricing Table In Blogger Blog Ke Bare main batane wala Hu toh post ko last tak read kare Aur adhik jankari ke liye hamare youtube Video ko Watch kare.

Pricing Table In Blogger :

Dosto pricing table ko Blogger Par add karne ke liye apko ek blog creat karna hoga uske baad apko blogger ke Theme section par jake ]]<>/b:skin> Iss Code Find karna hoga.

Aur Niche apko Do HTML Code Milega jo 1st Code Ko Copy karke ]]<>/b:skin> Iss Tage ke Upar paste kar dena hoga.

Uske Baad apko post section par New Post Ko select Karna Hoga aur Then woh post ko HTML Mode Par jana hoga aur Niche jo 2nd Code milega Usko Paste Kar dena hoga Full Tutorial ke liye Please Youtube video Ko Watch Kare.

.table {width:30%;margin:0 10px;background:#fff;text-align:center;float:left;}.table.standard {background:rgba(0,245,255,0.1);}.table h2 {color:#fff;margin:0;padding:5px 0;text-align:center;font:Bold 25px armata;cursor:pointer;z-index:999;position:relative;}.table.economic h2 {background:#4593e3;}.table.standard h2 {background:#16a085;}.table.premium h2 {background:#cd4436;}.table .price {font:15px Armata;color:#fff;padding:10px 25px;display:inline-block;border-radius:0px 0px 100% 100%;cursor:pointer;}.table.economic .price {background:#4593e3;}.table.standard .price {background:#16a085;}.table.premium .price {background:#cd4436;}.table:hover .price {border-radius:0;}.table ul {margin:9px 0;padding:0px;}.table ul li {list-style:none;font:15px Armata;padding:10px 5px;border:1px solid rgba(238,238,238,0.29);margin:2px 10px;}.table.economic ul li:hover {border-color:#4593e3;}.table.premium ul li:hover {border-color:#cd4436;}.table.standard ul li:hover {border-color:#16a085;}.table a {text-decoration:none;display:inline-block;overflow:hidden;color:#000;margin:1px 0 10px;text-transform:uppercase;}.table a:hover {color:#fff;}.table .button span {position:relative;display:inline-block;-webkit-transition:-webkit-transform 0.3s;-moz-transition:-moz-transform 0.3s;transition:transform 0.3s;padding:5px 35px;font:Bold 20px Armata;}.table .button span::before {position:absolute;top:100%;content:attr(data-hover);font-weight:700;-webkit-transform:translate3d(0,5px,10px);-moz-transform:translate3d(0,5px,10px):transform:translate3d(0,5px,10px):}.table .button:hover span,.table .button:focus span {-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);transform:translateY(-100%);}.table.economic a {border: 2px solid #4593e3;}.table.economic a:hover {background: #4593e3;}.table.standard a {border:2px solid #16a085;}.table.standard a:hover {background:#16a085;}.table.premium a {border:2px solid #cd4436;}.table.premium a:hover {background:#cd4436;}

post code

<h2>Economic</h2>

<ul>

<li>20 GB space</li>

<li>Unlimited Bandwidth</li>

<li>15 Email Accounts</li>

<li>10 MySQL Database</li>

<li>24×7 Online Support</li>

<li>100% Money Back Guarantee</li>

</ul>

</div>

<h2>Standard</h2>

<ul>

<li>100 GB space</li>

<li>Unlimited Bandwidth</li>

<li>50 Email Accounts</li>

<li>35 MySQL Database</li>

<li>24×7 Online Support</li>

<li>100% Money Back Guarantee</li>

</ul>

</div>

<h2>Premium</h2>

<ul>

<li>Unlimited space</li>

<li>Unlimited Bandwidth</li>

<li>Unlimited Email Accounts</li>

<li>Unlimited MySQL Database</li>

<li>24×7 Online Support</li>

<li>100% Money Back Guarantee</li>

</ul>

</div>

[Updated] How to Install Latest Powerful Anti - Adblock (Adblock Killer) Script For Blogger

Hi Guys , Today in this post I have Shared a Powerful anti-adblock script for your blog, It's not the old Arlina Code, Its a New Anti-Adblock Script , Which will work on each and every browser available in the world.

What is Adblocker?

Adblock is an extension on a browser or application to remove advertisements on a site, as we know that advertisements on the blog sometimes annoy visitors, therefore internet users start using the Adblock extension .

What is Anti - Adblock Script?

As Adblocker Blocks ads , Anti- Adblocker makes users forcely to remove adblock to access site, By Using this users can't acess your site by enabling Adblock.

Why to use Anti- Adblock Script?

If users visit your site with adblock, they won't see any ads in site , if ads not showed , your adsense revnue will be down, so to get rid from this you have to use this script, It will work on every adblock browsers.

How to add this code in our theme?

Just Follow the steps and it will suits all theme so you can use it easily

Step 1

Login to your Blogger Dashboard Account
Go To Edit HTML and add this CSS
or before </head>

Step 2:
Add below code at the end of your theme i.e before closing of </body> tag


<script src='https://cdn.jsdelivr.net/gh/RockBlogger/Anti-AdBlocker@main/2.0/code.min.js'/>

       2.Now Click on Save the Theme


It will look like :



Live Demo

Responsive Sticky Sidebar Ads Widget Script For Blogger | Updated 100% Working Floating Sidebar ads

Now click on template go to Edit Html and in the Html page click anywhere in the Html code and press ctrl+f or search for jquery.min.js. If you find it then ignore the below code else if you don’t get it just copy the below line and paste it below <head>. If you find another version of this jquery that’s OK it will do fine.

code :

Now search for </body>. Now Copy below code and paste it just above </body> tag. And here replace the #HTML3 with your Widget HTML no. [ Check below Step for knowing your Widget Id number ]

Code Here

How to Increase Blogger Website Loading Speed 2021

How to Increase Blogger Website Loading Speed 2021

Today We Learn That How to Increase Blogger Website Page Loading Speed So Without Time wasting we Start It.

Before Starting anything Firstly, you Just Checked your website Speed, before Starting this procedure.
Because After Attempting my Given steps At the end again Checked the blogger website Page Loading speed and Comparisons between Them.

Firstly, We See Why Our Website’s speed going Slow?
Answer is, Your Blogger Website Speed Is Dependent on Many Different Things but Main Things are 2.
1- Javascript code,some Google Font
2- Heavy weight Images or Videos

Let’s See How to Increase Blogger Website Loading Speed.
Now Question is How to Fix These Problems. So Don’t worry, Firstly checked your website Speed with the Page Speed Analyzer.
Click here to Check Blogger Website Page Speed.
After Analyzing you have the Results of your Blogger website, now we know What are the exactly site speed. Now Let’s Define.
How to Increase Blogger Website Speed

Step 1 :Reduce java script execution time

change </body>

with this code

 </body>

after that
change <head>
with this code

&lt:head>

_______________________________________
now replace
</head>
with this code

</head>

after that click on save template

Step 2: Eliminate render-blocking resources

___________________
Eliminate render-blocking resources
decreaseing loading time
go to edit template and press ctrl+f search for
ajax
you find

<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js'/>

"replace above code"

with code below :-

<script id='script-batch' type='text/javascript'>
(function(d){
var js = d.createElement(6script'); js.async = true; js.defer = true;
js.src = "https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js";
d.getElementsByTagName(Ahead')[0].appendChild(js);
}(document));
</script>

and save template : done chack your blogger blog speed with google sped test tool

Step 3 : Remove Google Font

go to edit template and press ctrl+f search for

google fonts

you find

<link href='//fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i' media='all' rel='stylesheet' type='text/css'/>

<link href='https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet'/>

"Delete above code"

Step 4: Increase Speed with gzip Compression Code

Go to your Blogger website Dashboard > Go to Themes Option > Click on Theme Editor > Here you can see Theme Code Now See on The Top of your theme code
You can see DOCTYPE! Word Click Enter For making a new Line and Pasted my Given Code 01

CODE NO 01:

<?php if (substr_ count($_SERVER[‘HTTP_ACCEPT_ENCODING’],’gzip’)) ob_start(“ob_gZhandler”);else ob_ start();?>

And code no 02 paste after the meta tags that’s are showing in just after the DOCTYPE.

CODE NO 02:

<?php flush();?>

After Adding Both Codes Click on Save Theme Button to Save This Code.