VÀ Ở XA RẤT XA, VẪN CÒN NHỮNG NGƯỜI THUẦN PHÁC VÀ Ở XA RẤT XA, VẪN CÒN NHỮNG NGƯỜI THUẦN PHÁC

Nguyễn Ngọc Tư  - Không nhất thiết phải đem nhiều quần áo. Có bao nhiêu kiên nhẫn tranh thủ nhét chật chỗ trống trong ba lô. Cất chúng vào c...

Đọc thêm »

Matt Cutts phân tích 3 sai lầm lớn nhất mà SEO hiện nay gặp phải Matt Cutts phân tích 3 sai lầm lớn nhất mà SEO hiện nay gặp phải

Video mới gần đây của SEO Google Matt Cutts nhằm mục đích phân tích rõ về 3 sai lầm lớn nhất mà SEO  hiện nay đang mắc phải. Đoạn video có t...

Đọc thêm »

Những Cách Tạo Backlink Tự Nhiên Những Cách Tạo Backlink Tự Nhiên

Cách xây dựng backlink tự nhiên Khi Google Penguin update thì cũng là lúc mà bạn phải thay đổi cách thức xây dựng backlink cho wbsite của mì...

Đọc thêm »

Danh sách diễn đàn PR cao chất lượng - Forum PR Cao Danh sách diễn đàn PR cao chất lượng - Forum PR Cao

Danh sách diễn đàn PR cao chất lượng - Forun PR Cao link dofollow . Danh sách diễn đàn SEO PR cao. Tổng hợp các diễn đàn Pr cao.Danh sách d...

Đọc thêm »

Danh sách diễn đàn SEO - Forum SEO Việt Nam chất lượng Danh sách diễn đàn SEO - Forum SEO Việt Nam chất lượng

Danh sách diễn đàn SEO - Forum SEO Việt Nam chất lượng. Danh sách diễn đàn SEO PR cao chất lượng. Danh sách diễn đàn SEO Việt Nam PR cao.Da...

Đọc thêm »

Chăm sóc da ban đêm những điều không nên làm Chăm sóc da ban đêm những điều không nên làm

Chăm sóc da ban đêm những điều không nên làm.Chăm sóc da ban đêm không nên làm gì . Chăm sóc da ban đên nên làm gì . Những điều không nên là...

Đọc thêm »

Làm đẹp cho nội dung bài viết blogspot Làm đẹp cho nội dung bài viết blogspot

Làm đẹp cho nội dung bài viết blogspot.Làm đẹp cho bài viết blogspot.Code làm đẹp cho nội dung bài viết blogspot.Làm đẹp cho phần cần nhấn m...

Đọc thêm »

Cách tạo RSS cho Blog Cách tạo RSS cho Blog

Khi bạn muốn tạo Blog 1 cách hoàn chỉnh, thì Blog của bạn không thể thiếu những thành phần quan trọng như công cụ tìm kiếm, RSS, hay thành p...

Đọc thêm »

Tăng tốc độ index với 13 website Submit RSS Tăng tốc độ index với 13 website Submit RSS

Rss là một trong những cách giúp website index nhanh Một trong những phương pháp để tăng cường lượng truy cập nhanh nhất của một trang web ...

Đọc thêm »

Thêm quảng cáo dưới mỗi bài viết Thêm quảng cáo dưới mỗi bài viết

Việc khai thác quảng cáo dưới mỗi bài viết được xem là cách hiệu quả nhất theo thống kê click quảng cáo trên Google. Có hai cách thêm vào ch...

Đọc thêm »

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

Ví dụ:

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" >Ví dụ:
 

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;">TEN_LINK</a>
    LINK // Link liên kết
    #eee // Mã màu khi rê chuột lên
    TEN_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://abc.html) vào bài viết đều được hết :) 

Ví dụ: Xem tại đây

19. Các loại đường viền | border: 1px #ccc solid;

Dashed - - - - - - - - - - - - - - - - -
Solid _____________________
Dotted ..................................

20. Các kiểu định dạng chữ | text-decoration:none;

none (Không định dạng)
underline (Gạch đích)
overline (Gạch trên đầu)         
line-through (Gạch ngang chữ)
blink (Chớp chớp)
inherit      

21. Thêm các định dạng link vào class

/*Link cố định*/
a:link {
color:#3366ff;
text-decoration:none;
}

/*Link đã xem qua*/
a:visited {
color:#ccc;
text-decoration:none;
}

/*Link khi rê chuột vào*/
a:hover {
color:#339966;
text-decoration:underline;
}

22. Tạo bóng đổ và bo tròn 4 góc viền

/*Tạo bóng đổ*/
box-shadow: 8px 8px 8px #616D7E;
-webkit-box-shadow: 8px 8px 8px #616D7E;
-moz-box-shadow: 8px 8px 8px #616D7E;

/*Tạo bóng đổ 4 cạnh*/
box-shadow: 0px 0px 8px #616D7E;
-webkit-box-shadow: 0px 0px 8px #616D7E;
-moz-box-shadow: 0px 0px 8px #616D7E;

/*Bo tròn 4 góc viền*/
border-radius:4px;

/*Bo tròn tùy chọn: top, right, bottom, left*/
border-radius:4px 4px 4px 4px;
    Thay box thành text cho chữ

23. Các loại định dạng list | ... ul {list-style-type:none;}

