Đối với các blog có nhiều chủ đề thì việc sử dụng nhiều Widget (Tiện ích) là điều không tránh khỏi. Do vậy làm thế nào để các Wiget tiện ích đó hiển thị đúng nơi, đúng chỗ là điều mà các Blogger phải tínht oán và cân nhắc rất kỹ.
Việc bố trí các Widget trên Template một cách hợp lý sẽ làm nổi bật nội dung cần truyền tải, logic và hài hòa với bố cục Blog.
Chính vì lý do đó, hôm nay Namkna xin được giới thiệu đến bạn đọc những thủ thuật nhỏ để “hiển thị Widget ở những trang nhất định trong Blogspot”, tiến hành như sau :
» Bước 1: Xác định ID của Wdget tiện ích cần tùy biến theo thủ thuật này.
1.1- Vào Bố cục (Layout) -> Nhấp vào Chỉnh sửa (Edit) trên Widget cần xử lý
1.2 - Một cửa sổ Popup bật lên, bạn nhìn vào phía trên góc phải (gần thanh tiêu đề) sẽ thấy dòng có dạng tương tự sau: …null&widgetId=HTML10 (trong trường hợp này là widget HTML10, đối với widget khác sẽ có ID khác)
- Sau khi xác định được Id của tiện ích bạn đóng cửa sổ popup đó lại và tiến hành bước tiếp theo nha.
Bước 2: Ẩn hiện Widget ở những trang nhất định trong Blogspot
2.1- Bạn vào Mẫu (Template) => vào Chỉnh sửa HTML (Edit HTML) để tìm Id widget đó trong Template (trường hợp này là HTML10) Hãy sử dụng chức năng Tìm kiếm nội tuyến để tìm nó.
- Ngoài ra bạn có thể tìm kiếm trực tiếp nó trên thanh menu của phần chỉnh sửa blogger bằng cách bấm vào Chuyển đến tiện ích như hình dưới.
- Bạn sẽ được chuyến đến tiện ích đó (nhưng nó sẽ bị thu nhỏ) do vậy hãy bấm vào mũi tên màu đen nằm ở trước đoạn code của tiệ ích để mở rộng nó ra:
- Sau khi mở rộng nó ra bạn sẽ được đoạn code tương tự như sau:
- Ngoài ra bạn có thể tìm kiếm trực tiếp nó trên thanh menu của phần chỉnh sửa blogger bằng cách bấm vào Chuyển đến tiện ích như hình dưới.
- Bạn sẽ được chuyến đến tiện ích đó (nhưng nó sẽ bị thu nhỏ) do vậy hãy bấm vào mũi tên màu đen nằm ở trước đoạn code của tiệ ích để mở rộng nó ra:
- Sau khi mở rộng nó ra bạn sẽ được đoạn code tương tự như sau:
<b:widget id='HTML10' locked='false' title='' type='HTML'> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget>
- Như vậy, ta đã xác định được ID cũng như vị trí và nội dung của Widget, Bây giờ Mình sẽ thêm lệnh ẩn hoặc hiện Widget ở 2 vị trí là:
- Vị trí 1: Sau thẻ mở <b:includable id='main'> Phần này bạn thay dổi theo các mã mình cung cấp bên dưới.
- Vị trí 2: Thêm lệnh </b:if> vào trước thẻ đóng như sau </b:includable> phần này dung chung cho tất cả các thủ thật bên dưới.
- Khi đó bạn có đoạn code mới dạng như sau.
<b:widget id='HTML10' locked='false' title='' type='HTML'>
<b:includable id='main'>
<-- Vị trí 1 -->
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
2.2- Đến đây bạn thay chữ <-- Vị trí 1 --> thành một trong các đoạn code tương ứng bên dưới:
2.2.1. Chỉ hiển thị Widget ngoài trang chủ
- Thay chữ <-- Vị trí 1 --> thành đoạn code sau:
<b:if cond='data:blog.url == data:blog.homepageUrl'>
- Thay chữ <-- Vị trí 1 --> thành đoạn code sau:
<b:if cond='data:blog.pageType == "archive"'>
3. Chỉ hiển thị Widget ở trang bài viết
- Thay chữ Vị trí 1 thành đoạn code sau:
<b:if cond='data:blog.pageType == "item"'>
4. Chỉ hiển thị Widget ở trang Static Page
- Thay chữ Vị trí 1 thành đoạn code sau:
<b:if cond='data:blog.pageType == "static_page"'>
5. Chỉ hiển thị Widget ở những trang với liên kết cụ thể
- Thay chữ Vị trí 1 thành đoạn code sau:
<b:if cond='data:blog.url == "URL của trang chỉ định"'>
- Trong đó URL của trang chỉ định là địa chỉ của trang nhãn hay bài viết. Ví dụ mình muốn HTML10 bên trên chỉ hiển thị trong bài viết nyaf thì mình thay chữ Vị trí 1 bằng đoạn code sau:
<b:if cond='data:blog.url == "http://namkna.blogspot.com/2011/07/hien-thi-widget-o-nhung-trang-nhat-inh.html"'>
6. Chỉ hiển thị Widget ở Trang chủ, trang Label và trang Archive
- Thay chữ Vị trí 1 thành đoạn code sau:
<b:if cond='data:blog.pageType == "index"'>
* Ở trên bạn có thể thấy mình cố ý đánh dấu “==” bằng màu đỏ, có nghĩa là, bạn hoàn toàn có thể thay dấu “==” bằng dấu “!=” sẽ mang ý nghĩa khác.
Qui ước :
== : “bằng” hoặc tương đương - Tức là chỉ hiện thị khi thỏa mãn điều kiện mà ta đưa ra. | != : “khác” hoặc không tương đương - Tức là không hiển thị khi thỏa mãn điều kiện ta đưa ra. |
Ví dụ, nếu bạn muốn Widget HTML10 hiển thị ở tất cả các trang khác ngoại trừ trang chủ, thì ta thay chữ Vị trí 1 bằng đoạn code sau:
<b:if cond='data:blog.url != data:blog.homepageUrl'>
Tùy biến nâng cao sử dụng kết hợp các điều kiện
Vì một lý do nào đó, bạn chỉ muốn hiển thị widget ở trang A và trang B hoặc hiển thị khi thỏa mãn là trang A hoặc trang B, ta sẽ kết hợp các điều kiện với nhau như sau :
- Khi đó ta phải thêm 2 thẻ đóng </b:if> vào trước thẻ đóng </b:includable> của Widget như sau:
- Khi đó ta phải thêm 2 thẻ đóng </b:if> vào trước thẻ đóng </b:includable> của Widget như sau:
<b:widget id='HTML10' locked='false' title='' type='HTML'>
<b:includable id='main'>
Vị trí 1
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if></b:if>
</b:includable>
</b:widget>
- Trong đó phần màu vàng là nội dung của Widget.
- Tiếp theo thay lệnh điều kiện cho các Wiget như sau:
A. Trường hợp 1 : chỉ hiển thị widget khi thỏa mãn 2 hay nhiều điều kiện
- Tiếp theo thay lệnh điều kiện cho các Wiget như sau:
A. Trường hợp 1 : chỉ hiển thị widget khi thỏa mãn 2 hay nhiều điều kiện
- Thay chữ Vị trí 1 thành đoạn code sau:
<b:if cond='data:blog.url != "Điều kiện 1"'>
<b:if cond='data:blog.url != "Điều kiện 2"'>
- Ví dụ, hiển thị widget ở tất cả các trang ngoại trừ chuyên mục IDM - Download và Blogspot - tips :<b:if cond='data:blog.url != "http://namkna.blogspot.com/search/label/IDM-Downloand"'> <b:if cond='data:blog.url != "http://namkna.blogspot.com/search/label/Blogspot-tips "'> nội dung widget </b:if></b:if>
B. Trường hợp 2 : chỉ hiển thị widget khi thỏa mãn một trong các điều kiện
- Thay chữ Vị trí 1 và đoạn màu vàng thành đoạn code sau:
<b:if cond='data:blog.url == "Điều Kiện 1"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
<b:else/>
<b:if cond='data:blog.url == "Điều Kiện 2"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
<b:else/>
Ví dụ, chỉ hiển thị widget ở chuyên mục IDM - Download hoặc Blogspot - tips<b:if cond='data:blog.url == "http://namkna.blogspot.com/search/label/IDM-Downloand"'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> <b:else/> <b:if cond='data:blog.url == "http://namkna.blogspot.com/search/label/Blogspot-tips"'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> <b:else/> </b:if></b:if>
Bạn Save Template Lưu Mẫu Xem kết quả nha.
Chúc các bạn thành công !
Nhận xét
Cảm ơn bạn nhiều. Mình đang gặp rắc rối với vấn đề này đây.
Trả lờiXóa@ Xuân Thủy: Không có gì rất vui vì bạn thành công!:)
Trả lờiXóagiống mình, làm trên label không được
Xóaý bạn là làm như thế nào ....
XóaBạn ơi hết tết lâu rồi :D
Trả lờiXóagiúp tớ tí, tớ muốn một số widget chỉ hiển thị ở một chủ đề nhất định (label), nhưng chưa bít làm sao, như hướng dẫn trên không được đâu :(
GREEN VIETNAM
P/S mới lại cái widget theo dõi trang không chỉnh đc theo cách này :(
Trả lờiXóa@TDT Được mà bạn nhớ thêm các thẻ đóng </b:if> đúng chỗ nha vì nếu không đúng là không được đâu.
Trả lờiXóaEm đã làm rồi, nhưng mà cái widget nó lại nằm giữa phần body và footer T_T, anh namkna xem giùm em, mà code nó có năm trong phần footer đâu. Em đã thử giảm bớt kích thước của các sidebar hoặc main-wrapper nhưng đều không được ạ.
Trả lờiXóaThanks anh :1) :3) :2)
Nhầm, post nhầm bài @@ :4)
Trả lờiXóa@vlpm4st3rMình thấy thích cách kiếm tiền qua mạng mà bạn đang post đó :3) :3) :3) :3)
Trả lờiXóaSao cái code của mình nó lại k như thế kia vậy bạn
Trả lờiXóaSr, tại mình chưa bật mở rộng tiện ích mẫu, ngu quá
Trả lờiXóa@Johnny uk cái này phải mở rộng tiện ích mẫu. :3) :3) :3) :3)
Trả lờiXóabài viết rất hay và dễ hiểu. cảm ơn bạn nhé. :3) www.hungole.blogspot.com
Trả lờiXóaCảm ơn bạn đã áp dụng thành công trên blog của tớ. Đang cần
Trả lờiXóaChúc mừng bạn.
Xóaanh có thể hướng dẫn em cách làm để trang này của blog em
Trả lờiXóahttp://chinhtrucblog.blogspot.com/p/code-converter.html rộng hết cả trang không anh ,em chỉnh mãi mà ko được
Chèn vào phần HTML của bài p/code-converter.html đoạn css sau:
Xóa<style>
#content{width:950px !important}
#sidebar{display:none !important}
</style>
Ẩn thêm footer
thay:
#sidebar{display:none !important}
thanh:
#header,#footer,#sidebar{display:none !important}
NHỜ ADMIN CHỈ GIÚP TẠI SAO MÌNH LÀM CHIA PHẦN CUỐI BLOG LÀM 4 CỘT NHƯNG KHI CHO CODE TIỆN ÍCH VÀO THÌ CÁC CỘT HIỂN THỊ THẲNG HÀNG 1 CỘT KO CHIA ĐỀU LÀM 4 CỘT. NHỜ ADMIN CHỈ GIÙM. NẾU BẠN CÓ THỜI GIAN MÌNH GỬI MÃ BLOG CỦA MÌNH CHO ADMIN TIỆN TEST. TRẢ LỜI MÌNH SỚM NHÉ!
Trả lờiXóahttp://ceodacdat.blogspot.com/
Trả lờiXóaBạn xem bài này:
Xóahttp://namkna.blogspot.com/2011/08/chia-footer-blogger-ay-blogspot-thanh
Hoặc:
Bạn gửi lại template vào tavannam01@gmail.com nha. Mình check mail không thấy gì.
ADMIN CHECK MAIL ĐI NHA.MÌNH VỪA GỬI OKE
Trả lờiXóaADmin check mail chưa vậy. giúp mình với
Trả lờiXóaNam ơi!
Trả lờiXóaMình hỏi cái này tí: Hiện blog mình đang ẩn 1 số wiget khi thể hiện ở trang chủ hoặc trang nhãn nhưng mà nó ẩn xong thì nó vẫn để các thanh ngang dưới các wiget khác nên nhìn ko thẩm mỹ (Hình minh họa: http://4.bp.blogspot.com/-x2j9qE1vE8k/UQ9wnCdg4DI/AAAAAAAAWoo/334VNVVTAZo/s1600/hinh+demo1.jpg). Mình thoát ra trang quản trị thì cũng vẫn thấy những đường ngang đó. Vậy mình khắc phục làm sao để mất đi những thanh ngang đó?
Thanks Nam.
Do đoạn code này:
Xóa#sidebar-wrapper .widget{width:300px;border-bottom:1px solid #cdcdcd;border-left:1px solid #cdcdcd;border-right:1px solid #cdcdcd;border-radius:5px 5px 5px 5px;background:#fff url(http://diemanuong365.googlecode.com/files/bgright.gif) repeat-x bottom;float:left;margin-bottom:5px}
Dó là do border-bottom:1px solid #cdcdcd;border-left:1px solid #cdcdcd;border-right:1px solid #cdcdcd;border-radius:5px 5px 5px 5px; gây nên. Nếu xóa đi sẽ làm mất đường viền widget.
Uhm, minh da chinh duoc roi. Thanks Nam nhieu nhe!
Trả lờiXóaCho MÌNH hỏi là làm sao để trang chủ chỉ hiện 1 Bài viết hoặc 1 page duy nhất để giới thiệu về blog ấy.
Trả lờiXóaCòn lại ẩn hết các bài viết khác...
Đầu tiện bạn: Ẩn bài viết ở trang chủ blogspot
XóaSau đó tạo một wiget HTML/Javarscipt và đánh nội dung bạn muốn vào. Và quy định cho widget này chỉ xuất hiện ở trng chủ Tại đây
a nam ơi làm cách nào để tạo hộp nhận bài qua email giống a vậy
Trả lờiXóaEm xem bài này:
Xóahttp://namkna.blogspot.com/2012/12/tao-hop-dang-ky-subscription-tren.html
Nhận xét này đã bị tác giả xóa.
Trả lờiXóaMuốn ẩn một bài viết nào đó trên trang chủ thì làm thế nào anh?Bài viết không xác định được ID nên không áp dụng thủ thuật trên được!Anh giúp với!
Trả lờiXóa1- Nếu ẩn một bài viết bất kyaf thì khi xuát bản bài viết đó bạn chỉ cần chỉnh thời gian đăng bài lùi lại so với ngày hôm nay. Ví dụhoom nay là 25/3/2013 thì bạn chỉnh thời gian của bài đó lại là 1/10/2012.
Xóa2- Nếu ẩn toàn bộ bài viết ở trang chủ thì bạn xem bài: Ẩn bài viết ở trang chủ blogspot
chào bạn !
Trả lờiXóamình có một cái widgets có id ="HTML4". nhưng khi kiểm tra trong phần code html mở rộng thì không thấy có 2 thẻ: và . nên mình không thể thực hiện thủ thuật như ở trên.
đây là hình mình chụp lại phần code đó, bạn coi và giúp mình với nhé:
hình chụp code
Mình không thấy có hai thẻ đó là b:includable (id='main' và b:includable>)
Trả lờiXóaBạn bấm vào dấu tick "Mở rộng tiện ích mẫu nha" :)))
Xóacám ơn bạn nhiều nha.mình làm được rồi
Trả lờiXóaKhông có gì. Chúc mừng bạn ;))
Xóachào bạn !
Trả lờiXóamình nhờ bạn chỉ giúp mình một vấn đề nữa về widget.
- mục đích của mình ẩn bài đăng ngoài trang chủ, sau đó dùng các widget chỉ hiển thị ngoài trang chủ để trang trí cho trang chủ khác với các trang con.
- bạn có thể chỉ cho mình dùng tiện ích nào, hay dùng đoạn code nào mà mình có thể tạo bài đăng bằng cách sử dụng các widget như mình nói ở trên không, mình thấy widget tích hợp sẵn trong blogspot chỉ chi tạo được text thôi, không có đính kèm hình ảnh hay một số chức năng khác được. cám ơn bạn nhiều nhé
Thông thường tràn trí ngoài trang chủ người ta sử dụng các mẫu recent post cho các nhãn hoặc toàn bộ blog. Hiện nay mình đã giới thiệu rất nhiều mẫu recent post bạn có thể chọn láy mẫu bạn thích tại đây:
XóaCác tiện ích recent post cho blogger
cám ơn bạn rất nhiều
Trả lờiXóaLàm phiền Nam chút nha!
Trả lờiXóaMình muốn ẩn đi một số bài đăng (có cùng 1 nhẫn) trên mục "bài đăng gần đây nhất" (trên trang chủ) thì thay đoạn code nào vậy, rât mong bạn hồi âm
Bạn chỉnh sửa bài đăng đó sau đó chỉnh sửa ngày đăng bài viết lùi lại thì bài đó sẽ bị ẩn đi thôi.
XóaNhận xét này đã bị tác giả xóa.
Trả lờiXóaBạn ơi cho mình hỏi cái này với!
Trả lờiXóaMình đã ẩn hết widget rồi mà sao bài đăng nó hiện không đầy đủ zạ?
Blog Duy Khánh - Nghe nhạc
Cám ơn bạn!
Bạn chỉnh lại width ở phần này:
Xóa#content {
float:left;
width: 700px;
height:100%;
padding:0px 0px 10px 0px;
margin:0px 0px 0px 25px;
word-wrap:break-word;
overflow:hidden;
}
bạn Nam lại làm phiền bạn đây
Trả lờiXóamình đã làm như bạn hướng dẫn phía trên, các widget đã hiện tại trang con mình muốn, nhưng khổ lỗi khi sửa nội dung của nhãn đó trực tiếp trên trang chứ trong bố cục nó không hiện để sửa, nếu mình cho 1 đoạn code ở trang con a, thì sang trang con B nó vẫn hiện cái code ấy , xóa đi thay cái code khác nó vẫn hiện theo cái cũ. mong bạn giúp
Để áp dụng cho một trang duy nhất bạn dùng code này nha:
Xóa<b:if cond='data:blog.url == "URL của trang chỉ định"'>
<b:widget id='HTML36' locked='true' title='Quảng cáo đời sống' type='HTML'>
Xóa<b:includable id='main'>
<b:if cond='data:blog.url == "http://testgiaitri.blogspot.com/search/label/Xã hội;'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
đây là HTML36, ở HTML34 cũng thế nhưng thay bằng label Văn Hóa
khi mình vào 2 label này nó đã hiện widget với tiêu đề mình muốn, nhưng nếu nhập 1 đoạn code quảng cáo vào cái widget HTML36 thì sang cái widget 34 nó cũng có cái code ấy và k thể thay đổi
Ak ý bạn là làm theo nhãn, THì không thể áp dụng cách này được bạn ak. vì nó không khai báo với các nhãn truy vấn label. Bạn phải làm như bài viết sau:
XóaChỉ hiển thị widget (tiện ích) khi xem các bài viết của một nhãn nhất định
Chính xác hơn để bạn dễ hiểu, tức là mình muốn đăng quảng cáo tại các trang riêng hay label , mỗi 1 là bel là 1 trang 1 mục khác nhau nên quảng cáo khác nhau, kiểu như trang xã hội = label xã hội thì quảng cao về xã hội, trang văn hóa = label văn hóa thì quảng cáo về văn hóa thì làm theo bài viết Chỉ hiển thị widget (tiện ích) khi xem các bài viết của một nhãn nhất định này hả bạn
XóaĐÚng vậy! Các wiget sẽ hiện ở các label khác nhau nên mỗi widget chưa một code quảng cáo khác nhau nha.
XóaỞ Trường hợp 2 : chỉ hiển thị widget khi thỏa mãn một trong các điều kiện của bạn mình thấy nếu để code như vậy thì bỏ lệnh b:else đi thì hay hơn
Trả lờiXóaTùy trường hợp bạn có thể bỏ lệnh else. Ví dụ
Xóa- code có cả 2 đoiều kiện như bên dưới có thể bỏ:
<b:if cond='data:blog.url == "Điều Kiện 1"'>
<b:if cond='data:blog.url == "Điều Kiện 2"'>
- Code chỉ có một trong 2 đoạn trên thì bắt buộc phải có.
Nhận xét này đã bị tác giả xóa.
XóaNhận xét này đã bị tác giả xóa.
XóaNhư bạn nói khi không dùng else thì nội dung B sẽ vẫn hiển thị cùng với nội dung a.
XóaMinh Phân tích như thế này cho bạn hiểu nha,.
- Khi thỏa mãn điều kiện a thì nội dung A hiện thị nhưng nội dung B cũng sẽ vẫn hiện thị vì nó không bị điều kiện nào quy định. ( Nhưng với đoạn code có thẻ else thì đoạn a hiện thị đoạn B sẽ không hiển thị vì thẻ else chỉ sảy ra khi thuộc tính đó được đáp ứng, tức là ngược với điều kiện a)
uhm, đúng rồi, mình quên mất trường hợp na7yf, thanks bạn
Xóaví dụ mình muốn tiện ích chỉ hiển thị trong label 1 và 3 thì làm sao nhỉ
Trả lờiXóaBạn xem bài này: XEM NGAY
Xóabạn ơi cho mình hỏi sao mình dùng teamplate NEWS-V3-SHARE123VN mà mình post bài thì trang index lại không xuất hiện bài viết nào hết, mình có cấu hình lại hiển thị bài viết mà vẫn không được.
Trả lờiXóahttps://seotopnhat.blogspot.com
mong bạn hổ trợ giúp mình, cảm ơn bạn nhiều
ax, đúng bài mình đăng ký bình luận của namkna, bạn thay nhãn đi, vẫn để nhãn mình test kìa sao hiển thị dc
XóaNhững blog xó liên kết tác giả thay bằng của người đó mình sẽ không hỗ trợ nha.
XóaTất tiếc!
namkna ơi, làm sao để hiển thị widget ở tất cả các trang Labels (chỉ các trang nhãn thôi). Mình đọc ở trên nhưng không thấy cách làm ?
Trả lờiXóaBạn xem bài này :
Xóahttp://namkna.blogspot.com/2011/07/hien-thi-widget-o-nhung-trang-nhat-inh.html
ẹc, bạn dẫn link đi đâu vầy, vẫn ra trang mà mình đang hỏi bạn mà !
Trả lờiXóaTrong các cách trên, mình cần cách 6, nhưng chỉ hiện Widget ở Label thôi, không hiện ở trang chủ và trang Archive, có cách nào không bạn ?
Mình nhầm bài này nha bạn: Chỉ hiển thị widget (tiện ích) khi xem các bài viết của một nhãn nhất định
Xóaanh Nam ơi sao khi ẩn ,một số widget thì nó lại hiện ra các lằn gạch ngang như trong hình anh nhỉ?
Trả lờiXóahttp://photo.ssc.vn/images/971TI_NG_ANH_GI_I_2013_No.png
DO các thuộc tính border trên các thẻ ul hoặc li của phần sidebar em ak.
XóaEm có thể tìm các thẻ dạng
Xóasidebar ul{.....}
sidebar li{.....}
sidebar .widget{.....}
và xóa thuộc tính border trong nó đi nha.
thank anh Namkna nhe!
XóaKhông có gì :)
Xóaak mak anh Namkna cho em hỏi làm sao để nó mất cái lằn gạch dưới ngăn cách giữa các widget, mà không làm mất đi cái viền bao quanh widget vậy anh? mong hồi âm tứ anh!
Trả lờiXóaCách duy nhất là bao wiget đó lại thôi.
XóaVí dụ:
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:widget id='HTML10' locked='false' title='' type='HTML'>
...............
</b:widget>
</b:if>
em dùng cách bao widget như anh nói thì nó bị dính lỗi này XEM NGAY.
XóaNó không bao hết widget mak nó chỉ bao có một phần phía trên thôi, anh Nam xem à hướng dẫn em cách khắc phục với nhé!
Xin cảm ơn anh trước...^-^
anh qua xem trực tiếp bên blog em cho dễ nhìn nhé! BLOG CỦA EM
XóaNguyên nhân chính do đoan CSS bên dưới của em:
Xóa#sidebar-wrapper .widget-content{border:1px solid #161616;border-top:4px solid #5390ad;border-bottom:4px solid #5390ad;border-right:4px solid #5390ad;border-left:4px solid #5390ad;box-shadow:0 1px 3px 0 #1D1D1D;-moz-box-shadow:0 1px 3px 0 #1D1D1D;-webkit-box-shadow:0 1px 3px 0 #1D1D1D;padding:10px}
các thuộc tính boder không bị mất đi khi em ẩn trang vì nó nằm ở ngoài thẻ b:if mình áp dụng.
Nếu xóa các đoạn border đó đi thì khung của em sẽ không hiển thị.
1. Cách khắc phục hiện tại em có thể làm như sau:
- đầu tiên em vẫn áp dụng thủ thuật như trong bài anh hướng dẫn bên trên. Anh ví dụ em áp dụng cách chèn thủ thuật chỉ hiện thị ở trang chủ bằng thẻ: <b:if cond='data:blog.url == data:blog.homepageUrl'>
- sau đó thểm vào sau thẻ ]]></b:skin> thẻ sau nha:
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<style>
DIV#HTML12.widget.HTML{border:none !important}
</style>
</b:if>
- Lưu ý thẻ bif ở bước này ngược với thẻ ở trong widget. Em nhìn dấu == và dấu =! thì sẽ rõ.
Và #HTML12 là tiện ích mà em muốn ẩn :)
thank anh nhé! lại làm phiền anh nữa rồi...^-^
XóaHi! Nam Kha, Hiếu sử dung code chỉ hiển thị Widget ở những trang với liên kết cụ thể. Hiếu dùng code này và khi mở trang thì widget không còn nhưng sidebar thì vẫn còn, như vậy sẽ không chuyên nghiệp cho trang mình không cần widget cũng như sidebar. Bạn có thể hướng dẫn mình làm sao để mở rộng nội dung ra khi ẩn wedget.
Trả lờiXóaThanks! bạn rất nhiều
Bạn có thể xem thử bài viết này xem có đúng ý bạn không nha
XóaẨn hiện Sidebar với JQuery cho Blogspot
hoặc bài này: Ẩn sidebar khi xem bài viết trong blogspot
Hi Nam, mình đang sử dụng code này và mình muốn sidebar chỉ hiển thị ở bài viết, mình sử dụng template : http://www.soratemplates.com/2012/10/accord-blogger-template.html
Trả lờiXóavà đã chỉnh sửa gần như đúng ý mình, nhưng có một chỗ là khi mà mình chèn widget chỉ hiện thị ở mỗi bài post ko thôi, thì bên trong phần bố cục để cài đặt widget nó lại ko hiển thị, lỗi này khá bất tiện và mình vẫn chưa biết fix thế nào, mong bạn dành chút thời gian và xem hộ mình
thanks bạn!
Đúng vậy bạn ak, khi để chỉ hiện thị trong bài viết thì trong phần bố cục nó sẽ bị ẩn đi vì trình duyệt nó hiểu trang bố cục của bạn tương đương như trang chủ nên nếu bạn ẩn nó đi ở trang chủ thì nó sẽ không hiển thị ở trang bố cục.
XóaDo vậy khi nào chỉnh sửa nó bạn hãy tạm thời để nó hiển thị ở trang chủ hoặc là chỉnh sửa trực tiếp nó trên trang bài viết nha,
Cảm ơn Nam :), mình đã sử dụng != thay vì dùng == :D, và work ok, vì mình chỉ edit lại cái có sẵn nên đôi cái thật sự ko hiểu, hên mà có bài này của Nam
Xóathật sự hữu ích ^_^
Rất vui vì nó có ích với bạn. hy vọng bạn tiếp tục theo dõi và ủng hộ namkna trong thời gian tới :)
XóaEm không thấy ô mở rộng tiện ích để tick vào , như các anh ở trên đã nói , anh hướng dẫn em với ,
Trả lờiXóaAnh đã cập nhật lại bài viết em có thể xem để làm nha,
XóaNhận xét này đã bị tác giả xóa.
Trả lờiXóaBạn chỉ cần dùng đoạn code thứ 3 trong bài viết thôi bạn ak. Nó chính là đoạn này:
Xóa<b:if cond='data:blog.pageType == "item"'>
Không có gì e ak. anh cúng rất vui vì em ủng hộ blog anh trong xuốt thời gian qua. a hy vọng trong thời gian tới em tiếp tục ủng hộ blog của a :)
Trả lờiXóaLàm phiền bạn chút xíu ! Blog mình có label Rao vặt, khi post bài thì nó cũng hiện ra trang chủ, mình muốn bài viết từ label này không xuất hiện trên trang chủ thì làm thế nào :( ? ( search label thì vẫn ra bài viết)
Trả lờiXóaBạn có thể xem bài viết này nha:
XóaKhông hiển thị bài viết thuộc nhãn nhất định ở kiểu trang index
Trong bài viết đó bạn thay đoạn:
<b:if cond='data:blog.pageType == "index"'>
thành:
<b:if cond='data:blog.url == data:blog.homepageUrl'>
Nguyên nhân chính do trong phần khai báo của khung chứa có các thuộc tính boder không bị mất đi khi bạn ẩn tiện ích đó vì nó nằm ở ngoài thẻ b:if chúng ta áp dụng.
Trả lờiXóaNếu xóa các đoạn border đó đi thì khung bo ngoài của bạn sẽ không hiển thị điều đó đồng nghĩa với việc các tiện ích mất đi màu nền background và viền border.
KHẮC PHỤC:
. Cách khắc phục hiện tại bạn có thể làm như sau:
- đầu tiên bạn vẫn áp dụng thủ thuật như trong bài mình hướng dẫn bên trên. Namkna ví dụ bạn áp dụng cách chèn thủ thuật chỉ hiện thị ở trang chủ bằng thẻ: <b:if cond='data:blog.url == data:blog.homepageUrl'>
- Tiếp theo bạn thểm vào sau thẻ ]]></b:skin> đoạn code bên dưới:
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<style>
DIV#HTML12.widget.HTML{border:none !important}
</style>
</b:if>
- Lưu ý thẻ bif ở bước này ngược với thẻ ở trong widget. Bạn nhìn dấu == và dấu =! thì sẽ rõ.
Và #HTML12 là tiện ích mà bạn muốn ẩn ở trang chủ nha. :)
Để lại URL blog của bạn ở đây để mình kiểm tra nha bạn .
Trả lờiXóaĐể tạo chữ ký bạn chỉ cần làm như sau:
Trả lờiXóaTìm đoạn code: <data:post.body/>
Và thêm đoạn mã chứa chữ ký của bạn vào sau đoạn này. Ví dụ:
<b:if cond='data:blog.pageType == "item"'>
Code chữ ký
</b:if>
Bạn tìm mã của tiện ích đó và xóa những thẻ b:if dạng như bên trên bài viết bao quanh phân nội dung của tiện ích
Trả lờiXóa<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
Nó không liên quan đến thủ thuật chèn chữ ký nha bạn. CHỉ khi bạn tác động trực tiếp vào tiện ích thì nó mới biến mất như bạn nói.
ok, bài viết tuyệt lắm thớt :D
Trả lờiXóaRất vui vì bạn thích nó :)
Xóaanh ơi tại sao em để wedget mình cần sticky - ở dưới cùng trong bảng menu - nhưng vừa kéo chuột chút là nỏ nhảy lên dích ngay - em muốn là sau khi keo chuột đến wedget đó thì nó mới dính ..
Trả lờiXóaem muốn gióng với trang :
http://anhdep3.blogspot.com/2013/12/hinh-anh-hot-girl-chi-pu.html
còn trang của em là : http://tinnet3s.blogspot.com/
mong anh giúp đỡ sớm gúp em - em đang mong lắm -thanks anh
Em thực hiện như bài hướn dẫn này nha"
XóaTạo banner dính (Sticky banner) với Javascript cho Blogspot - banner quảng cáo.
Chào bạn Namkna, mình có một vấn đê fmuoons thỉnh giáo bạn đây, nếu mình muốn chỉ chỉ hiển thị i Widget ở trang tìm kiếm của blog và trang label http://newtinvn.blogspot.com/search/label/... chẳn hạn thì phải làm thế nào bạn nhỉ? mong tin bạn!
Trả lờiXóaThứ nhất nếu là trang tìm kiếm mặc định của blogger thì không thể hiển thị wiget ở đó được.
Xóa- T2: Trường hợp chỉ hiện ở trang nhãn như bạn cũng không được vì trong blogger chưa có thẻ điều kiện của trang đó. Hiện nay trang đó được gộp chung với trang chủ và trang lưu chữ với tên là trang Index. Bạn chỉ có thể Chỉ hiển thị widget khi xem các bài viết của một nhãn nhất định
cảm ơn bạn nhiều nhé! tiện cho mình hỏi một tí nữa bạn nhé! bài viết này của bạn nếu mình muốn cố định không cho nó di chuyển bài thì làm thế nào bạn nhỉ? chúc bạn một ngày mới vui vẻ và may mắn!
Trả lờiXóaĐối với label như thế này thì nó hiện: /search/label/Audio%20Book
Trả lờiXóaCòn sang trang 2 nhưng cùng 1 label thì nó không hiện: /search/label/Audio%20Book?updated-max=2013-12-16T09%3A09%3A00%2B07%3A00&max-results=12
Cái này giải quyết sao nhỉ ?
Nhận xét này đã bị tác giả xóa.
Trả lờiXóaBạn có bài viết nào hướng dẫn "Ẩn widget ở những trang Static Page, mà hiện ở tất cả những trang còn lại" không? Mình làm mãi mà không được theo ý mình! ;(
Trả lờiXóaMình có xem thử qua blog của bạn, bạn có thể thử
Xóa< style >
#sidebar-wrapper {display:none}
#main-atas {width:100%}
< / style >
< b:if cond='data:blog.pageType == "static_page"'>
Trả lờiXóa< style>
#sidebar-wrapper {display:none}
#main-atas {width:100%}
< /style>
< /b:if>
Xóa khoảng trắng ở đầu các thẻ nhé, post html trong này nó bị ăn vào trang web của nam luôn mới ghê :D
À mà bạn có cách nào làm cho nó mất hết tất cả không ? Tức là chỉ chừa lại nội dung trang và thanh menu thôi, giống như trang http://namkna.blogspot.com/p/photo-editor-online-photoshop-online_24.html của Namkna vậy đó? :D
Xóa< b:if cond='data:blog.pageType == "static_page"'>
Xóa< style>
#sidebar-wrapper,#areafooter,#topsomenu,#areahead,.comments {display:none}
#main-atas {width:100%}
< /style>
< /b:if>
Không biết vừa ý bạn chưa, đơn giản không muốn cái nào nó hiện thì thêm thuộc tính display:none; vào css cho nó thôi :)
Cảm ơn bạn nha :))
XóaMình muốn nó chỉ hiển thị ở tất cả các trang trừ các pages thì làm sao nhỉ ?
Trả lờiXóaBạn sửa đoạn:
Xóa< b:if cond='data:blog.pageType == "static_page"'>
Thành"
< b:if cond='data:blog.pageType != "static_page"'>
Trong đoạn code trên bạn chú ý đoạn: <b:if cond='data:post.isFirstPost == "true"'> là lệnh áp dụng với bài viết mới nhất. Bạn có thể sư dụng cho cả những bài viết cũ bằng cách thay đoạn:
Xóa<b:if cond='data:post.isFirstPost == "true"'>
<img alt='new' src='http://lh3.googleusercontent.com/_u7a1IFxc4WI/TaJhvmNqWVI/AAAAAAAAA-Y/-cHLApTx2wg/new-red.png' style='display:block;position:absolute;top:24px;left:-24px;border:0 none'/>
</b:if>
thành:
<b:if cond='data:post.isFirstPost == "true"'>
<img alt='new' src='http://lh3.googleusercontent.com/_u7a1IFxc4WI/TaJhvmNqWVI/AAAAAAAAA-Y/-cHLApTx2wg/new-red.png' style='display:block;position:absolute;top:24px;left:-24px;border:0 none'/>
<b:else/>
<img alt='new' src='LINK ANH BAI VIET CU' style='display:block;position:absolute;top:24px;left:-24px;border:0 none'/>
</b:if>
Bài viết quá hay trong việc điều hướng người đọc, Namkna cho mình hỏi có thể nào phát triển cái này theo yêu cầu như sau được không? :
Trả lờiXóa-Một bài viết có rất nhiều nhãn, mình muốn Widget chỉ xuất hiện 1 nhãn đầu tiên thôi
Hiện tại trong blogspot thì label hiển thị vẫn theo thứ tự chữ cái. Nó không phân biệt được đâu là nhãn đầu và nhãn cuối bạn ak. '
XóaCảm ơn cháu bài viết rất bổ ích cô đã học được
Trả lờiXóaRất vui vì bài viết có ích với cô, cô check mail hộ cháu nha.
Xóaanh nam ơi anh cho em hỏi , làm sao để show 1 nhãn ra ngoài trang chủ ạ , em làm wap game taigamehay3.blogspot.com đây là wap của em , và em muốn show thêm ra ngoài trang chu như cái trang alovui.vn mong anh giúp em
Trả lờiXóaEm có thể thêm một nhãn ra ngoài trang chủ bằng tiện ích Recent post có nhiều loại để e chọn tại đây: XEM NGAY
Xóaa hướng dẫn cho em như alovui.vn mục Game java hay ứng dụng như alovui giúp em mới ấy :(
XóaChào Nam. Nhờ đọc BLOG của bạn nên mình đã thực hành được nhiều thứ, nói chung khá dễ hiểu nên chịu khó mày mò một chút. Tuy nhiên, có 1 chỗ mình muốn nhờ bạn giúp:
Trả lờiXóaẨn banner - widget tại một bài viết nhất định như phần cuối của bài này bạn hướng dẫn. Mình có thể làm được. Nhưng nếu site mình có rất nhiều bài cần ẩn banner - widget đi thì mình phải làm thế nào, chưa rõ cái này.
Mình có thể chèn thủ công từng link vào code như trên chăng? Ý mình là có code nào đơn giản hơn khi viết 1 bài nhạy cảm, mình ko muốn nó hiện banner - widget ở những trang như vậy thì chỉ việc tick vào hoặc đánh dấu là xong.
Hi vọng bạn hiểu ý mình cần hỏi. Thanks bạn
Anh nam ơi chuyển cho em cái code này với , em muốn chỉ hiện 1 bài viết duy nhất ngoài trang chủ thì làm thế nào ạ ?
Trả lờiXóa<b:widget id='Blog1' locked='true' title='Bài đăng trên Blog' type='Blog'>
<b:includable id='main' var='top'>
<b:if cond='data:mobile == "false"'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<data:defaultAdStart/>
<b:loop values='data:posts' var='post'>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "static_page"'>
<b:include data='post' name='comment_picker'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comment_picker'/>
</b:if>
</div>
<b:if cond='data:post.includeAd'>
<b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<div class='inline-ad'>
<data:adCode/>
</div>
<data:adStart/>
</b:if>
</b:loop>
<data:adEnd/>
</div>
<div class='clr'/>
<!-- navigation -->
<b:include name='nextprev'/>
<b:if cond='data:top.showStars'>
<script src='//www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>
<b:else/>
<b:include name='mobile-main'/>
</b:if>
Rất hay rất chi tiết. Chờ bác ra slide full từ cơ bản đến nâng cao cho thiết kế temp ate blogspot.
Trả lờiXóanamkna ơi, mình áp dụng cách: "B. Trường hợp 2 : chỉ hiển thị widget khi thỏa mãn một trong các điều kiện"
Trả lờiXóa- Link trang label MỸ PHẨM OHUI TRANG ĐIỂM ĐIỂM hiển thị widget menu bên trái rất OK: ahshoptq.blogspot.com/search/label/Mỹ%20Phẩm%20Ohui%20Trang%20Điểm%20Điểm
- Nhưng các sản phẩm con có chứa nhãn MỸ PHẨM OHUI TRANG ĐIỂM ĐIỂM lại ko hiển thị widget menu bên trái: http://ahshoptq.blogspot.com/2015/05/ohui-son-bong-tre-trung-mang-lai-lan.html
Hép my, giúp mình với, mình cần widget menu bên trái hiển thị ở trang label MỸ PHẨM OHUI TRANG ĐIỂM ĐIỂM & các bài viết chứa nhãn MỸ PHẨM OHUI TRANG ĐIỂM ĐIỂM
Chào bạn! Mong bạn giúp đỡ mình vấn đề sau:
Trả lờiXóaMình muốn hiển thị bài đăng ở trang chủ theo nhãn giống như các trang xem phim hiện nay đều áp dụng (hình thu nhỏ +giới thiệu)
Vd:
Phim bộ:........
Phim lẻ:.....
....
Mình có đc nhiều bài của bạn nhưng chỉ hiểu 1 ít do kiến thức còn rất hạn hẹp. Bài đăng hiển thị theo nhãn ở trang chủ không ra đc Grid/list
Mình đang thiết kế www.duonghuyen.com nhưng bí không biết làm sao >.< Mong bạn giúp đỡ
Giúp với bạn ơi!
XóaNamta làm cái code responsive đi, cái trên chưa resonsive @@
Trả lờiXóabạn có thể giúp mình thêm 1 số wedget cho cac chuyen muc o trang chủ dc o ạ minh lam quai ma khong dc blog cua minh :www.datit96.tk mong ban giup minh đang cần gấp hix
Trả lờiXóabạn có thể giúp mình thêm 1 số wedget cho cac chuyen muc o trang chủ dc o ạ minh lam quai ma khong dc blog cua minh :www.datit96.tk mong ban giup minh đang cần gấp hix
Trả lờiXóacó vô được đâu bạn
Xóaôi mẹ ơi hay wa minh cảm ơn 1000 lần.
Trả lờiXóaHay
Bạn ơi mình code: "ẩn bài viết ngoài trang chủ" và " chỉ hiển thị widget và sidebar ngoài trang chủ " nhưng trong page và biết vẫn hiện lên khung của widget chỉ ẩn nội dung:
Trả lờiXóabạn xem giúp mình với nhé :
www.ruouhanquoc.com
http://www.ruouhanquoc.com/2015/04/ruou-gao-soony.html
Bài viết rất hay và chi tiết, rất cảm ơn đã chia sẻ kiến thức, chúc anh mọi việc thành công, hạnh phúc.
Trả lờiXóaanh cho em hỏi tại sao em điền đúng như anh hướng dẫn, vậy mà khi em đưa code quảng cáo vào widget thì chẳng thấy quảng cáo xuất hiện ở web mình vậy anh ?
Trả lờiXóaChào bạn! bạn có thể hướng dẫn giúp mình cach hiện sidebar ngoài trang chủ của trang mình không http://www.2vblog.com/
Trả lờiXóaCám ơn bạn
http://www.vcupdesign.com/2011/02/gioi-thieu-oi-net-ve-chung-toi-trung.html
Trả lờiXóaMình thêm code vào site tin tuc mà thi thoảng nó lại bị lỗi k hiển thị là sao v bạn /
Trả lờiXóa