Các thủ thuật hay được nsvina.com tổng hợp

Thiết kế Blog giá rẻ 

CODE TỪ HOTROBLOG.BLOGSPOT.COM

Tạo liên kết mở cửa sổ nhỏ popup

1. Tạo liên kết cửa sổ thu nhỏ, có núm (vd: Liên hệ).      

<FORM> <INPUT type="button" value="Tên núm" onClick="window.open('Link blog hiển thị','mywindow','width=400,height=600')"> </FORM> 

2. Tạo liên kết cửa sổ thu nhỏ popup, (vd: Liên hệ).   Liên hệ
a. Code: Copy tất cả, dán vào HTML thay cho Theme hoặc vào bài viết đoạn code

<script type="text/javascript">
//<![CDATA[
function OpenPopup(Url,WindowName,width,height,extras,scrollbars) {
var wide = width;
var high = height;
var additional= extras;
var top = (screen.height-high)/2;
var leftside = (screen.width-wide)/2; newWindow=window.open(''+ Url + '',''+ WindowName + '','width=' + wide + ',height=' + high + ',top=' + top + ',left=' + leftside + ',features=' + additional + '' + ',scrollbars=1');
newWindow.focus();
}
//]]>
</script>

b. Code: Copy tất cả, dán vào bài viết đoạn code, chỉnh sửa đường Link blog hiển thị, kích thước cửa sổ hiển thị

<a href="javascript: void(0);"onclick="javascript:OpenPopup('Link blog hiển thị','WindowName','400','300','scrollbars=1');"> Tên gọi blog</a> 

Tạo khung chứa code có Núm chữ Chọn tất cả

Code: Nhấn Chọn tất cả, Copy bằng Phím Ctrl + C và dán vào bằng Ctrl + V vào HTML
Thay đổi các rows="3" style="height: 82px; background: #E8E8E8; border: 1px solid #4876FF; margin-left: -3px; margin-right: 0px; margin-bottom: 00px; margin-top: 0px; width: 100%;" tùy ý.

Hiệu ứng phóng to ảnh khi rê chuột vào Ảnh

 

Code: Chọn tất cả dán Thêm đoạn Code dưới đây trước thẻ </head>

<style type="text/css"> .hovergallery img{ -webkit-transform:scale(0.8); /*Webkit: Scale down image to 0.8x original size*/ -moz-transform:scale(0.8); /*Mozilla scale version*/ -o-transform:scale(0.8); /*Opera scale version*/ -webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/ -moz-transition-duration: 0.5s; /*Mozilla duration version*/ -o-transition-duration: 0.5s; /*Opera duration version*/ opacity: 0.7; /*initial opacity of images*/ margin: 0 10px 5px 0; /*margin between images*/ } .hovergallery img:hover{ -webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/ -moz-transform:scale(1.1); /*Mozilla scale version*/ -o-transform:scale(1.1); /*Opera scale version*/ box-shadow:0px 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around image*/ -webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/ -moz-box-shadow:0px 0px 30px gray; /*Mozilla shadow version*/ opacity: 1; } </style>

Khi viết bài có hình ảnh vào cửa sổ HTML và dán code sau:

<div class="hovergallery"> <img src="Link ảnh" /> <img src="Link ảnh" /> </div> 

HỘP TEST CHỨA CODE

Tạo khung và nền bài đăng

Code khung không bo góc

<div style="background: #ecf9eb; border: 1.0pt solid">
 Viết chữ vào đây
 </div>

Code khung bo góc 

<div style="-moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; background: #F0FFF0; border: 1px solid #4876FF; padding: 5px 5px;">

Viết chữ vào đây

</div>

Code chèn swf vào bài viết blog

Code

<div style="text-align: center;">
<embed src="Link Flash" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"width="400" height="300"></embed>

Chèn web vào bài đăng

Code 

<iframe src="LINK_HTML" frameborder="0" height="550" scrolling="yes" width="565"></iframe>

Hoặc

<iframe src="LINK_HTML" frameborder="0" height="550" scrolling="yes" width="100%"></iframe>

Chèn ảnh có kích thước

Code: Copy tất cả, Dán vào cửa sổ HTML và chỉnh sửa

<div align="center">
<img alt="Image" height="AUTO" src="link ảnh" width="100px" /></div>

Nguồn : chúng tôi sưu tầm từ nhiều nguồn

SHARE

Thiết kế web chuyên nghiệp giá rẻ

Chúng tôi tuyên thiết kế web chuyên nghiệp đẳng cấp giá rẻ với 5 năm kinh nghiệm trong lĩnh vực thiết kế website nếu các bạn có nhu cầu có thể liên hệ Hotline: 0962 66 57 57 || Email: cmay.tt@gmail.com || website: cmay.vn

• 
• 
• 
• 
•