Thứ Bảy, 8 tháng 9, 2012

Hiệu Ứng Tuyết Rơi Cho Blogspot

này, blog bạn sẽ có thêm một lớp nền Flash phủ lên bề mặt blog, hoặc nằm ẩn dưới nền blog chính. Chức năng chủ yếu là làm đẹp thêm cho blog. Ví dụ như thêm hiệu ứng hoa rơi, mưa, tuyết rơi, bóng nước,… 

Mặc định Flash sẽ tự động lặp ảnh nếu blog dài hoặc rộng hơn nó. 


CÁCH THỰC HIỆN 

1. Đăng nhập Blogger Dashboard (Bảng điều khiển) 
2. Chọn: Design (Thiết kế) > Edit HTML (Chỉnh sữa HTML) 
3. Không cần đánh dấu chọn ô: Expand Widget Templates (Mở rộng mẫu tiện ích)

4. Chèn script

A. Chèn Flash phủ lên bề mặt blog

Đặc điểm: Không thao tác chuột được lên blog vì đã bị nền Flash này che rồi, điều này là đương nhiên, vậy nên chỗ nào không bị che thì mới thao tác được.
Bước 1: Tìm thẻ đóng </body>


- Thêm vào trước nó đoạn code sau:


<!-- Chèn Flash phủ lên bề mặt blog -->
<div id="Layer1" style="left: 0pt; position: fixed; top: 0pt; z-index: 0;">
<embed align="center" height="500px" width="1000px" src="
http://kenhdaihoc.com/blogger/tuyet.swf" wmode="transparent"></embed></div>



Thay 
http://kenhdaihoc.com/blogger/tuyet.swf thành link Flash bạn muốn làm nền cho blog.


Bước 2: Save template. (Lưu mẫu)




B. Chèn Flash nằm dưới nền blog chính.


Đặc điểm: Nền Flash này sẽ nằm dưới các lớp layer (như bài viết, widget,…) Để thấy được nền, nên để trống nền các lớp layer.


Bước 1: Tìm thẻ đóng </head>


- Thêm vào dưới nó đoạn code sau:

<!-- Chèn Flash nằm dưới nền blog -->
<div id="Layer1" style="left: 0pt; position: fixed; top: 0pt; z-index: 0;">
<embed align="center" height="500px" width="1000px" src="
http://kenhdaihoc.com/blogger/tuyet.swf" wmode="transparent"></embed></div>


Bước 2: Save template. (Lưu mẫu)

thực hiện bởi itnguyenhuy.wordpress.com

Chèn nhạc vào bài viết

<object name='hat' width=300 height=45>
<embed  type='application/x-mplayer2' 
 pluginspage='http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/' 
 controls='controlpanel' width=300 height=45 src='LINK_NHẠC
 autostart="0" showstatusbar="0" ShowControls='true' loop='0' name='hat'></embed></object>
ví dụ mình chèn nhạc ở nhaccuatui.com vào blog
các bạn copy đoạn mã sau vào <object width="300" height="400">  <param name="movie" value="http://www.nhaccuatui.com/l/qG7b7dQ61-X9" />  <param name="quality" value="high" />  <param name="wmode" value="transparent" />  <param name="allowscriptaccess" value="always" />  <param name="flashvars" value="&autostart=false" />  <embed src="http://www.nhaccuatui.com/l/qG7b7dQ61-X9" flashvars="target=blank&autostart=false" allowscriptaccess="always" quality="high" wmode="transparent" type="application/x-shockwave-flash" width="300" height="400"></embed></object>
tùy theo link bài hát của bạn nũa nhé nhé đừng áp ụng máy móc nhé!!

Chia 2 cột, 3 cột, 4 cột


đây là code bạn đua vào HTML

<br />
<table><tbody>
<tr><td class="column_1" style="color: black; font: 12px Tahoma; padding: 4px; width: 120px;" valign="top"><div class="column_1">
Nội_dung_cột_1
</div>
</td><td class="column_2" style="color: black; font: 12px Tahoma; padding: 4px; width: 120px;" valign="top"><div class="column_2">
Nội_dung_cột_2
</div>
</td></tr>
</tbody></table>

Nội_dung_cột_1 ghi gì cũng đươc
Nội_dung_cột_2 tùy bạn mục đích làm gì

Tạo button ẩn hiện nội dung


Đây là code sử dụng!
<div>
<div>
<input type="button" value="Xem" style="width:75px; font-size:11px; margin:0px; padding:4px; border="1"" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = 'Ẩn'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Xem'; }">
</div>
<div>
<div style="display: none;  border:#4F4F4F 1px solid; padding: 4px; background:# ">


NỘI_DUNG nội dung tùy ý các bạn nhé!! các bạn muốn viết gì thì viết vào tùy ý để thu gọn blog dễ nhìn hơn nhé!! có thắc mắc thì hỏi nhá mình sẽ trả lời sớm nhất nếu có thể!!