Html All Codes: October 2021

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.

Disable copy paste option in a blog post

var omitformtags=[“input”, “textarea”, “select”] omitformtags=omitformtags.join(“|”)
function disableselect(e){
if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)
return false
}
function reEnable(){
return true
}
if (typeof document.onselectstart!=”undefined”)
document.onselectstart=new Function (“return false”)
else{
document.onmousedown=disableselect
document.onmouseup=reEnable
}
</script>

Steps to Add Breaking News Ticker in Blogger

(code Number 1 : Paste In to </body>)

//<![CDATA[

$(document).ready(function () {

var url_blog = 'PASTE YOUR URL HERE', //replace with your Domain

numpostx = 10; //Posts want to display

$.ajax({

url: '' + url_blog + '/feeds/posts/default?alt=json-in-script&max-results=' + numpostx + '',

type: 'get',

dataType: "jsonp",

success: function(data) {

var posturl, posttitle, skeleton = '',

entry = data.feed.entry;

if (entry !== undefined) {

skeleton = "<ul>";

for (var i = 0; i < entry.length; i++) {

for (var j=0; j < entry[i].link.length; j++)

{

if (entry[i].link[j].rel == "alternate")

{

posturl = entry[i].link[j].href;

break;

}

} posttitle = entry[i].title.$t;

skeleton += '<li><a href="' + posturl + '" target="_blank">' + posttitle + '</a></li>';

}

skeleton += '</ul>';

$('#recentpostbreaking').html(skeleton);

// kode untuk efek pada breaking news

function tick(){

$('#recentpostbreaking li:first').slideUp( function () { $(this).appendTo($('#recentpostbreaking ul')).slideDown(); });

}

setInterval(function(){ tick () }, 5000);

} else {

$('#recentpostbreaking').html('<span>No result!</span>');

}

error: function() {

$('#recentpostbreaking').html('<strong>Error Loading Feed!</strong>');

}

});

//]]>

</script>

number 2 </head>

#beakingnews{width:980px;margin:0 auto;line-height:25px;height:25px;background:#F7F7F7;overflow:hidden;margin-top:5px;}

#beakingnews .tulisbreaking{display:block;float:left;padding:0 7px;margin:0 5px 0 0;color:#FCFCFC;background:#5F0000}

#recentpostbreaking{float:left}

#recentpostbreaking ul,#recentpostbreaking li{list-style:none;margin:0;padding:0}

</style>

number 3

<div id='beakingnews'><span class='tulisbreaking'>Breaking News</span>

<div id='recentpostbreaking'>Loading...</div>

</div>

</b:if></b:if>

How to Add Daily Horoscope Widget in your Blogger Website post ko acha laga toh Share Kare.

Yaha par apko Only Blogger site ke liye ek Html code niche diya gaya hai us code ko apko blogger ke dashboard par layout section par jake apki blogger templates ke anusar Left side bar ya right side bar jaha cahe use add Kar sakte hai.

Layout par side bar par daily Horoscope Widget ko add karne ke liye yeh step follow Kare - Add gadgets>Html Java script> Title (Daily Horoscope) & Contant par niche diye Gaye Html code ko paste kar de aur save par click Kar de aur app website ko view Kar ke dekhe.

Daily Horoscope Widget HTML Script :

[Copy This Code]

tech news

asfdgfjhkliouy67rtyrtuyu

ALl HIstory Booknew

title :Dukh kyo Milta hai Harzat Imam Ali as says takleef dard Sadness Chishtia Cheman

؟ || Why does the pain get? || امام علی علیہ السلام نے فرمایا Voice, Research, Concept & Produced by #MehrbanAli Ager aap Mehrban Ali se bat karna chahte hain to is no pe contact kren +923003004211 Ager apko Pather/Stone, Hijab, Scarf, Kamiyabi ki Angoothi, Taweez ya Imam Zamin Chahiye to es number pe contact kren: +923018210500 Ager aap Commercial Video, Documentary, Films, Hamd, Naat, Manqabat & Noha Banwana Chahte hain to contact kren #ShamsiBros Production +923003569624 حضرت غازی عباس علیہ السلام کی قبر کا پانی حاصل کریں درگاه سید حسین شاہ شمسی سبزواری تبریزی پرانا بس اسٹاپ ٹنڈومحمدخان سندھ پاکستان گدی نشین سید مہربان علی شمسی سبزواری تبریزی

Dukh kyo Milta hai Harzat Imam Ali as says takleef dard Sadness Chishtia Cheman

title :Dukh kyo Milta hai Harzat Imam Ali as says takleef dard Sadness Chishtia Cheman