COMPRESS HTML CODE

Monday, 23 November 2015

COMPRESS HTML CODE

-----------------------------------------------------------------------------------------------------------------
COPY AND PASTE BELOW CODE IN POST HTML SECTION
-----------------------------------------------------------------------------------------------------------------

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>COMPRESS HTML</title>
<meta name="description" content="Free online tool to compress HTML code by removing line breaks, tabs and extra spaces. Results in highly compressed HTML.">
<meta name="keywords" content="compress,html,tool,removing,line,breaks,code,compressed,text,compression">
<meta name="robots" content="index,follow">
<meta name="viewport" content="initial-scale=1">
<link rel="alternate" type="application/rss+xml" title="TextFixer RSS" href="http://fbgadgets.blogspot.co.uk/rss.xml">
<link rel="image_src" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcCuR6q9-11iuF0bnE-bfiy-V3V0FpS6Z2wMf4Z8p_Hmv1AT83TJz8YY-TcFpyi2camx3QHoMa5-bzIF6Og_WtE6o_F8_gj6Dq90H9LSQYRk0dn3KJ4iWtG5UPJhn8mCJDwB_NaPeCgpll/s1600/FBGadgets.jpg">
<style type='text/css'>
#content{width:500px;margin:0;padding:0;}
h1 {
background: repeating-linear-gradient(
45deg,
rgba(0, 0, 0, 0.2),
rgba(0, 0, 0, 0.2) 10px,
rgba(0, 0, 0, 0.3) 10px,
rgba(0, 0, 0, 0.3) 20px
),
url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/old_map_@2X.png);
color:Blue;
font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-size:27px;
margin:0;
padding-top:0;
}
h2 {
background: repeating-linear-gradient(
45deg,
#606dbc,
#606dbc 10px,
#465298 10px,
#465298 20px
);
color:Red;
font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-size:18px;
margin:0;
padding:8px 0;
}
/* CONTENT */
.flat{margin:0;padding:0;}
.online-tools{
margin:0 0 20px 0;padding:20px;border:15px double Yellow;background-color:Green;clear:both;-moz-border-radius:12px;border-radius: 12px;}
.resourcelist{margin: 0 0 2% 0;padding:2%;border:1px solid #4592d4;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;}
.mright{margin-right:20px;}
.mbottom{margin-bottom:15px;}
.clb{clear:both;}
.tfquote{font-style:italic;color:#7e7f80;font-size:16px;padding-left:30px;padding-right:30px;}
.hpagebox{float:right;margin: 15px 0 20px 10px;padding:20px 20px;width:242px;border:1px solid #4592d4;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;}
.hpagebox h2{font-size: 21px;color: #3b6e9a;margin-bottom:0;padding-bottom:4px;}
.hpagebox p{font-size: 15px;margin-top:0;padding-top:0;}
.hpagelist li{line-height:23px;}
hr{margin:15px 0; padding:0;height: 1px;background-color: #ea6f15;border:none}
.fleft{float:left;padding: 5px 10px 5px 0px;}
.fright{float:right;padding: 5px 0px 5px 10px;}
.code{font-family:courier,sans-serif;color: #031f0c;padding:20px 10px;border-top: 2px dotted #cccccc;border-bottom: 2px dotted #cccccc;}
.cmt{font-family:courier,sans-serif;color: #006633;}
/* FORMS */
form{width:600px;height:100%}
textarea{width:99%;margin:0;padding:0;}
form h2{margin:0;padding:0;}
.frmbtn{
font-family:"Times New Roman", Georgia, Serif;
font-size:23px;
font-weight: bold;
margin:6px ;height:52px;height:53px;color:#006699;font-size:15px;cursor:pointer;}
button{cursor:pointer;}
.Reset{
font-family:"Times New Roman", Georgia, Serif;
font-size:23px;
display: block;
/*INLINE KEEP BUTTON IN STRIGHT LINE AND MARGIN GIVE SPACE BETWEEN TWO BUTTON */
display:inline-block; margin:2px;
/*IN PADDING CODE:HEIGHT = 5PX ; WIDTH = 20PX */
padding:5px 20px;
/*CURSOR POINTER SHOW HAND ON BUTTON SIGN*/
cursor:pointer;
clear: both;
background: red;
border: 5px solid yellow;
outline: 5px solid blue;
background-color:Green; border-radius:5px; color:#FFFFFF;
}
.Clear{
font-family:"Times New Roman", Georgia, Serif;
font-size:23px;
display: block;
cursor:pointer;
clear: both;
background: red;
border: 5px solid yellow;
outline: 5px solid blue;
background-color:#FF4400; border-radius:5px; color:#FFFFFF; display:inline-block; margin:10px; padding:5px 20px; text-decoration:none;
}

</style>
<script type="text/javascript">
function HTMLcompressor(){
var allHTML = document.getElementById("oldCode").value;
var headHTML = "";
var removeThis = "";
var headstatus = document.getElementById("headstatus").checked;
if(headstatus != true){
//Compress all the things!
allHTML = allHTML.replace(/(\r\n|\n|\r|\t)/gm,"");
allHTML = allHTML.replace(/\s+/g," ");
}else{
//Don't compress the head
allHTML = allHTML.replace(new RegExp("</HEAD","gi"),'</head');
allHTML = allHTML.replace(new RegExp("</head ","gi"),'</head');

var bodySplit = "</head>";
var i = allHTML.indexOf(bodySplit) != -1;
if(i == true){
var bodySplit = "</head>";
tempo = allHTML.split(new RegExp(bodySplit,'i'));
headHTML = tempo[0];
allHTML = tempo[1];
}else{
bodySplit = "";
}
allHTML = allHTML.replace(/(\r\n|\n|\r|\t)/gm,"");
allHTML = allHTML.replace(/\s+/g," ");
allHTML = headHTML + bodySplit + '\n' + allHTML;
}
document.getElementById("newCode").value = allHTML;
}
</script>
</head>
<body>
<div id="content">
<h1 id="tools">COMPRESS HTML</h1>
<h2>Compressed HTML for your Web Server</h2>
<noscript class="wrn">
<p>This <strong>online text/html tool</strong> requires a javascript enabled browser to work.</p>
</noscript><form method="post" action="" class="online-tools">
<h2>HTML Compression Tool</h2>
<p>Paste your html code in the box below and then click the button.</p>
<p>The new compressed html will appear at the bottom of the page.</p>
<p><textarea id="oldCode" name="oldCode" rows="9" cols="36"></textarea></p>
<p><input id="headstatus" name="headstatus" value="true" type="checkbox"> Don't compress HTML head of document</p>
<p><input type="button" name="html-compressor" value="Compress HTML" onclick="javascript:HTMLcompressor()" class="frmbtn">
<input name="reset" type="reset" value="RESET" class="Reset" />
<input type="reset" value="CLEAR" class="Clear" />
</p>
<h2>New Compressed HTML</h2>
<p class="flat">Copy your new smaller html code from the box below.</p>
<p><textarea id="newCode" name="newCode" rows="12" cols="36" onclick="javascript:this.form.newCode.focus();this.form.newCode.select();"></textarea> </p>
</form>
</div>
</body>
</html>
-----------------------------------------------------------------------------------------------------------------------
MICROSOFT CODE COMPRESSOR

MICROSOFT CODE COMPRESSOR

▶ 8:05

https://www.youtube.com/watch?v=128dOXtak6k

2 days ago - Uploaded by SAVE MONEY

http://fbgadgets.blogspot.co.uk/2016/09/gmail-in-vb.html https://www.google.com/settings/security ...

#Blogger #Blogging #BloggerTips #BloggingTips #WordPress #SEO #Bloggerstyle #Widget #SEOTips #BlogPost #HowTo #Website #GoogleAnalytics #Analytics #GASummit #SEOtools #googleanalyticstips #NotProvided #CRO #Analysis