Các bài viết của "Html"
Hiển thị các bài đăng có nhãn Html. Hiển thị tất cả bài đăng

vào lúc 0
Bài Viết Hôm Nay Star Dũ Blog Sẽ Hướng Dẫn Các Bạn Tạo Nút Back To Top Cho Blog/Wed
Đầu tiên bạn vào Blog => Bố cục => Thêm tiện ích => HTML/JavaScript và dán đoạn mã code dưới đây vào và Lưu lại.
Cách 1: Sử dụng CSS

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs_VFFJ1qPTYEVjiomFwMqueT326fHFexBt7M1f5uFnsnvrEYWYcowqOeThDqCzJnmZZbK3jIcjOlhHA1KwAt1AjhKbQM994q8yOSBs99WVR8YXqrrufCIPhKtRG3oKoRagSahdvZBGSw/s1600/4.png"/></a>  
Cách 2: Sử dụng Jquery

<script type='text/javascript'>
$(function(){$(window).scroll
(function(){if($(this).scrollTop()!=0){$("#noop-top").
fadeIn()}else{$("#noop-top").fadeOut()}});$("#noop-top").
click(function(){$("body,html").animate({scrollTop:0},800);
return false})});</script><a href="http://www.windows2it.com/">
</a><a id='noop-top' style='display: none; position: fixed; 
bottom: 1px; right:1%; cursor:pointer;font:12px arial;'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs_VFFJ1qPTYEVjiomFwMqueT326fHFexBt7M1f5uFnsnvrEYWYcowqOeThDqCzJnmZZbK3jIcjOlhHA1KwAt1AjhKbQM994q8yOSBs99WVR8YXqrrufCIPhKtRG3oKoRagSahdvZBGSw/s1600/4.png'/></a>
☼ Tùy chỉnh




  • 800 là tốc độ khi cuộn trang, các bạn cũng có thể tùy chỉnh theo ý muốn.
  • Thay đổi link ảnh màu xanh thành link ảnh bạn mong muốn, dưới đây mình cũng sưu tâm một số ảnh thích cái nào thì tải về upload lên, rồi lấy link hình thay vào lưu lại là oke nhé @!





a Thế Là Đã Hoàn Thành Nút Back To Top Cho Blog/Wed Của Bạn. Chúc Các Bạn Thành Công <3
Tiếp tục đọc
no image

vào lúc 0
Ở Bài Viết Này Dũ Sẽ Chia Sẽ Cho Các Bạn Cách Tạo 1 SiteMap Cho Blog/Wed Của Mình
Bước 1: Các Bạn Vào Phần Trang Ở Menu Bên Trái
Bước 2: Các Bạn Chọn Trang Mới Và Chọn HTML
Bước 3: Các Bạn Nhập Đoạn Code Dưới Đây Vào Đó Rồi Lưu Lại

  • <style type=”text/css”>
  • #toc{
  • width:99%;
  • margin:5px auto;
  • border:1px solid #2D96DF;
  • }
  • .labl{
  • color:#FF5F00;
  • font-weight:bold;
  • margin:0 -5px;
  • padding:1px 0 2px 11px;
  • background:#117AC9;
  • border:1px solid #2D96DF;
  • -moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;
  • }
  • .labl a{
  • color:#fff;
  • }
  • .labl:first-letter{t
  • ext-transform:uppercase;
  • }
  • .new{
  • color:#FF5F00;
  • font-weight:bold;
  • font-style:italic;
  • }
  • .postname{
  • font-weight:normal;
  • background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%);
  • }
  • .postname li{
  • border-bottom: #ddd 1px dotted;
  • margin-right:5px
  • }
  • </style>

  • <br />
  • <div id=”toc”>
  • <script src=”https://googledrive.com/host/0ByNodV_m9cVLR0pmWFgwZ1NmdW8/” type=”text/javascript”></script>
  • <script src=”http://starduit.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc”>
  • </script></div>

Lưu Ý: Phần Màu Vàng Các Bạn Thay Thành Địa Chỉ URL Của Blog/Wed Của Các Bạn
- Như Vậy Là Đã Hoàn Thành 1 SiteMap Riêng Cho Blog/Wed Của Mình
CHÚC CÁC BẠN THÀNH CÔNG 
Tiếp tục đọc

vào lúc 0
Hôm Nay, Star Dũ IT Sẽ Hướng Dẫn Các Bạn Cách Sử Dụng Code Chống Copy Nội Dung Bài Viết Của Blog Mình

