Code từ hotroblog.blogspot.com

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 ý.

<form name="MyTextBoxForm"><input name="button" onclick="javascript:this.form.MyTextBox.focus();this.form.MyTextBox.select();" type="button" value="Chọn tất cả" /><br /><textarea cols="90" name="MyTextBox" 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%;" wrap="off"> Dán code vào đâ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

<div dir="ltr" style="text-align: left;" trbidi="on"><form id="test" name="test"><br /><textarea cols="65" name="select1" rows="5" style="background: #ffffff; border: 1px solid #13880b; margin-left: 2px; margin-right: 2px; width: 100%;">CHO CODE VÀO ĐÂY

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>