15 Lời khuyên về Làm thế nào để Tăng Google Page Rank cho Blog của bạn

, by Ngọc Sơn Phạm


Top 15 Great Mẹo cho Tăng Blog của bạn Google Page Rank


1x1.trans Top 15 Great Mẹo cho Tăng Blog của bạn Google Page Rank
Trong ngày hôm nay bài, chúng ta sẽ biết rằng Làm thế nào để Tăng Blog của bạn Google PageRank bằng cách làm theo một số 15 Hot Lời khuyên dưới đây. Một giấc mơ của tất cả các blogger để có được một Page Rank cao càng sớm càng tốt. Vì vậy, cho phép bắt đầu có Page Rank là gì? PageRank là một thuật toán toán học được Google sử dụng để tính toán sự phổ biến của một trang hoặc trang web nhất định. Các tính toán của một trang phụ thuộc vào rất nhiều yếu tố như Backlinks, bài chất lượng, liên kết đi và nhiều hơn nữa mà sẽ thảo luậnsau này. Google cung cấp một số số hiệu trang bắt đầu từ 1 đến 10, trong đó 10 nghĩa trang web đáng tin cậy nhất. Một thực tế của nó là Page Rank không thể trực tiếp đồng liên quan đến lưu lượng truy cập trang web. Ngay cả các trang web nhỏ với một lưu lượng web thấp như vậy có thể đạt được Page Rank cao quá. Một trang cao xếp hạng trang web với mục tiêu từ khóa sẽ luôn luôn vẫn dẫn đầu trong các kết quả tìm kiếm . Google thường cập nhật tất cả các trang web Page Rank sau 3 tháng. Bây giờ mà không lãng phí nhiều thời gian, cho phép biết thế nào để tăng Google Page Rank cho blog / trang web của bạn trong thời gian rất ít.

15 Lời khuyên về Làm thế nào để Tăng lên Blog của bạn Google Page Rank

1. Viết nội dung chất lượng

Tôi một lần nữa và một lần nữa nói rằng chất lượng của một bài đăng blog quan trọng nhất. Viết độc đáo và chất lượng bài viết sẽ thúc đẩy trang web của bạn trong kết quả tìm kiếm và cũng cải thiện Google Page Rank quá. Tránh Nhân bản dữ liệu.

2. Xây dựng backlinks từ các trang web chất lượng cao

Bắt buộc của nó để xây dựng Backlinks từ các trang web được xếp hạng cao hoặc blog. Nếu bạn nghĩ rằng nhiều trang web backlinks hơn sẽ là Page Rank của bạn, sau đó tôi thực sự xin lỗi để nói rằng bạn đang nhận được tất cả sai. Tôi lại nói rằng để xây dựng backlinks không phải số lượng chất lượng.

3. Tìm hiểu và áp dụng các kỹ thuật SEO đúng

Hãy chắc chắn rằng blog của bạn và bài ​​đăng trên blog được tối ưu hóa cho công cụ tìm kiếm là tối ưu hóa công cụ tìm kiếm đóng một vai trò rất quan trọng trong việc tăng trang web của bạn Google PageRank. Luôn luôn áp dụng và tiếp tục học tập các kỹ thuật SEO một cách khôn ngoan từ các trang web khác nhau.

4. Khách blog

Điều này không bao giờ được bỏ qua mà khách blog là một trong những phương pháp tốt nhất để tăng Page Rank bằng cách backlinks chất lượng và lưu lượng truy cập quá. Tôi phải nói đá blog khách! Hầu hết các Blogs có các tùy chọn của khách gửi thông qua đó bạn có thể gửi tại blog của mình và có được hai hoặc ba backlinks trong trở lại.

5. Blog Bình luận

Theo tôi, Blog Bình luận là một quá trình rất quan trọng và là một cách tự do trong việc tạo ra một Page Rank tốt bằng cách bình luận trên blog của người khác. Luôn luôn lưu ý để nhận xét ​​về một blog DoFollow hoặc trang web để có được một backlink vào trang web của bạn.

