Thứ Năm, 4 tháng 10, 2018

Share Code Thử Mã HTML Và Javascript Cho Blogger

Hello xin chào các bạn, chào mừng các bạn đến với trang Bảy Sắc IT. Hôm nay mình sẽ share với các bạn code thử mã html và javacript do mình lấy (Ctrl + U ấy mà) từ Dxoan nó có hơi bị lỗi xí sau bạn sửa lại tí là xong ấy mà. Xem demo tại đây.
Code gốc
<!--Can't find substitution for tag [defaultAdStart]-->
<article class='post' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<h1 class='post-title entry-title fn f30' itemprop='name'>
Thử mã HTML, JavaScript
</h1>
<div class='ads_header'>
<script async='async' src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'></script>
<ins class='adsbygoogle' data-ad-client='ca-pub-1326504176336919' data-ad-format='link' data-ad-slot='9239119184' style='display:block'></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<div class='post_content post-body entry-content' id='post-body-4011351732258752237' itemprop='articleBody'>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!--Scrip xem trước code trong cửa sổ mới (Scrip 1)-->
<SCRIPT language="JavaScript">
<!-- 
window.onerror = null;

// Test to see if Browser is Netscape 3

function DoHTML()
{
resultwindow=window.open("","resultwindow",'toolbar=no,scrollbars=1,height=500,status=0,menubar=0');
resultwindow.focus();
resultwindow.document.write(document.form1.code.value + '<P>')
}

{

}
// -->
</SCRIPT>

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"><!--
       document.write("<SCRIPT LANGUAGE='JavaScript' SRC='buttonsnav.js'><\/SCRIPT>");
 //-->
</SCRIPT>
<!--End Scrip xem trước code trong cửa sổ mới-->

</head>
<body>

<center>

<!--Scrip gõ và xem code trong cùng trang có hai khung (Scrip 2)-->
<td valign="top" style="padding:10px" background="#eee">
<span style="color: #3366ff; font:12pt Tahoma;">Khung nhập mã cần thử</span>
<form name="form1" method="post">
<textarea name="code" wrap="soft" onclick="focus(this.code)" style=
"border:solid 1px #b9b8b6;padding:5px;width:580px;height:200px;scroll:auto;">
</textarea></form></td>

<br/>

<!--Button cho scrip 2-->
<button onclick=
"preview.document.write (document.getElementsByTagName ('TEXTAREA')[0].value); preview.document.close(); preview.focus()">Xem trước nhanh</button>

<!--Button cho scrip 1-->
<INPUT TYPE="button" NAME="do" VALUE="Xem trước trong cửa sổ mới"  ONCLICK="DoHTML()">

<!--Button cho scrip 2-->
<button onclick=
"window.document.form1.code.value='';preview.document.write (document.getElementsByTagName ('TEXTAREA')[0].value); preview.document.close(); preview.focus()">Xoá mã</button>

</br>
</br>

