Cách xóa bỏ navbar và loại bỏ stylesheet của Blogger

NamPhong 15/2/12 20:47

:)) Tem nào

ABV 15/2/12 21:47

Dạo này hoạt động của giới Blogspot có vẻ trầm lại hẳn!:(

Pig 15/2/12 22:15

:-/ em thấy cũng chẳng cầ thiết phải bỏ nó đi lắm, css thôi mà

Tomorrow 15/2/12 22:29

Hình như thủ thuật cũ :D

Unknown 15/2/12 22:47

@Linh DungChắc mọi người bận ấy mà bác. Thấy bác Duy là với bác Tiến là vẫn tích cực hoạt động thôi.

Ismail Sosse Alaoui 16/2/12 06:47

thanks very useful :-t

Noct 16/2/12 07:13

mình xóa nhầm cái thẻ gì đó nên mấy cái trên nó tự động mất tiêu :D

Duy Pham 16/2/12 12:07

@Pika RockNếu navbar nằm ở cuối thì k sao, nó nằm trên cùng lại dạng iframe nên k tốt cho SEO thôi. Còn nếu loại bỏ CSS của Blogger thì có thể đạt "chuẩn" CSS của W3C.

Duy Pham 16/2/12 12:08

@Nguyễn Anh DuyEm rất khắt khe trong việc viết bài nên bác yên tâm là k cũ dù chủ đề đã có rồi.

Duy Pham 16/2/12 12:11

@NoctBác nên thêm lại file authorization.css để người dùng có lựa chọn xóa comment đã viết. Nếu k nhầm thì ở giao diện phần tử trang của bác các section, widget đều nằm dọc do k còn thẻ b:skin.

Noct 16/2/12 12:49

@Duy Phamthử xóa cái bundle.css thì skin rối tung cả lên @-) , bác sửa sao tài thế :D

Duy Pham 16/2/12 13:00

@NoctTrước em dựng layout cho temp này đụng chạm rất ít đến những id, class mà Blogger đã đặt trước cho nên bỏ nó đi mà k ảnh hưởng gì nhiều :D

Minh Hùng 16/2/12 16:34

Tớ đã áp dụng thủ thuật xóa bỏ navbar. Kết quả là nút chỉnh sửa widget có hiển thị, còn nút chỉnh sửa bài viết (hình cây bút chì) ở cuối bài viết không thấy hiện. Xin cho biết cách khắc phục?

Nặc danh 16/2/12 19:24

Bài viết hay, thanks Duy!

Duy Pham 16/2/12 21:03

@Minh HùngLink authorization.css chèn sau ]]></b:skin> chứ k phải trước.

Minh Hùng 16/2/12 21:14

@Duy PhamCảm ơn bạn nhiều. Đã sửa lại thành công!

Cenz.ChoiChoi 17/2/12 12:07

Nếu vậy mình ko sài dc cái comment phân cấp của blogger hả bác :-?

Duy Pham 17/2/12 12:28

@PhoenixAnimeSao lại k? Chỉ là bạn phải thêm CSS liên quan đến comments phân cấp ở trong file bundle.css vào style sheet trong temp. Tuy nhiên thủ thuật loại bỏ này chỉ dành cho những bạn có khả năng thiết kế và hiểu CSS.

Bmaster 17/2/12 21:37

Sau khi mình làm check w3c thì lại lên 1 lỗi :-SS

Duy Pham 17/2/12 22:07

@BmasterNhững lỗi nếu có thì bạn phải tự sửa chứ, giờ đây CSS quyền chủ động là ở phía bạn rồi. Mình còn có 3 lỗi với CSS3 trong đó 2 lỗi kép là do CSDL của W3C check đã cũ.

p/s: nếu biết đến W3C check mà bạn lại hỏi câu hỏi như vậy thì thật lạ, hoặc là bạn comment chém gió :-t

Minh Triết 18/2/12 13:38

Mình chỉ dám xóa cái navbar thôi, không dám xóa style sheet xóa cái này bạn phải có kiến thức về thiết kế web để không bỏ sót những class quan trọng...

