Code Blogspot dùng trong các bài viết

Một số code thông dụng và cần thiết dùng trong bài viết cho blog, website. Để

dùng code thay cho viết bài kiểu mặc định thông dụng của các blog chọn sẵn, bạn bấm chọn qua thẻ "Edit HTML".

1. Font, màu chữ, thụt vào đầu dòng (Dùng dòng 1 hay 2 đều như nhau)

<span style="color:#339966; font:12pt Tahoma; margin-left:12px;">Nội_dung</span>

<span style="color:#339966; font-family:Tahoma; font-size:12pt; margin-left:12px;">Nội_dung</span>

#339966 // Mã màu cho chữ
12pt Tahoma // Cỡ chữ và font chữ
margin-left:12px // Số pixel (khoảng cách) chữ thụt vào đầu dòng. Có thể thay left bằng right cho chiều ngược lại

2. Canh giữa, canh phải 

<div style="text-align:center;">Nội_dung</div>

center // Thay center = right cho canh phải

3. Định dạng chữ: Đậm, Ngiêng, Gạch chân, Gạch ngang chữ 

<b>Nội_dung_in_đậm</b>

<i>Nội_dung_in_nghiêng</i>

<u>Nội_dung_gạch_chân</u>

<strike>Nội_dung_chữ_bị_gạch_ngang</strike>

4. Dấu chấm vô dòng con, đánh số đầu dòng 

Dấu chấm vô dòng con
<ul> 
<li> Nội_dung1 </li> 
<li> Nội_dung2 </li> 
<li> Nội_dung3 </li>
</ul>

Đánh số đầu dòng 
<ol> 
<li> Nội_dung1 </li> 
<li> Nội_dung2 </li> 
<li> Nội_dung3 </li>
</ol>

5. Bookmark đến một vị trí nhanh trong bài viết 

<a href="LINK_bài_viết#Tên_gán_cho_vị_trí ">Nội_dung</a>
<a name="Tên_gán_cho_vị_trí ">Nội_dung</a>

Lưu ý:

Tên cách nhau không được dùng khoảng trắng mà phải dùng shift gạch. (VD: nhà_xinh)
Tốt nhất không nên dùng chữ có dấu cho tên gán.

Ví dụ:

- Đến điểm A (<a href="LINK_bài_viết_cụ thể#Diem_A">Đến điểm A</a>)
- ...
- Điểm A (<a name="Diem_A">Điểm A</a>)

Code trong ngoặc là chú thích cho ví dụ.
Như vậy khi ta click chuột vào "Đến điểm A" thì lập tức lệnh sẽ đưa ta nhảy đến vị trí "Điểm A".


6. Chèn Flash vào bài viết (Chọn loại 1 hay 2 đều được)

1.
<div style="text-align:center;"><embed wmode=Transparent pluginspage="http://www.macromedia.com/go/getflashplayer" src="LINK_FLASH" width="900" height="300"
type="application/x-shockwave-flash" scale="" play="true" loop="true"
menu="true"></embed></div>  

2.
<embed src="LINK_FLASH" bgcolor="#000000" type="application/x-shockwave-flash" allowscriptaccess="none"  width="400" height="400"></embed>

7. Chèn hình ảnh (image) vào bài viết 

1. Code đơn giản
<img src="LINK_ẢNH" title="Ghi_chú" alt="Mô_tả"/>

2. Code mở rộng
<img src="LINK_ẢNH" title="Ghi_chú" alt="Mô_tả" align="bottom" width="400" height="400"/>

Ghi_chú // Khi rê chuột lên ảnh, sẽ hiện chú thích.
Mô_tả // Khi rê chuột lên ảnh, sẽ hiện chú thích.
Sử dụng hai lệnh này thì khi người dùng truy cập blog chọn không hiển thị ảnh thì sẽ hiện dòng chữ này thay cho ảnh đó.
align="bottom" // Vị trí ảnh so với chữ. Có thể đổi thành middle(giữa) - top(trên) - bottom(dưới). Không dùng, để mặc định theo blog chọn sẵn thì xóa nó đi.