<!--Scrip gõ và xem code trong cùng trang có hai khung (Scrip 2)-->
<td valign="top" style="padding: 10px" background="#eee">
<span style="color: #339966; font:12pt Tahoma;">Khung xem trước kết quả</span>
</br>
<iframe src="about:blank" name="preview" style=
"height:250px;width:580px;border:solid 1px #b9b8b6;padding:5px;background:#ffffff"
frameborder="0"></iframe></td>
</br>
</br>
<a href="http://dxoan.blogspot.com"><span style="color: #3366ff;">http://dxoan.blogspot.com</span></a>
</center>
</body>
<div style='clear'></div>
</div>
<div class='post_footer'>
<div class='post_share_buttons post_footer_box f12 b_top b_bottom b_eee'>
<span class='color_333 upper'>Chia sẻ</span>
<a class="goog-inline-block share-button sb-email" href="//www.blogger.com/share-post.g?blogID=1333879948091798313&amp;pageID=4011351732258752237&amp;target=email" target="_blank" title="Gửi email bài đăng này"><i class='fa fa-envelope'></i> Email</a>
<a class="goog-inline-block share-button sb-blog" href="//www.blogger.com/share-post.g?blogID=1333879948091798313&amp;pageID=4011351732258752237&amp;target=blog" onclick="window.open(this.href, &quot;_blank&quot;, &quot;height=270,width=475&quot;); return false;" target="_blank" title="BlogThis!"><i class='fa fa-pencil'></i> Reblog</a>
<a class="goog-inline-block share-button sb-twitter" href="//www.blogger.com/share-post.g?blogID=1333879948091798313&amp;pageID=4011351732258752237&amp;target=twitter" target="_blank" title="Chia sẻ lên Twitter"><i class='fa fa-twitter'></i> Twitter</a>
<a class="goog-inline-block share-button sb-facebook" href="//www.blogger.com/share-post.g?blogID=1333879948091798313&amp;pageID=4011351732258752237&amp;target=facebook" onclick="window.open(this.href, &quot;_blank&quot;, &quot;height=430,width=640&quot;); return false;" target="_blank" title="Chia sẻ lên Facebook"><i class='fa fa-facebook'></i> Facebook</a>
<a class="goog-inline-block share-button sb-pinterest" href="//www.blogger.com/share-post.g?blogID=1333879948091798313&amp;pageID=4011351732258752237&amp;target=pinterest" target="_blank" title="Chia sẻ lên Pinterest"><i class='fa fa-pinterest'></i> Pinterest</a>
<a class='goog-inline-block share-button sb-google-plus' href='https://plus.google.com/share?url=https://dxoan.blogspot.com/p/thu-ma-html.html' target='_blank' title='Chia sẻ lên Google+'><i class='fa fa-google-plus'></i> Google+</a>
</div>
<div class='post_break b_bottom b_eee break_box'>
<script async='async' src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'></script>
<ins class='adsbygoogle' data-ad-client='ca-pub-1326504176336919' data-ad-format='link' data-ad-slot='1140663586' style='display:block'></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</div>
</article>
<div class='comments' id='comments'>
<a name='comments'></a>
<div id='backlinks-container'>
<div id='Blog1_backlinks-container'>
</div>
</div>
</div>
<!--Can't find substitution for tag [adEnd]-->
Code đã qua chỉnh sửa của một người mới
<!--Can't find substitution for tag [defaultAdStart]-->
<article class='post' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
</h1>
<div class='ads_header'>
<script async='async' src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'></script>
<ins class='adsbygoogle' data-ad-client='ca-pub-1326504176336919' data-ad-format='link' data-ad-slot='9239119184' style='display:block'></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<div class='post_content post-body entry-content' id='post-body-4011351732258752237' itemprop='articleBody'>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!--Scrip xem trước code trong cửa sổ mới (Scrip 1)-->
<SCRIPT language="JavaScript">
<!-- 
window.onerror = null;

// Test to see if Browser is Netscape 3

function DoHTML()
{
resultwindow=window.open("","resultwindow",'toolbar=no,scrollbars=1,height=500,status=0,menubar=0');
resultwindow.focus();
resultwindow.document.write(document.form1.code.value + '<P>')
}

{

}
// -->
</SCRIPT>

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"><!--
       document.write("<SCRIPT LANGUAGE='JavaScript' SRC='buttonsnav.js'><\/SCRIPT>");
 //-->
</SCRIPT>
<!--End Scrip xem trước code trong cửa sổ mới-->

</head>
<body>

<center>

<!--Scrip gõ và xem code trong cùng trang có hai khung (Scrip 2)-->
<td valign="top" style="padding:10px" background="#eee">
<span style="color: #3366ff; font:12pt Tahoma;">Khung nhập mã cần thử</span>
<form name="form1" method="post">
<textarea name="code" wrap="soft" onclick="focus(this.code)" style=
"border:solid 1px #b9b8b6;padding:5px;width:580px;height:200px;scroll:auto;">
</textarea></form></td>

<br/>

<!--Button cho scrip 2-->
<button onclick=
"preview.document.write (document.getElementsByTagName ('TEXTAREA')[0].value); preview.document.close(); preview.focus()">Xem trước nhanh</button>