Nói chung để viết blog thì kg khó nhưng viết blog đẹp thì cực khó vì nó đòi hỏi rất nhiều kiến thức và công sức...

Bmaster 18/2/12 16:25

@Duy Pham
Mình cũng có biết đâu, thấy bảo là check cái này càng ít lỗi thì site càng tốt :D, để mình mày mò thêm vậy.


p/s: tks bạn về bài viết phân trang nhận xét nhé.

phan mem quan ly ban hang 20/2/12 16:26

Hay đó, cảm ơn bạn rất nhiều

Tien Nguyen 23/2/12 13:15

Em sẽ áp dụng phần này vào các mẫu blog tiếp theo cho nhẹ bớt đi. Thank bác.

Duy Pham 23/2/12 15:44

@Tien NguyenTiếc là link authorization.css k lấy 1 cách auto dc

GIANG 23/2/12 16:45

Xóa mấy cái này có vi phạm quy định sử dụng không pác? mấy hôm trước bị xóa tài khoản không biết lý do gì làm em điêu đứng ==!

Duy Pham 23/2/12 17:22

@Đặng Nguyễn Trường GiangK hề có quy định phải giữ navbar bạn ạ :D

Hoxam 24/2/12 08:49

mình gà quá nên cái này ko áp dụng được....
Qua eblogviet thấy cũng ít người quá.....
cộng đồng blog dạo này chìm quá.... Các blog thủ thuật cũng ít chủ đề hơn và cũng nhạt hơn....
Có một điều là cộng đồng blog Việt gần như không kiếm được tiền nếu không có hướng đi khác....
Còn blog thủ thuật chỉ tồn tại được nếu có đam mê....
Chúc Duy ngày càng mạnh khỏe và luôn có đam mê dành cho blogspot.
Nhớ bác hỗn tạp quá.....chuyển qua viết plusin cho WP là quên mất luôn blogspot rùi:(

Duy Pham 24/2/12 11:52

@HoxamKhi bỏ tiền ra mua 1 sản phẩm.
Phương Tây: bỏ tiền ra thì chất lượng tốt hơn.
VN: tại sao phải tốn tiền khi trên mạng đầy thứ free.

Nhìn nhận mang tính chủ quan của mình thôi nhé :D. Đó là lý do mà khi chuyển qua Blogger này mình k có ý định kiếm tiền với nó.

Có lẽ sắp tới mình sẽ thêm chủ đề thiết kế liên quan tới HTML và CSS để có thể ra bài đều đều dc chứ mình thủ thuật Blogger thì cạn lắm rồi :D

Hoxam 24/2/12 13:05

Mình ko biết nhiều lắm nhưng thủ thuật blogger quanh đi quẩn lại cũng chỉ thế thôi, hết js lại template...nói chung nó không đa dạng lắm....
Cộng đồng blogger việt cũng chỉ được một nhúm người và các cây viết chủ chốt cũng vắng bóng gần hết (tính cả WP và Blogger)
Ngoài một vài blog thủ thuật "gốc" thì toàn coppy pate, mà người mới vào thì toàn bác google (giống mình:D trước đây) chẳng cần biết cái cộng đồng này nó thế nào cả...
Mình vẫn theo dõi đều các blog và nhất là blog của Duy....
Chúc luôn vui vẻ:D và có nhiều bài hay cho anh em:D

Unknown 24/2/12 21:41

Xóa han cái Navar thì có Liên quan gì tới SEO ko, mà mình cứ tưởng chỉ cần navar display:none la ok.

Duy Pham 25/2/12 13:28

@maploironK hiển thị và k tải khác nhau bạn ạ. Chưa nói đến việc SEO mà chỉ đề cập đến việc k hiển thị nhưng vẫn tải nó và k để làm gì cũng thừa rồi.

ngoài display:none thì text-indent với giá trị âm dc sử dụng nhiều trong kỹ thuật SEO khi "k hiển thị text" với người xem nhưng bot vẫn đọc dc. Hoặc ngay như menu khi đặt position và left mang giá trị âm thì k hiển thị sổ xuống mặc dù nó vẫn tải về.

Tien Nguyen 26/2/12 14:11

@HoxamBác muốn nó rùm ben thì cũng đơn giản ^_^. Chỉ có điều ở Việt Nam thì nghề Blog hơi bị thọt thôi. Cần có kế hoạch dài chút.

Tien Nguyen 26/2/12 14:13

@Duy PhamEm còn đầy ý tưởng lắm bác. Giá có bác phan vào vài phát thì cũng đỡ khổ, em bận quá mà bấn.

Duy Pham 26/2/12 19:52

@Tien NguyenEm thích những ý tưởng của bác! Có điều bác viết nhiều về custom ý, em thích những bài như vậy, k thích những bài lý thuyết về viết blog thế này thế nọ như 1 vài blog WP :D

Tien Nguyen 3/3/12 16:36

Bỏ navbar thì mấy cái quickedit cũng bay hết bác Duy. :-?

Duy Pham 3/3/12 16:45

@Tien NguyenTrước khi bỏ bác lưu thủ công lại link authorization.css em có nói ở bước 1 ý. Nếu bỏ cả css mặc định thì bác thêm .item-control{display:none} vào css nữa. Những thứ như chỉnh sửa, xóa comment là được display:none. Tùy thuộc vào tài khoản nào đăng nhập mà file authorization.css sẽ khai báo lại display:block để hiển thị cho tài khoản đó thấy.

Cá nhân em thì chỉ hiển thị nút xóa comment cho người comment có lựa chọn xóa khi muốn, còn những nút chỉnh sửa thì em xóa hẳn đi chứ k để kiểu display:none. Em theo chủ nghĩa tối giản hết mức :D

Noct 4/3/12 15:34

@Duy Pham1 cái quan trọng nữa là clear:both , không có nó thì y như là :))