Cách Sử Dụng Rất Đơn Giản
Các Bạn Coppy Bộ Code Dưới Đây Vào Dán Trước Thẻ </body>
<script type="text/javascript" src="https://sites.google.com/site/bituotblog/disable-copy.js"></script>
<style>
body{
-moz-user-select: none !important;
-webkit-touch-callout: none!important;
-webkit-user-select: none!important;
-khtml-user-select: none!important;
-moz-user-select: none!important;
-ms-user-select: none!important;
user-select: none!important;
}
</style>
Thế Là Xong, Chúc Các Bạn Thành Công ;)
Rất Đơn Giản Phải Không, Còn Rất Nhiều Thủ Thuật Hay Đang Chờ Bạn Khám Phá Tại Star Dũ IT
Tiếp tục đọc

vào lúc 0
  • - Bộ nút DOWNLOAD VÀ CONTACT sẽ làm cho blog bạn thêm sinh động và đẹp hơn. Sau đây mình sẽ hướng dẫn các bạn thêm nó vào. 
  • - Đây là bộ nút download và liên hệ mình tự chế ra thôi. Trông cũng không xấu cũng không đẹp :v 

  • Cách Dùng: Sau Khi Các Bạn Up Ảnh Hoặc PSD Gì Đó Xong Thì Chuyển Qua Dạng HTML Và Coppy Đoạn Mã Dưới Đây Vào Đó


<div class="separator" style="clear: both; text-align: center;"><a href="https://www.facebook.com/2403.Offical.Account.CHD" target="_blank"><img border="0" src="http://www.upsieutoc.com/images/2016/06/01/DL-StarDuIT.png" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://www.facebook.com/2403.Offical.Account.CHD" target="_blank"><img border="0" src="http://www.upsieutoc.com/images/2016/06/01/CT-StarDuIT.png" /></a></div><div class="separator" style="clear: both; text-align: center;"></div>


  • Và Khi Up Xong Các Bạn Sửa Dòng Chữ Màu Xanh Thành Đường Link Bạn Mong Muốn Nhé
  • Rất Đơn Giản Phải Không : Rất Còn Nhiều Thủ Thuật Đang Chờ Các Bạn Khám Phá Tại : Star Dũ IT
Tiếp tục đọc

vào lúc 0
☼ Giờ bắt đầu thủ thuật cùng Windows2it

Blog => Bố cục => Thêm tiện ích => HTML/JavaScript và dán đoạn mã code dưới đây vào vàLưu sắp xếp. Chỉ đơn giản như vậy thôi @!

<script type="text/javascript" src="http://yourjavascript.com/141525167513/hieuungphaohoa.js"></script>
<iframe src="http://www.nhaccuatui.com/mh/background/uCxytx9BioUS" width="1" height="1" frameborder="0" allowfullscreen=""></iframe> 
TẢI CODE Ở ĐÂY

☼ Kết luận:

·        Hiệu ứng bắn pháo hoa thể hiện nổi bật nhất khi Background là màu đen (Nền Blog/Website là màu đen).

·        Ngoài ra, đoạn Code trên bạn cũng có thể chèn trực tiếp vào trong Temaplate nhé!
Tiếp tục đọc

vào lúc 0
Demo :
http://adminpiroyal.blogspot.com/

1234567891011121314151617181920<script language='javascript'>
    var f_chat_vs = "Version 2.1";
    var f_chat_domain =  "http:\/\/startuan.blogspot.com";    
    var f_chat_name = "Hỗ trợ trực tuyến";
    var f_chat_star_1 = "Chào bạn!";
    var f_chat_star_2 = "Bạn cần hỗ trợ gì ?";
    var f_chat_star_3 = "<a href='javascript:;' id='f_bt_start_chat' onclick='f_bt_start_chat()'>Bắt đầu Chat</a>";
    var f_chat_star_4 = "Chú ý: Bạn phải đăng nhập <a href='http://facebook.com/' rel='nofollow' target='_blank'>Facebook</a> mới có thể trò chuyện.";
    var f_chat_fanpage = "admin.piroyal"; /* Đây là địa chỉ Fanpage*/
    var f_chat_background_title = "#1092da"; /* Lấy mã màu tại đây http://megapixelated.com/tags/ref_colorpicker.asp */
    var f_chat_color_title = "#fff";
    var f_chat_cr_vs = 21; /* Version ID */
    var f_chat_vitri_manhinh = "right:10px;"; /* Right: 10px; hoặc left: 10px; hoặc căn giữa left:45% */    