6. Liên kết nội bộ

Giữ nối kết bài viết trên blog của bạn rất nhiều. Nơi các siêu liên kết trên mục tiêu và phổ biến các từ khóa . Cũng sử dụng Neo văn bản trên của bạn từ khóa . Không bao giờ làm cho các liên kết nội bộ của bạn như nofollow. Điều này dẫn đến ít hơn tỷ lệ trả lại , xếp hạng caohơn và trang truy cập của trang web của bạn.

7. Thư mục thông tin

Quan trọng để gửi blog / trang web để thư mục trực tuyến phổ biến cho giao thông thêm hơn và backlinks cũng bạn của nó. Thư mục lưu ý-Blog là công cụ tìm kiếm thân thiện và có một số lượng lớn các liên kết. Một số các thư mục tốt nhất là










8. Tránh Black Hat SEO Tricks

Luôn luôn tránh mũ đen SEO thủ thuật để tạo backlinks như một Bot. Cũng không sử dụng nhồi nhét từ khóa và trên các kỹ thuật tối ưu hóa mà sẽ dẫn blog của bạn gặp rắc rối sau đó.

9. Tham gia vào diễn đàn

Một thực tế của nó mà Google rất thích diễn đàn được cập nhật thường xuyên và nhận được một backlink từ các diễn đàn gần như sẽ tăng Google Page Rank của bạn. Phát hiện và trả lời các câu hỏi trong diễn đàn phổ biến như Digital Point , SEO Chat , SitePoint vv

10. Trao đổi liên kết

Đặt liên kết trên trang web / blog của bạn blog khác và yêu cầu họ làm như vậy cho bạn. Này được gọi là hệ thống Trao đổi liên kết. Bằng cách thực hiện kỹ thuật, giao thông và liên kết ngược này tăng cho blog của bạn có nghĩa là tăng Page Rank quá.

11. Xã hội Bookmarking

Xã hội Bookmarking là một phương pháp rất hiệu quả để tăng Page Rank bởi vì bằng cách chia sẻ trang web của bạn trên trang web xã hội khác nhau, bạn sẽ nhận được một Backlink miễn phí và giao thông là tốt. Một số các trang web phổ biến truyền thông xã hội như Facebook, Google+, Twitter, StumbleUpon, Digg, LinkedIn, vv

12. Cập nhật blog / trang web thường xuyên

Nếu bạn cập nhật bài viết của mình thường xuyên, Google sẽ thu thập thông tin trang web của bạn thậm chí thường xuyên hơn. Một trang web với tốc độ thu thập dữ liệu cao được cơ hội để giới thiệu nội dung thường xuyên hơn trong Google. Bây giờ người dùng WordPress có thể cài đặt các plugin Google sitemap XML , mà nộp sitemap cho Google, Bing và Ask tự động tốt hơn chỉ số blog của bạn. Điều này cũng có thể tăng thứ hạng trang của bạn quá.

13. Miền vấn đề Tuổi

Chú ý quan trọng-Nếu bạn chỉ mới bắt đầu blog hoặc trang web của bạn gần đây, xem xét việc đăng ký tên miền cho ít nhất là 2 năm hoặc hơn. Google không tin tưởng trang web được đăng ký cho chỉ 1 năm, và cho rằng họ là spam. Một trong những một lợi thế lớn của việc này là trang web của bạn không bị mắc kẹt trong Google Sandbox. Nếu tên miền / trang web của bạn là hơi cũ (tuổi miền quá khứ), lớn hơn 2-3 tuổi, sau đó bạn sẽ tự động đủ điều kiện cho sự tin tưởng của Google và PageRank tốt.

14. Thẻ liên kết đi như NoFollow

Nếu bạn muốn PageRank tốt của trang web của bạn sau đó nó phải gắn thẻ liên kết đi của bạn như nofollow. Nhìn chung, các liên kết đi là liên kết trỏ đến một số trang web bên ngoài chứ không phải là trang web của bạn. Giữ nó nofollow sẽ làm cho dòng chảy của trang nước Danh hiệu trong blog của bạn.

