tag:blogger.com,1999:blog-50800822200554952592024-03-19T10:15:29.016+07:00Thủ thuật blogspot - design blogsapot - template blogspotthu thuat lam blogspotAnonymoushttp://www.blogger.com/profile/09593818152658557525noreply@blogger.comBlogger507125tag:blogger.com,1999:blog-5080082220055495259.post-74502536643684936432013-06-05T13:06:00.000+07:002013-06-08T17:34:55.149+07:00Hướng dẫn thiết kế Responsive Template<b>Hiện nay nhu cầu sử dụng máy tính bảng và các loại điện thoại thông minh đang rất phát triển và người ta cũng thích lướt web hoặc đọc email trên những thiết bị này hơn vì chỉ cần kết nối wifi hoặc 3G là có thể truy cập internet. Do đó nhu cầu thiết kế template dành cho mobile cũng trở thành chủ đề nóng hiện nay và hôm nay mình sẽ hướng dẫn bạn thiết kế template tối ưu hóa responsive để phù hợp với tất cả các thiết bị di động cũng như kích cỡ màn hình</b><br><div class="separator" style="clear: both; text-align: center;"><b><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_kI3m9emxakZ68H2feffuirg7UdlhKk8lFE-9oYcvJ7IDPDSN9MQZcjOBjhPAzXikCCHQtxwZmX_nV4P5oXwULDOcs73cjWnNiGWvtOewGGsH9S0JQH0jrnenLkKw5B0FZLJsk3FOv8xD/s1600/responsive.jpg"></b></div><a href="http://www.trollvl.com/2013/06/huong-dan-thiet-ke-responsive-template.html#more">Read more »</a><div class="blogger-post-footer">TuiHay.Com</div>Animehay.tv xem anime hayhttp://www.blogger.com/profile/16457027273952680780noreply@blogger.com0tag:blogger.com,1999:blog-5080082220055495259.post-64501778350533535852013-05-23T14:02:00.000+07:002013-06-08T17:34:55.156+07:00Thanh điều khiển cuộn trang cho blog (cải biên)<div style="text-align: justify;"><b>Đây là bài viết đầu tiên sau 2 tháng "nghỉ phép" của mình. Và bài viết này mình xin giới thiệu thủ thuật "Thanh điều khiển cuộn trang cho blog" từ blog của Duy Phạm, qua code thủ thuật này mình sẽ tặng thêm cho độc giả của TrollVL một bộ các nút bấm khác. Nhưng trước hết mình xin đưa nguyên code thủ thuật của tác giả vào đã</b></div><br><a href="http://www.trollvl.com/2013/05/thanh-ieu-khien-cuon-trang-cho-blog-cai.html#more">Read more »</a><div class="blogger-post-footer">TuiHay.Com</div>Animehay.tv xem anime hayhttp://www.blogger.com/profile/16457027273952680780noreply@blogger.com1tag:blogger.com,1999:blog-5080082220055495259.post-21084375917759694642013-05-23T12:17:00.000+07:002013-06-08T17:34:55.162+07:00Gửi lời xin lỗi đến độc giả TrollVL về sự vắng mặt thời gian qua<div style="text-align: justify;"><b>Thành thật xin lỗi tất cả các độc giả của TrollVL trong thời gian vừa qua vì sự vắng bóng mà không để lại một thông báo gì cả. Vừa rồi mình bận một số công việc bên ngoài hơn nữa máy tính mình bị sét đánh hỏng mất. Cho đến tận hôm nay mình mới có máy tính để sử dụng. Mình vẫn theo dõi tất cả comments của các bạn và từ hôm nay mình sẽ lại bắt đầu viết blog và trả lời dần các vấn đề của độc giả TrollVL. Xin cảm ơn các bạn đã ủng hộ trong thời gian vừa qua và hi vọng sẽ còn ủng hộ mình trong thời gian sắp tới</b></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7x6WvXmEAHvgWotYxbNcOOKGxWYTKVu7YHoyduUeDEwXHiGoD4tyArB9Pyxu4bBjBg-NJo6FJUHSBxURgze66NKi-46YroynQaSLgp0bnVzaZOoTuTOyVx1A8XhAAb8GwBhLeE_m3QPlF/s1600/sr.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7x6WvXmEAHvgWotYxbNcOOKGxWYTKVu7YHoyduUeDEwXHiGoD4tyArB9Pyxu4bBjBg-NJo6FJUHSBxURgze66NKi-46YroynQaSLgp0bnVzaZOoTuTOyVx1A8XhAAb8GwBhLeE_m3QPlF/s1600/sr.jpg" /></a></div><br /><div class="blogger-post-footer">TuiHay.Com</div>Animehay.tv xem anime hayhttp://www.blogger.com/profile/16457027273952680780noreply@blogger.com0tag:blogger.com,1999:blog-5080082220055495259.post-58043604035573265902013-04-25T22:30:00.000+07:002013-04-25T22:30:03.770+07:00Code quảng cáo ở góc phải màn hình Messenger Box<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCsarOYBLlp8WIJ-wsaiaO9kCssOhhTZIbgYPOiPmWYId9ZeZ5rM0v0Hi7Dvz75JTus1-sXPBP4Gif8Ck4ekIBn3XQXbpVTDY2eE_jAALisRakfBjXKBTnywA3c0y7grRRsFOOEb6GQ7A/s1600/Untitled.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="187" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCsarOYBLlp8WIJ-wsaiaO9kCssOhhTZIbgYPOiPmWYId9ZeZ5rM0v0Hi7Dvz75JTus1-sXPBP4Gif8Ck4ekIBn3XQXbpVTDY2eE_jAALisRakfBjXKBTnywA3c0y7grRRsFOOEb6GQ7A/s320/Untitled.png" width="320" /></a></div>
Hiển thị quảng cáo dạng Messenger Box góc phải màn hình:<br />
Trang trí quảng cáo của bạn phù hợp và đẹp mắt, code này đang được dùng rộng rãi<br />
<br />
<span style="font-size: x-large;"><b><a href="http://tuihay.com/" target="_blank"> Demo </a></b></span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<b><span style="background-color: black; color: white; font-size: large;">Code</span></b><br />
<textarea cols="55" onclick="this.focus();this.select()" readonly="readonly" rows="10"><script type="text/javascript">
//Alert MsgAd
clicksor_enable_MsgAlert = true;
//default pop-under house ad url
clicksor_enable_pop = true; clicksor_frequencyCap = 0.1;
durl = '';
//default banner house ad url
clicksor_default_url = '';
clicksor_banner_border = '#000f30'; clicksor_banner_ad_bg = '#FFFFFF';
clicksor_banner_link_color = '#0c15ff'; clicksor_banner_text_color = '#da0041';
clicksor_banner_image_banner = true; clicksor_banner_text_banner = true;
clicksor_layer_border_color = '';
clicksor_layer_ad_bg = ''; clicksor_layer_ad_link_color = '';
clicksor_layer_ad_text_color = ''; clicksor_text_link_bg = '';
clicksor_text_link_color = '#0c59ff'; clicksor_enable_text_link = true;
clicksor_enable_VideoAd = true;
</script><br />
<style type="text/css">
* html div#fl813691 {position: absolute; overflow:hidden;
top:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop
+(documentElement.clientHeight-this.clientHeight)
: document.body.scrollTop
+(document.body.clientHeight-this.clientHeight));}
#fl813691{font: 12px Arial, Helvetica, sans-serif; color:#666; position:fixed; _position: absolute; right:0; bottom:0; height:150px; }
#eb951855{ width:189px; padding-right:7px; background:url(https://lh5.googleusercontent.com/-tC1Af6p9aw8/UEuOWQws00I/AAAAAAAAa-g/BbHcKKr5plc/s0/fullborder_bg_right.gif) no-repeat right top;}
#cob263512{background:url(https://lh4.googleusercontent.com/-ClNrLnNnkOc/UEuOWLuYZ1I/AAAAAAAAa-k/FTBzIb2RH7E/s0/fullborder_bg.gif) no-repeat left top; height:150px; padding-left:7px;}
#coh963846{color:#690;display:block; height:20px; line-height:20px; font-size:11px; width:183px;}
#coh963846 a{color:#690;text-decoration:none;}
#coc67178{float:right; padding:0; margin:0; list-style:none; overflow:hidden; height:15px;}
#coc67178 li{display:inline;}
#coc67178 li a{background-image:url(https://lh6.googleusercontent.com/-GndSGSlTOiY/UEuOWHOL_3I/AAAAAAAAa-c/duzdTEwLvK0/s0/button.gif); background-repeat:no-repeat; width:30px; height:0; padding-top:15px; overflow:hidden; float:left;}
#coc67178 li a.close{background-position: 0 0;}
#coc67178 li a.close:hover{background-position: 0 -15px;}
#coc67178 li a.min{background-position: -30px 0;}
#coc67178 li a.min:hover{background-position: -30px -15px;}
#coc67178 li a.max{background-position: -60px 0;}
#coc67178 li a.max:hover{background-position: -60px -15px;}
#co453569{display:block; margin:0; padding:0; height:123px; border-style:solid; border-width:1px; border-color:#111 #999 #999 #111; line-height:1.6em; overflow:hidden;} </style><br />
<div id="fl813691" style="height: 152px;">
<div id="eb951855">
<div id="cob263512">
<div id="coh963846">
<ul id="coc67178">
<li id="pf204652hide"><br />
<a class="min" href="javascript:pf204652clickhide();" title="Ẩn cửa sổ này">Ẩn cửa sổ này</a></li>
<li id="pf204652show" style="display: none;"><br />
<a class="max" href="javascript:pf204652clickshow();" title="Mở cửa sổ này">Mở cửa sổ này</a></li>
<li id="pf204652close"><br />
<a class="close" href="javascript:pf204652clickclose();" title="Tắt cửa sổ này">Tắt cửa sổ này</a></li>
</ul>
Hack Gunny 2013</div>
<div id="co453569">
<a href="http://gunny.tuihay.com" target="_blank"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaSWZotqDtMhenzNizS5K_TUscb3sPewwmM4FyYXi3IPQJWoK8aTrTfYGr624oVNPWh-h2OKhvAtKVc21Ts7s0vrHpme_BU8u08kYUcWY6Hbtu6V5c5dzgt_3-zG9zlPdYkQrt_qfjqKU/s1600/20100202-gunny-27.gif" style="width: 197px; height: 120px;" /></a>Quảng cáo<br /><br />
(width="180" height="133")<br /><br />
<a href="http://www.onlineseeding.vn/" target="_blank">OnlineSeeding.vn - Click Here</a></div>
</div>
</div>
</div>
<script>
pf204652bottomLayer = document.getElementById('fl813691');
var pf204652IntervalId = 0;
var pf204652maxHeight = 150;
var pf204652minHeight = 20;
var pf204652curHeight = 0;
function pf204652show( ){
pf204652curHeight += 2;
if (pf204652curHeight > pf204652maxHeight){
clearInterval ( pf204652IntervalId );
}
pf204652bottomLayer.style.height = pf204652curHeight+'px';
}
function pf204652hide( ){
pf204652curHeight -= 3;
if (pf204652curHeight < pf204652minHeight){
clearInterval ( pf204652IntervalId );
}
pf204652bottomLayer.style.height = pf204652curHeight+'px';
}
pf204652IntervalId = setInterval ( 'pf204652show()', 5 );
function pf204652clickhide(){
document.getElementById('pf204652hide').style.display='none';
document.getElementById('pf204652show').style.display='inline';
pf204652IntervalId = setInterval ( 'pf204652hide()', 5 );
}
function pf204652clickshow(){
document.getElementById('pf204652hide').style.display='inline';
document.getElementById('pf204652show').style.display='none';
pf204652IntervalId = setInterval ( 'pf204652show()', 5 );
}
function pf204652clickclose(){
document.body.style.marginBottom = '0px';
pf204652bottomLayer.style.display = 'none';
}
</script> </textarea>
<br />
<br />
Chỉnh sửa cho phù hợp: Tìm dòng <b>height:<span style="color: red;">150</span>px </b>và<b> width:<span style="color: red;">189</span>px </b><br />
<b>Trong đó 150 là chìu cao , 189 là chiều rộng của khung.</b><br />
<b><br /></b>
<div style="text-align: right;">
<b>Coppy ghi rõ nguồn: <a href="http://thuthuat.tuihay.com/">http://thuthuat.tuihay.com</a> nhé tks</b></div>
<div class="blogger-post-footer">TuiHay.Com</div>Animehay.tv xem anime hayhttp://www.blogger.com/profile/16457027273952680780noreply@blogger.com0tag:blogger.com,1999:blog-5080082220055495259.post-83914426386527321142013-04-09T10:31:00.001+07:002013-04-24T17:15:08.532+07:00Code đính menu luôn ở đầu trang hoặc chân trang<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAuBG60JCPXEwGdS8hep5_FRWP1BfaBXaBxO1WTJG0J85ef3oc8tUZ7FyFcHM-D2VBtjdWa2o7b5cN32BHal_gyUm_6Cmw4VPNEnoQazEsq1wQO2fVEaXwPtgVhBlPCFEHLjOeJCcqkXk/s200/sadd.bmp" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAuBG60JCPXEwGdS8hep5_FRWP1BfaBXaBxO1WTJG0J85ef3oc8tUZ7FyFcHM-D2VBtjdWa2o7b5cN32BHal_gyUm_6Cmw4VPNEnoQazEsq1wQO2fVEaXwPtgVhBlPCFEHLjOeJCcqkXk/s200/sadd.bmp" /></a><br />
Hiện thị menu ở đầu trang hay cuối trang giúp người dùng dễ điều hướng trong trang web của bạn<br />
Đầu tiên bạn phải code <a href="http://designhot2013.blogspot.com/2013/04/menu-khong-cap-ep.html" target="_blank">Menu</a> và <a href="http://designhot2013.blogspot.com/2013/04/menu-khong-cap-ep.html" target="_blank">Menu</a> này đã đc gọi tên<br />
<br />
Bạn có thể dùng Menu Đơn , Drop , Xỗ nhiều cấp vân vân, tùy bạn<br />
Đều áp dụng đc cả...<br />
<br />
<br />
<br />
<span style="background-color: white;"><a href="http://speed.tuihay.com/" target="_blank"><span style="font-size: x-large;"><b> Demo </b></span></a></span><br />
<br />
<br />
<div style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px; text-align: justify;">
<span style="font-size: x-small;"><b style="color: blue;">☼ </b><b style="color: blue;">Cách tiến hành:</b></span></div>
Xac dinh Id hoac Class th<br />
<b>ví dụ: mình có 1 menu: <a href="http://designhot2013.blogspot.com/2013/04/menu-khong-cap-ep.html" target="_blank"><span style="font-size: large;">Tại đây</span></a></b><br />
<b>đã đặt tên là:<span style="color: red;"> topnav1 - topnav</span></b><br />
<b></b><br />
<b><div id="<span style="color: red;">topnav1</span>" class="<span style="color: blue;">topnav</span>"></b><br />
<div>
<div>
<b>- Tr0ng đó </b></div>
<div>
<b>Màu đỏ <span style="color: red;">topnav1</span> là Id </b></div>
<div>
<b>Mầu xanh <span style="color: blue;">topnav</span> là class</b></div>
</div>
<div>
<b><br /></b></div>
<div>
<b>Đây là đoạn code Đính menu luôn hiện đầu trang</b><br />
<b><br /></b>
<b>Chèn đoạn code này vào trước <span style="color: red;">]]></span></b></div>
<div>
<b><span style="color: red;"><br /></span></b></div>
<b><span style="background-color: black; color: white; font-size: large;">Code</span></b><br />
<textarea cols="55" onclick="this.focus();this.select()" readonly="readonly" rows="10"> #topnav1 {
position: fixed;
_position:absolute;
top: 0px;}
/* menu by tuihay.com */
.topnav{
font: bold 14px Verdana;
background: #319300;
width: 898px;
z-index:9000;
}</textarea>
<br />
<br />
+ Mở rộng ra, nếu bạn muốn Menu luôn ở cuối trang:<br />
thay dòng chữ: <b>top:0px</b> thành <b>bottom:0px</b><br />
<br />
<b><span style="background-color: black; color: white; font-size: large;">Code</span></b><br />
<textarea cols="55" onclick="this.focus();this.select()" readonly="readonly" rows="10"> #topnav1 {
position: fixed;
_position:absolute;
bottom:0px;}
/* menu by tuihay.com */
.topnav{
font: bold 14px Verdana;
background: #319300;
width: 898px;
z-index:9000;
}</textarea>
<br />
<br />
<b>Ngoài ra bạn còn có thể đính nhiều cái khác như: link , hình ảnh , button vân vân , làm y chang như vậy</b><br />
<div style="text-align: right;">
<b>Coppy ghi rõ nguồn: <a href="http://thuthuat.tuihay.com/">http://thuthuat.tuihay.com</a> nhé tks</b></div>
<div class="blogger-post-footer">TuiHay.Com</div>Animehay.tv xem anime hayhttp://www.blogger.com/profile/16457027273952680780noreply@blogger.com0tag:blogger.com,1999:blog-5080082220055495259.post-12388541299194661222013-04-06T20:09:00.003+07:002013-04-24T17:16:37.061+07:00Menu không cấp đẹp<b>Menu không cấp đẹp - đơn giản</b><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAuBG60JCPXEwGdS8hep5_FRWP1BfaBXaBxO1WTJG0J85ef3oc8tUZ7FyFcHM-D2VBtjdWa2o7b5cN32BHal_gyUm_6Cmw4VPNEnoQazEsq1wQO2fVEaXwPtgVhBlPCFEHLjOeJCcqkXk/s1600/sadd.bmp" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="133" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAuBG60JCPXEwGdS8hep5_FRWP1BfaBXaBxO1WTJG0J85ef3oc8tUZ7FyFcHM-D2VBtjdWa2o7b5cN32BHal_gyUm_6Cmw4VPNEnoQazEsq1wQO2fVEaXwPtgVhBlPCFEHLjOeJCcqkXk/s200/sadd.bmp" width="200" /></a><b></b><br />
<b>Lưu ý là: menu này mình có thêm ID</b><br />
<b>Để cho bạn nào thích có thể làm cái đính menu ở đầu trang</b><br />
<br />
<b style="background-color: white;"><a href="http://gunny.tuihay.com/" target="_blank"><span style="font-size: large;">Demo online</span></a></b><br />
<br />
<hr />
<b><span style="color: blue;">Cách tiền hành</span></b><br />
<hr />
<br />
1. Đăng nhập blogspot -> <b>mẫu </b>-> <b>chỉnh sửa HTML -> ctrl + F</b> tìm dòng<b>: ]]></b> và thêm<b> trước </b>nó dòng:<br />
<br />
<b><span style="background-color: black; color: white; font-size: large;">Code</span></b><br />
<textarea cols="55" onclick="this.focus();this.select()" readonly="readonly" rows="10"> ul#topnav {
margin: 0; padding: 0;
float: left;
width: 100%;
list-style: none;
position: relative; /*--thiết lập vị trí của ul chưa menu--*/
font-family: Tahoma;
font-size: 16px;
color: #FFFFFF;
font-weight: Bold;
background-color: #287800;
}
ul#topnav li {
float: left;
margin: 0; padding: 0;
border-right: 0px solid #555; /*-- các menu li --*/
}
ul#topnav li a {
padding: 6px 10px;
display: block;
color: #f0f0f0;
text-decoration: none;
}
#topnav li a:hover,
#topnav li a:active,
#topnav li a:focus {
color: #319300; /* Màu chữ khi rê chuột vào */
background-color:#FFFFFF; /* Màu nền khi rê chuột vào */
}
ul#topnav li:hover {background: #319300; url(topnav_active.gif) repeat-x; }
ul#topnav li span {
float: left;
padding: 6px 0;
position: absolute;
left: 0; top:26px;
display: none; /*-- mặc định menu cấp 2 là ẩn --*/
width: 100%;
background: #319300;
color: #ffffff;
/*--Bottom right rounded corner--*/
-moz-border-radius-bottomright: 7px;
-khtml-border-radius-bottomright: 7px;
-webkit-border-bottom-right-radius:7px;
/*--Bottom left rounded corner--*/
-moz-border-radius-bottomleft: 7px;
-khtml-border-radius-bottomleft: 7px;
-webkit-border-bottom-left-radius: 7px;
}
ul#topnav li:hover span { display: block;} /*--hiển thị menu cấp 2 khi đưa chuột vào--*/
ul#topnav li span a { display: inline; } /*-- tất cả các menu câp 2 cùng nằm trên 1 dòng--*/
ul#topnav li span a:hover {text-decoration: none; background: #00AE00; color:#FF0000;}
</textarea><br />
<br />
<span style="color: white; font-size: large;"><b><br /></b></span>
<span style="background-color: white;">2.Tìm dòng <b></b></span> và thêm đoạn code vào trước nó<br />
<span style="background-color: white;">Hoặc vào <b>Bố cục</b> -> <b>Thêm tiện ích </b>-> <b>Javar script/HTML</b></span><br />
<b><span style="background-color: black; color: white; font-size: large;">Code</span></b><br />
<textarea cols="55" onclick="this.focus();this.select()" readonly="readonly" rows="10"><div class='topnav' id='topnav1'>
<ul id="topnav">
<li>
<a href="http://tuihay.com">Home</a></li>
<li>
<strong><a href="http://cf.tuihay.com">Đột Kích</a></strong></li>
<li>
<strong><a href="http://gunny.tuihay.com">Gunny</a></strong></li>
<li>
<strong><a href="http://speed.tuihay.com">Zing Speed</a></strong></li>
<li>
<strong><a href="http://cuoi.tuihay.com">Xem Hài</a></strong></li>
<li>
<strong><a href="http://wap.yeuhack.com">Game Điện Thoại</a></strong></li>
<li>
<strong><a href="http://phim.tuihay.com">Phim 18</a></strong></li>
</ul>
</div>
</textarea>
<br />
<br />
Chỉnh sửa url và tên cho phù hợp<br />
<br />
<b><span style="color: red;"><div class='</span><span style="color: blue;">topnav</span><span style="color: red;">' id='</span><span style="color: blue;">topnav1</span><span style="color: red;">'></span></b><br />
<b><span style="color: blue;">topnav</span><span style="color: red;"> - </span><span style="color: blue;">topnav1</span><span style="color: red;"> chính là tên menu dùng trong đính menu ở đầu trang</span></b><br />
<b><span style="color: red;"><br /></span></b>
<b>Xem cách đính menu luôn ở đầu trang hoặc cuối trang: <a href="http://designhot2013.blogspot.com/2013/04/code-inh-menu-luon-o-au-trang-hoac-chan.html#.UXew96IuxN8" style="color: red;"><span style="font-size: large;">Tại Đây</span></a></b><br />
<div>
<br /></div>
<br />
<div style="text-align: right;">
<b>Coppy ghi rõ nguồn: <a href="http://thuthuat.tuihay.com/">http://thuthuat.tuihay.com</a> nhé tks</b></div>
<div class="blogger-post-footer">TuiHay.Com</div>Animehay.tv xem anime hayhttp://www.blogger.com/profile/16457027273952680780noreply@blogger.com0tag:blogger.com,1999:blog-5080082220055495259.post-19974131768122257162013-04-05T19:10:00.000+07:002013-04-05T19:10:31.531+07:00Bài viết liên quan có hình ảnh cho Blogspot<br />
<span style="font-size: large;"><b>Demo online: <a href="http://tuihay.com/" target="_blank">Trang hiện tại</a></b></span><br />
<span style="font-size: large;"><b><br /></b></span>
<span style="font-size: large;"><b>1. Hiển thị Related Posts theo hàng dọc.</b></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikerKog8KhoG4qpZ7Oh73F3CPiei2X54THr2xa1SjLNTlTjifQO1mUWGNaS4fhQLxsdt2nubXCoMGYhY91XIPzAYdjdwUSknjtrSFkgV4c_-azw4LT1Ud63NiBBOWAV8xWnGkkjB3uHbg/s1600/related-posts-thumbnails-1.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="467" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikerKog8KhoG4qpZ7Oh73F3CPiei2X54THr2xa1SjLNTlTjifQO1mUWGNaS4fhQLxsdt2nubXCoMGYhY91XIPzAYdjdwUSknjtrSFkgV4c_-azw4LT1Ud63NiBBOWAV8xWnGkkjB3uHbg/s640/related-posts-thumbnails-1.PNG" width="640" /></a></div>
<div>
<br /></div>
<br />
<br />
<b><complete id="goog_1103362420">+ </complete>Bước 1</b>: Thêm đoạn mã dưới đây vào trước thẻ<b> ]]></b:skin></b> trong template của bạn.<br />
<b><span style="background-color: black; color: white; font-size: large;">Code</span></b><br />
<textarea cols="55" onclick="this.focus();this.select()" readonly="readonly" rows="10"> #related-posts{float:left}<br />
#related-posts ul{margin:0;padding:0;list-style-type:none}<br />
#related-posts ul li{padding:10px 0}<br />
#related-posts ul li:hover img{width:42px;height:42px;padding:0}<br />
#related-posts img{float:left;border:1px solid #BBB;margin-right:10px;width:36px;height:36px;background:#FFF;padding:3px}<br />
#related-posts h3{margin:0;font-size:16px}</textarea> <br />
<br />
<b>Bước 2:</b> Thêm đoạn mã dưới đây vào sau thẻ <b><div class='post-footer'></b> trong template của bạn.<br />
<b><span style="background-color: black; color: white; font-size: large;">Code</span></b><br />
<textarea cols="55" onclick="this.focus();this.select()" readonly="readonly" rows="10"><b:if cond='data:blog.pageType == "item"'><br />
<div style='clear:both'/>
<div id='related-posts'>
<script type='text/javascript'>var ry='<h2>
Bài viết liên quan</h2>
';rn='<h2>
Không có Bài viết liên quan</h2>
';rcomment='Nhận xét';rdisable='Tắt Nhận xét';commentYN='yes';</script><br />
<script type='text/javascript'>
//<![CDATA[
var dw='';titles=new Array();titlesNum=0;urls=new Array();timeR=new Array();thumb=new Array();commentsNum=new Array();comments=new Array();function related_results_labels(c){for(var b=0;b<c.feed.entry.length;b++){var d=c.feed.entry[b];titles[titlesNum]=d.title.$t;for(var a=0;a<d.link.length;a++){if('thr$total' in d){commentsNum[titlesNum]=d.thr$total.$t+' '+rcomment}else{commentsNum[titlesNum]=rdisable};if(d.link[a].rel=="alternate"){urls[titlesNum]=d.link[a].href;timeR[titlesNum]=d.published.$t;if('media$thumbnail' in d){thumb[titlesNum]=d.media$thumbnail.url}else{thumb[titlesNum]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXCrGIyPU8TxuOeJUS6cUWygWNHYJCTV8INsVwj2qJbelOqLtZYJEgJit94tmVkgF2th_UPSsFtrbCvu8Nmo9CVjT_PztynZEeOJ_y_WSxoKNcpVOX_Ga42bkMMvheRIH1iDVXcXxUPWDJ/'};titlesNum++;break}}}}function removeRelatedDuplicates(){var b=new Array(0);c=new Array(0);e=new Array(0);f=new Array(0);g=new Array(0);for(var a=0;a<urls.length;a++){if(!contains(b,urls[a])){b.length+=1;b[b.length-1]=urls[a];c.length+=1;c[c.length-1]=titles[a];e.length+=1;e[e.length-1]=timeR[a];f.length+=1;f[f.length-1]=thumb[a];g.length+=1;g[g.length-1]=commentsNum[a]}}urls=b;titles=c;timeR=e;thumb=f;commentsNum=g}function contains(b,d){for(var c=0;c<b.length;c++){if(b[c]==d){return true}}return false}function printRelatedLabels(a){var y=a.indexOf('?m=0');if(y!=-1){a=a.replace(/\?m=0/g,'')}for(var b=0;b<urls.length;b++){if(urls[b]==a){urls.splice(b,1);titles.splice(b,1);timeR.splice(b,1);thumb.splice(b,1);commentsNum.splice(b,1)}}var c=Math.floor((titles.length-1)*Math.random());var b=0;if(titles.length==0){dw+=rn}else{dw+=ry;dw+='<ul>';while(b<titles.length&&b<20&&b<maxresults){if(y!=-1){urls[c]=urls[c]+'?m=0'}if(commentYN=='yes'){comments[c]=' - '+commentsNum[c]}else{comments[c]=''};dw+='
<li><img alt="'+titles[c]+'" src="'+thumb[c]+'"/><div>
<h3>
<a href="'+urls[c]+'" rel="nofollow">'+titles[c]+'</a></h3>
<span>'+timeR[c].substring(8,10)+'/'+timeR[c].substring(5,7)+'/'+timeR[c].substring(0,4)+comments[c]+'</span></div>
</li>
<div style="clear:both">
</div>
';if(c<titles.length-1){c++}else{c=0}b++}dw+='</ul>
'};urls.splice(0,urls.length);titles.splice(0,titles.length);document.getElementById('related-posts').innerHTML=dw};
//]]>
</script><br />
<b:loop values='data:post.labels' var='label'><br />
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels"' type='text/javascript'/>
</b:loop>
<script type='text/javascript'>var maxresults=6;removeRelatedDuplicates();printRelatedLabels('<data:post.url/>');</script><br />
</div>
<div style='clear:both'/>
</b:if> </textarea> <br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOlr2eUNbZrEGdaBK3y2ms1BpVjwNWC4W-BjUdCq_OnNz72s0K0LCxAwlkBkLkhcHsEDDwJatx9_qEz49xWpMWyboK86svOVqcPLHBq-qoYymm__MVsqs_qw-wv9mB2FnTfs4mvalp_tg/s1600/related-posts-thumbnails-2.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOlr2eUNbZrEGdaBK3y2ms1BpVjwNWC4W-BjUdCq_OnNz72s0K0LCxAwlkBkLkhcHsEDDwJatx9_qEz49xWpMWyboK86svOVqcPLHBq-qoYymm__MVsqs_qw-wv9mB2FnTfs4mvalp_tg/s1600/related-posts-thumbnails-2.PNG" /></a></div>
<br />
<br />
<b><complete id="goog_1103362420">+ </complete>Bước 1</b>: Thêm đoạn mã dưới đây vào trước thẻ<b> ]]></b:skin></b> trong template của bạn.<br />
<br />
<b><span style="background-color: black; color: white; font-size: large;">Code</span></b><br />
<textarea cols="55" onclick="this.focus();this.select()" readonly="readonly" rows="10"> #related-posts{float:left}<br />
#related-posts ul{margin:5px 0;width:524px;padding:0;list-style-type:none}<br />
#related-posts ul li{position:relative;float:left;border:0 none;margin-right:11px;width:76px}<br />
#related-posts ul li:hover{z-index:98}<br />
#related-posts ul li:hover img{border:3px solid #BBB}<br />
#related-posts ul li:hover div{position:absolute;top:40px;left:10px;margin-left:0;width:200px}<br />
#related-posts ul li img{border:3px solid #DDD;width:70px;height:70px;background:#FFF}<br />
#related-posts ul li div{position:absolute;z-index:99;margin-left:-999em}<br />
#related-posts ul li .title{border:1px solid #CCC;background:#FFF;padding:5px 10px} </textarea> <br />
<br />
<br />
<b>Bước 2:</b> Thêm đoạn mã dưới đây vào sau thẻ <b><div class='post-footer'></b> trong template của bạn.<br />
<br />
<b><span style="background-color: black; color: white; font-size: large;">Code</span></b><br />
<textarea cols="55" onclick="this.focus();this.select()" readonly="readonly" rows="10"> <b:if cond='data:blog.pageType == "item"'><br />
<div style='clear:both'/>
<div id='related-posts'>
<script type='text/javascript'>var ry='<h2>
Bài viết liên quan</h2>
';rn='<h2>
Không có Bài viết liên quan</h2>
';rcomment='Nhận xét';rdisable='Tắt Nhận xét';commentYN='yes';</script><br />
<script type='text/javascript'>
//<![CDATA[
var nothumb='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXCrGIyPU8TxuOeJUS6cUWygWNHYJCTV8INsVwj2qJbelOqLtZYJEgJit94tmVkgF2th_UPSsFtrbCvu8Nmo9CVjT_PztynZEeOJ_y_WSxoKNcpVOX_Ga42bkMMvheRIH1iDVXcXxUPWDJ/';dw='';titles=new Array();titlesNum=0;urls=new Array();time=new Array();thumb=new Array();commentsNum=new Array();comments=new Array();function related_results_labels(c){for(var b=0;b<c.feed.entry.length;b++){var d=c.feed.entry[b];titles[titlesNum]=d.title.$t;for(var a=0;a<d.link.length;a++){if('thr$total' in d){commentsNum[titlesNum]=d.thr$total.$t+' '+rcomment}else{commentsNum[titlesNum]=rdisable};if(d.link[a].rel=="alternate"){urls[titlesNum]=d.link[a].href;time[titlesNum]=d.published.$t;if('media$thumbnail' in d){thumb[titlesNum]=d.media$thumbnail.url}else{thumb[titlesNum]=nothumb};titlesNum++;break}}}}function removeRelatedDuplicates(){var b=new Array(0);c=new Array(0);e=new Array(0);f=new Array(0);g=new Array(0);for(var a=0;a<urls.length;a++){if(!contains(b,urls[a])){b.length+=1;b[b.length-1]=urls[a];c.length+=1;c[c.length-1]=titles[a];e.length+=1;e[e.length-1]=time[a];f.length+=1;f[f.length-1]=thumb[a];g.length+=1;g[g.length-1]=commentsNum[a]}}urls=b;titles=c;time=e;thumb=f;commentsNum=g}function contains(b,d){for(var c=0;c<b.length;c++){if(b[c]==d){return true}}return false}function printRelatedLabels(a){var y=a.indexOf('?m=0');if(y!=-1){a=a.replace(/\?m=0/g,'')}for(var b=0;b<urls.length;b++){if(urls[b]==a){urls.splice(b,1);titles.splice(b,1);time.splice(b,1);thumb.splice(b,1);commentsNum.splice(b,1)}}var c=Math.floor((titles.length-1)*Math.random());var b=0;if(titles.length==0){dw+=rn}else{dw+=ry;dw+='<ul>';while(b<titles.length&&b<20&&b<maxresults){if(y!=-1){urls[c]=urls[c]+'?m=0'}if(commentYN=='yes'){comments[c]=' - '+commentsNum[c]}else{comments[c]=''};dw+='
<li><a href="'+urls[c]+'" rel="nofollow"><img alt="'+titles[c]+'" src="'+thumb[c]+'"/></a><div class="title">
<h3>
<a href="'+urls[c]+'" rel="nofollow">'+titles[c]+'</a></h3>
<span>'+time[c].substring(8,10)+'/'+time[c].substring(5,7)+'/'+time[c].substring(0,4)+comments[c]+'</span></div>
</li>
';if(c<titles.length-1){c++}else{c=0}b++}dw+='</ul>
'};urls.splice(0,urls.length);titles.splice(0,titles.length);document.getElementById('related-posts').innerHTML=dw};
//]]>
</script><br />
<b:loop values='data:post.labels' var='label'><br />
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels"' type='text/javascript'/>
</b:loop>
<script type='text/javascript'>var maxresults=6;removeRelatedDuplicates();printRelatedLabels('<data:post.url/>');</script><br />
</div>
<div style='clear:both'/>
</b:if> </textarea> <br />
<br />
<b>maxresults</b> là số bài viết liên quan được hiển thị, mình đặt là<b> 6</b>. Mặc định số lượng comments sẽ được hiển thị, nếu bạn không muốn hãy thay ký tự yes màu tím thành ký tự khác, no chẳng hạn. Số lượng bài viết ở mỗi nhãn được tải về từ feed lấy theo mặc định là<b> 25</b> bài mới nhất, nếu nhiều hơn mình nghĩ sẽ làm chậm tốc độ blog.<br />
<br />
Về CSS cũng như bao thủ thuật khác mình không chú trọng đến giao diện mà quan tâm đến việc hiển thị trên các trình duyệt nhiều hơn. Ngoài ra mặc dù thông tin hiển thị bằng Javascript nhưng mình vẫn thêm thẻ alt cho ảnh, tiêu đề đặt trong cặp thẻ H3 và thuộc tính <b>rel=nofollow</b> cho thẻ liên kết. Mình nhận thấy Google vẫn hiển thị thông tin viết bởi Javascript trong kết quả tìm kiếm.<br />
<br />
<br />
<br />
<div style="text-align: right;">
<b>Coppy ghi rõ nguồn: <a href="http://thuthuat.tuihay.com/">http://thuthuat.tuihay.com</a> nhé tks</b></div>
<div class="blogger-post-footer">TuiHay.Com</div>Animehay.tv xem anime hayhttp://www.blogger.com/profile/16457027273952680780noreply@blogger.com0tag:blogger.com,1999:blog-5080082220055495259.post-58204586194036129862013-04-05T09:20:00.001+07:002013-04-05T09:20:26.221+07:00AJAX Navigation Menu drop trượt đẹp cho blogger<b>AJAX Navigation menu cho blogger là menu mới được tạo ra cho nền tảng Blogger sử dụng Blogger JSON nguồn cấp dữ liệu API và AJAX. Menu điều hướng này được lấy cảm hứng từ trang web cũ Mashable.com. Tôi mã hóa widget này một vài tháng trước đây, nhưng không có thời gian để xuất bản bài viết này. Và bây giờ tôi thêm các tính năng tùy biến.</b><br />
<br />
<hr />
<span style="color: blue;">Làm thế nào nó hoạt động?</span><br />
<hr />
<b>Widget này hoạt động dựa trên thư viện jQuery và Blogger JSON feed API. Blog của bạn phải để chế độ cho khách cộng đồng (puplish). Nếu không Blogger JSON Feed API sẽ không hoạt động.</b><br />
<b>Menu hoạt động giống như trình đơn thả xuống bình thường khi javascript bị vô hiệu hóa, Và nó sẽ tạo trình đơn thả xuống AJAX hỗ trợ khi được kích hoạt javascript.</b><br />
<b><br />
</b> <b style="background-color: white;"><a href="http://adf.ly/MGnlS" target="_blank">Xem Demo</a></b><br />
<br />
Ảnh minh họa:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZpYGQuxl6x2D5-I8SjB2VcQNWVVWHnlFdhHsDMsDw_Ftg2Ms4sWG9dvlnHa_jU_xi1IsznNTO8OrPpCC-RN0JWXe_WVq7Wc5ZI4X-Sztdd6ugCMUcw6WctCEo5rWlcKsW3KNS5OiPndM/s1600/AJAX-Navigation-Menu-For-Blogger-blogspot-menu-drop.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="261" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZpYGQuxl6x2D5-I8SjB2VcQNWVVWHnlFdhHsDMsDw_Ftg2Ms4sWG9dvlnHa_jU_xi1IsznNTO8OrPpCC-RN0JWXe_WVq7Wc5ZI4X-Sztdd6ugCMUcw6WctCEo5rWlcKsW3KNS5OiPndM/s400/AJAX-Navigation-Menu-For-Blogger-blogspot-menu-drop.gif" width="400" /></a></div>
<br />
<br />
<hr />
<span style="color: blue;"><b>+ Cách tiến hành</b></span><br />
<hr />
1. <b>Đăng nhập</b> vào tài khoản Blogger<br />
2. Vào phần <b>Mẫu (Template)</b><br />
3. Chọn <b>Chỉnh sửa HTML</b> (Edit HTML)<br />
4. Thêm mã sau trước thẻ <b>]]></b:skin></b><br />
<br />
<b><span style="background-color: black; color: white; font-size: large;">Code</span></b> <br />
<textarea cols="55" onclick="this.focus();this.select()" readonly="readonly" rows="10">/* Menu Stylings */<br />
.w2bmenu *{margin: 0;padding: 0;}<br />
ul.w2bmenu {list-style: none;line-height: 1;overflow: visible !important;}<br />
ul.w2bmenu:after{margin: 0;padding: 0;content: ' ';display: block;height: 0px;clear: both;}<br />
ul.w2bmenu li{list-style: none;position:relative;float: left;margin: 0 !important;padding: 0 !important;}<br />
ul.w2bmenu li a{margin: 0;padding: 12px 16px !important;font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif !important;color: #6b6b6b !important;text-shadow: 0 1px 0 #fff;font-weight: 700 !important;text-transform: uppercase !important;font-size: 12px !important;display: block !important;border: 0 none !important;}<br />
ul.w2bmenu li a:hover,ul.w2bmenu li a.hoverover{background: #f5f5f5 !important;}<br />
ul.w2bmenu ul{position: absolute;display: none;top: 100%;border:1px solid #ccc;}<br />
ul.w2bmenu li:hover > ul{display: block;}<br />
ul.w2bmenu ul li{float: none;min-width: 160px;background:#f5f5f5;text-shadow: none;}<br />
ul.w2bmenu ul li a{padding: 12px 14px;text-transform: none;font-weight: normal;}<br />
ul.w2bmenu ul li a:hover,ul.w2bajaxmenu ul li a.hoverover{background: #fff !important;}<br />
ul.w2bmenu ul ul{display: none;left: 100%;top: 0;}<br />
/* AJAX Menu Stylings */<br />
ul.w2bajaxmenu li div.submenu {display: none;position: absolute;width: 600px;z-index: 90;left: -1px;top: 100%;overflow: hidden;min-height: 150px;background: #fff;border:1px solid #cccccc;border-top: 0 none;}<br />
ul.w2bajaxmenu li:hover div.submenu {display: block;}<br />
ul.w2bajaxmenu ul ,ul.w2bajaxmenu ul li{display: block !important;border: 0 none !important;margin: 0 !important;padding:0 !important;}<br />
ul.w2bajaxmenu ul li{background: none !important;float: none !important;}<br />
ul.w2bajaxmenu ul.verticlemenu{position: absolute;width: 33%;left:0;top:0;bottom: 0;background: #f5f5f5;}<br />
ul.w2bajaxmenu ul.postslist {position: relative;display: block;width:65%;float: right;margin: 8px 0 !important;background: none;}<br />
ul.w2bajaxmenu ul.postslist li{display: block;overflow: hidden;border-bottom: 1px #eee solid;position: relative;min-height: 60px;padding: 8px 8px 8px 110px !important;}<br />
ul.w2bajaxmenu ul.postslist li:last-child{border-bottom: none 0;}<br />
ul.w2bajaxmenu ul.postslist li .imgCont{position: absolute;left: 0;top:8px;width: 100px;height: 60px;overflow: hidden;border:1px solid #dcdcdc;font-size: 0;line-height: 0;}<br />
ul.w2bajaxmenu ul.postslist li .imgCont img{position: relative;top:-20px;padding: 0;width: 100px;height: 100px;display: block;}<br />
ul.w2bajaxmenu ul.postslist li a{display: block;line-height: 1.4;padding: 0 !important;}<br />
ul.w2bajaxmenu .loader{background:url('http://i.imgur.com/SeivG.gif') no-repeat scroll 0 0 transparent;width:22px;height:22px;position: absolute;top:50%;margin-top: -11px;right:5px;}<br />
ul.w2bajaxmenu .menuArrow {border-bottom: 4px solid transparent;border-top: 4px solid transparent;border-left: 4px solid #999999;display: block;height: 0;margin-top: -4px;position: absolute;right: 11px;top: 50%;width: 0;}<br />
#w2bajaxmenu {background: #ededed;background: -moz-linear-gradient(top, #ededed 0%, #e0e0e0 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#e0e0e0));background: -webkit-linear-gradient(top, #ededed 0%,#e0e0e0 100%);background: -o-linear-gradient(top, #ededed 0%,#e0e0e0 100%);background: -ms-linear-gradient(top, #ededed 0%,#e0e0e0 100%);background: linear-gradient(to bottom, #ededed 0%,#e0e0e0 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#e0e0e0',GradientType=0 );border: 1px solid #cccccc;} </textarea> <br />
<br />
<b>5.</b> Thêm đoạn code bên dưới vào<b> trước thẻ</b> <b></head></b><br />
<b><span style="background-color: black; color: white; font-size: large;">Code</span></b> <br />
<textarea cols="55" onclick="this.focus();this.select()" readonly="readonly" rows="10"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script><br />
<script type="text/javascript" src="http://dl.dropbox.com/u/66256041/Menu/Namkna-blogspot-menu-doc/ajaxbloggermenu.min.js"></script><br />
<script type="text/javascript">
jQuery(document).ready(function($) {
$('#w2bajaxmenu').ajaxBloggerMenu({
numPosts : 4, // Number of Posts to show
defaultImg : 'http://url-to-image.com/default-image.jpeg' // Default thumbnail Image
});
});
</script></textarea> <br />
<br />
<hr />
<b><span style="color: blue;">Thêm HTML</span></b><br />
<hr />
<br />
- Trong phần này bạn nên cẩn thận thêm HTML, nếu không nó sẽ không hoạt động.<br />
- Menu AJAX chấp nhận ba loại url. Bạn phải sử dụng các url trong menu. Chúng là <b>Label</b>, <b>Search JQuery </b>và <b>Label/Search JQuery.</b><br />
+ Nhãn (label) URL <b>http://yourblogdomain.blogspot.com/search/label/<span style="color: red;">Tên nhãn</span></b><br />
+ Truy vấn Tìm kiếm (Search JQuery): <b>http://yourblogdomain.blogspot.com/search?q=<span style="color: red;">Từ khóa</span></b><br />
+ Label/Truy vấn Tìm kiếm (Label/Search JQuery): <b>http://yourblogdomain.blogspot.com/search/label/<span style="color: red;">Tên nhãn</span>?q=<span style="color: blue;">Từ khóa</span></b><br />
<br />
Lưu ý: - Truy vấn tìm kiếm phải được mã hóa URL . Bạn có thể sử dụng <a href="http://adf.ly/MGpQZ" target="_blank">công cụ này</a> để mã hóa các truy vấn tìm kiếm của bạn.<br />
<br />
- Vào <b>Bố cục</b> (Layout) => <b>Thêm tiện ích</b> (Add gadget) => Chọn <b>HTML/Javascripts</b> và thêm đoạn <b>code </b>bên dưới vào trong tiện ích <b>HTML / JavaScript.</b><br />
<br />
<b><span style="background-color: black; color: white; font-size: large;">Code</span></b> <br />
<textarea cols="55" onclick="this.focus();this.select()" readonly="readonly" rows="10"> <ul id="w2bajaxmenu" class="w2bmenu">
<li><br />
<a href="#">Home</a><br />
</li>
<li><br />
<a href="#">Blogspot tip</a><br />
<ul>
<li><a href="http://namkna.blogspot.com/search/label/Blogspot%20Menu">Menu</a></li>
<li><a href="http://namkna.blogspot.com/search/label/Blogspot%20Navigation">Navigation</a></li>
<li><a href="http://namkna.blogspot.com/search/label/Blogspot%20Templates">Template</a></li>
<li><a href="http://yourblogdomain.blogspot.com/search?q=This+is+long+query+you+do+not+get+any+results,+so+try+others">Unknown Search</a><br />
</ul>
</li>
<li><br />
<a href="#">Example 2</a><br />
<ul>
<li><a href="http://yourblogdomain.blogspot.com/search/label/Design">Design</a></li>
<li><a href="http://yourblogdomain.blogspot.com/search/label/Facebook?q=Like+Button">Facebook</a></li>
<li><a href="http://yourblogdomain.blogspot.com/search/label/Templates">Templates</a></li>
<li><a href="http://yourblogdomain.blogspot.com/search?q=Guest+Posts">Guest Posts</a></li>
</ul>
</li>
<li><a href="http://yourblogdomain.blogspot.com">Normal Link</a></li>
</ul>
</textarea> <br />
<div style="text-align: right;">
<b>Coppy ghi rõ nguồn: <a href="http://thuthuat.tuihay.com/">http://thuthuat.tuihay.com</a> nhé tks</b></div>
<div class="blogger-post-footer">TuiHay.Com</div>Animehay.tv xem anime hayhttp://www.blogger.com/profile/16457027273952680780noreply@blogger.com0tag:blogger.com,1999:blog-5080082220055495259.post-48399098285760430722013-04-05T08:50:00.005+07:002013-04-05T08:53:26.499+07:00Menu sổ nhiều cấp giống facebook cho blogger/blogspot<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEdU10GMRhR89quZwkvuldPdzH8By8XshqGNKppzbi6485EyQktCegRnSAJssxWWxMNQXkmubFjtI2e8pdaMhs65d40rBvD84WE2iMwJ1BxQp_s1e4TxZWl7d0Naf4_m_SM7MLLW7Jf3k/s1600/sad.bmp" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em; text-align: center;"><img border="0" height="201" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEdU10GMRhR89quZwkvuldPdzH8By8XshqGNKppzbi6485EyQktCegRnSAJssxWWxMNQXkmubFjtI2e8pdaMhs65d40rBvD84WE2iMwJ1BxQp_s1e4TxZWl7d0Naf4_m_SM7MLLW7Jf3k/s320/sad.bmp" width="320" /></a><b><span style="font-size: large;">Hôm nay mình giới thiệu thêm cho các bạn mẫu menu sổ dọc </span></b><b><span style="font-size: large;">nhiều cấp với phong cách của faceebook. Với mẫu này menu con sẽ sổ 2 cấp. Thích hợp cho các blog có nhiều chuyên mục</span></b><br />
<b><span style="font-size: large;"><br /></span></b>
<b><span style="font-size: large;"><span style="background-color: #274e13; color: white;">Các bạn có thể xem</span> <span style="color: white;"><a href="http://adf.ly/MGjCI" style="background-color: white;" target="_blank">Demo</a></span></span></b><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEdU10GMRhR89quZwkvuldPdzH8By8XshqGNKppzbi6485EyQktCegRnSAJssxWWxMNQXkmubFjtI2e8pdaMhs65d40rBvD84WE2iMwJ1BxQp_s1e4TxZWl7d0Naf4_m_SM7MLLW7Jf3k/s1600/sad.bmp" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><br /></a></div>
<br />
<hr />
<b><span style="color: blue; font-size: large;">Cách tiến hành:</span></b><br />
<hr />
<br />
<span style="font-size: large;">1.<b> Đăng nhập</b> vào blog</span><br />
<span style="font-size: large;">2. Chọn <b>Bố cục</b></span><br />
<span style="font-size: large;">3. Chọn <b>Thêm Tiện ích</b> => <b>Tạo HTML/Javarscip</b> và <b>dán code bên dưới</b> vào.</span><br />
<br />
<b><span style="background-color: black; color: white; font-size: large;"><br />
</span></b> <b><span style="background-color: black; color: white; font-size: large;">Code</span></b> <br />
<textarea cols="55" onclick="this.focus();this.select()" readonly="readonly" rows="10"><style>
#mbtnavbar {
background: #3B5998;
width: 100%;
color: #FFF;
margin: 10px 0;
padding: 0;
position: relative;
border-top:0px solid #960100;
height:35px;
}
#mbtnav {
margin: 0;
padding: 0;
}
#mbtnav ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
#mbtnav li {
list-style: none;
margin: 0;
padding: 0;
}
#mbtnav li a, #mbtnav li a:link, #mbtnav li a:visited {
color: #FFF;
display: block;
font:bold 12px Helvetica, sans-serif;
margin: 0;
padding: 9px 12px 11px 12px;
text-decoration: none;
border-right:0px solid #627AAD;
}
#mbtnav li a:hover, #mbtnav li a:active {
background: #627AAD;
color: #FFF;
display: block;
text-decoration: none;
margin: 0;
padding: 9px 12px 11px 12px;
}
#mbtnav li {
float: left;
padding: 0;
}
#mbtnav li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 160px;
margin: 0;
padding: 0;
}
#mbtnav li ul a {
width: 140px;
}
#mbtnav li ul ul {
margin: -25px 0 0 161px;
}
#mbtnav li:hover ul ul, #mbtnav li:hover ul ul ul, #mbtnav li.sfhover ul ul, #mbtnav li.sfhover ul ul ul {
left: -999em;
}
#mbtnav li:hover ul, #mbtnav li li:hover ul, #mbtnav li li li:hover ul, #mbtnav li.sfhover ul, #mbtnav li li.sfhover ul, #mbtnav li li li.sfhover ul {
left: auto;
}
#mbtnav li:hover, #mbtnav li.sfhover {
position: static;
}
#mbtnav li li a, #mbtnav li li a:link, #mbtnav li li a:visited {
background: #EDEFF4;
width: 120px;
color: #3B5998;
display: block;
font:normal 12px Helvetica, sans-serif;
margin: 1px 0 0 0;
padding: 9px 12px 10px 12px;
text-decoration: none;
z-index:9999;
border:1px solid #ddd;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
#mbtnav li li a:hover, #mbtnav li li a:active {
background: #627AAD;
color: #FFF;
display: block;
}
#mbtnav li li li a, #mbtnav li li li a:link, #mbtnav li li li a:visited {
background: #EDEFF4;
width: 120px;
color: #3B5998;
display: block;
font:normal 12px Helvetica, sans-serif;
padding: 9px 12px 10px 12px;
text-decoration: none;
z-index:9999;
border:1px solid #ddd;
margin: 1px 0 0 -14px;
}
#mbtnav li li li a:hover, #mbtnav li li li a:active {
background: #627AAD;
color: #FFF;
display: block;
}
</style><br />
<div id='mbtnavbar'>
<ul id='mbtnav'>
<li><a href='http://tuihay.com'>TuiHay.Com</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>Contact</a></li>
<li><a href='#'>Sitemap ▼</a><br />
<ul>
<li><a href='#'>Sub Page #1</a></li>
<li><a href='#'>Sub Page #2</a></li>
<li><a href='#'>Sub Page #3</a><br />
<ul>
<li><a href='#'>Sub Sub Page #1</a></li>
<li><a href='#'>Sub Sub Page #2</a></li>
<li><a href='#'>Sub Sub Page #3</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</textarea> <br />
Thay <b><span style="color: red;">#</span></b> bằng <span style="color: red;">liên kết của bạn</span><br />
<span style="color: red;"><b>Home - About</b> </span>.... = <span style="color: red;">tên hiễn thị</span><br />
<br />
<div style="text-align: right;">
<b>Coppy ghi rõ nguồn: <a href="http://thuthuat.tuihay.com/">http://thuthuat.tuihay.com</a> nhé tks</b></div>
<div class="blogger-post-footer">TuiHay.Com</div>Animehay.tv xem anime hayhttp://www.blogger.com/profile/16457027273952680780noreply@blogger.com0tag:blogger.com,1999:blog-5080082220055495259.post-45402769509055735532013-04-04T20:19:00.002+07:002013-04-04T20:30:56.014+07:00Công cụ chia sẽ trang<div style="text-align: center;"><span style="font-size: large;"><b><a href="http://tuihay.com/" target="_blank">---> Demo online <---</a></b></span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdeRz46LkzTFP-sghLlRWhUO753vBbWvHMJa_eUMCpm996hpu9yoBtRsqltpAeR8Qh-a_q4BR5u5uUkBqvs8B9s1hvwSWuMgg5jShXvYT_9tiiCJiXoukG6ZLPjZpYUEHHDkQ-m97uGgc/s1600/toolshare.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="307" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdeRz46LkzTFP-sghLlRWhUO753vBbWvHMJa_eUMCpm996hpu9yoBtRsqltpAeR8Qh-a_q4BR5u5uUkBqvs8B9s1hvwSWuMgg5jShXvYT_9tiiCJiXoukG6ZLPjZpYUEHHDkQ-m97uGgc/s400/toolshare.png" width="400" /></a></div><span style="font-size: large;"><br />
</span> Coppy code chèn nơi thích hơp. code này chạy dọc bên trái<br />
<br />
class="addthis_toolbox addthis_floating_style addthis_counter_style" <span style="color: red;">style="left: 50px; top: 50px;</span>"><br />
<br />
<br />
<br />
bạn chỉnh đoạn <span style="color: red;">code</span> này cho phù hợp với vị trí bạn muốn<br />
<br />
<b><span style="background-color: black; color: white; font-size: large;">Code</span></b><br />
<textarea cols="55" onclick="this.focus();this.select()" readonly="readonly" rows="10"><!-- Like box by tuihay.com --><br />
<br />
<div class="addthis_toolbox addthis_floating_style addthis_counter_style" style="left: 50px; top: 50px;"><div class="fb-like" data-href="http://facebook.com/tuihaycom" data-layout="box_count" data-send="true" data-show-faces="false" data-width="50"></div><a class="addthis_button_tweet" href="http://www.blogger.com/blogger.g?blogID=5080082220055495259" tw:count="vertical"></a><br />
<a class="addthis_button_google_plusone" g:plusone:size="tall" href="http://www.blogger.com/blogger.g?blogID=5080082220055495259"></a><br />
<a class="addthis_counter" href="http://www.blogger.com/blogger.g?blogID=5080082220055495259"></a><br />
</div><script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=xa-515d78d4326eda72" type="text/javascript"></script><br />
<div id="fb-root"></div><script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/vi_VN/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script><br />
<!-- Like box by tuihay.com --></textarea><br />
<br />
<div style="text-align: right;"><b>Coppy ghi rõ nguồn: <a href="http://thuthuat.tuihay.com/">http://thuthuat.tuihay.com</a> nhé tks</b></div><div class="blogger-post-footer">TuiHay.Com</div>Animehay.tv xem anime hayhttp://www.blogger.com/profile/16457027273952680780noreply@blogger.com0tag:blogger.com,1999:blog-5080082220055495259.post-65040561728080247242013-03-14T16:59:00.000+07:002013-06-08T17:34:55.168+07:00Hiển thị trích đoạn cho bài đăng phổ biến dạng tooltip<b>Trước đây đã có bài giới thiệu một cách để hiển thị trích đoạn cho bài đăng phổ biến dạng tooltip của <a href="http://namkna.blogspot.com/2011/12/lam-ep-tien-ich-popular-posts-hieu-ung.html#.UUGKrta8Aaw" target="_blank">Fan Dũng</a> nhưng mình thấy hơi phức tạp một chút. Và mình thấy rằng áp dụng phương pháp <a href="http://blog.duypham.info/2010/12/trich-dan-dang-title-cho-bai-pho-bien.html" target="_blank">Hiển thị đoạn trích dẫn dạng title cho bài đăng phổ biến</a> của Duy Phạm kết hợp với <a href="http://www.trollvl.com/2012/10/simple-css-only-tooltip-hover.html" target="_blank">thủ thuật này</a> nhanh hơn và không phải động chạm gì đến file js cả</b><br><a href="http://www.trollvl.com/2013/03/hien-thi-trich-oan-cho-bai-ang-pho-bien.html#more">Read more »</a><div class="blogger-post-footer">TuiHay.Com</div>Animehay.tv xem anime hayhttp://www.blogger.com/profile/16457027273952680780noreply@blogger.com0tag:blogger.com,1999:blog-5080082220055495259.post-20470937046638173482013-03-13T15:21:00.000+07:002013-06-08T17:34:55.174+07:00Easy TVL - Responsive template<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtuL7Xo6muTXfNpfL7chI5EFfcX5NfvN06zB2frHmGWGri6IXaURv6aMCdEHVMXyED5CZTidJjH1t_qQSFNB0eW7hCPoHUiEOD5LImzsgCANMv4MAc5Dmkh7EqxbImtZd_fIIPWAqozY9V/s1600/Easy-TVL.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="480" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtuL7Xo6muTXfNpfL7chI5EFfcX5NfvN06zB2frHmGWGri6IXaURv6aMCdEHVMXyED5CZTidJjH1t_qQSFNB0eW7hCPoHUiEOD5LImzsgCANMv4MAc5Dmkh7EqxbImtZd_fIIPWAqozY9V/s640/Easy-TVL.jpg" width="640" /></a></div>Chính thức ra mắt <b><a href="http://www.easytvl.blogspot.com/" target="_blank">Easy TVL</a></b> - Responsive template. Đúng như tên gọi của nó, template này mang một phong cách đơn giản, gọn nhẹ, tối ưu hóa tốc độ tải trang. Ngoài ra, template còn hỗ trợ chức năng tự động thay đổi kích thước cho phù hợp với thiết bị sử dụng (<a href="http://bloggeritems.com/tools/smart-responsive-tester-for-web-designers?domain=http%3A%2F%2Ftemplate.trollvl.com%2F&mode=9&launch=true#" target="_blank">Responsive Design</a>). Sau đây mình xin giới thiệu một số tính năng thú vị của <b><a href="http://www.easytvl.blogspot.com/" target="_blank">Easy TVL</a></b><br /><ol><li>Hiển thị tốt trên mọi thiết bị như các di động, máy tính bảng. Bạn có thể kiểm tra mức độ responsive của <b><a href="http://www.easytvl.blogspot.com/" target="_blank">Easy TVL</a></b> <a href="http://bloggeritems.com/tools/smart-responsive-tester-for-web-designers?domain=http%3A%2F%2Ftemplate.trollvl.com%2F&mode=9&launch=true#" rel="nofollow" target="_blank">tại đây</a></li><li>Hiển thị tốt trên IE nhưng không hỗ trợ chức năng responsive</li><li>Auto readmore nhưng vẫn giữ được các thẻ html như in đậm, nghiêng, ghạch chân, và màu sắc ...</li><li>Tự động lấy 3 widget trên cùng tại sidebar phải và gộp thành các tab để không chiếm diện tích blog và trông pro hơn</li><li>Comment phân cấp mặc định của blogger với style bắt mắt phù hợp với giao diện blog và hỗ trợ chức năng chèn Emoticons cho comment</li><li>Hỗ trợ bảng điều khiển chỉ hiển thị cho admin với các chức năng như đăng bài mới, chỉnh sửa HTML, chỉnh sửa bố cục và quản lý nhận xét...</li><li>Hiển thị thống kê số lượng bài viết và comment cho blog</li></ol>Và một số tính năng khác đang chờ bạn khám phá<br />Template vẫn đang trong giai đoạn thử nhiệm nên còn nhiều thiếu sót vì vậy mong mọi người góp ý nhiệt tình nha!<br /><h3>Update 15/03/2013</h3>-Chỉnh sửa phần RELATED POST hiển thị tốt trên mọi kích cỡ<br />-Thêm hiệu ứng tooltip cho popular post<br />-Chỉnh sửa thanh điều hướng Bài Mới Hơn | Trang Chủ | Bài Cũ Hơn hiển thị tốt hơn khi để giao diện tiếng Việt<br /><h3>Download template</h3><br /><center><a class="orangebtvl" href="https://trollvlhcv.googlecode.com/svn/trunk/freetemplate/Easy%20TrollVL/Easy%20TVL.rar" rel="nofollow" target="_blank">Download Easy TVL Template</a> <a class="orangebtvl" href="https://easytvl.blogspot.com/" rel="nofollow" target="_blank">Demo For Easy TVL Template</a></center><br /><h3>Tùy Chỉnh</h3><b><u><span style="color: red;">1.Bảng điều khiển cho admin:</span></u></b><br /><b><u><span style="color: red;"><br /></span></u></b> Sau khi cài đặt template quay lại trang chủ của blog bạn sẽ thấy một widget Admin chạy dọc blog như sau<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLxVytqmA4zZ2ny3B9eAibDPENTdjCZ_QoUFy4jFJDHjEYgDYzi6t-AZrMFy6ZARS2E8xqCfd88PGRtXyXx8IPlO1KdJA4eUlgjnWkMMKLJ2r0IAPnoxUJqhRhc2lsIeT_E8jFZD8unD5U/s1600/admin.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLxVytqmA4zZ2ny3B9eAibDPENTdjCZ_QoUFy4jFJDHjEYgDYzi6t-AZrMFy6ZARS2E8xqCfd88PGRtXyXx8IPlO1KdJA4eUlgjnWkMMKLJ2r0IAPnoxUJqhRhc2lsIeT_E8jFZD8unD5U/s1600/admin.jpg" /></a></div>Click vào biểu tượng cờ-lê sau đó dán vào phần nội dung đoạn code sau:<br /><blockquote class="tr_bq"><div style="text-align: center;"><span style="font-size: large;"><br /><br /><a href="http://www.blogger.com/post-create.g?blogID=<b style="background-color: blue;"><span style="color: white;">4053054262763327427</span></b>">Đăng bài</a></span></div><br /><br /><div style="text-align: center;"><span style="font-size: large;"><br /><br /><a href="http://www.blogger.com/blogger.g?blogID=<b style="background-color: blue;"><span style="color: white;">4053054262763327427</span></b>#template" target="_blank">HTML</a></span></div><br /><br /><div style="text-align: center;"><span style="font-size: large;"><br /><br /><a href="http://www.blogger.com/blogger.g?blogID=<b style="background-color: blue;"><span style="color: white;">4053054262763327427</span></b>#pageelements" target="_blank">Bố cục</a></span></div><br /><br /><div style="text-align: center;"><span style="font-size: large;"><br /><br /><a href="http://www.blogger.com/blogger.g?blogID=<b style="background-color: blue;"><span style="color: white;">4053054262763327427</span></b>#publishedcomments/src=dashboard" target="_blank">Nhận Xét</a></span></div></blockquote><ul><li>Thay toàn bộ <b style="background-color: blue;"><span style="color: white;">4053054262763327427</span></b> thành ID blog của bạn và lưu lại</li></ul><ghi><b>Cách lấy ID blog</b><br />Vào blogger > Chọn blog bạn muốn lấy ID sau đó nhìn lên thanh trình duyệt web, ID sẽ có dạng như các con số được đóng khung ở hình bên dưới<br /><div class="separator" style="clear: both; text-align: center;"><a class="fancy" data-fancybox-group="gallery" data-pirobox="gallery" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb22ZjddZKJQJ5BI515eZ2DOvwg1Ripq_YrBYKPjT3NYZ7tonoKmVJcGmZJbwkHz1gTdfkP0hRiScyrM9lCH1PPrQcjCPY0NyWcSR-bPqtGl1L0u3ogTmjxVGQHOKoWFD8YYO4z_CqrCDy/s1600/idblog.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb22ZjddZKJQJ5BI515eZ2DOvwg1Ripq_YrBYKPjT3NYZ7tonoKmVJcGmZJbwkHz1gTdfkP0hRiScyrM9lCH1PPrQcjCPY0NyWcSR-bPqtGl1L0u3ogTmjxVGQHOKoWFD8YYO4z_CqrCDy/s1600/idblog.png" /></a></div></ghi><br /><span style="color: red;"><u><b>2.Thiết lập hiển thị thống số lượng bài viết và comment cho blog</b></u></span><br /><div class="separator" style="clear: both; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgizWNlerkDf_zCpsPZoI6fsCxSscnx4MUYV8heiSv6f_D04TXC8uQ3NK-3F_0zJ-zYIU6rgUwdE5XarI1p2SYloSjYobntFiClUI7opkw5IGgathCGLcHw5ni5fwBUToWKJtHWSCxntzOj/s1600/thongke.jpg" /></div>Tìm trong template đoạn code sau (tìm đoạn code được <span style="background-color: lime;">bôi màu xanh</span>)<br /><blockquote class="tr_bq"><script>function showpostcount(json) {document.write(parseInt(json.feed.openSearch$totalResults.$t,10));}</script><br /><span style="background-color: lime;"><div id='count_blog'></span><br /><a href='http://<span style="background-color: yellow;">template.trollvl.com</span>' target='_blank'><h2 class='count_comment'><script src='http://<span style="background-color: yellow;">template.trollvl.com</span>/feeds/comments/default?alt=json-in-script&amp;callback=showpostcount'/><small>Comments</small></h2></a><br /><a href='http://<span style="background-color: yellow;">template.trollvl.com</span>' target='_blank'><h2 class='count_post'><script src='http://<span style="background-color: yellow;">template.trollvl.com</span>/feeds/posts/default?alt=json-in-script&amp;callback=showpostcount'/><small>Posts</small></h2></a><br /></div></blockquote>Và thay đổi các dòng <span style="background-color: yellow;">bôi màu vàng</span> thành link blog của bạn<br /><b><u><span style="color: red;">3.Tùy chỉnh menu bằng cách chỉnh sửa lại đoạn code sau trong template (tìm đoạn code được </span><span style="background-color: lime;">bôi màu xanh</span><span style="color: red;">)</span></u></b><br /><div class="separator" style="clear: both; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx1Ad_v03zY7Uu91sHYKaqEljPMy3BXAFTM-FGeGaZdR_XGBaIHwcxvTDMvlmD2K0pb4aN-ARnh62D_2-BdYm4Bsq1CrDi2OhaXYDlflSexYouMU-16TbkKgPGw8S1obR-Wdbhg5AgUG1M/s1600/menu.jpg" /></div><blockquote class="tr_bq"><span style="background-color: lime;"><nav id='nav'></span> <ul id='menuhlng1'><br /> <li class='mhome'><a expr:href='data:blog.homepageUrl'>Home</a></li><br /> <li><a href='#'>About</a></li><br /> <li><a href='#'>Archive</a><br /><ul class='submenu hidden'><br /><li><a href='#'>Dropdown</a></li><br /><li><a href='#'>Dropdown</a></li><br /><li><a href='#'>Dropdown</a></li><br /><li><a href='#'>Dropdown</a></li><br /></ul><br /></li><br /> <li><a href='#'>Comments</a></li><br /> </ul><br /> </nav></blockquote><div class="blogger-post-footer">TuiHay.Com</div>Animehay.tv xem anime hayhttp://www.blogger.com/profile/16457027273952680780noreply@blogger.com0tag:blogger.com,1999:blog-5080082220055495259.post-67131584704531268642013-03-11T02:07:00.000+07:002013-06-08T17:34:55.181+07:00Bộ mặt cười cho blogger comment với style của Noct-land<b>Yêu cầu của bạn <a href="http://www.blogger.com/profile/09047086637844801925" rel="nofollow" style="-webkit-transition: all 0.4s ease-in-out; background-color: white; box-sizing: border-box; color: #ff9900; font-family: Verdana, Geneva, sans-serif; font-size: 13px; font-weight: bold; line-height: 13px; text-decoration: none; text-shadow: rgb(221, 221, 221) 0px 0px 1px;" target="_blank">Minh Khánh Bùi</a></b><br><div><blockquote class="tr_bq">Chèn Emoticons giống http://noct-land.blogspot.com thì làm cách nào được bác</blockquote></div><div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXDH5SdFJnSwtrnaZIYB1ZzxE2xoIkxS0VlcGAdJM65sBrks-JLwFLZDdnsVuGQ57Tsfh1RDFHyY2FLtQefDQqJlfUBoRfi5mvpu5lHtLoHQtEmywZMgNCiKTSbwwG9ICtAmBwnB5hyhT3/s1600/matcuoi.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div></div><a href="http://www.trollvl.com/2013/03/bo-mat-cuoi-cho-blogger-comment-voi.html#more">Read more »</a><div class="blogger-post-footer">TuiHay.Com</div>Animehay.tv xem anime hayhttp://www.blogger.com/profile/16457027273952680780noreply@blogger.com0tag:blogger.com,1999:blog-5080082220055495259.post-45718156445343822922013-03-07T21:23:00.000+07:002013-06-08T17:34:55.187+07:00Yêu Cầu - Hỏi - Đáp Ver. 2<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwm43zN2rlgJ7_DqRl3QB0D5PWNQ8z6ThUPeY9gkNI2-mYKc66eCMi6bmucPwXxNtEgvdXL2ssVpFekqsH7N_cU8uU8H0gxxb7w69visRtRIHpSF86MRYO7APokxU-FxSpXKii_TGzND3S/s200/ask.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwm43zN2rlgJ7_DqRl3QB0D5PWNQ8z6ThUPeY9gkNI2-mYKc66eCMi6bmucPwXxNtEgvdXL2ssVpFekqsH7N_cU8uU8H0gxxb7w69visRtRIHpSF86MRYO7APokxU-FxSpXKii_TGzND3S/s200/ask.jpg" /></a></div><div style="text-align: justify;"><b>Do bài viết <a href="http://www.trollvl.com/2012/11/ask.html" target="_blank">Yêu Cầu - Hỏi Đáp</a> trước đây đã trên 200 comment không thuận tiện cho việc tìm kiếm các câu hỏi và câu trả lời nên mình tạo thêm một bài viết mới với chức năng tương tự. Bạn cũng có thể tham khảo các câu hỏi và trả lời cũ <a href="http://www.trollvl.com/2012/11/ask.html" target="_blank">tại bài viết này</a></b></div><div class="blogger-post-footer">TuiHay.Com</div>Animehay.tv xem anime hayhttp://www.blogger.com/profile/16457027273952680780noreply@blogger.com0tag:blogger.com,1999:blog-5080082220055495259.post-81703618601565242452013-03-07T02:50:00.000+07:002013-06-08T17:34:55.193+07:00Công cụ tạo nhanh code thay hình ảnh trỏ chuột<div class="separator" style="clear: both; text-align: center;"><img border="0" height="223" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVeKz3NNMetMgYuvUOJzqP4j4qD6iIabvzoL8ggtZLEEqw19ji4_CjUWxEwvAiGKs1gI5rnLtDMBHtE3WHyhrF5ldhQ2k24yU0UTLij0ZASWXLfy5FtC3K6b_MbqObldUds4XRzNBWQszO/s320/changemouse.png" width="320"></div><a href="http://www.trollvl.com/2013/03/cong-cu-tao-nhanh-code-thay-hinh-anh.html#more">Read more »</a><div class="blogger-post-footer">TuiHay.Com</div>Animehay.tv xem anime hayhttp://www.blogger.com/profile/16457027273952680780noreply@blogger.com0tag:blogger.com,1999:blog-5080082220055495259.post-24099584416493014162013-03-05T13:34:00.000+07:002013-06-08T17:34:55.199+07:00Easy TVL - Template đầu tay sắp ra mắt<b>Mấy hôm nay do bận nhiều công việc quá, hơn nữa thời gian rảnh một chút thì mình lại bỏ ra để thiết kế template. Và sắp tới mình sẽ cho ra sản phẩm đầu tiên mang tên <a href="http://easytvl.blogspot.com/" target="_blank">Easy TVL</a>. Cái tên của template này không mấy ấn tượng nhưng phần nào cũng nói lên các tính năng của nó. Easy- sự đơn giản, đúng vậy, giao diện của template không cầu kỳ, màu sắc, ưu tiên cho tốc độ load và các tính năng cần thiết. Mình đã viết style dựa theo blog của Noct-land. Bạn có thể xem phiên bản demo trước khi mình chính thức công bố</b><br /><center><a class="demotemplate" href="http://easytvl.blogspot.com/" target="blank">Demo For Easy TVL Template</a></center><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhonLZ4uQ1-Gltv6lvO-a5ASWHkgyURP-PEUbJRJR0z1t5xJBmd1_m_zBNELzfhMo0yOfjGFpbVF38b2MhyphenhyphenCBoFHvpiqPhOq9A5NP3NQlCCxabo_2Tvn7NiZdOKPkYu0mU_oS_E7_rOe6Fe/s1600/Easy-TVL.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhonLZ4uQ1-Gltv6lvO-a5ASWHkgyURP-PEUbJRJR0z1t5xJBmd1_m_zBNELzfhMo0yOfjGFpbVF38b2MhyphenhyphenCBoFHvpiqPhOq9A5NP3NQlCCxabo_2Tvn7NiZdOKPkYu0mU_oS_E7_rOe6Fe/s640/Easy-TVL.png" width="513" /></a></div><br /><style type="text/css">.demotemplate{ -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) ); background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf'); background-color:#ededed; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #dcdcdc; display:inline-block; color:#777777; font-family:arial; font-size:15px; font-weight:bold; padding:6px 24px; text-decoration:none; text-shadow:1px 1px 0px #ffffff; }.classname:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) ); background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed'); background-color:#dfdfdf; }.classname:active { position:relative; top:1px; } /* This imageless css button was generated by CSSButtonGenerator.com */ </style><div class="blogger-post-footer">TuiHay.Com</div>Animehay.tv xem anime hayhttp://www.blogger.com/profile/16457027273952680780noreply@blogger.com0tag:blogger.com,1999:blog-5080082220055495259.post-158678445205884802013-02-25T14:27:00.000+07:002013-06-08T17:34:55.207+07:00Công cụ tạo button CSS3 cực đỉnh<b><span style="color: #444444;">Tool này được tác giả <a href="http://mkr-site.blogspot.com/" rel="nofollow" target="_blank">MKR</a> viết ra nhằm phục vụ cho những người yêu thích thiết kế website/blog tạo những button CSS3 theo ý muốn nhanh và tiện lợi nhất. Nay mình xin được chia sẻ đến độc giả của Troll VL. Với tool này mình chúc bạn sẽ tạo những nhiều button như mong muốn tôn thêm vẻ đẹp của blog/website</span></b><br><a href="http://www.trollvl.com/2013/02/cong-cu-tao-button-css3-cuc-inh.html#more">Read more »</a><div class="blogger-post-footer">TuiHay.Com</div>Animehay.tv xem anime hayhttp://www.blogger.com/profile/16457027273952680780noreply@blogger.com0tag:blogger.com,1999:blog-5080082220055495259.post-62635701048171136802013-02-20T14:29:00.000+07:002013-06-08T17:34:55.213+07:00Hiển thị lượt xem bài viết cho blogspot với Firebase - NEW<div style="text-align: justify;"><b>Tất cả các blogger bây giờ chắc hẳn đều mong muốn sẽ có một tiện ích đếm số lượt đọc bài viết trên blog của mình một cách "miễn phí". Và ngay bây giờ ta có thể dễ dàng tạo ra bộ đếm truy cập bài viết mà không cần lo lắng về máy chủ hoặc mã máy chủ với dịch vụ miễn phí như firebase. Firebase đã được đưa ra trong tháng 4 năm 2012 và kể từ đó nó đã từng là trung tâm cho các nhà phát triển. Thật ngạc nhiên, kế hoạch miễn phí này cung cấp cho bạn 10GB băng thông miễn phí và lưu trữ miễn phí 5GB. Các dữ liệu truy cập sẽ được lưu trữ trên một cơ sở dữ liệu miễn phí được cung cấp bởi firebase. Và bạn có thể xem demo để hiểu rõ hơn về tiện ích này</b></div><a href="http://www.trollvl.com/2013/02/hien-thi-luot-xem-bai-viet-cho-blogspot.html#more">Read more »</a><div class="blogger-post-footer">TuiHay.Com</div>Animehay.tv xem anime hayhttp://www.blogger.com/profile/16457027273952680780noreply@blogger.com0tag:blogger.com,1999:blog-5080082220055495259.post-45444242682367197912013-02-20T10:46:00.000+07:002013-06-08T17:34:55.310+07:00Hiệu ứng "Shiner" tuyệt đẹp của hình ảnh cho blog/website<div style="text-align: justify;"><b><span style="color: #666666;">Chắc hẳn không ít bạn nhầm tưởng hình ảnh logo của blog Troll VL là ảnh động đúng không? Thật ra chỉ là ảnh tĩnh đuôi png thôi nhưng được thêm hiệu ứng Shiner (tráng bóng) vào nên mới sinh động như thế. Lúc đầu mình thấy hiệu ứng này bên blog Noct-land rất đẹp nên muốn áp dụng cho cái logo của blog Troll VL, và ngay sau khi tìm hiểu được và thực hiện thành công mình đã muốn chia sẻ đến các độc giả của Troll VL.</span></b><br></div><a href="http://www.trollvl.com/2013/02/hieu-ung-shiner-tuyet-ep-cua-hinh-anh.html#more">Read more »</a><div class="blogger-post-footer">TuiHay.Com</div>Animehay.tv xem anime hayhttp://www.blogger.com/profile/16457027273952680780noreply@blogger.com10tag:blogger.com,1999:blog-5080082220055495259.post-27805552456119242552013-02-15T16:10:00.000+07:002013-06-08T17:34:55.407+07:00Sửa lỗi không hiển thị ngày đăng cho bài viết cùng ngàyCâu hỏi của bạn <b>Minh Đức Nguyễn</b><br><blockquote class="tr_bq">Bạn Huy cho mình hỏi chút nhé<br>Ở cái blog của mình http://gamekhung.blogspot.com/<br>Cái phần ngày đăng bài ý Post on : xxx-xxx-xxxx<br> Thì có bài nó hiện có bài nó không. Mình muốn ngày nào nó cũng hiện thì làm thế nào hả Huy ơi :(</blockquote><div style="text-align: justify;"></div><a href="http://www.trollvl.com/2013/02/sua-loi-khong-hien-thi-ngay-ang-cho-bai.html#more">Read more »</a><div class="blogger-post-footer">TuiHay.Com</div>Animehay.tv xem anime hayhttp://www.blogger.com/profile/16457027273952680780noreply@blogger.com0tag:blogger.com,1999:blog-5080082220055495259.post-18488067937375184882013-02-14T14:07:00.000+07:002013-06-08T17:34:55.504+07:00BBC News Style jQuery Recent Posts Ticker Widget for Blogger<div style="text-align: justify;"><b>Tiện ích bài viết mới nhất với kiểu chữ đánh máy một cách linh hoạt gây sự chú ý cho độc giả. Ngoài ra còn có sự xuất hiện của 3 button Nex Prev và Stop để độc giả của bạn dễ dàng có thể điều khiển theo ý muốn. Tiện ích thú vị này được tác giả <span style="color: blue;">NITIN MAHETA</span> của <a href="http://www.makingdifferent.com/2013/02/jquery-recent-post-ticker-widget-for-blogger-blog.html" target="_blank">Www.makingdifferent.com</a> viết ra và mình đã Việt hóa để chia sẻ đến các blogger Việt Nam. Đây là bài viết mở đầu trong năm 2013 (tết Nguyên Đán), mong rằng sẽ là món quà dành cho các bạn nhân dịp năm mới, chúc bạn và gia đình luôn luôn mạnh khỏe, làm ăn phát đạt gặt hái nhiều thành công trong cuộc sống</b></div><a href="http://www.trollvl.com/2013/02/bbc-news-style-jquery-recent-posts.html#more">Read more »</a><div class="blogger-post-footer">TuiHay.Com</div>Animehay.tv xem anime hayhttp://www.blogger.com/profile/16457027273952680780noreply@blogger.com0tag:blogger.com,1999:blog-5080082220055495259.post-39192818059757947812013-02-08T23:35:00.000+07:002013-06-08T17:34:55.602+07:00So sánh tốc độ load của hai blog/website<div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-LbbiB5IfVULXp68WQNKPzJn9b8NsdHTGEFpiljl-D9BqdWJQheX3ya68Cf7g3BdCtirf-jbAuhGilVUiOCPLQsL4zkj4V26sjFc4xlvPjg57Vf_Cha92LZGsten4hGfwcLzgT4nX3lwt/s1600/web_speed_must_fast.jpg"></div><b>Khỏi phải nói về tầm quan trọng sống còn của tốc độ tải trang của một website hay một blog. Cho dù nội dung có hay mấy mà blog chạy chậm như rùa thì thật là tai hại. Chính vì thế mà google có khẩu hiện "The web should be fast". Hôm nay, chúng ta sẽ sử dụng trang whichloadsfaster.com để sánh tốc độ load blog của mình với đối thủ, hoặc với bè bạn. Từ đó, biết đường còn nâng cấp và cải tiến cho tốt hơn. </b></div><div style="text-align: right;"><b>Trích từ <a href="http://www.vnblogspot.com/2012/01/blog-cua-ban-co-nhanh-hon-vnblogspot.html" target="_blank">VNBlogspot.Com</a></b><br></div><a href="http://www.trollvl.com/2013/02/so-sanh-toc-o-load-cua-hai-blogwebsite.html#more">Read more »</a><div class="blogger-post-footer">TuiHay.Com</div>Animehay.tv xem anime hayhttp://www.blogger.com/profile/16457027273952680780noreply@blogger.com0tag:blogger.com,1999:blog-5080082220055495259.post-57070425820867515742013-02-08T18:04:00.000+07:002013-06-08T17:34:55.699+07:00Những hình ảnh đẹp về cầu vồng<div style="text-align: justify;"><b><span style="color: #666666;">Cầu vồng là hiện tượng tán sắc của các ánh sáng từ mặt trời khi khúc xạ và phản xạ qua các giọt nước mưa. Bạn có thể dễ dàng tìm thấy các bức ảnh về cầu vồng. Nhưng để tìm và chụp được những bức ảnh đẹp thì không phải điều dễ dàng. Dưới đây là bộ sưu tập ảnh về cầu vồng và bạn hãy click vào để xem hình ảnh với kích cỡ thật.</span></b></div><a href="http://www.trollvl.com/2013/02/nhung-hinh-anh-dep-ve-cau-vong.html#more">Read more »</a><div class="blogger-post-footer">TuiHay.Com</div>Animehay.tv xem anime hayhttp://www.blogger.com/profile/16457027273952680780noreply@blogger.com0tag:blogger.com,1999:blog-5080082220055495259.post-44122414828323447052013-02-08T08:56:00.000+07:002013-06-08T17:34:55.796+07:00Hài tết - Táo quân 2013<a href="http://www.trollvl.com/2013/02/hai-tet-tao-quan-2013.html#more">Read more »</a><div class="blogger-post-footer">TuiHay.Com</div>Animehay.tv xem anime hayhttp://www.blogger.com/profile/16457027273952680780noreply@blogger.com0tag:blogger.com,1999:blog-5080082220055495259.post-42476063200756372522013-02-08T08:40:00.000+07:002013-06-08T17:34:55.893+07:00Thêm hình nền cho video youtube trên blogspot<b>Khi bạn muốn chia sẻ một đoạn video từ YouTube nhưng khi chúng ta embeed youtube video trong blogger nó ít được chú ý vì đã quá quen thuộc, chính vì thế tại sao ta không gắn cho nó một hình nền để làm cho nó đặc biệt hơn. Bằng cách thêm một đoạn mã đơn giản nó có thể đưa đến cho độc giả một cái nhìn khác về video YouTube trên blog của bạn. Vì vậy, nếu bạn muốn thêm hình nền thú vị cho youtube video của bạn trong bài viết vui lòng làm theo các bước hướng dẫn sau đây</b><br><a href="http://www.trollvl.com/2013/02/them-hinh-nen-cho-video-youtube-tren.html#more">Read more »</a><div class="blogger-post-footer">TuiHay.Com</div>Animehay.tv xem anime hayhttp://www.blogger.com/profile/16457027273952680780noreply@blogger.com0