</script>
<!-- $Chat Javascript (không được xóa) -->
<script src='https://googledrive.com/host/0B-rxJklh-V2fN2ZHc3psNVRkV0E'/>
<!-- $Chat HTML (không được xóa) -->
<div id='fb-root'></div>
<a class='chat_f_vt' id='chat_f_b_smal' onclick='chat_f_show()' title='Mở hộp Chat'><i class='fa fa-comments title-f-chat-icon'></i> Chat</a><div class='chat_f_vt' id='b-c-facebook'><div class='chat-f-b' id='chat-f-b' onclick='b_f_chat()'><i class='fa fa-comments title-f-chat-icon'></i><label id='f_chat_name'></label><span id='fb_alert_num'>1</span><div id='t_f_chat'><a class='chat-left-5' href='javascript:;' id='chat_f_close' onclick='chat_f_close()'>x</a></div></div><div class='f-chat-conent' id='f-chat-conent'><script>document.write("<div class='fb-page' data-adapt-container-width='true' data-height='310' data-hide-cover='true' data-href='https://www.facebook.com/"+f_chat_fanpage+"' data-show-facepile='false' data-show-posts='true' data-small-header='true' data-tabs='messages' data-width='250'></div>");</script><div id='fb_chat_start'><div class='msg_b fb_hide' id='f_enter_1'></div><div class='msg_b fb_hide' id='f_enter_2'></div><br/><p align='center' class='fb_hide' id='f_enter_3'><a href='javascript:;' id='f_bt_start_chat' onclick='f_bt_start_chat()'>Bắt đầu Chat</a></p><br/><p align='center' class='fb_hide' id='f_enter_4'></p></div><div class='chat-single' id='f_chat_source'></div></div></div>
<!-- #CHAT -->

Hướng dẫn thêm vào blog

  1. Copy toàn bộ code trên
  2. Vào chỉnh sửa mẫu chèn toàn bộ code trên thẻ </body>
  3. Thay Admin.Pi.Royal thành địa chỉ fanpage của bạn
  4. Bạn có thể thay các dòng bôi màu xanh trên theo nội dung bạn muốn
  5. Lưu mẫu và xem kết quả
Nếu Các Icon Không hiện thì các bạn thêm font awesome vào blog bạn nhé
Đặt đoạn code này dưới thẻ </head>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"/>

Tiếp tục đọc

vào lúc 0
Hôm nay Blog Admin Pi Royal sẽ chia sẻ đoạn code Load điếm phần trăm mỗi khi click trang cho Web/blog
Phần 1. Chèn code HTML
B1- Đăng nhập (login) vào Blog
B2- Vào Bố Cục
B3- Vẫn Ỡ Bố Cục Chọn Tiện Ích => HTML/Javascript
B4- Chèn đoạn HTML Này Vào
<script>
var bar=0
var line="||"
var amount="||"
function count(){
bar=bar+2
amount =amount + line
document.loading.chart.value=amount
document.loading.percent.value=bar+"%"
if (bar<99)
{setTimeout("count()",125);}
else
{loaibo()}
}
</script>
<div id="TGTH_Loading" align="center" style="position:fixed;visibility:hidden;-moz-opacity: 0.80px;background: #000000;filter: alpha(opacity=80);height: 100%;left: 0%;top: 0%;opacity: 0.80;width: 100%;z-index: 1001;">
<form name="loading">
<table align="center" style="position:fixed;top:11%; left: 0px;" height="90%" width="100%"><tbody><tr><td valign="center"><p align="center" style="font-family:Verdana;color:red;font-size:20pt;font-weight:bold">Welcome to Blog Kul Tân Bình</p><p align="center" style="font-
family:Verdana;color:#295dc6;font-size:15pt;font-weight:bold"> Cảm Ơn Bạn Đã Dành Thời Gian Ghé Thăm Blog Nếu Thấy Hay Thì Like + Share Ủng Hộ Nhé</p><p align="center" style="font-family:Verdanal;font-size:8pt"><input style="border: medium none ; color: white; background-color:black; text-align: center;" size="47" name="percent" /><br /><input style="border-style: none; padding: 0px; font-weight: bolder; color:white ; font-family: Arial; background-color: rgb(53, 53, 53);" size="45" name="chart" /><br /><script>count()</script><b><font style="font-size: 8pt;" color="#ff6600" face="Verdana"> Đang tải dữ liêu … Đợi chút xíu nhé!</font></b></p><br /><p align="center"style="font-family:Verdana;font-weight:bold"><a href="Javascript:loaibo()()" style="color:yellow;font-size:10pt"> Nhấn vào đây nếu bạn không muốn đợi lâu </a></p>
</td></tr></tbody></table></form>
</div>
<script type="text/javascript">
var once_per_session=1
function loaibo(){
document.getElementById('TGTH_Loading').style.visibility="hidden"
document.cookie="TGTH_Loading=yes"
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) { // if cookie exists
offset += search.length
// set index of beginning of value
end = document.cookie.indexOf(";", offset);
// set index of end of cookie value
if (end == -1)
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function Dongloading(){
if (get_cookie('TGTH_Loading')=='')
{
Moloading()
}
}
function Moloading(){
document.getElementById('TGTH_Loading').style.visibility="inherit"
}
if (once_per_session==0)
Moloading()
else
Dongloading()
</script>
Cuối cùng là lưu lại.

Tiếp tục đọc
Đăng ký: Bài đăng (Atom)