<!--Button cho scrip 1-->
<INPUT TYPE="button" NAME="do" VALUE="Xem trước trong cửa sổ mới"  ONCLICK="DoHTML()">

<!--Button cho scrip 2-->
<button onclick=
"window.document.form1.code.value='';preview.document.write (document.getElementsByTagName ('TEXTAREA')[0].value); preview.document.close(); preview.focus()">Xoá mã</button>

</br>
</br>

<!--Scrip gõ và xem code trong cùng trang có hai khung (Scrip 2)-->
<td valign="top" style="padding: 10px" background="#eee">
<span style="color: #339966; font:12pt Tahoma;">Khung xem trước kết quả</span>
</br>
<iframe src="about:blank" name="preview" style=
"height:250px;width:580px;border:solid 1px #b9b8b6;padding:5px;background:#ffffff"
frameborder="0"></iframe></td>
</br>
</br>
<a href="http://dxoan.blogspot.com"><span style="color: #3366ff;">http://dxoan.blogspot.com</span></a>
</center>
</body>
<div style='clear'></div>
</div>
<div class='post_footer'>
<div class='post_share_buttons post_footer_box f12 b_top b_bottom b_eee'>
<div class='post_break b_bottom b_eee break_box'>
<script async='async' src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'></script>
<ins class='adsbygoogle' data-ad-client='ca-pub-1326504176336919' data-ad-format='link' data-ad-slot='1140663586' style='display:block'></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</div>
</article>
<div class='comments' id='comments'>
<a name='comments'></a>
<div id='backlinks-container'>
<div id='Blog1_backlinks-container'>
</div>
</div>
</div>
<!--Can't find substitution for tag [adEnd]-->

Share Code Trang Nén Và Làm Đẹp Code CSS

Hello xin chào các bạn, chào mừng các bạn đã đến với trang Bảy Sắc IT. Hôm nay mình sẽ share code nén css cho các bạn, lần trước mình cũng đã có share code nén css các bạn cũng có thể xem lại bài viết đó ở link phía bên dưới.

  • http://baysacit.blogspot.com/2018/10/share-code-cong-cu-nen-css-cho.html