15. Nhắm mục tiêu được ưa thích Từ khóa

Như tất cả các bạn biết rằng mọi người tìm kiếm dữ liệu của họ sử dụng các từ khóa và không phải là toàn bộ câu vì vậy nếu bạn đã sử dụng một từ khóa mà là rất thường xuyên tìm kiếm sau đó bạn có cơ hội cao hơn của trang web của bạn được truy cập nhiều du khách mà là bằng nhau bằng TỐT HƠN TRANG RANK .

Chuyên gia tư vấn:

Bằng cách làm theo những 15 lời khuyên hàng đầu ở trên, bạn chắc chắn sẽ nhận được một Trang Đánh giá tốt rất sớm. Lưu ý-Nếu bạn có trang xếp hạng thấp thì đừng lo lắng nó sẽ không ảnh hưởng đến SEO của bạn như Page Rank là chỉ dựa trên số lượng backlinks. Cũng Matt Cutts nói rằng giao thông là quan trọng hơn Page Rank nhưng chúng ta không thể bỏ qua Trang Đánh giá như nó đại diện đáng tin cậy và repo của một trang web trong SERP. Tôi hy vọng tất cả các bạn hiểu. Đến lúc đó hòa bình!


Read more: http://www.bloggingways.net/2012/08/top-15-great-tips-for-increasing-your_7616.html#ixzz2blwBUlIk
read more

TẠO TRANG VÀ MENU TRANG CHO BLOGSPOT

, by Ngọc Sơn Phạm

TẠO TRANG VÀ MENU TRANG CHO BLOGSPOT

read more

Menu - Thủ thuật tạo Menu đẹp dọc Sidebar cho Blogger

, by Ngọc Sơn Phạm

Menu - Thủ thuật tạo Menu đẹp dọc Sidebar cho Blogger



Có rất nhiều cách để tạo một menu đặt tại Sidebar, từ đơn giản đến phức tạp, với cách tạo Menu đặt tại Sidebar như dưới ban chỉ cần copy rồi dán code vào tiện ích HTML/Script là xong, tùy thuộc vào bố cục cũng như màu sắc của blog mà bạn chỉnh sửa cho phù hợp.

Menu kiểu này giống như dạng Label, tuy nhiên với Label bạn chỉ có thể tùy chọn thêm hoặc bớt các Label và sắp xếp theo thứ tự Alphabet hoặc theo số lượng bài trong label mà không thể tùy chọn sắp xếp theo ý thích. Với cách sau ngoài các tùy chọn trên bạn hoàn toàn có thể sắp đặt chúng theo thứ tự mà bạn lựa chọn.


Bước 1 . Tạo Menu
1- Đăng nhập vào Blogger
2- Chọn Bố cục (Layout)
3- Bấm vào Thêm Tiện ích (Add A Gadget) và chọn HTML/JavaScript sau đó copy đoạn code dưới dán vào trong vùng HTML/JavaScript Content.

<style type="text/css">
/* Made By AllBlogTools.com */
#ddblueblockmenu{
border: 1px solid #000000; /*Main Border Color */
border-bottom-width: 0;
width: 100%;
}
#ddblueblockmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}
#ddblueblockmenu a{
display: block;
padding: 3px 0;
padding-left: 9px;
width: 94%; /*94% minus all left/right paddings and margins*/
text-decoration: none;
color: #3CE612; /* Menu Font Color */
background-color: #9C12E6; /*Menu background Color */
border-bottom: 1px solid #90bade; /*Bottom border color */
border-left: 7px solid #1958b7; /*Left border color */
list-style-type:none; 
}
* html #ddblueblockmenu a{ /*IE only */
width: 94%; /*IE 5*/
width: 94%; /*94% minus all left/right paddings and margins*/
}
#ddblueblockmenu a:hover {
background-color: #2586d7; /*Menu background Color On Hover*/
border-left-color: #A204C1; /*Left border color On Hover*/
}
#ddblueblockmenu div.menutitle{
color: #CA12E6; /* Title Font Color */
border-bottom: 1px solid black;
padding: 1px 0;
padding-left: 5px;
background-color: #24EDEA;  /*Menu Tite Background Color*/
font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}
/* ThietKeBLogger.Net */
</style>
<div id="ddblueblockmenu">
<div class="menutitle">Main Menu</div>
<ul>
<a href="http://www.thietkeblogger.net/">Trang Chủ</a>
<a href="http://www.thietkeblogger.net/">Blogger</a>
<a href="http://www.thietkeblogger.net/">Thủ thuật Blogger</a>
<a href="http://www.thietkeblogger.net/">Thiết kế Blogger</a>
<a href="http://www.thietkeblogger.net/">Blog</a>
<a href="http://www.thietkeblogger.net/">Thiết kế website</a> 

</div>
</div>

Tương tự bạn copy giống như các dòng màu đỏ trên để thêm một danh mục menu (element) và thay đổi Edit thành đoạn text hiển thị mục và thay đổi # tthành url tương ứng với nó.


Một số công cụ hỗ trợ thêm cho Blog của bạn. Chúc bạn nhận được nhiều kiến thức và thủ thuậthơn nữa:
Diễn đàn SEO, trao đổi kinh nghiệm và thủ thật SEO Để Thiết Kế Website được chuyên nghiệp hơn, đẹp mắt hơn bạn có thể vào Thiết Kế Web Plus để tìm hiểu thêm kiến thức.

nguon bai viet : thietkeblogger
read more

Cách thêm nhãn ( label ) trong blogspot - phân loại bài viết thành một chuyên mục

, by Ngọc Sơn Phạm


Nhiều bạn vẫn băn khoăn khi không biết cách phân loại bài viết thành một chuyên mục riêng biệt như: thủ thuật, giao diện, code..v..v. Việc thêm nhãn trong blogspot chính là quy nhiều bài viết cùng chủ đề vào một chuyên mục. Mình sẽ hướng dẫn các bạn thêm nhãn và gắn đường link cho chuyên mục đó ( nhãn đó ).

Gán nhãn cho bài viết ( label )
Mỗi khi bạn viết bài xong đừng xuất bản bài viết vội mà hãy chú ý sang bên tay phải : Mục Cài đặt bài đăng -> Nhãn ( thêm nhãn cần thiết vào rồi nhấp nút hoàn thành )

Lưu ý có thể thêm nhiều nhãn cho một bài viết và mỗi nhãn cách nhau bằng dấu phẩy. ví dụ: Blogger cơ bản, thủ thuật.


Lấy Link của nhãn 
Sau ghi gán nhãn xong công việc tiếp theo là bạn cần lấy link của nhãn để gán vào các chuyên mục, đề mục bạn đã thiết kế ở web.

Đầu tiên bạn vào Bố cục -> Thêm tiện ích bất kỳ -> Tìm đến phần Nhãn rồi nhấp nút dấu cộng để thêm nào vào.



Ra ngoài trang chủ sẽ hiện lên tập hợp tất cả các nhãn mà bạn thêm mỗi khi viết bài.



Tiếp theo bạn nhấp vào một link rồi copy link đó như hình vẽ dưới.



Dán link nhãn vào các chuyên mục
Như hình vẽ trên ta có thể thấy các chuyên mục trên menu như : Tin tức-sự kiện, toán cấp 3 hay ôn thi đại học. Vấn đề của chúng ta là gán link cho chúng để khi người đọc click vào sẽ ra một chuyên mục riêng biệt.


Dán link copy ở bước 2 vào ô dấu #, như hinh vẽ dưới ( phần bôi màu vàng chính là link mình đã thay ).
Lưu ý: link phải được đặt giữa 2 dấu nháy đơn: 'link nhãn'

Thêm menu và submenu ( menu con )
Bạn chỉ việc copy nguyên đoạn câu cả thẻ: <li> và </li> là có một menu mới và chỉ việc thay link của nhãn với tiêu đề menu là xong.