none: Không hiển thị đánh dấu
disc: Chấm vuông
circle: Chấm tròn trắng
square: Chấm tròn đen
decimal: Kiểu số (1,2,3,4,…)
lower-alpha: Kiểu Alphabet ở dạng in thường  (a, b, c, d, e, …)
upper-alpha: Kiểu Alphabet ở dạng in hoa (A, B, C, D, E, …)
lower-roman: Kiểu La Mã ở dạng thường (i, ii, iii, iv, v, …)
upper-roman: Kiểu La Mã ở dạng in hoa (I, II, III, IV, V, …)
/*Link hình thay cho list*/
list-style-image:url('Link_hình');

24. Các vị trí đặt ảnh nền background | background: url(image) repeat ;

repeat: lặp ảnh
repeat-y: lặp ảnh theo chiều dọc (từ trên xuống)
repeat-x: lặp ảnh theo bề ngang (từ trái qua)
no-repeat: không lặp
top: đặt ảnh trên mép cùng
top right: đặt ảnh mép trên cùng góc phải
top left: đặt ảnh mép trên cùng góc trái
bottom: đặt ảnh mép dưới cùng
bottom left: đặt ảnh mép dưới cùng góc trái
bottom right: đặt ảnh mép dưới cùng góc phải
right: đặt ảnh bên mép phải
left: đặt ảnh bên mép trái
center: đặt ảnh ở vị trí giữa

25. Code xem địa chỉ IP, thông tin của máy truy cập blog

(Có thể post vào widget bất kỳ ở trên blog)
<img src="http://www.wieistmeineip.de/ip-address">

26. Cách mã hóa code

Với ký tự < phải đổi thành &lt;
Với ký tự > phải đổi thành &gt;
Với ký tự & phải đổi thành &amp;
Với khoảng trắng phải đổi thành &nbsp;
Để post các chú thích kí tự trên lên blog được thì:
    &lt; phải đổi thành &amp;lt;
    &gt; phải đổi thành &amp;gt;
    &amp; phải đổi thành &amp;amp;

27. Các lệnh điều kiện <b:if cond= ... </b:if>


1. Điều kiện ở trang chủ

<b:if cond='data:blog.url == data:blog.homepageUrl'>
...
</b:if>
2. Điều kiện ở trang bài viết
<b:if cond='data:blog.pageType == "item"'>
...
</b:if>
3. Điều kiện ở trang chủ, trang nhãn
<b:if cond='data:blog.pageType == "index"'>
...
</b:if>
4. Điều kiện ở các trang lưu trữ
<b:if cond='data:blog.pageType == "archive"'>
...
</b:if>
5. Điều kiện ở các trang tĩnh
<b:if cond='data:blog.pageType == "static_page"'>
...
</b:if>
6. Điều kiện ở một trang riêng biệt nào đó
<b:if cond='data:blog.url == "URL_của_trang_riêng_biệt"'>
...
</b:if> 
Nếu thay == thành != thì kết quả sẽ ngược lại - Nghĩa là sẽ loại trừ trang đặt điều kiện ra và lấy phần ngược lại (các trang còn lại) 

Ví dụ: Điều kiện loại trừ trang bài viết

<b:if cond='data:blog.pageType != "item"'>
...
</b:if>

28. Thêm chữ ký hay ghi chú dưới mỗi bài viết (Đặt dưới dòng<data:post.body/>)

<!-- Lời ghi dưới mỗi bài viết -->
<b:if cond='data:blog.pageType == "item"'>
Nội_dung
Nội_dung // Ghi chú nội dung của bạn, có thể dùng hình ảnh, màu chữ, canh lề,v.v..

29. Script chèn file .js vào blog

<script src='Link_File_JS' type='text/javascript'/>

30. Script chèn trực tiếp nội dung file .js vào blog

<script type='text/javascript'>
//<![CDATA[


Nội_dung_file_js


//]]>
</script>

31. Thêm nhanh khung hướng dẫn hay nội quy comment

- Tìm đến thẻ <data:blogTeamBlogMessage/>
- Đôi khi có tên là <data:blogCommentMessage/>
- Thêm vào sau nó đoạn code sau:

<!--Khung nội quy comment-->
Nội dung nội quy comment của bạn
<p></p>
    - Sau mỗi hàng phải thêm cặp thẻ <br></br> hoặc <br/> nếu muốn xuống dòng.
    - Có thể dùng các code trang trí cho khung như: hình ảnh, màu chữ, v.v..

Ví dụ: Code chèn nội dung hướng dẫn comment giống ở blog mình.

<!--Nội dung hướng dẫn comment-->
<div style='border:#ccc 1px solid; padding:4px;border-radius:4px; background:#eee;'>
Bạn có thể sử dụng một số thẻ HTML như: <br/>
<textarea cols='48' rows='4'>
» Chữ in đậm: <b>Nội_dung_chữ_in_đậm</b>
» Chữ in nghiêng: <i>Nội_dung_chữ_in_nghiêng</i>
» Chèn link liên kết: <a href='Link'>Tên_link</a>
» Chèn hình ảnh: [img]Link_hình[/img] </textarea>
</div>
<p/><p/>
Chúc thành công!.
Những Code Thông Dụng Cho Blogspot Những Code Thông Dụng Cho Blogspot

Nhằm giúp các blogger mới vào nghề hiểu thêm về code nên hôm nay mình chia sẻ lại một số code thông dụng thường gặp trong quá trình viết bài...

Đọc thêm »
 
Top