Duy Pham 4/3/12 16:10

@NoctĐúng rồi, k có nó thì loạn b-(

Green Vietnam 8/3/12 11:49

Cái này hữu ích đó :D

Thanks

Unknown 9/3/12 12:52

BAC DUY XEM BLOG MIMH CO DUOC KHONG NHA CHO Y KIEN NHA BAC DUY
http://www.boxgiaitri.net/

Unknown 17/3/12 15:17

bạn ơi, trong blog mình có mấy cái

:(( Ko xóa dc :( Mỗi lần xóa nó cứ báo lỗi bX-.... gì đấy :(
Giúp mình với

Duy Pham 17/3/12 15:23

@Ivy LoveDùng giao diện Blogger cũ nhé.

Share All World 13/4/12 11:38

HI.. chẳng hiểu sao trong blog của mình không tìm thấy mấy cái keywords mà Duy hướng dẫn: stylesheet, navbar, authorization, ... :-?

Unknown 28/4/12 19:05

Cho mình hỏi, cái javascript cuối blog:
- src="http://www.blogger.com/static/v1/widgets/2121586095-widgets.js"...
- if (typeof(BLOG_attachCsiOnload) != 'undefined' &...
Cái này có cần thiết không vậy, bỏ luôn được không :d

Unknown 2/5/12 15:21

Bài viết của bạn hay quá! Cám ơn bạn nhiều nhé! :D

Asahoo 30/7/12 13:45

Cảm ơn bài viết của bạn nha, nhờ blog của ạn mà mình có thể làm cho blog của mình thêm hấp dẫn

Tran My Le 16/8/12 08:49

Bài viết rất tỉ mỉ, đúng là cái mình cần

Điền Gia Dũng 30/9/12 14:27

Thanh navbar có thể tắt bằng code hay bằng chức năng của Blogspot nhưng tại đầu trang vẫn còn cái khoảng trống của thanh điều hướng cũ, khoảng trống này làm tiêu đề blog thêm bề cao, trông xấu.
Mình đã thử khắc phục bằng cách này:

Tìm đoạn mã body {
và thêm vào sau mã thẻ trên để triệt tiêu khoảng cách ấy:
top: -32px;
Vậy là nó mất hẳn.

Unknown 22/7/13 14:31

cho mình hỏi là sau khi mình xóa cái css mặc định của blogger thì nó cứ hiện nút "xóa" kể cả khách cũng thấy, bạn có thể hướng dẫn mình fix được không :)

Duy3s.com 26/8/14 07:46

Nhận xét này đã bị quản trị viên blog xóa.

Fiat Trịnh Xuân Thọ 19/6/15 14:36

mỗi lần định làm thủ thuật này thì đọc dòng này nên thôi: "Việc loại bỏ stylesheet mặc định của Blogger chỉ thực hiện khi bạn làm chủ được CSS blog của chính mình."

Mình thường thấy mấy cái này được loại bỏ trong các temp chuẩn html5, cũng thấy các temp ấy chạy nhanh. Họ thường thay hết tên các id để tránh trùng lặp với id mặc định của blogger, rồi thêm mấy thứ lằng nhằng khác nữa mà mình không hiểu nổi :p

Vd cái temp này cũng tàm tạm:
http://newthesisseov2.blogspot.com/
http://gresense.blogspot.com/

Cái temp này thì đẳng cấp hơn: http://magzfil.blogspot.com/

Fiat Trịnh Xuân Thọ 15/11/16 22:41

Trong temp em đang dùng họ thay: </body>

bằng:


&lt;!--
<b:section class='noremove' id='noremove' max-widgets='2' showaddelement='no'>
<b:widget id='Navbar1' locked='true' title='Thanh điều hướng' type='Navbar' version='1' visible='true'>
<b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt;
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener(&#39;load&#39;,
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; });
}
}
&lt;/script&gt;
&lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
gapi.load(&quot;gapi.iframes:gapi.iframes.style.bubble&quot;, function() {
if (gapi.iframes &amp;&amp; gapi.iframes.getContext) {
gapi.iframes.getContext().openChild({
url: &#39;https://www.blogger.com/navbar.g?targetBlogID\x3d7176914514512246281\x26blogName\x3dng%E1%BB%8Dn+l%E1%BB%ADa+nh%E1%BB%8F\x26publishMode\x3dPUBLISH_MODE_HOSTED\x26navbarType\x3dLIGHT\x26layoutType\x3dLAYOUTS\x26searchRoot\x3dhttp://www.ngonluanho.net/search\x26blogLocale\x3dvi\x26v\x3d2\x26homepageUrl\x3dhttp://www.ngonluanho.net/\x26vt\x3d1389749824273068276&#39;,
where: document.getElementById(&quot;navbar-iframe-container&quot;),
id: &quot;navbar-iframe&quot;
});
}
});
&lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;
(function() {
var script = document.createElement(&#39;script&#39;);
script.type = &#39;text/javascript&#39;;
script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;;
var head = document.getElementsByTagName(&#39;head&#39;)[0];
if (head) {
head.appendChild(script);
}})();
&lt;/script&gt;
</b:includable>
</b:widget>
<b:widget id='Attribution1' locked='true' title='' type='Attribution' visible='true'>
<b:includable id='main'>
<div class='widget-content' style='text-align: center;'>
<b:if cond='data:attribution != &quot;&quot;'>
<data:attribution/>
</b:if>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
--&gt;&lt;!--
</body>
--&gt;&lt;!--

sẽ loại được 2 cái này:
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/3588524177-widgets.js"></script>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>

Còn chỗ: 2. Loại bỏ stylesheet mặc định của Blogger:
THông thường thì hình của Widget PopularPosts và đường link xộc xệch tí, và có thể chữa lại bằng cách như trong temp bác: #sidebar .item-thumbnail { float: left; margin-right: 10px; width: 36px; height: 36px; }


Hoặc làm theo bài này của bác sẽ ổn.

=> Chạy nhanh dã man

Ngoài lề tí: Liệu bây giờ còn ai dùng IE 7 8 9... nữa không bác? Em kiếm được cái tem đạt chuẩn AMP nhưng test trên IE thì... thôi rồi