Thủ thuật ẩn thanh Navbar là 1 trong những thủ thuật cơ bản mà bất cứ ai muốn blog của mình pro hơn đều biết. Và thủ thuật này mình cũng đã giới thiệu với các bạn từ rất lâu rồi. Hôm nay mình tình cờ tìm được 1 thủ thuật khác để làm ẩn thanh Navbar này đi.
Thủ thuật lần trước (có thể xem thêm ở đây) là ẩn thanh navbar. Đúng với tên gọi của thủ thuật, thanh Navbar vẫn tồn tại ở trên blog của bạn, nhưng nó chỉ bị ẩn đi, tức là blog vẫn load thanh Navbar,và các công dụng của nó vẫn còn trên blog. Còn ở thủ thuật lần này ta sẽ xóa hẳn thanh Navbar.
* Cách Xóa hoàn toàn thanh Navbar trong blogspot :
1. Vào bố cục
2. Vào chỉnh sửa code HTML
3. Tìm đến dòng code <body> và chèn vào trước nó đọan code bên dưới :
<script type='text/javascript'><![CDATA[[<!--/*<body>*/-->]]></script>
-Lưu Ý: Do một số bạn phản ánh là Blog của bạn không có thẻ <body> tuy nhiên bạn cũng có thể tìm thẻ <body (lưu ý thẻ <body có thể thiếu dấu ">" phía sau) và thêm code trên vào trước thẻ <body. Hoặc tìm thẻ đóng </head> và chèn đoạn Code bên trên vào sau thẻ <head>
và các bạn chọn Delete Wigets để xóa nó đi.
5. Và như vậy thanh Navbar đã bị xóa hòan tòan khỏi blog của bạn.
5. Và như vậy thanh Navbar đã bị xóa hòan tòan khỏi blog của bạn.
- Trước kia, khi ẩn thanh Navbar thì các công cụ chỉnh sửa của blog như : Chỉnh sửa bài viết 
, chỉnh sửa widget 
vẫn sẽ hiển thị khi bạn đăng nhập quyền Admin của blog, nhưng ở thủ thuật này thì nó sẽ không còn xuất hiện nữa. Chính vì vậy khi bạn muốn chỉnh sửa bài viết hay widget thì bạn phải thực hiện trong trang Phần tử trang.
- Nếu như bạn không thích điều này, và muốn chỉ ẩn thanh Navbar còn các công cụ chỉnh sửa vẫn sử dụng được thì bạn chỉ việc khôi phục lại thanh Navbar, để làm điều này bạn chỉ việc làm ngược lại bước 3, tức là xóa code mà đã thêm ở bước 3.
, chỉnh sửa widget vẫn sẽ hiển thị khi bạn đăng nhập quyền Admin của blog, nhưng ở thủ thuật này thì nó sẽ không còn xuất hiện nữa. Chính vì vậy khi bạn muốn chỉnh sửa bài viết hay widget thì bạn phải thực hiện trong trang Phần tử trang.- Nếu như bạn không thích điều này, và muốn chỉ ẩn thanh Navbar còn các công cụ chỉnh sửa vẫn sử dụng được thì bạn chỉ việc khôi phục lại thanh Navbar, để làm điều này bạn chỉ việc làm ngược lại bước 3, tức là xóa code mà đã thêm ở bước 3.
Nhận xét
ban oi cho minh hoi sao trang blog cua minh ko co dong code <body nay sao bay gio
Trả lờiXóaco gi huong dan qua mail dum xin cam on truoc
life_fastest@yahoo.com
Amin trả lời life_fastest@yahoo.com:Blog của bạn không có thẻ <body> tuy nhiên bạn cũng có thể tìm thẻ <body (lưu ý thẻ <body có thể thiếu dấu ">" phía sau) và thêm code trên vào trước thẻ <body. Hoặc bạnạn tìm thẻ đóng </head> và chèn đoạn Code bên trên vào sau thẻ <heart>
Trả lờiXóamình làm được rùi cảm ơn ban rất nhiều !
Trả lờiXóalife_fastest@yahoo.com
Trả lờiXóaban oi cho mình hỏi cái này nưa nha
mình muốn chỉnh ảnh trên thanh tiêu đề cho nó nhỏ lại.
và phía bài đăng cho nó rộng ra. tại trang của mình nó bị hẹp lại.
mình cảm ơn ban trước nha
Amin trả lời còn tùy xem Blog của bạn sử dụng mẫu Template do bạn tự thiết kế hay bạn sử dụng mẫu Template Free trên mạng
Trả lờiXóa-nếu là mẫu Template Tự thiết kế thì bạn chỉ cần vào Thiết kế ->Trình Thiết kế mẫu -> Điều chỉnh độ rộng -> Sau đó bạn điều chỉnh lại là Ok
- Nếu mẫu của bạn là Maauc Downloand trên mạng thi cần phải chỉnh sửa sâu bên trong HTML (Lưu ý: trường hợp này phải sao lưu HTML phong khi sai xót còn khắc phục)
Bạn vào THIẾT KẾ -> CHỈNH SỬA HTML -> Sau đó bạn tìm đoạn code bên dưới phần như sau:
/* Outer-Wrapper----------------------------------------------- */
Bạn chú ý các mục sau:
#outer-wrapper{width:1000px;.....
điều chỉnh bề ngang của blog
#main-wrapper{width:520px;..........
Điều chỉnh bề ngang của bài viết
minh dang sử dụng mẫu Template Free trên mạng
Trả lờiXóamình làm được rùi ! cam ơn bạn nhìu !
bạn ơi ! blog chi cho phép mình tạo được 10 trang
Trả lờiXóarùi ko cho tạo nữa vậy có cách nào tạo thêm được nữa ko vậy chỉ dùm mình với
mình cảm ơn trước !
sẳn bạn chỉ dùm minh có cách nào làm menu ngang và nhiều menu con như bạn ko mình làm mãi mà ko làm được. khi dùng java dán cos vào xem thử thì nó hiện ra ngoài trang hết chứ nó ko có dấu menu như trang của bạn.
Trả lờiXóaAmin reply: Bạn vào đây mình có hướng dẫn tạo thêm trang mới ngoài 10 trang ban đầu đó nha:
Trả lờiXóahttp://namkna.blogspot.com/2011/07/huong-dan-tao-1-page-cho-blogspot-bang.html
Với cách này bạn có thể tạo Rất nhiều trangmới
Nếu có gì thắc mắc hoặc không hiểu bạn cứ Comment mình sẽ trả lời bạn
nho namkna chi dum moi nguoi cach thay thanh navbar thanh thanh menu nhu blog cua namkna dc ko
Trả lờiXóaTìm thẻ: <div id='header-wrapper'> và thêm vào trước nó code sau:
Xóa<div class='menutoppic'>
<div class='menutop'>
<ul>
<li><a href='/' title='Trở về trang chủ'>Home</a></li>
<li><a href='http://twitter.com/namkna'>Twitter</a></li>
<li><a href='https://www.facebook.com/namkna.blogspot'>Facebook</a></li>
<li><a href='/2012/03/advertising-on-namkna.html' title='Liên hệ đặt quảng cáo trên trang namkna'>Quảng cáo</a></li>
<li><a class='rsssend1' href='/feeds/comments/default'>Comments</a></li>
<li><a class='rsssend1' href='/atom.xml'>RSS</a></li>
</ul>
<div class='menusearch'>
<div style='float:right;padding:1px 8px 0 0;'>
<form action='http://www.google.com/search' id='search' method='get' target='_blank'>
<input name='cx' type='hidden' value='000704786632954521024:590qlmgqwcs'/>
<input name='cof' type='hidden' value='http://namkna.blogspot.com/'/>
<input id='q' name='q' placeholder='Nhập từ khóa và Enter...' size='70' type='text'/>
</form>
</div>
</div>
</div>
<div style='clear:both;'/>
Thêm code dưới vào trước ]]></b:skin>
/* Menu top*/
.menutoppic {background:#347C17;width:980px;margin:0 auto;padding:0 auto;top:0; position:fixed;z-index:30;text-shadow:1px 1px 1px #000;height:32px}
.menusearch{width:270px;float:right;margin:0 auto;padding:0 auto;margin:0}
.menutop{width:980px;height:24px;margin:0 auto; padding:4px 0px;}
.menutop ul{margin: 0; padding-left:5px;color:#fff;text-transform: capitalize;list-style-type: none;font:normal 12px Arial, Helvetica,Verdana,sans-serif;}
.menutop li{display: inline; margin: 0;}
.menutop li a{float: left;display: block;text-decoration:none;
padding: 4px 6px 4px 6px;color: #fff}
.menutop li a:visited{color: #fff;}
.menutop li a:hover{background:#fff;border-radius:3px;-webkit-border-radius:3px;-opera-border-radius:3px;-moz-border-radius:3px;color:#000;text-decoration:none;}
.rsssend1{border:1px solid;border-color:#FC9 #630 #330 #F96;padding:0 3px;font:bold 10px verdana,sans-serif;color:#FFF;background:#F60;text-decoration:none;margin:0;}
#search { }
#search input[type="text"] {background: url(http://3.bp.blogspot.com/-jadxVwshh_4/UMXcE9JAZ3I/AAAAAAAAAts/H3_5ND-y8bA/s1600/search-white-namkna-blogspot-com.png) no-repeat 10px 6px #444;border: 0 none; font: bold 12px Arial,Helvetica,Sans-serif;color: #d7d7d7;width:150px;padding: 4px 15px 4px 35px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;-webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;}
#search input[type="text"]:focus {background: url(http://2.bp.blogspot.com/-SuIiRf_lCrY/UMXb8t29R0I/AAAAAAAAAtk/l73AavYMjRE/s1600/search-dark-namkna-blogspot-com.png) no-repeat 10px 6px #fcfcfc;color: #6a6f75;width: 200px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); }
Không hề tìm thấy khúc thẻ nào có dạng: id='header-wrapper'> hay 'header-wrapper'>. Phải làm sao, hả đ/c Nam?
XóaMỗi blog thẻ này có thể có sự thay đổi tùy theo người thiết kế.
XóaBạn để lại Link trang của bạn lại đây để mình chỉ cho thẻ đó nha.
Trang của mình đây, đ/c:
Xóahttp://phutue.blogspot.com/
Cảm ơn rất nhiều!
Đó là mẫu SImple của blogger bạn có thể chèn vào sau đoạn </header>
Xóahoặc chèn trước đoạn <div class='tabs-outer'>