Đơn giản bạn chỉ cần tạo trang tĩnh mới, copy code bên dưới dán vào, xuất bản trang là xong!
<style type="text/css">
.left{float:left;margin-left:1%}
.col{width:48%;margin:0 auto 30px;margin-left:auto}
.right{float:right;margin-right:1%;margin-bottom:15px}
.box p{margin:4px}
label{cursor:pointer;text-decoration:none}
textarea{display:block;text-shadow:none;width:98%;height:479px;margin:10px auto 30px;padding:0 5px;background-color:#e9f9e9;text-align:left;border:1px solid #47ae32;font:normal 14px/15px "Consolas","Monaco","Consolas","Andale Mono","Bitstream Vera Sans Mono","Courier New",Courier,monospace;color:#555555}
.button-group{text-align:center;border:1px solid #47ae32;padding:15px;margin:0 0 10px}
.box{text-align:left;margin:10px auto 30px}
pre{overflow:auto;white-space:pre;white-space:pre-wrap;word-wrap:break-word;text-shadow:none;background-color:#fff;border:2px groove #00ad62;margin:0 2% 30px;cursor:text;height:300px}
pre .st{color:purple}
pre .pr{color:brown}
pre .vl{color:darkgreen}
pre .pn{color:black}
pre .im{color:red}
pre .cm,pre .cm span{color:#666!important;font-style:italic;font-weight:normal}
</style>
<h2></h2>
<div class="clear"></div><div class="col left"><span class="right"><input type="checkbox" checked="" id="highlightCode"> <label for="highlightCode">Hiển thị HighLight Code?</label> <button class="button" onclick="clearField(&quot;cssField&quot;);">Clear</button> <button class="button" onclick="selectAll(&quot;cssField&quot;);">Sellect All</button></span><span class="clear"></span><textarea autofocus="" placeholder="Paste your CSS code here..." id="cssField" spellcheck="false"></textarea></div><div class="col right"><div class="button-group"><div class="box"><p><input type="checkbox" id="stripAllComment"> <label for="stripAllComment">Xóa bỏ tất cả chú thích</label></p><p><input type="checkbox" id="superCompact"> <label for="superCompact">Nén siêu gọn</label></p><p><input type="checkbox" id="betterIndentation"> <label for="betterIndentation">Giữ thụt đầu dòng trong <code>@query {}</code></label></p><p><input type="checkbox" checked="" id="keepLastComma"> <label for="keepLastComma">Xóa bỏ các dấu chấm phẩy cuối cùng</label></p></div><button class="button" onclick="compressCSS(&quot;cssField&quot;);">Compressor CSS</button></div><div class="button-group"><div class="box"><p><input type="checkbox" onchange="beautifyCSS(&quot;cssField&quot;);" id="inlineLayout"> <label for="inlineLayout">Bố cục theo dòng</label></p><p><input type="checkbox" id="toTab" onchange="beautifyCSS(&quot;cssField&quot;);"> <label for="toTab">Replace double space indentation with:</label><br>&emsp;&nbsp;<span id="tabOpt"><input type="radio" onchange="beautifyCSS(&quot;cssField&quot;);" id="op-1" name="op" disabled=""> <label for="op-1">Một Tab</label> <input type="radio" onchange="beautifyCSS(&quot;cssField&quot;);" id="op-2" name="op" disabled=""> <label for="op-2">4 dấu cách</label></span></p><p><input type="checkbox" checked="" id="breakSelector" onchange="beautifyCSS(&quot;cssField&quot;);"> <label for="breakSelector">Chia đa bộ  (e.g: <code>html,<span style="color:darkred;">\n</span>body,<span style="color:darkred;">\n</span>table {}</code>)</label></p><p><input type="checkbox" id="spaceBetween" onchange="beautifyCSS(&quot;cssField&quot;);"> <label for="spaceBetween">Thêm dấu cách sau <code>:</code> và <code>,</code></label></p><p><input type="checkbox" id="inlineSingleProp" onchange="beautifyCSS(&quot;cssField&quot;);"> <label for="inlineSingleProp">Chế độ một dòng cho thuộc tính đơn</label></p><p><input type="checkbox" id="removeLastSemicolon" onchange="beautifyCSS(&quot;cssField&quot;);"> <label for="removeLastSemicolon">Loại bỏ dấu chấm phẩy cuối cùng cho chế độ một dòng</label></p><p><input type="checkbox" id="singleBreak" onchange="beautifyCSS(&quot;cssField&quot;);"> <label for="singleBreak">Loại bỏ dòng trắng</label></p></div><button class="button" onclick="beautifyCSS(&quot;cssField&quot;);">Beautifier Code</button></div></div><div class="clear"></div><h2  style="display: block; clear:both">Kết quả:</h2><pre id="highlightedResult" style="display: block;"><code>#foo <span class="pn">{</span><span class="pr">
  width</span><span class="pn">:</span><span class="vl">560px</span><span class="pn">;</span>
<span class="pr">  background</span><span class="pn">:</span><span class="vl">#ffffff url<span class="pn">(</span>http<span class="pn">:</span>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL7JT7Hs4bvny65Rh6SFkgs_CHCzmPbOYzertw3MUAeeXxjoqFfx1wLONL7zFVNnap0URIZlWD3MkrkrMCc8k7QDJElaG-3D1mhMBS_2leZKVLLyyz2zZfpTT5wieXpiiNA3LmK5XIaJk/s1600/-04.jpg<span class="pn">)</span> repeat</span><span class="pn">;</span>
<span class="pr">  border-collapse</span><span class="pn">:</span><span class="vl">collapse</span><span class="pn">;</span>
<span class="pr">  color</span><span class="pn">:</span><span class="vl">white</span><span class="pn">;</span>
<span class="pn">}</span>

.foo td,
.foo th <span class="pn">{</span><span class="pr">
  border</span><span class="pn">:</span><span class="vl">2px solid white</span><span class="pn">;</span>
<span class="pr">  padding</span><span class="pn">:</span><span class="vl">5px</span><span 
Nguồn: https://www.thichnet.com/

Template Blgoger Làm Truyện Tranh Miễn Phí

Tính Năng Của Template:
  • Thiết kế Responsive đầy đủ
  • Tối ưu hóa SEO cao thân thiện với Google
  • 3. Tự động resize thumbnail phù hợp
  • Tab menu đầy đủ
  •  Màu sắc không giới hạn
  • Tài liệu hướng dẫn cài đặt
  • Tích hợp bình luận
  •  Hiển thị bài viết mới nhất cho từng nhãn
  • Hiển thị bài viết liên quan
  • Ads Ready
  • Tích hợp bình luận từ 2 hệ thống (Blogger, Facebook)
  • Tự động hiển thị ảnh tác giả, avatar
  •  Đăng ký nhận tin qua Email
  • Tùy chỉnh Lỗi 404
  • Tương thích với các trình duyệt (IE8 +, Mozilla, Chrome, Safari)
  • Bố cục chuyên nghiệp, giúp bạn dễ dàng hơn với việc sắp xếp blog
  • Lưu ý: Đây là bản free nên không được phép loại bỏ các link liên kết footer. Nếu xóa sẽ bị chuyển hướng đến website tác giả. Đối với những người muốn loại bỏ có thể mua phiên bản đầy đủ tại Thiết Kế Web Đồng Tháp.
Tải Về Template:

Johny Sakit Gigi Template - Theme Truyện Tranh Cho Blogger

Thông Tin Template:
Johny Sakit Gigi Template  là 1 template dành cho blog truyện tranh, blog truyện online
Template blogspot này phần bố cục được chia làm 3 cột phần hiển thị chính. Phần footer được chia làm 3 cột. Tối ưu và hố trợ SEO khá tốt như về các thẻ H1, H2 . Những nút like , nút chia sẻ cuối mỗi bài viết .
Chức năng bài viết liên quan hiển thị có hiển thị hình ảnh mô tả. Các bạn có thể xem chi tiết tại bản demo
Template Name : Johny Crottube
Author : Maskolis
Url Instruction : Creating Website
Tính Năng Của Template:
  • Thiết kế Responsive đầy đủ
  • Tự động thay đổi kích thước hình thu nhỏ
  • Tài liệu tốt
  • Threaded Comment
  • Tối ưu hóa SEO
  • Hình ảnh tác giả tự động
  • Thiết kế dựa trên lưới
  • Đăng ký bản tin
  • Trang 404 lỗi tùy chỉnh
  • Tương thích với các trình duyệt chính (IE8 +, Mozilla, Chrome, Safari)
  • Bố cục quản trị viên chuyên nghiệp, giúp bạn dễ dàng làm việc với bố cục blog.
Tải Về Template:

Thứ Tư, 3 tháng 10, 2018

Share Template Star Cường

Tính Năng Của Template:

  • Template nhẹ, load cực nhanh
  • Bố cục rõ ràng, đẹp
  • Không màu mè, đơn giản nhưng chất
  • Bố cục chia làm 2 cột 
  • Footer (Chân trang) 3 cột
  • Khung tìm kiếm được tích hợp vào menu
  • Responsive hiển thị tốt trên tất cả thiết bị (smartphone, table,...)
  • Recent Posts trang chủ tuyệt đẹp


Tải Về Template:

Share Template Hocban.Vn version 1.0 Tối Ưu

Lâu lắm rồi không có bài nào về share template như trước nên hôm nay mình xin phép share template mình đang dùng là template hocban.vn. Template được chuyển qua mã nguồn blogger nhờ bạn Hoàng Thiên, mình đã edit lại cho hợp hơn xíu. Sở dĩ mình chọn version 1.0 để không lấy thumbnail bài viết ra ngoài trang chủ, như vậy sẽ đỡ load trang hơn rất nhiều và vô cùng nhẹ.
Thông Tin Template:

  • Căn chỉnh width main cho responsive hơn, thay toàn bộ link ảnh theo nhãn mới.
  • Thay toàn bộ thẻ SEO mới, loại bỏ js và css chặn màn hình đầu tiên khi check tại Pagespeed Insights.
  • Thêm widget bài viết mới, bình luận mới, thêm css bài viết phổ biến và mục liên kết bạn bè dưới cùng main.
  • Edit và chỉnh css bình luận trong trang bài viết, mở rộng post trong page tĩnh.
  • Thêm 3 nút share lên 3 mạng xã hội lớn Facebook, Twitter, Google + và plugin Like + Share Facebook.
  • Ngoài ra sửa css 1 số chỗ khác...

Tải Về Template:

Share Code Viết Chữ Ngược Cho Blogger/Website

Hello xin chào các bạn, chào mừng các bạn đến với trang Bảy Sắc IT. Hôm nay Bảy Sắc sẽ share với các bạn code viết chữ ngược do mình đi dạo loanh quanh một số website thì thấy có tool viết chữ ngược nên sẵn tiện tụm về share luôn. Hiện tại trên google cũng có nhiều người share nhưng phải cèn css, javascript còn code này các bạn chèn thẳng vô luôn nhé.

<!--Can't find substitution for tag [defaultAdStart]-->

<br />
<article class="post hentry" itemscope="itemscope" itemtype="https://schema.org/BlogPosting">
<div class="post-body entry-content" id="post-body-7552746189040051443" itemprop="articleBody">
<div class="block-image">
<a class="thumb" href="http://baysacit.blogspot.com/">
</a>
</div>
<div class="posts-home">
<div class="post-header-line-1">
</div>
<div itemprop="description articleBody">
<style type="text/css"> 
textarea { font-family: "Arial Unicode MS", Batang }
</style> 
<script src="him.js" type="text/javascript"></script> 
<script language="JavaScript"> 
function flip() {
 var result = flipString(document.f.original.value.toLowerCase());
 document.f.flipped.value = result;
}

function flipString(aString) {
 var last = aString.length - 1;
 var result = new Array(aString.length)
 for (var i = last; i >= 0; --i) {
  var c = aString.charAt(i)
  var r = flipTable[c]
  result[last - i] = r != undefined ? r : c
 }
 return result.join('')
}
var flipTable = {
a : '\u0250',
b : 'q',
c : '\u0254', //open o -- from pne
d : 'p',
e : '\u01DD',
f : '\u025F', //from pne
g : '\u0183',
h : '\u0265',
i : '\u0131', //from pne
j : '\u027E',
k : '\u029E',
//l : '\u0283',
m : '\u026F',
n : 'u',
r : '\u0279',
t : '\u0287',
v : '\u028C',
w : '\u028D',
y : '\u028E',
'.' : '\u02D9',
'[' : ']',
'(' : ')',
'{' : '}',
'?' : '\u00BF', //from pne
'!' : '\u00A1',
"\'" : ',',
'<' : '>',
'_' : '\u203E',
';' : '\u061B',
'\u203F' : '\u2040',
'\u2045' : '\u2046',
'\u2234' : '\u2235',
'\r' : '\n' //Duyet lai- TeenCp.Net
}

for (i in flipTable) {
  flipTable[flipTable[i]] = i
}

</script> 
<body background="bg.gif" style="background-color: white; color: #e01416;"> 
<center>
<h2>
Viết Chữ Ngược Trực Tuyến </h2>
<form name="f">
<table style="width: 500px;"><tbody>
<tr>         <td>Từ gốc:</td>          <td><textarea cols="55" name="original" onkeyup="flip()" rows="5">Nhập từ khóa cần viết chữ ngược.Bạn cũng có thể nhập chữ ngược để giải mã....
Có hỗ trợ Tiếng Việt.</textarea>  </td>        </tr>
<tr>         <td>Kết quả:</td>          <td><textarea cols="55" name="flipped" rows="5"></textarea></td>      </tr>
</tbody></table>
</form>
<center>
</center>
</center>
</body>
</div>
<div class="clear">
</div>
</div>
</div>
<!--Can't find substitution for tag [adEnd]--></article>