Bõm.vn

HIỂN THỊ CÁC BÀI VIẾT TRONG CÙNG MỘT NHÃN (KIỂU 7)

<div style="text-align: justify;"><br /></div><div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ5r6U5ncZDvqDGEwm3dGGRGwF0V18lnvPG_bRZV2G9FOJUs-me_dbwFH8F3a7_Ya1OeCoWfY1AMN5M1_pseTdXDC3RpFkqyz2X_w4dD6U5KveB_OfISs5nqmFwt1Cj-c3SRW-0PeQA4Q/s1600/03_iPiccy.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="311" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ5r6U5ncZDvqDGEwm3dGGRGwF0V18lnvPG_bRZV2G9FOJUs-me_dbwFH8F3a7_Ya1OeCoWfY1AMN5M1_pseTdXDC3RpFkqyz2X_w4dD6U5KveB_OfISs5nqmFwt1Cj-c3SRW-0PeQA4Q/s320/03_iPiccy.png" width="320" /></a></div><span style="font-size: large;">Với thủ thuật này, số lượng các bài viết trong cùng một nhãn sẽ hiển thị (do bạn quyết định) thành 2 cột trong khung tiện ích. Mỗi bài viết sẽ hiển thị một hình đại diện nhỏ đi kèm với tiêu đề, khi bạn rê chuột vào một tiêu đề bất kỳ thì sẽ xuất hiện thêm một bảng nhỏ ghi ngày tháng xuất bản, số lượng comments và vài dòng tóm tắt của bài viết.</span></div><div style="text-align: justify;"><span style="font-size: large;">Mời các bạn xem thử (bấm vào XEM THỬ phía dưới để trải nghiệm nha)</span></div><br /><br /><br /><br /><a name="more"></a><br /><br /><div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a class="bttoolz" href="http://dungheineken7.blogspot.com/" rel="nofollow" target="_blank">XEM THỬ</a>  </div><br /><br /><span style="font-size: large;">Đầu tiên bạn đăng <b><i>nhập vào Blog > chọn thiết kế > chọn Chỉnh sửa HTML, </i></b>bấm cặp phím <i><b>Ctrl+F</b></i> để mở hộp tìm kiếm và gõ vào đó dòng lệnh  <i><b>]]></b:skin></b></i><b><i> </i></b> và dán tất cả code phía dưới trên dòng lệnh <i><b>]]></b:skin></b></i> và bấm <i><b>Lưu mẫu</b></i>.</span><br /><br /><br /><br /><br /><br /><center><div style="background-color: #cfecec; height: 260px; overflow: scroll; width: 650px;"><br /><div class="MsoNormal" style="color: black;"><span style="font-family: "Times New Roman"; font-size: 12pt;">/*Tooltip*/<br />#osdhtmltooltip{<br />border: #999 1px solid;<br />padding: 4px;<br />font-size: 10pt;<br />z-index: 100;<br />left: -300px;<br />visibility: hidden;<br /><span style="color: red;">width: 350px</span>;<br />font-family: Arial;<br />position: absolute;<br />background-color: #fcfee4;<br />text-align: left;<br />}<br />#osdhtmltooltip img{<br />float: left;<br />padding: 3px;<br />border: solid 1px #FFF;<br />margin: 2px;<br />}<br />#osdhtmltooltip h3{<br />color: #000;<br />padding: 2px;<br />margin: 0px;<br />font-weight: bold;<br />text-transform: none;<br />text-decoration: none;<br />}<br />#osdhtmltooltip span{<br />color: #999;<br />font-style: italic;<br />}<br />#osdhtmltooltip div{<br />color: #000;<br />}<br />#osdhtmlpointer{<br />z-index: 101;<br />left: -300px;<br />visibility: hidden;<br />position: absolute;<br />}<br /><br />#rc-posts-2-col {<br />width:320px;<br />}<br />#rc-posts-2-col h3 {<br />background:url(http://data.fandung.com/blog/demo/tooltip-recentposts/img-bg-rd.png) no-repeat top left;<br />padding:3px 5px 14px 5px;<br />font-size:13px;<br />margin:0px;<br />color:#fff;<br />}<br />table#rc-2cot {border-top:1px solid #ccc;border-bottom:1px solid #ccc; border-left:1px solid #ccc;}<br />#rc-tr1 {background:#f3f3f3;}<br />#rc-tr0 {background:#fff;}<br />#rc-td {padding:2px; color:#ff0000; border-right:1px solid #ccc;width:160px;}<br />#rc-td img {float:left; margin-right:2px; height:50px; width:50px; border:1px solid #ccc; padding:1px;}<br />#rc-td a {color:#ff0000;text-decoration:none;}<br />#rc-td a:hover {text-decoration:underline;}</span></div><span class="tag" style="color: black;"><span style="font-family: "Times New Roman"; font-size: 12pt;"> </span></span><span class="tag"> </span></div><div style="font-family: verdana,arial,sans-serif; font-size: 10px;"></div></center></div><br /><span style="font-size: large;">Bạn có thể thay đổi độ rộng của tiện ích ở phần <span style="color: red;">Width: 350px</span></span><br /><span style="font-size: large;">Tiếp theo, bạn thêm tiện ích <b><i>HTML/Javacript</i></b> rồi dán đoạn code phía dưới vào.</span><br /><br /><br /><br /><br /><br /><center><div style="background-color: #cfecec; height: 320px; overflow: scroll; width: 650px;"><br /><span style="color: black;"><script src="http://dl.dropbox.com/u/66348944/System_Tooltip.js" type="text/javascript"></script></span><br /><span style="color: black;"><script type="text/javascript"></span><br /><span style="color: black;"><span style="color: red;">numposts = 12</span>; //số bài viết hiển thị trong tiện ích</span><br /><span style="color: black;"><span style="color: red;">postcount = 400</span>; //số kí tự của đọan nội dung tóm tắt bài viết</span><br /><span style="color: black;"><span style="color: red;">sumTitle = 40</span>; // số kí tự của tiêu đề bài viết</span><br /><span style="color: black;">colortitle = "#555";</span><br /><span style="color: black;"><span style="color: red;">tcolortitle = "#ff6c00</span>"; // màu của tiêu đề bài viết ở phần mô tả</span><br /><span style="color: black;"><span style="color: red;">cmcolor = "#6b1f01</span>"; // màu của phần thông tin bài viết (gồm : ngày đăng và số nhận xét)</span><br /><span style="color: black;">nocmtext = "No Comment";</span><br /><span style="color: black;">cmtext = "Comments";</span><br /><span style="color: black;">posttext = "Posted in";</span><br /><span style="color: black;"><span style="color: red;">label = "THỦ THUẬT INTERNET"</span>;</span><br /><span style="color: black;"><span style="color: red;">home_page = "http://www.dungheineken.blogspot.com</span>/";</span><br /><span style="color: black;"></script></span><br /><span style="color: black;"><div id="rc-posts-2-col"><h3><span style="color: red;">Thủ thuật Internet</span></h3><div id="rc-posts-loading"><img align='absmiddle' src='http://lh6.ggpht.com/_btztxrwc9ik/tsw3lpdf6yi/aaaaaaaage0/lkhkccqnwvw/loading-related.gif'/></div></span><br /><span style="color: black;"><script src="http://dl.dropbox.com/u/66348944/tooltip-rc-post-2cot.js" type="text/javascript"></script></span><br /><span style="color: black;"></div></span></div><div style="color: black; font-family: verdana,arial,sans-serif; font-size: 10px;"></div></center><br /><div style="color: black;"></div><div style="color: black;"></div><br /><br /><div style="text-align: justify;"><span style="font-size: large;">Bây giờ, bạn có thể thay đổi các giá trị ở các dòng màu đỏ để phù hợp với blog của mình (có ghi chú trên code)</span></div><div style="text-align: justify;"><span style="font-size: large;"><br /></span></div><div style="text-align: justify;"><br /></div><div style="color: cyan; text-align: justify;"><i><b><span style="font-size: large;">Lưu ý: Ở code thứ hai, số bài viết hiển thị trong tiện ích phải bằng hoặc nhỏ hơn số lượng bài thực tế trong nhãn (numpost), và các bạn phải điền thật chính xác tên nhãn và đường link địa chỉ blog của mình thì nó mới hiển thị, nếu không nó sẽ bị lỗi ra một khung trắng (không hiển thị).</span></b></i></div><div style="color: cyan; text-align: justify;"><br /></div><div style="color: cyan; text-align: justify;"><br /></div><div style="text-align: justify;"><span style="font-size: large;"> </span></div><div style="text-align: justify;"><span style="font-size: large;"> </span></div><div style="text-align: right;"><span style="font-size: large;"><i><span style="font-size: small;">Nguồn: Trai đất mũi</span></i></span></div>

HIỂN THỊ CÁC BÀI VIẾT TRONG CÙNG MỘT NHÃN (KIỂU 7)

Với thủ thuật này, số lượng các bài viết trong cùng một nhãn sẽ hiển thị (do bạn quyết định) thành 2 cột trong khung tiện ích. Mỗi bài viết ...

MẪU 2:

MẪU 3:

MẪU 4:

MẪU 5:

MẪU 6:

MẪU 7:

MẪU 8:

MẪU 9:

MẪU 10: