Highlight đoạn văn trong bài viết
Các bạn thử xem ví dụ minh họa bên dưới:
Một cách để thu hút sự chú ý của đọc giả là highlight trong text box.
Làm cách nào để có thể tạo được như vậy?
Rất đơn giản, khi đăng bài, các bạn sử dụng đoạn code sau:
<div align="center">
<div style="background-color: #cccd94; border: 1px solid black; font-family: sans-serif; font-weight: bold; padding: 10px; text-align: center; text-transform: capitalize; width: 300px;">
<i>Một cách để thu hút sự chú ý của đọc giả là<span style="color: blue; font-weight: bolder;"> highlight trong text box.</span></i></div>
</div>
Bạn có thể thay đổi các thông số theo ý thích của mình, chúc các bạn thành công!
35 comments
blog anh đông khách nhỉ, lúc nào qua cũng thấy có người ghé thăm. Đông vui, hi^^
:)
@blue79blog Hì, cảm ơn em! Anh mới tạo được tiện ích "Giới thiệu về tác giả" có đếm số bài viết tự động nhờ dựa vào hướng dẫn của anh Hà. Công nhận blogspot có nhiều chức năng thật :)
hì ,em thấy rồi. Chỉ cần Javascript là biến hóa đủ trò,
nhưng WordPress vẫn là sướng nhất, chỉ cái tội không có host free như blogspot, hehe
[ma]Test thử xem chữ có chạy không? :)[/ma]
[co="red"]Thử coi xuất hiện màu không :)[/co]
Hi qua đây góp ý cho Peace nè logo nhìn nó dài ra xấu quá nên thiết kế lại logo mới đi
@Quan Pham [color="pink"]Cảm ơn góp ý của Quân, cái logo này tạo ra cũng lâu rồi, mình thấy nó cũng xấu nhưng làm biếng nên để luôn, để vài bữa sẽ tìm cái mới.[/co] :)
Thèn .tk chán chết hôm nay bị die. Dấu hiệu báo hiệu phải mua tên miền đây
@Huỳnh Nhật Hà [co="pink"]Chắc em cũng phải vậy nhưng uổng rank quá anh Hà. Mà sao trang anh vẫn bị lỗi vậy?[/co]
Anh định bỏ luôn cái bloggerism.tk để chuyển sang huynh-nhat-ha.blogspot.com. Chiều nay thấy nó hoạt động lại nên tạm thời cho nó sống thêm 1 -2 ngày nữa là a chuyển sang chấm khác hi hi
@Huỳnh Nhật Hà[co="red"]Anh Hà rảnh coi giùm em "Thủ thuật từ blogspot khác" nha, bây giờ nó không chịu hoạt động rồi [/co]:(
Sao kỳ thế, bên anh vẫn hoạt động tốt mà. E làm lại theo đúng các bước xem.
@Huỳnh Nhật Hà Em xóa đi xóa lại nhiều lần rồi mà vẫn vậy :(
Hình như Blogger ngưng chính sách hỗ trợ từ ngày 1/8 nên blogspot có từ 2007 bị delete mất. Của a cũng bị delete mất gùi hu hu.
@Huỳnh Nhật Hà Anh coi tin này ở đâu vậy? :D
Chiều nay tình cờ đăng nhập Blogger bỗng k thấy blogspot của anh đâu, Blogger thông báo những tài khoản có từ 2007 mà k đăng nhập lần nào sẽ bị xóa hết, kể từ 1/8 này Blogger sẽ k hỗ trợ vấn đề legacy (mấy vấn đề chính sách kiện tụng). Nhưng sau đó anh đăng nhập lại vẫn bình thường trở lại. Thì ra anh phát hiện có kẻ hacker biết được mật khẩu của anh, hắn đăng nhập nhiều lần k được (do cài 2 lớp mật khẩu) mà k được. Do đó Blogger cố tình xóa blog của anh để k bị hack. Tối nay điện thoại anh liên tục được send mật khẩu lớp 2, như vậy chứng tỏ có kẻ biết được mật khẩu. May mà có mật khẩu lớp 2. Hì, đổi mật khẩu là xong.
Cẩn thận với ngôi nhà blogspot của mình e nhé. Coi chừng bị hacker là mất công toi.
@Huỳnh Nhật Hà Nguy hiểm quá, nhưng em không biết làm cách nào tạo mật khẩu lớp 2 hết, anh chỉ em với :)
Search cụm từ tạo mật khẩu 2 lớp gmail trên Google là ra ấy mà.
Hic chỉ có 2 ae mình chatting, đúng là mùa hè Hawaii :((
@Huỳnh Nhật Hà Hì hì, em thì đang bị cái "Thủ thuật từ blogspot khác" làm mệt cả mình đây. :(
Cái đó em update lại có báo lỗi gì k, chụp hình post lên a xem thử nào
@Huỳnh Nhật Hà Nó không báo lỗi gì hết anh, chỉ là không hiển thị mà thôi.
Em dùng code này nhé:
<b:widget id='BlogList10' locked='false' title='Thủ thuật từ blogspot khác' type='BlogList'>
<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'>
<!-- Updating the Recent Post from Other Blog widget styled by Bloggerism -->
<div class='blog-list-container' expr:id='data:widget.instanceId + "_container"'>
<ul expr:id='data:widget.instanceId + "_blogs"'>
<b:loop values='data:items' var='item'>
<li style='border-bottom:1px dotted #DDD;'>
<span class='item-content' style='float:left;width:15%;padding:0;margin-left:5px'>
<div class='item-thumbnail' style='border:1px solid #DDD'>
<b:if cond='data:item.itemThumbnail'>
<!-- nếu bài viết có hình ảnh thì dùng -->
<a expr:href='data:item.itemUrl' expr:title='data:item.timePeriodSinceLastUpdate' target='_blank'>
<img alt='' border='0' expr:src='data:item.itemThumbnail.url' height='50' width='50'/>
</a>
<b:else/>
<!-- nếu bài viết không có hình ảnh thì dùng ảnh riêng -->
<!-- ở đây ta đặt URL ảnh đại diện riêng -->
<a expr:href='data:item.itemUrl' expr:title='data:item.timePeriodSinceLastUpdate' target='_blank'>
<img alt='' border='0' expr:src='http://1.bp.blogspot.com/-ho5Z55BE0dE/TirvzMlSkuI/AAAAAAAAAd4/vV4-tWlLMZU/no-image.png' height='50' width='50'/>
</a>
</b:if>
</div>
</span>
<div class='blog-content' style='float:right;width:75%;padding-left:5px'>
<b:if cond='data:showItemTitle == "true"'>
<span class='item-title'>
<b:if cond='data:item.itemUrl != ""'>
<a expr:href='data:item.itemUrl' expr:title='data:item.itemSnippet' target='_blank'>
<data:item.itemTitle/></a>
<b:else/>
<data:item.itemTitle/>
</b:if>
</span>
</b:if>
<br/>
<span class='blog-icon'>
<b:if cond='data:showIcon == "true"'>
<input expr:value='data:item.blogIconUrl' type='hidden'/>
</b:if>
</span>
<span class='blog-title' style='padding-left:10px'>
<a expr:href='data:item.blogUrl' target='_blank'>
<data:item.blogTitle/></a>
</span>
</div>
<div style='clear: both;'/>
</li>
</b:loop>
</ul>
</div>
</div>
</b:includable>
</b:widget>
Nhớ ở Bước 2 nữa nhé.
Cũng vậy anh Hà ơi, em bó tay thiệt rồi :((
À hiểu rồi, chờ a update nhé.
Tạm thời dùng code thế này như cũ sẽ OK:
<b:widget id='BlogList10' locked='false' title='Thủ thuật từ blogspot khác' type='BlogList'>
<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'>
<!-- Updating the Recent Post from Other Blog widget styled by Bloggerism -->
<div class='blog-list-container' expr:id='data:widget.instanceId + "_container"'>
<ul expr:id='data:widget.instanceId + "_blogs"'>
<b:loop values='data:items' var='item'>
<li style='border-bottom:1px dotted #DDD;'>
<span class='item-content' style='float:left;width:15%;padding:0;margin-left:5px'>
<div class='item-thumbnail' style='border:1px solid #DDD'>
<b:if cond='data:item.itemThumbnail'>
<a expr:href='data:item.itemUrl' expr:title='data:item.timePeriodSinceLastUpdate' target='_blank'>
<img alt='' border='0' expr:src='data:item.itemThumbnail.url' height='50' width='50'/>
</a>
</b:if>
</div>
</span>
<div class='blog-content' style='float:right;width:75%;padding-left:5px'>
<b:if cond='data:showItemTitle == "true"'>
<span class='item-title'>
<b:if cond='data:item.itemUrl != ""'>
<a expr:href='data:item.itemUrl' expr:title='data:item.itemSnippet' target='_blank'>
<data:item.itemTitle/></a>
<b:else/>
<data:item.itemTitle/>
</b:if>
</span>
</b:if>
<br/>
<span class='blog-icon'>
<b:if cond='data:showIcon == "true"'>
<input expr:value='data:item.blogIconUrl' type='hidden'/>
</b:if>
</span>
<span class='blog-title' style='padding-left:10px'>
<a expr:href='data:item.blogUrl' target='_blank'>
<data:item.blogTitle/></a>
</span>
</div>
<div style='clear: both;'/>
</li>
</b:loop>
</ul>
</div>
</div>
</b:includable>
</b:widget>
Còn bài viết k có thumbnail thì k hoạt động được.
Phù, mãi rồi cũng xong, thanks anh Hà! :))
Trong widget đó e remove cái URL bloggerism rồi add lại để cập nhật thumbnail cho đẹp
Giờ thì ngon hết cỡ rồi. Sau này đăng bài sẽ chú ý có ít nhất 1 ảnh chứ thèn nào k có ảnh thì nó chả cho ảnh đại diện luôn, nó sang quá k chấp nhận ảnh no-thumbnail mặc định mới cú chứ
@Huỳnh Nhật Hà :))
Mình mới có mua một tên miền .net mà không biết phải ài host rồi up dữ liệu lên nữa:((.Các bác chỉ dùm em với:))
blogspot không có Host riêng đâu mà up,
...bạn mua tên miền chất lượng hay là hàng giá rẻ thía?
bạn dùng Dynamic DNS miễn phí của matbao.com để trỏ domain về blog bạn
http://www.pro.vn/
còn cách add Record: A, CNAME, MX, TXT, … như thế nào, thì bạn search google nhé
ANH ƠI LÀM SAO ĐỂ chỉn lại cái khung nhận xét cho vừa blog m anh nhỉ ?
@mAn ĐiezElEm đọc ở đây nha: http://www.kienthucblogspot.info/2011/04/tang-o-rong-cua-khung-nhan-xet-trong.html