Submenu thì làm tương tự hình ảnh dưới: cả đoạn code 2 thẻ <ul> và </ul>

read more

10 "mẹo vặt" khi sử dụng iPad

, by Ngọc Sơn Phạm


235269iPad tuy đã ra đời khá lâu nhưng đến giờ nó vẫn là sản phẩm điện tử được ưa chuộng nhất thế giới, thậm chí doanh thu mà Apple nhận được từ việc bán iPad còn lớn hơn tất cả dòng sản phẩm iPhone 3Gs trở về trước cộng lại. Nếu như bạn, những người sở hữu iPad, “lười” không thích đọc sách hướng dẫn thì     Cẩm Nang Công Nghệ sẽ cùng bạn điểm qua 10 mẹo rất độc đáo dành cho chiếc máy tính bảng của Apple.

1. Mở nhiều link trên 1 trang của Safari

Hãy nhớ rằng bạn có thể mở nhiều trang web cùng một lúc trên phần mềm Safari. Nếu như bạn không chắc về một link mới và vẫn muốn giữ trang hiện tại thì hãy mở địa chỉ muốn truy cập ở cửa sổ mới. Thay vì ấn vào link, hãy giữ chặt tay trên link đó, iPad sẽ cho bạn 3 lựa chọn mới. Sau đó, hãy chọn Open in New Page, khi đó link sẽ được mở ở cửa sổ mới.
20100511ipadsafaritips
Do là Safari, nên khi bạn mở nhiều cửa sổ web thì sẽ không hiện ra trên màn hình (Như Firefox hoặc Chrome), để xem được chúng thì bạn hãy ấn vào biểu tưởng các các trang web chèn lên nhau ở trên cùng. Khi hiện ra tất cả trang, bạn có thể xem bất cứ trang nào khi ấn vào hoặc tắt đi bằng cách ấn vào biểu tượng X trên môi trang như hình dưới.

2. Kích hoạt chế độ tự điền AutoFill trong Safari
20100511ipadsoundcheck
AutoFill là một chế độ rất tiện lợi vì nó sẽ tiết kiệm thời gian của bạn bằng cách bật tắt chế độ lưu Username và Password. Khi bạn chia sẻ iPad cho bạn bè và bạn hoàn toàn tin tưởng họ khi lướt web thì có thể bật chế độ AutoFill, khi không an tâm thì có thể tắt đi chỉ với một cái gạt tay. Để kích hoạt AutoFill, hãy lưu thông tin chi tiết trong mục Contacts, sau đó vào Settings, chọn Safari, ấn AutoFill rồi bật ON như trong hình. Sau đó, hãy chọn file của bạn trong My Info.

3. Tắt tiếng nhanh
20100511ipadsound
Mặc dù không có chế độ Mute như laptop, nhưng bạn vẫn có thể tắt tiếng của iPad bằng cách giữ chặt nút vặn nhỏ tiếng. Sau 2 giây, chiếc iPad của bạn sẽ tắt hẳn tiếng luôn.

4. Tận dụng tối đa nút Home
20100511ipadhome
Bình thường, nút Home của iPad sẽ đưa bạn trở lại màn hình chính khi ấn 1 lần, nhưng khi được tinh chỉnh thì phím bấm này sẽ có thêm những chức năng mới. Hãy vào mục Settings, chọn General và Home. Tại đó bạn sẽ tinh chỉnh được nút Home, ví dụ như ấn nút Home 2 lần thì sẽ hiện ra mục Search hoặc bật iPod. Nếu bạn bật chế độ iPod Control trong mục Setting thì bạn có thể bất nhạc khi đang sử dụng chương trình khác thì ấn nút Home 2 lần.

5. Tạo shortcut cho 1 trang web trên màn hình Home