8. Chèn link liên kết vào bài viết 

<a href="LINK" target="blank">Tên_Link</a>

target="blank" // Mở link liên kết trong một trang mới. Bỏ lệnh này thì trang mới sẽ được mở ngay tại trang đang dùng (nghĩa là trang đang dùng sẽ bị load qua trang link ta vừa click vào). Nếu người dùng có thói quen "Open new tab" thì lệnh này có hay không cũng không khác biệt.

Ví dụ:
- Dùng target="blank"
- Không dùng target="blank"


9. Chèn ảnh chứa link 

<a href="LINK" target="blank"><img src="LINK_ẢNH"/></a>

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

<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 
</div>
</div>
</div>

Ví dụ:

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

LINK_NHẠC // Phải là link trực tiếp (VD: http://...bài_hát.mp3)
loop='0' // Không lặp lại
loop='1' // Lặp lại một lần
loop='-1' // Lặp lại mãi mãi
autostart="0" // Không tự play
autostart="1" // Play ngay khi web tải xong

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

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

Thêm cột thì thêm trên dòng </td></tr> đoạn code:

</td><td class="column_n" style="font:12px Tahoma; color:#000000;width:120px;padding:4px;" valign="top"><div class="column_n">
Nội_dung_cột_n
</div>

13. Viền khung một nội dung trong bài viết 

<div style="border:#4F4F4F 1px solid; padding: 4px; background:#eee; width:400px;">
NỘI_DUNG 
</div>

#4F4F4F 1px solid // Lần lượt là: Mã màu - Độ dày đường viền - Loại đường viền.
   - solid ______________
   - dashed ----------------
   - dotted ......................
background:#eee // Nền khung
width:400px // Bề rộng khung. Mặc định là sẽ rộng bằng khung bài viết (nếu bỏ lệnh này đi)

14. Chèn khung chứa code có thẻ "Select all" (Không cần mã hóa code)

<form name="MyTextBoxForm"><input name="button" onclick="javascript:this.form.MyTextBox.focus();this.form.MyTextBox.select();" type="button" value="Select all"/>
<textarea cols="59" name="MyTextBox" rows="18" wrap="on" style="background:#eee; color:#464646; border:1px #A0C4EA dashed;">NỘI_DUNG_CODE</textarea> </form>

cols="59" // Bề rộng khung chứa code
rows="18" // Số dòng trong khung chứa code
wrap="on" // Trong một dòng, chữ dài quá khung sẽ hiện thanh trượt kéo ngang qua
wrap="off" // Nhiều dòng chữ quá số dòng khung quy định sẽ hiện thanh trượt kéo xuống

15. Ảnh rõ hơn khi rê chuột vào 

1. Ảnh có chứa link
<a href="link_liên_kết" target="blank">
<img
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.6;this.filters.alpha.opacity=60" style="opacity:0.6;filter:alpha(opacity=60)" src="LINK_HÌNH"/>
</a>

2. Ảnh không chứa link
<img
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.6;this.filters.alpha.opacity=60" style="opacity:0.6;filter:alpha(opacity=60)" src="LINK_HÌNH"/>

opacity=0.6 và opacity=60 // Ảnh mờ trước khi rê chuột vào.
Lưu ý: Nếu thay đổi độ mờ thì phải thay đổi cả 4 giá trị.

16. Tạo hiệu ứng hiện ảnh khác khi rê chuột vào ảnh 

1. Ảnh có chứa link 
<a href="link_liên_kết" target="blank"><img onmouseover="this.src='LINK_HÌNH_THAY_THẾ'" onmouseout="this.src='LINK_HÌNH'" src="LINK_HÌNH" ></a>

2. Ảnh không chứa link
<img onmouseover="this.src='LINK_HÌNH_THAY_THẾ'" onmouseout="this.src='LINK_HÌNH'" src="LINK_HÌNH" >

17. Tạo hiệu ứng khi rê chuột vào link liên kết 

<a href="LINK"  target="blank" onmouseover="oldColor=this.style.backgroundColor;this.style.backgroundColor='#eee';" onmouseout="this.style.backgroundColor=oldColor;">NAME_LINK</a>