Các này rất đơn giản, bạn hãy vào trang web bạn muốn lưu, ấn vào dấu + ở trên rồi chọn Add to Home Screen.
20100511ipadshortcut
Như vậy, bạn sẽ có ngay một shortcut trên trang Home của iPad, đỡ mất công phải bật Safari rồi đánh tên trang web. "Mẹo vặt" này rất tiện lợi nếu bạn thường xuyên truy cập một địa chỉ nào đó.
20100511ipadshortcut2
6. Thân thiện hóa iBook
20100511ipadibook
Phần mềm iBook là phần mềm đọc sách điện tử độc quyền của Apple. Khi sử dụng phần mềm này, muốn sang trang bạn phải quét màn hình. Nếu như bạn không muốn mất thời gian cho việc quét màn hình thì có thể vào mục Setting của iBook để tinh chỉnh. Hãy vào mục Setting, Apps, iBooks và chọn chế độ Tap Left Margin cho Next Page. Như vậy khi đọc iBooks bằng cách ấn vào lề trái màn hình, iPad sẽ sang trang ngay lập tức cho bạn.

7. Kích hoạt chế độ kiểm tra âm thanh của iPod
20100511ipadsoundcheck
Không phải bài hát nào cũng có âm lượng như nhau. Có bài lúc nghe to, có bài lúc nghe nhỏ cho dù cùng một âm lượng trên iPad. Chính vì điều này mà bạn đã không ít lần phải điều chỉnh âm thanh. Để khắc phục vấn đề trên, bạn có thể vào mục Settings, chọn iPod và bật tính năng Sound Check. Chế độ này sẽ giúp tự điều chỉnh âm lượng phù hợp.

8. “Nhét” 6 chương trình Apps vào Dock
20100511ipaddock
Cho tới khi hệ điều hành iOS4.2 xuất hiện, bạn chỉ có thể ngậm ngùi với chiếc iPad không thể xử lí đa nhiệm. Trong khoảng thời gian chờ đợi này, bạn hãy tạm thời dùng bộ Dock. iPad không thể tạo được thư mục riêng như iPhone nhưng có thể để được nhiều chương trình trên 1 trang Home. Đối với những phần mềm hay sử dụng, bạn có thể “nhét” chúng vào bộ Dock ở dưới màn hình iPad. Hãy giữ chặt 1 biểu tượng phần mềm rồi kéo xuống bộ Dock và nó sẽ hoàn toàn giữ nguyên thiết lập bất kể di chuyển tới trang Home nào. Bạn có thể lưu tới 6 phần mềm trên một bộ Dock.

9. Mẹo dùng phím cách Spacebar
20100511ipadspace
Đây là một mánh khá thú vị và... đặc biệt. Thường thì bạn ấn phím Spacebar con trỏ sẽ cách 1 kí tự, nhưng iPad đem đến cho bạn một điều rất mới. Khi bạn đặt 2 ngón tay lên phím Spacebar thì con trỏ sẽ cách 2 kí tự, đặt 3 thì cách 3, đặt 4 thì cách 4 và cứ tiếp tục. Mẹo này tuy không đem lại tác dụng gì nhiều nhưng chúng ta có thể thấy được sự hài hước và sáng tạo trong công việc thiết kế của các kĩ sư Apple.

10. Tải bản “mềm” sách hướng dẫn dùng iPad
20100511ipadebook
Bạn có biết rằng mình có thể tải ebook hướng dẫn dùng iPad miễn phí không? Hãy lên cửa hàng trực tuyến iBooks và tìm với từ khóa “ipad”. Có thể bạn không ưa đọc sách hướng dẫn nhưng ít nhất với phiên bản ebook, bạn sẽ không phải mang theo cuốn sách hướng dẫn đi kèm iPad nữa.
read more

Tạo menu đẹp và load nhanh cho Blogger

, by Ngọc Sơn Phạm

Tạo menu đẹp và load nhanh cho Blogger




Nếu trước đây các bạn phải than phiền về tốc độ blog bị giảm đi ít nhiều khi áp dụng các thanh menu xổ dọc nhiều cấp kết hợp JQuery của blog khác. Thì hôm nay mẫu menu VinaCer Blog giới thiệu này sẽ đem đến cho các bạn một trải nghiệm tuyệt vời với CSS3.





Các bạn có thể xem hình demo ở dưới










☼ Cách tiến hành:

1- Đăng nhập (login) vào Blog
2- Vào Mẫu (Template)
3- Chọn Chỉnh sử HTML (Edit HTML) (Không cần mở rộng tiện ích mẫu)
4- Thêm đoạn code sau vào trước thẻ ]]></b:skin>.
#MBT-Container {
    font: normal 1em Arial, Helvetica, sans-serif;
     width:100%; float:left;   
}
a {
    color: #333;
}
#nav {
    margin: 0;
    padding: 7px 6px 0;
    background: #7d7d7d url(https://lh3.googleusercontent.com/-12RTQAJTUpA/UOLrGqHqFMI/AAAAAAAAAgY/MWrU71-KnDk/s512/vinacer-blogspot.png) repeat-x 0 -110px;
    line-height: 100%;
    border-radius: 2em;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
}
#nav li {
    margin: 0 5px;
    padding: 0 0 8px;
    float: left;
    position: relative;
    list-style: none; }

/* main level link */
#nav a {
    font-weight: bold;
    color: #e7e5e5;
    text-decoration: none;
    display: block;
    padding:  8px 20px;
    margin: 0;
    -webkit-border-radius: 1.6em;
    -moz-border-radius: 1.6em;
   
    text-shadow: 0 1px 1px rgba(0,0,0, .3);
}
#nav a:hover {
    background: #000;
    color: #fff;
}
/* main level link hover */
#nav .current a, #nav li:hover > a {
    background: #666 url(https://lh3.googleusercontent.com/-12RTQAJTUpA/UOLrGqHqFMI/AAAAAAAAAgY/MWrU71-KnDk/s512/vinacer-blogspot.png) repeat-x 0 -40px;
    color: #444;
    border-top: solid 1px #f8f8f8;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0, .2);
    box-shadow: 0 1px 1px rgba(0,0,0, .2);
    text-shadow: 0 1px 0 rgba(255,255,255, 1);
}
/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
    background: none;
    border: none;
    color: #666;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
#nav ul a:hover {
    background: #7d7d7d url(https://lh3.googleusercontent.com/-12RTQAJTUpA/UOLrGqHqFMI/AAAAAAAAAgY/MWrU71-KnDk/s512/vinacer-blogspot.png) repeat-x 0 -100px !important;
    color: #fff !important;
text-align:left;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    text-shadow: 0 1px 1px rgba(0,0,0, .1);
}
/* dropdown */
#nav li:hover > ul {
    display: block;
}
/* level 2 list */
#nav ul {
    display: none;
text-align:left;
    margin: 0;
    padding: 0;
    width: 185px;
    position: absolute;
    top: 35px;
    left: 0;
    background: #ddd url(https://lh3.googleusercontent.com/-12RTQAJTUpA/UOLrGqHqFMI/AAAAAAAAAgY/MWrU71-KnDk/s512/vinacer-blogspot.png) repeat-x 0 0;
    border: solid 1px #b4b4b4;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
    box-shadow: 0 1px 3px rgba(0,0,0, .3);
}
#nav ul li {
    float: none;
    margin: 0;
    padding: 0;
}
#nav ul a {
    font-weight: normal;
    text-shadow: 0 1px 0 #fff;
}
/* level 3+ list */
#nav ul ul {
    left: 181px;
    top: -3px;
}
/* rounded corners of first and last link */
#nav ul li:first-child > a {
    -webkit-border-top-left-radius: 9px;
    -moz-border-radius-topleft: 9px;
    -webkit-border-top-right-radius: 9px;
    -moz-border-radius-topright: 9px;
}
#nav ul li:last-child > a {
    -webkit-border-bottom-left-radius: 9px;
    -moz-border-radius-bottomleft: 9px;
    -webkit-border-bottom-right-radius: 9px;
    -moz-border-radius-bottomright: 9px;
}
/* clearfix */
#nav:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
} 
- Trong code trên bạn thay đổi các thông số sau cho phù hợp. Dấu # thay bằng liên kết tới các nhãn hoặc bài viết.
- Sau đó bấm Lưu lại
- nếu muốn đổi màu khác bạn hãy đổi phần  #7d7d7d  thành mã màu của bạn như màu xanh (#0080ff).
5- Toại một tiện ích HTML/Javarscip
- Thêm đoạn code sau vào.
<div id="MBT-Container">
<ul id="nav">
 <li class="current"><a href="/">Home</a></li>
 <li><a href="http://vinacer.blogspot.com/">Menu-Level Item 1</a>

  <ul>
   <li><a href="#">Sub-Level Item 1.1</a>
    <ul>
     <li><a href="#">Sub-Level Item 1.1.1</a></li>
     <li><a href="#">Sub-Level Item 1.1.2</a></li>
     <li><a href="#">Sub-Level Item 1.1.3</a></li>
     <li><a href="#">Sub-Level Item 1.1.4</a></li>

    </ul>
   </li>
   <li><a href="#">Sub-Level Item 1.2</a>
    <ul>
     <li><a href="#">Sub-Level Item 1.2.1</a></li>
     <li><a href="#">Sub-Level Item 1.2.2</a></li>
     <li><a href="#">Sub-Level Item 1.2.3</a></li>
    </ul>
   </li>
   <li><a href="#">Sub-Level Item 1.3</a></li>

   <li><a href="#">Sub-Level Item 1.4</a></li>
  </ul>
 </li>
 <li><a href="#">Menu-Level Item 2</a>
  <ul>
   <li><a href="#">Sub-Level Item 2.1</a>
    <ul>

     <li><a href="#">Sub-Level Item 2.1.1</a></li>
     <li><a href="#">Sub-Level Item 2.1.2</a>
      <ul>
       <li><a href="#">Sub-Level Item 2.1.2.1</a></li>
       <li><a href="#">Sub-Level Item 2.1.2.2</a></li>
       <li><a href="#">Sub-Level Item 2.1.2.3</a></li>
       <li><a href="#">Sub-Level Item 2.1.2.4</a></li>

      </ul>
     </li>
     
     <li><a href="#">Sub-Level Item 2.1.3</a></li>
    </ul>
   </li>
   <li><a href="#">Sub-Level Item 2.2</a></li>
   <li><a href="#">Sub-Level Item 2.3</a></li>

   <li><a href="#">Sub-Level Item 2.4</a>
    <ul>
     <li><a href="#">Sub-Level Item 2.4.1</a></li>
     <li><a href="#">Sub-Level Item 2.4.2</a></li>
     <li><a href="#">Sub-Level Item 2.4.3</a></li>
     <li><a href="#">Sub-Level Item 2.4.4</a></li>
    </ul>
   </li>

  </ul>
 </li> 
 <li><a href="#">Menu-Level Item 3</a></li>
 <li><a href="#">Menu-Level Item 4</a></li>
</ul>
</div> 
- Trong code trên bạn thay đổi các thông số sau cho phù hợp. Dấu # thay bằng liên kết tới các nhãn hoặc bài viết.
- Sau đó bấm Lưu lại
 



Menu trên có style được định dạng bằng HTML và CSS3. Menu có sử dụng các thuộc tính border-radius để bo tròn góc, thuộc tính box-shadow tạo bóng đổ cho menu con và text-shadow để tạo bóng đổ cho chữ. Menu này hoạt động tốt trên các trình duyệt có hỗ trợ CSS3 như Firefox, Safari, Chrome, IE 9+. Trên các trình duyệt không hỗ trợ CSS3 như IE6, IE7, IE8 thì tính năng Dropdown vẫn hoạt động tốt ngoại trừ những hiệu ứng của CSS3 (border-radius, box-shadow, text-shadow)
- Nếu có host chứa file riêng thì bạn có thể copy tất cả code ở bước 4 vào thành 1file.CSS sau đó upload lên host. Lấy link file đó và chèn vào trước thẻ </head> theo cấu trúc:
<link href="URL_style.css" rel="stylesheet" type="text/css" />
URL_style.css chính là link CSS.
Chúc thành công!

read more