LINK // Link liên kết
#eee // Mã màu khi rê chuột lên
NAME_LINK // Tên gán cho link liên kết

18. Chèn trang HTML vào bài viết (Chèn trang web vào bài viết)

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

scrolling=yes // Cho hiện thanh trượt, ngược lại không dùng thì sữa thành no
frameborder="0" // Đường viền, 0 là không viền

Ta có thể dùng lệnh này để chèn bất cứ trang nào dạng HTML (Ví dụ: http://thietkequangcaoblog.blogspot.com/) vào bài viết đều được hết :)

Ví dụ:
- Mình có link HTML là: Color Check

(Nguồn bài viết : caytamgui.blogspot.com/)

Read More

Widget Hiện Thị Thông Tin Người Dùng

Hôm nay mình tình cờ ghé qua một blog nọ thì thấy họ có một tiện ích cho biết một vài thông tin của người truy cập như Địa chỉ IP, tên hệ điều hành, tên và phiên bản của trình duyệt và cả tên quốc gia của họ nữa. Đây là một tiện ích của wieistmeineip.de xây dựng. Cách thêm nó vào cũng cực kì đơn giản, sau đây là cách thực hiện.

#Cách thực hiện

1. Đăng nhập Blogger
2. Bố cục > Thêm tiện ích > HTML/Javascript
3. Lựa chọn một trong 2 code dưới tương ứng với hai mẫu

<a href="http://www.wieistmeineip.de/cometo/?en"><img src="http://www.wieistmeineip.de/ip-address/?size=125x125" border="0" width="125" height="125" alt="IP" /></a>

Mẫu 468 x 60

<a href="http://www.wieistmeineip.de/cometo/?en"><img src="http://www.wieistmeineip.de/ip-address/?size=468x60" border="0" width="468" height="60" alt="IP" /></a>

1. Lưu lại và kiểm tra kết quả 

Nguồn Binhthuanweb.blogspot.com

Read More

Chỉnh sửa file PDF - Download Foxit Advanced PDF Editor 3.10

Thứ Ba, ngày 01 tháng 3 năm 2016

Foxit Advanced PDF Editor là chương trình mạnh mẽ được thiết kế với đầy đủ các công cụ hữu ích với người dùng trong việc thực hiện biên tập file PDF cả về hình thức và nội dung. Những tính năng chính của Foxit Advanced PDF Editor:  - Hỗ trợ công cụ đọc file PDF. - Khả năng biên tập nội dung tệp tin PDF: thêm vào trang mới, xóa trang, thêm text objects mới, thêm đường thẳng hay hình họa, xóa đối tượng khỏi trang… - Tính năng thay đổi hình thức file PDF: đổi font chữ, kích thước font, màu, thay đổi thuộc tính cho text objects, thay đổi độ rộng của đường thẳng, kiểu tô, màu sắc, thuộc tính hình ảnh… Hướng dẫn cài đặt: 1. Tải file về và giải nén. 2.Chạy file cài đặt Foxit.Advanced.PDF.Editor.v3.10.exe trong thư mục giải nén.

3. Thoát hoàn toàn chương trình, tiếp tục copy file Foxit Advanced PDF Editor.exe trong thư mục crack vừa giải nén, paste vào thư mục cài đặt Foxit Advanced PDF Editor. 4. Mở lại chương trình và xem kết quả

Nguồn bitcoin24free.blogspot.com

Read More

ĐÊM TRAO - Tác giả Đỗ Anh Thư

ĐÊM TRAO
Anh Thư Đỗ

Đêm trăng sương bạc mái đầu

Bên nhau hát khúc Qua Cầu Gió Bay

Thẹn thùng tay nắm bàn tay

Men tình ngây ngất đã say đôi lòng

Anh tìm được lá diêu bông

Riêng em vẫn chẳng lấy chồng, chờ anh!

Mây giăng, sương phủ buông mành

Cho đêm ước nguyện mộng lành trao nhau

Môi thơm hé mở ngọt ngào

Đê mê trải thảm vọng lâu gió ngàn

Cúc xinh hờ hững đôi hàng

Thanh tân thấp thoáng căng tràn sức xuân

Trăng ơi hãy ghé thật gần

Tỏa vàng khắp chốn ái ân diễm tình

Gió về xin hãy lặng thinh

Khẽ thôi, đừng để giật mình...nụ hôn

Dìu nhau vào cõi vu sơn

Lâng lâng ngọn sóng dập dờn bến mê

Đêm trao...lộng ánh trăng thề

Đường lên đỉnh ái...nẻo về thênh thang..

Lung linh sóng nước mơ màng

Một trời đắm đuối...tơ vàng kết se!

Bạn có thể tham khảo các bài thơ trong Bầu rượu túi thơ do  Khanhnguyen' s blog sưu tập từ trên các diễn đàn mạng xã hội

Read More

Hướng dẫn cách mở các biểu tượng cảm xúc mới trên Facebook

Cập nhật lúc: 06:00 26/02/2016

Đối với những Facebook đã cập nhật biểu tượng cảm xúc mới, nếu người dùng chưa thấy nó xuất hiện hãy làm theo cách dưới đây.

Bộ 5 biểu tượng cảm xúc mới của Facebook với tên gọi Facebook Reaction cuối cùng đã xuất hiện. Điều này có nghĩa là bạn có thể thể hiện nhiều cảm xúc với một dòng trạng thái hơn việc bấm “like” đơn thuần. Nếu bạn chưa nhìn thấy những lựa chọn này trong phần News Feed, hãy làm theo hướng dẫn sau.

Trên bản desktop

Trên phiên bản cho trình duyệt của Facebook, chỉ cần trượt chuột vào nút Like và các biểu tượng cảm xúc mới sẽ xuất hiện trên thanh ngang bên trên. Lưu ý là sau khi được cập nhật bộ biểu tượng cảm xúc này, mỗi bài đăng sẽ chỉ hiện 3 biểu tượng cảm xúc được bấm nhiều nhất còn số lượng tính vẫn là tổng của tất cả. Mặc dù bạn chỉ có thể sử dụng một biểu tượng cho mỗi bài đăng nhưng bạn có thể thay đổi biểu tượng sau đó.

Nếu bạn vẫn chưa nhận được bản cập nhật thì hãy chịu khó di chuột vào nút like thường xuyên để kiểm tra nhé!

Tài liệu tham khảo thêm

Biểu tượng cảm xúc ứng dụng trên facebook

Bảng mặt cười facebook

Bộ 100 icon dành cho thiết kế Bookmarks trên blogspot

Trên di động

Trên ứng dụng di động Facebook, bạn có thể cần phải đóng ứng dụng hoàn toàn sau đó mở lại để nhận được phần cập nhật. Sau khi bạn click vào nút Like trên bài đăng, một tin nhắn sẽ hiện ra hướng dẫn bạn giữ nút like để mở chọn các biểu tượng cảm xúc. Đừng thất vọng nếu bạn đã thử mà không thấy gì bởi dù thế nào chúng ta cũng phải đợi bản cập nhật xuất hiện trên thiết bị của mình.

Tại thời điểm này, những biểu tượng cảm xúc mới chỉ có cho bài đăng, ảnh và video, chưa có cho bình luận riêng của các cá nhân.

Lưu ý, chưa phải Facebook nào của người dùng cũng đã cập nhật các biểu tượng cảm xúc này, chính vì thế những ai chưa có cần phải chờ thêm thời gian nữa.

Theo ICTNews

Read More

Quản lý không gian ổ đĩa trong Windows 8.1

Trước đây người dùng Windows thường kiểm tra không gian của ổ đĩa cứng thông qua File Explorer và Computer (hay "My PC" trong Windows 8.1) trên giao diện desktop. Nhưng cách làm này cũng chi giúp họ biết tổng dung lượng ổ cứng đã sử dụng và phần còn lại. Để tìm ra các loại tập tin hoặc thư mục đang chiếm dụng ổ cứng, bạn phải thực hiện những bước phức tạp hơn.

Nhưng kể từ Windows 8.1, Microsoft đã cung cấp sẵn hai tính năng trong PC Settings bên giao diện Modern UI, giúp cho việc quản lý ổ đĩa cứng trên hệ thống đơn giản và dễ hơn.

Kiểm tra không gian ổ đĩa cứng

Đầu tiên, bạn cần truy cập tính năng PC Settings bằng cách mở thanh Charm (di chuyển con chuột lên góc trên hoặc xuống dưới bên phải của màn hình). Sau đó, di chuyển con trỏ xuống dưới (nếu ở góc trên cùng) hoặc trở lên (nếu ở góc trên) và thanh Charm sẽ hiển thị, bấm nút Settings sau đó bấm tiếp nút Change PC settings.

Khi cửa sổ PC Settings xuất hiện, điều hướng đến mục PC and devices -> Disk space ở bên trái và sau đó chờ một chút để hệ thống tiến hành quét kiểm tra trên toàn bộ ổ cứng. Tùy thuộc vào số tập tin lưu trữ mà quá trình quét kiểm tra sẽ nhanh hoặc lâu hơn.

Computer như một hệ thống module lắp ghép của nhiều linh kiện thiết bị điện tử tin học thông minh. Kết cấu vận hành gồm 2 phần cơ bản: phần cứng và phần mềm. Hoạt động của chúng luôn có công dụng bổ trợ nhau, và bất kỳ sự cố nào cũng đều có một mối liên hệ như trong một cơ thể. Để khắc phục các sự cố tin học, kiến thức hiểu biết chúng luôn luôn là một đề tài quan trọng, rất cần thiết cho người sử dụng chúng.

Sau khi quá trình quét kết thúc, bạn sẽ thấy một bản tóm tắt ở bên phải với thông tin về tổng dung lượng ổ cứng đã sử dụng và phần dung lượng trống còn lại (như trong hình là 106GB ổ cứng còn trống trong tổng số 238GB) hiển thị ở trên cùng của màn hình, bao nhiêu dung lượng ổ cứng đã được sử dụng để cài đặt các ứng dụng Modern UI.

Một phần quan trọng của bản tóm tắt này là mục Media and files, trong đó bạn sẽ biết tổng dung lượng chi tiết của các loại dữ liệu được phân loại theo các thư mục cụ thể gồm: Pictures, Videos, Music, Documents và Downloads. Do đó, nếu thấy thư mục nào đang chiếm dụng nhiều ổ cứng của máy tính thì bạn cần phải xem xét việc xóa bớt, chuyển sang ổ cứng gắn ngoài hoặc tải lên các dịch vụ lưu trữ đám mây để giải phóng không gian lưu trữ cho ổ cứng.

Một tính năng tốt khác của trang này là cho phép bạn xóa sạch Recycle Bin bằng cách bấm nút Empty my Recyde Bin.

Kiểm tra chi tiết dung lượng của các ứng dụng

Bây giờ, di chuyển lên mục App và kích vào liên kết See my app sizes. Bạn sẽ được đưa đến cửa sổ mới là Search and apps>App sizes trong PC Settings, đây cũng là tính năng lần đầu tiên xuất hiện trên Windows 8.1.

Tại đây, bạn sẽ thấy một danh sách của tất cả các ứng dụng Modern UI cũng như chi tiết dung lượng chiếm dụng ổ đĩa của từng ứng dụng một. Nếu muốn gỡ bỏ cài đặt những ứng dụng chiếm dung lượng lớn hoặc những ứng dụng mà bạn ít sử dụng, chỉ cần bấm chọn tên ứng dụng rồi bấm nút Uninstall.

Trường hợp, bạn muốn Gỡ bỏ đồng thời hàng loạt ứng dụng Windows 8 cài đặt sẵn, có thể sử dụng ứng dụng Windows 8 App Remover, được cung cấp miễn phí để thực hiện.

Cập nhật: 07/05/2014Theo XHTT

Nguồn Quantrimang.com

Read More