* Hiển thị bài viết mới nhất chạy marquee chiều ngang

<span style="font-size:130%;">Có nhiều kiểu tiện ích Bài viết mới nhất với những kiểu dáng và đặc điểm riêng biệt. Hôm nay tôi xin giới thiệu một kiểu tiện ích Bài viết mới nhất chạy marquee chiều ngang (Horizontal Marquee Recent Posts Widget) rất hữu ích cho blogspot. Tiện ích này hiển thị những bài viết mới nhất cho blogspot với kiểu trình chiếu chạy ngang ( không có ảnh đại diện ), với đặc trưng tiết kiệm không gian web là một ưu điểm có thể nhìn thấy dễ dàng so với các kiểu tiện ích cùng loại.</span><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO7muhyphenhyphen6Rmilf2NligE7B-OG4zW_xk6dCbo7ZyBv3IuIlniRQ0dgw17Ur08nHR5moSzqytIhQiFBXyl7dgCNufRY6kDlqXe2khuN8PJealaAqkdkjZ2ifIDmNFdaYgbvldWqZxXv4Uk3s/s1600/sd.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="thủ thuật blog, hiển thị bài viết mới nhất" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO7muhyphenhyphen6Rmilf2NligE7B-OG4zW_xk6dCbo7ZyBv3IuIlniRQ0dgw17Ur08nHR5moSzqytIhQiFBXyl7dgCNufRY6kDlqXe2khuN8PJealaAqkdkjZ2ifIDmNFdaYgbvldWqZxXv4Uk3s/s1600/sd.png" /></a></div><span style="font-size:130%;"><br />Để cài đặt tiện ích này, bạn chỉ cần Đăng nhập Blogger sau đó đặt toàn bộ đoạn code dưới đây vào phần nội dung của một tiện ích HTML/Javascript là OK.</span><br /><br /><div style="color: rgb(51, 204, 0);" class="codeview"><span style="font-size:130%;"><br /><style type="text/css"><br />.feedmarquee a:link{<br />font-size: 11px;<br />text-decoration: none;<br />color:#fff;<br />}<br />.feedmarquee {<br />font-size: 12px;<br />color:#FEE405;<br />position:absolute;<br />background: #C0C0C0;<br />padding:2px;<br /><span style="color: rgb(255, 0, 0);">width: 640px</span>;<br />}<br /></style><br /><br /><script src="http://hacodeproject.googlecode.com/files/recentpostsscrollerha.js" type="text/javascript"></script><br /><div class="feedmarquee"><br /><script type="text/javascript"><br /><span style="color: rgb(255, 0, 0);">var nMaxPosts = 20</span>;<br />var sBulletChar="-" ;<br />var nWidth;<br />var nScrollDelay = 155;<br />var sDirection="left";<br />var sOpenLinkLocation="p";<br /></script><br /><script src="http://<span style="color: rgb(255, 0, 0);">huynh-nhat-ha</span>.blogspot.com/feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerha" type="text/javascript"> </script><br /></div></span></div><br /><br /><span style="font-size:130%;">Trong đoạn code trên, bạn có thể điều chỉnh chiều rộng bố trí tiện ích tại tham số <span style="color: rgb(255, 0, 0);">width: 640px</span>, điều chỉnh số bài viết tối đa được trình chiếu tại tham số <span style="color: rgb(255, 0, 0);">var nMaxPosts = 20</span> đồng thời cần thay <span style="color: rgb(255, 0, 0);">huynh-nhat-ha</span> bằng tên blogspot của bạn.</span><br /><br /><div style="text-align: right; font-style: italic; color: rgb(51, 51, 255);">nguồn: http://www.bloggerism.tk</div>

* Hiển thị bài viết mới nhất chạy marquee chiều ngang

Có nhiều kiểu tiện ích Bài viết mới nhất với những kiểu dáng và đặc điểm riêng biệt. Hôm nay tôi xin giới thiệu một kiểu tiện ích Bài viết ...

Đọc thêm »

* Tạo hiệu ứng gallery ảnh sử dụng Tomorrow again Script

<span style="font-size:130%;"><a class="external" href="http://www.dhteumeuleu.com/tomorrow-again/" target="_blank"></a>Tomorrow again là một script do <a class="external" href="http://www.dhteumeuleu.com/tomorrow-again/" target="_blank"></a>Dhteumeuleu phát triển dùng cho gallary ảnh với một hiệu ứng khá độc đáo.<br /><br />Bạn cũng có thể áp dụng hiệu ứng này cho website hoặc blogspot của bạn theo các bước sau đây theo thứ tự Script >> CSS >> HTML.<br /><br /><span style="font-weight: bold;">Bước 1. </span>Đặt đoạn code sau đây vào trước thẻ </head> .<br /><br /></span><span style="font-size:130%;"><span style="color: rgb(51, 204, 0);"><div class="codeview"><br /><span style="color: rgb(51, 204, 0);"><script type='text/javascript' src='http://hacodeproject.googlecode.com/files/tomorrowagain.js' ></script></span></div></span></span><span style="font-size:130%;"><br /><br />Hoặc nếu bạn không muốn sử dụng file nguồn như trên thì sử dụng đoạn code sau đây.<br /><br /><span style="color: rgb(51, 204, 0);"><div class="codeview"><br /><span style="color: rgb(51, 204, 0);"><script type='text/javascript'></span><br /><span style="color: rgb(51, 204, 0);">//<![CDATA[</span><br /><span style="color: rgb(51, 204, 0);">var xm = 0;</span><br /><span style="color: rgb(51, 204, 0);">var ym = 0;</span><br /><span style="color: rgb(51, 204, 0);">document.onmousemove = function(e){</span><br /><span style="color: rgb(51, 204, 0);">if (window.event) e=window.event;</span><br /><span style="color: rgb(51, 204, 0);">xm = e.clientX;</span><br /><span style="color: rgb(51, 204, 0);">ym = e.clientY;</span><br /><span style="color: rgb(51, 204, 0);">}</span><br /><span style="color: rgb(51, 204, 0);">var panel = {</span><br /><span style="color: rgb(51, 204, 0);">speed : .006,</span><br /><span style="color: rgb(51, 204, 0);">t : 0,</span><br /><span style="color: rgb(51, 204, 0);">O : [],</span><br /><span style="color: rgb(51, 204, 0);">over : false,</span><br /><br /><span style="color: rgb(51, 204, 0);">run : function() {</span><br /><span style="color: rgb(51, 204, 0);">panel.t += panel.speed;</span><br /><span style="color: rgb(51, 204, 0);">for (var i = 0, o; o = panel.O[i]; i++)</span><br /><span style="color: rgb(51, 204, 0);">o.anim(i + panel.t);</span><br /><span style="color: rgb(51, 204, 0);">},</span><br /><span style="color: rgb(51, 204, 0);">init : function(){</span><br /><span style="color: rgb(51, 204, 0);">for (var i = 0, o; o = document.images[i]; i++){</span><br /><span style="color: rgb(51, 204, 0);">if (o.className.indexOf('panel') >= 0) {</span><br /><span style="color: rgb(51, 204, 0);">var div = document.createElement("div");</span><br /><span style="color: rgb(51, 204, 0);">div.className = 'panel';</span><br /><span style="color: rgb(51, 204, 0);">var img = document.createElement("img");</span><br /><span style="color: rgb(51, 204, 0);">img.src = o.src;</span><br /><span style="color: rgb(51, 204, 0);">img.className = 'imgPanel';</span><br /><span style="color: rgb(51, 204, 0);">o.parentNode.replaceChild(div,o);</span><br /><span style="color: rgb(51, 204, 0);">div.appendChild(img);</span><br /><span style="color: rgb(51, 204, 0);">div.ims = img.style;</span><br /><span style="color: rgb(51, 204, 0);">div.iw = img.width;</span><br /><span style="color: rgb(51, 204, 0);">div.ih = img.height;</span><br /><span style="color: rgb(51, 204, 0);">div.cx = -div.iw / 2;</span><br /><span style="color: rgb(51, 204, 0);">div.cy = -div.ih / 2;</span><br /><span style="color: rgb(51, 204, 0);">div.anim = function(t) {</span><br /><span style="color: rgb(51, 204, 0);">nw = this.offsetWidth;</span><br /><span style="color: rgb(51, 204, 0);">nh = this.offsetHeight;</span><br /><span style="color: rgb(51, 204, 0);">if (panel.over == this){</span><br /><span style="color: rgb(51, 204, 0);">for (var nx = 0, ny = 0, o = this; o != null; o = o.offsetParent) nx += o.offsetLeft, ny += o.offsetTop;</span><br /><span style="color: rgb(51, 204, 0);">var x = Math.max(-this.iw + nw, Math.min(0, (-(xm - nx) * (this.iw - nw)) / nw));</span><br /><span style="color: rgb(51, 204, 0);">var y = Math.max(-this.ih + nh, Math.min(0, (-(ym - ny) * (this.ih - nh)) / nh));</span><br /><span style="color: rgb(51, 204, 0);">// if (Math.abs(xm-nx-nw * .5) > nw || Math.abs(ym-ny-nh * .5) > nw ) panel.over = false;</span><br /><span style="color: rgb(51, 204, 0);">} else {</span><br /><span style="color: rgb(51, 204, 0);">var mx = (this.iw - nw) * .5;</span><br /><span style="color: rgb(51, 204, 0);">var my = (this.ih - nh) * .5;</span><br /><span style="color: rgb(51, 204, 0);">var x = -mx * (1 + Math.cos(t * 1.2));</span><br /><span style="color: rgb(51, 204, 0);">var y = -my * (1 + Math.sin(t));</span><br /><span style="color: rgb(51, 204, 0);">}</span><br /><span style="color: rgb(51, 204, 0);">this.cx += (x - this.cx) * .1;</span><br /><span style="color: rgb(51, 204, 0);">this.cy += (y - this.cy) * .1;</span><br /><span style="color: rgb(51, 204, 0);">this.ims.left = Math.round(this.cx) + 'px';</span><br /><span style="color: rgb(51, 204, 0);">this.ims.top = Math.round(this.cy) + 'px';</span><br /><span style="color: rgb(51, 204, 0);">}</span><br /><span style="color: rgb(51, 204, 0);">div.onmouseover = function() { panel.over = this; }</span><br /><span style="color: rgb(51, 204, 0);">div.onclick = function() {</span><br /><span style="color: rgb(51, 204, 0);">document.getElementById('imagenREAL').src=this.children[0].src;</span><br /><span style="color: rgb(51, 204, 0);">}</span><br /><br /><span style="color: rgb(51, 204, 0);">this.O.push(div);</span><br /><span style="color: rgb(51, 204, 0);">}</span><br /><span style="color: rgb(51, 204, 0);">}</span><br /><span style="color: rgb(51, 204, 0);">setInterval(panel.run, 32);</span><br /><span style="color: rgb(51, 204, 0);">}</span><br /><span style="color: rgb(51, 204, 0);">}</span><br /><span style="color: rgb(51, 204, 0);">//]]></span><br /><span style="color: rgb(51, 204, 0);"></script></span><br /></div></span><br /><br /><span style="font-weight: bold;">Bước 2.</span> Đặt đoạn CSS sau đây vào trước thẻ </span><span style="font-size:130%;"></head></span><span style="font-size:130%;"> .<br /><br /><span style="color: rgb(51, 204, 0);"><div class="codeview"><br /><span style="color: rgb(51, 204, 0);"><style type='text/css'></span><br /><span style="color: rgb(51, 204, 0);">#screen { /* the container */</span><br /><span style="color: rgb(51, 204, 0);">margin: 0 auto;</span><br /><span style="color: rgb(51, 204, 0);">overflow: hidden;</span><br /><span style="color: rgb(51, 204, 0);">/* the width and height we will calculate according to the size defined in panel */</span><br /><span style="color: rgb(51, 204, 0);">height: </span><span style="color:red;">500</span><span style="color: rgb(51, 204, 0);">px;</span><br /><span style="color: rgb(51, 204, 0);">width: </span><span style="color:red;">400</span><span style="color: rgb(51, 204, 0);">px;</span><br /><span style="color: rgb(51, 204, 0);">}</span><br /><br /><span style="color: rgb(51, 204, 0);">/* the images */</span><br /><span style="color: rgb(51, 204, 0);">.panel {</span><br /><span style="color: rgb(51, 204, 0);">float: left;</span><br /><span style="color: rgb(51, 204, 0);">margin: 5px;</span><br /><span style="color: rgb(51, 204, 0);">overflow: hidden;</span><br /><span style="color: rgb(51, 204, 0);">position: relative;</span><br /><span style="color: rgb(51, 204, 0);">/* this is the width and height of each square which have the effect */</span><br /><span style="color: rgb(51, 204, 0);">height: </span><span style="color:red;">150</span><span style="color: rgb(51, 204, 0);">px;</span><br /><span style="color: rgb(51, 204, 0);">width: </span><span style="color:red;">150</span><span style="color: rgb(51, 204, 0);">px;</span><br /><span style="color: rgb(51, 204, 0);">}</span><br /><span style="color: rgb(51, 204, 0);">.imgPanel {</span><br /><span style="color: rgb(51, 204, 0);">border: none;</span><br /><span style="color: rgb(51, 204, 0);">position: absolute;</span><br /><span style="color: rgb(51, 204, 0);">text-decoration: none;</span><br /><span style="color: rgb(51, 204, 0);">}</span><br /><br /><span style="color: rgb(51, 204, 0);">/* the image you see in reality */</span><br /><span style="color: rgb(51, 204, 0);">#imageREAL {</span><br /><span style="color: rgb(51, 204, 0);">display:block;</span><br /><span style="color: rgb(51, 204, 0);">margin:0 auto;</span><br /><span style="color: rgb(51, 204, 0);">/* if you don’t limit the size of images, remove it */</span><br /><span style="color: rgb(51, 204, 0);">max-height: </span><span style="color:red;">350</span><span style="color: rgb(51, 204, 0);">px;</span><br /><span style="color: rgb(51, 204, 0);">max-width: </span><span style="color:red;">350</span><span style="color: rgb(51, 204, 0);">px;</span><br /><span style="color: rgb(51, 204, 0);">}</span><br /><span style="color: rgb(51, 204, 0);"></style></span><br /><span style="color: rgb(51, 204, 0);"></span></div></span><br /><br />Bạn có thể điều chỉnh các tham số về chiều rộng (width) và chiều cao (height) tùy theo ý thích.<br /><br /><span style="font-weight: bold;">Bước 3.</span> Thiết lập cấu trúc HTML như sau và đặt tại vị trí cần bố trí gallery ảnh, trong phần thân trang web.<br /><br /><span style="color: rgb(51, 204, 0);"><div class="codeview"><br /><span style="color: rgb(51, 204, 0);"><div id="screen"></span><br /><span style="color: rgb(51, 204, 0);"><img class="panel" src="</span><span style="color:red;">URL_hình ảnh 1</span><span style="color: rgb(51, 204, 0);">" /></span><br /><span style="color: rgb(51, 204, 0);"><img class="panel" src="</span><span style="color:red;">URL_hình ảnh 2</span><span style="color: rgb(51, 204, 0);">" /></span><br /><span style="color: rgb(51, 204, 0);"><img class="panel" src="</span><span style="color:red;">URL_hình ảnh 3</span><span style="color: rgb(51, 204, 0);">" /></span><br /><span style="color: rgb(51, 204, 0);"><!-- </span>tiếp tục thêm các thẻ img theo cấu trúc tương tự<span style="color: rgb(51, 204, 0);"> --></span><br /><span style="color: rgb(51, 204, 0);"></div></span><br /><span style="color: rgb(51, 204, 0);"><img id="imageREAL" src="</span><span style="color:red;">URL_hình ảnh 1</span><span style="color: rgb(51, 204, 0);">" /></span><br /><span style="color: rgb(51, 204, 0);"><script type="text/javascript"> window.onload= function(){panel.init();} </script></span><br /><span style="color: rgb(51, 204, 0);"></span></div></span><br /><span style="font-weight: bold; color: rgb(51, 204, 255);">Nguồn: http://huynh-nhat-ha.blogspot.com</span><br /></span>

* Tạo hiệu ứng gallery ảnh sử dụng Tomorrow again Script

Tomorrow again là một script do Dhteumeuleu phát triển dùng cho gallary ảnh với một hiệu ứng khá độc đáo. Bạn cũng có thể áp dụng hiệu ứng n...

Đọc thêm »

* Trình chiếu nội dung và hình ảnh sử dụng jQuery

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj36nEtzRXozeuhJGDxSCc4CDLDyV6V3H3c0JeJ64mz3fgbpxVr1jlFMsivTyQzKV-cGxNe2wFFSlFu6CgMEyY7koihq-P4HtBczNG5BInkqQowsKGQQ2IPToWdgtcJoz9tWMTfQyJQZ3w/s1600/adsafs.png" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5556355269250105458" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj36nEtzRXozeuhJGDxSCc4CDLDyV6V3H3c0JeJ64mz3fgbpxVr1jlFMsivTyQzKV-cGxNe2wFFSlFu6CgMEyY7koihq-P4HtBczNG5BInkqQowsKGQQ2IPToWdgtcJoz9tWMTfQyJQZ3w/s200/adsafs.png" style="float: left; margin: 0pt 10px 10px 0pt; cursor: pointer; width: 200px; height: 97px;" /></a><span style="font-size:130%;">Mày mò, lụm lặt bữa giờ mới ra được cái mã trình diễn ảnh kèm nội dung sử dụng jQuery cực đẹp này, hôm nay xin chia sẻ với các bạn. Cùng làm ngay bây giờ nào!<br /></span><br /><br /><br /><span style="font-size:130%;">Xem: <a href="http://testthuthuatblogger.blogspot.com/">Demo</a><br /><br />Trước hết bạn chèn đoạn mã sau vào trước thẻ </head></span><br /><span style="color: rgb(51, 204, 0);"><div class="codeview"><br /><span style="color: rgb(51, 204, 0);font-size:130%;" ><script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'/></span><span style="font-size:130%;"><br /><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" ><script type='text/javascript'></span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" >//<![CDATA[</span><span style="font-size:130%;"><br /><br /><br /><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" >(function($){ </span><span style="font-size:130%;"><br /><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > $.fn.s3Slider = function(vars) { </span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > </span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > var element = this;</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > var timeOut = (vars.timeOut != undefined) ? vars.timeOut : 4000;</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > var current = null;</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > var timeOutFn = null;</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > var faderStat = true;</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > var mOver = false;</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > var items = $("#" + element[0].id + "Content ." + element[0].id + "Image");</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > var itemsSpan = $("#" + element[0].id + "Content ." + element[0].id + "Image span");</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > </span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > items.each(function(i) {</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > </span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > $(items[i]).mouseover(function() {</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > mOver = true;</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > });</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > </span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > $(items[i]).mouseout(function() {</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > mOver = false;</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > fadeElement(true);</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > });</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > </span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > });</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > </span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > var fadeElement = function(isMouseOut) {</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > var thisTimeOut = (isMouseOut) ? (timeOut/2) : timeOut;</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > thisTimeOut = (faderStat) ? 10 : thisTimeOut;</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > if(items.length > 0) {</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > timeOutFn = setTimeout(makeSlider, thisTimeOut);</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > } else {</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > console.log("Poof..");</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > }</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > }</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > </span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > var makeSlider = function() {</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > current = (current != null) ? current : items[(items.length-1)];</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > var currNo = jQuery.inArray(current, items) + 1</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > currNo = (currNo == items.length) ? 0 : (currNo - 1);</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > var newMargin = $(element).width() * currNo;</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > if(faderStat == true) {</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > if(!mOver) {</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > $(items[currNo]).fadeIn((timeOut/6), function() {</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > if($(itemsSpan[currNo]).css('bottom') == 0) {</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > $(itemsSpan[currNo]).slideUp((timeOut/6), function() {</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > faderStat = false;</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > current = items[currNo];</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > if(!mOver) {</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > fadeElement(false);</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > }</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > });</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > } else {</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > $(itemsSpan[currNo]).slideDown((timeOut/6), function() {</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > faderStat = false;</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > current = items[currNo];</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > if(!mOver) {</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > fadeElement(false);</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > }</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > });</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > }</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > });</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > }</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > } else {</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > if(!mOver) {</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > if($(itemsSpan[currNo]).css('bottom') == 0) {</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > $(itemsSpan[currNo]).slideDown((timeOut/6), function() {</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > $(items[currNo]).fadeOut((timeOut/6), function() {</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > faderStat = true;</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > current = items[(currNo+1)];</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > if(!mOver) {</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > fadeElement(false);</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > }</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > });</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > });</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > } else {</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > $(itemsSpan[currNo]).slideUp((timeOut/6), function() {</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > $(items[currNo]).fadeOut((timeOut/6), function() {</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > faderStat = true;</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > current = items[(currNo+1)];</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > if(!mOver) {</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > fadeElement(false);</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > }</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > });</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > });</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > }</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > }</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > }</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > }</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > </span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > makeSlider();</span><span style="font-size:130%;"><br /><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" > }; </span><span style="font-size:130%;"><br /><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" >})(jQuery); </span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" >//]]></span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" ></script></span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" ><script type='text/javascript'></span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" >$(document).ready(function() {</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" >$(&#39;#s3slider&#39;).s3Slider({</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" >timeOut: 4000</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" >});</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" >});</span><span style="font-size:130%;"><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" ></script></span></div></span><span style="font-size:130%;"><br /><br /></span><span style="font-size:130%;">Chèn tiếp đoạn mã sau vào trước thẻ ]]></b:skin><br /><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" ><div class="codeview"><br /><span style="color: rgb(51, 204, 0);">#s3slider {</span><br /><span style="color: rgb(51, 204, 0);">width: 620px;</span><br /><span style="color: rgb(51, 204, 0);">height: 300px;</span><br /><span style="color: rgb(51, 204, 0);">position: relative;</span><br /><span style="color: rgb(51, 204, 0);">overflow: hidden;</span><br /><span style="color: rgb(51, 204, 0);">margin-top: 17px;</span><br /><span style="color: rgb(51, 204, 0);">margin-bottom: 10px;</span><br /><span style="color: rgb(51, 204, 0);">*margin-bottom: 0px;</span><br /><span style="color: rgb(51, 204, 0);">background:#ffffff;</span><br /><span style="color: rgb(51, 204, 0);">border: 1px solid #000;</span><br /><br /><span style="color: rgb(51, 204, 0);">}</span><br /><span style="color: rgb(51, 204, 0);">#s3sliderContent {</span><br /><span style="color: rgb(51, 204, 0);">width: 620px;</span><br /><span style="color: rgb(51, 204, 0);">height:300px;</span><br /><span style="color: rgb(51, 204, 0);">background:#ffffff;</span><br /><span style="color: rgb(51, 204, 0);">position: absolute;</span><br /><span style="color: rgb(51, 204, 0);">top: -13px;</span><br /><span style="color: rgb(51, 204, 0);">*top: 0px;</span><br /><span style="color: rgb(51, 204, 0);">padding: 0px;</span><br /><span style="color: rgb(51, 204, 0);">list-style:none;</span><br /><span style="color: rgb(51, 204, 0);">margin-left: 0;</span><br /><span style="color: rgb(51, 204, 0);">overflow: hidden;</span><br /><span style="color: rgb(51, 204, 0);">}</span><br /><br /><span style="color: rgb(51, 204, 0);">.s3sliderImage {</span><br /><span style="color: rgb(51, 204, 0);">float: left;</span><br /><span style="color: rgb(51, 204, 0);">position: relative;</span><br /><span style="color: rgb(51, 204, 0);">display: none;</span><br /><span style="color: rgb(51, 204, 0);">}</span><br /><br /><span style="color: rgb(51, 204, 0);">.s3sliderImage span {</span><br /><span style="color: rgb(51, 204, 0);">position: absolute;</span><br /><span style="color: rgb(51, 204, 0);">right: 0;</span><br /><span style="color: rgb(51, 204, 0);">font:Georgia, serif;</span><br /><span style="color: rgb(51, 204, 0);">padding: 10px 13px;</span><br /><span style="color: rgb(51, 204, 0);">font-size:12px;</span><br /><span style="color: rgb(51, 204, 0);">width:180px;</span><br /><span style="color: rgb(51, 204, 0);">height:300px;</span><br /><span style="color: rgb(51, 204, 0);">*max-height:300px;</span><br /><span style="color: rgb(51, 204, 0);">background-color: #000;</span><br /><span style="color: rgb(51, 204, 0);">filter: alpha(opacity=70);</span><br /><span style="color: rgb(51, 204, 0);">-moz-opacity: 0.7;</span><br /><span style="color: rgb(51, 204, 0);">-khtml-opacity: 0.7;</span><br /><span style="color: rgb(51, 204, 0);">opacity: 0.7;</span><br /><span style="color: rgb(51, 204, 0);">color: #fff;</span><br /><span style="color: rgb(51, 204, 0);">display: none;</span><br /><span style="color: rgb(51, 204, 0);">top: 0;</span><br /><span style="color: rgb(51, 204, 0);">overflow: hidden;</span><br /><span style="color: rgb(51, 204, 0);">}</span><br /><br /><span style="color: rgb(51, 204, 0);">.s3sliderImage strong a{</span><br /><span style="color: rgb(51, 204, 0);">color:$titlecolor;</span><br /><span style="color: rgb(51, 204, 0);">font-family: 'Myriad Pro', Helvetica, Arial, Sans-Serif;</span><br /><span style="color: rgb(51, 204, 0);">font-size:20px;</span><br /><span style="color: rgb(51, 204, 0);">}</span></div></span><span style="font-size:130%;"><br /></span><span style="font-size:130%;">Cuối cùng là tạo một HTML và dán đoạn mã sau vào:<br /><br /></span><span style="color: rgb(51, 204, 0);font-size:130%;" ><div class="codeview"><br /><div id="s3slider"><br /><span style="color: rgb(51, 204, 0);"><ul id="s3sliderContent"></span><br /><span style="color: rgb(51, 204, 0);"><li class="s3sliderImage"></span><br /><span style="color: rgb(51, 204, 0);"><img src="<span style="color: rgb(255, 0, 0);">Link_anh_1</span>" /></span><br /><span style="color: rgb(51, 204, 0);"><span><strong><a href="<span style="color: rgb(255, 0, 0);">Link_lien_ket_1</span>"><span style="color: rgb(255, 0, 0);">Ten _anh_1</span></a></strong></span><br /><br /><span style="color: rgb(51, 204, 0);"><p><span style="color: rgb(255, 0, 0);">Noi_dung_1</span></p></span><br /><span style="color: rgb(51, 204, 0);"></span></span><br /><span style="color: rgb(51, 204, 0);"></li></span><br /><br /><span style="color: rgb(51, 204, 0);"><li class="s3sliderImage"></span><br /><span style="color: rgb(51, 204, 0);"><img src="</span><span style="color: rgb(51, 204, 0);"><span style="color: rgb(255, 0, 0);">Link_anh_2</span></span><span style="color: rgb(51, 204, 0);">" /></span><br /><span style="color: rgb(51, 204, 0);"><span><strong><a href="</span><span style="color: rgb(51, 204, 0);"><span style="color: rgb(255, 0, 0);">Link_lien_ket_2</span></span><span style="color: rgb(51, 204, 0);">"></span><span style="color: rgb(51, 204, 0);font-size:130%;" ><span style="color: rgb(51, 204, 0);"><span style="color: rgb(255, 0, 0);">Ten _anh_2</span></span></span><span style="color: rgb(51, 204, 0);"></a></strong></span><br /><br /><span style="color: rgb(51, 204, 0);"><p></span><span style="color: rgb(51, 204, 0);"><span style="color: rgb(255, 0, 0);">Noi_dung_2</span></span><span style="color: rgb(51, 204, 0);"></p></span><br /><span style="color: rgb(51, 204, 0);"></span></span><br /><span style="color: rgb(51, 204, 0);"></li></span><br /><br /><span style="color: rgb(51, 204, 0);"><li class="s3sliderImage"></span><br /><br /><span style="color: rgb(51, 204, 0);"><img src="</span><span style="color: rgb(51, 204, 0);"><span style="color: rgb(255, 0, 0);">Link_anh_3</span></span><span style="color: rgb(51, 204, 0);">" /></span><br /><span style="color: rgb(51, 204, 0);"><span><strong><a href="</span><span style="color: rgb(51, 204, 0);"><span style="color: rgb(255, 0, 0);">Link_lien_ket_3</span></span><span style="color: rgb(51, 204, 0);">"></span><span style="color: rgb(51, 204, 0);font-size:130%;" ><span style="color: rgb(51, 204, 0);"><span style="color: rgb(255, 0, 0);">Ten _anh_3</span></span></span><span style="color: rgb(51, 204, 0);"></a></strong></span><br /><br /><span style="color: rgb(51, 204, 0);"><p></span><span style="color: rgb(51, 204, 0);"><span style="color: rgb(255, 0, 0);">Noi_dung_3</span></span><span style="color: rgb(51, 204, 0);"></p></span><br /><span style="color: rgb(51, 204, 0);"></span></span><br /><span style="color: rgb(51, 204, 0);"></li></span><br /><br /><span style="color: rgb(51, 204, 0);"><div class="clear s3sliderImage"></div></span><br /><span style="color: rgb(51, 204, 0);"></ul></span><br /><span style="color: rgb(51, 204, 0);"></div></span></div><br /><br /></span><span style="font-size:130%;">Tùy chỉnh Link cho phù hợp và Save.<br /><br /></span><div style="text-align: right;">~libra~<br /></div>

* Trình chiếu nội dung và hình ảnh sử dụng jQuery

Mày mò, lụm lặt bữa giờ mới ra được cái mã trình diễn ảnh kèm nội dung sử dụng jQuery cực đẹp này, hôm nay xin chia sẻ với các bạn. Cùng làm...

Đọc thêm »

* Tạo copyright và menu mini cuối blog cho Blogspot

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTKLpsqexSxrRYoB0bYuHIc0wYwtE74Yh6OBLz6Tjuw1bQjs2rFzl5ifXbiZsfS7UFdM35yVGLYsbl63i6kq2drYhcCNfa5LRbDHEKv89uWP-6zcFUinx7l-8vWcBaZOIeryp-WVM5zos/s1600/blogger.png" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5553432848043515506" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTKLpsqexSxrRYoB0bYuHIc0wYwtE74Yh6OBLz6Tjuw1bQjs2rFzl5ifXbiZsfS7UFdM35yVGLYsbl63i6kq2drYhcCNfa5LRbDHEKv89uWP-6zcFUinx7l-8vWcBaZOIeryp-WVM5zos/s400/blogger.png" style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 128px; height: 128px;" /></a><span style="font-size:130%;">Bạn Kira [</span><span style="font-style: italic; color: rgb(255, 0, 0);font-size:130%;" > http://freejapanesemovies.blogspot.com/</span><span style="font-size:130%;">] có hỏi mình cách làm menu mini và copyright như phía cuối blog của mình, bữa giờ bận thi nhiều quá nên bây giờ mình mới có bài viết này. Mình cũng chỉ là tay ngang mới bước chân vào thế giới Blogspot, tập tành làm blog nên biết gì thì mình chỉ cái đó thôi.<br /><br />Mã bài viết này mình lấy từ blog của mình và đem lên đây chia sẻ với các bạn thôi chứ ko phải do mình viết đâu, mã cũng tương đối đơn giản và dễ thao tác.<br /><br />Đầu tiên là khi lấy một theme nào trên mạng đều có hiển thị bản quyền tác giả phía cuối blog, điều này có hơi hạn chế một xíu, có nhiều bạn sẽ ko thích, nên bước đầu tiên là cần phải ẩn hoặc xóa nó đi để blog để blog đẹp hơn một xíu và mang tính riêng của mình hơn. Nó sẽ có dạng như sau:</span><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_3zgU3oR2zrvqDAKp8jamW4PR77VvlGsCdoT6CJKg_tMtoTWE4MJHN0u1PsHH7a-RPIxWQMUTIUwCQYHFLH43ZzLhZqciWb0T1xiDQaVOfXube_DntreJbgFOZeaBYIWQa9nVtT1wuPE/s1600/muttrt.png"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5553435655130263522" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_3zgU3oR2zrvqDAKp8jamW4PR77VvlGsCdoT6CJKg_tMtoTWE4MJHN0u1PsHH7a-RPIxWQMUTIUwCQYHFLH43ZzLhZqciWb0T1xiDQaVOfXube_DntreJbgFOZeaBYIWQa9nVtT1wuPE/s400/muttrt.png" style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 37px;" /></a><br /><span style="font-size:130%;">Vào Thiết kế -> Chỉnh sửa HTML, ko cần chọn Mở rộng tiện ích. Bấm Ctrl + F để tìm dòng chữ </span><span style="font-weight: bold;">Attribution</span><span style="font-size:130%;">, sau đó bạn sẽ nhìn thấy đoạn mã sau:</span><br /><br /><div class="codeview"><br /><span style="font-weight: bold;"><b:widget id='attribution1' locked='true' title='' type='attribution'/> </b:widget></span></div><span style="font-weight: bold; color: rgb(51, 51, 255);"><br /></span><br /><span style="font-size:130%;">Xóa nó đi là Ok, hoặc ẩn nó bằng cách làm như sau:<br /><br /></span><div class="codeview"><br /><span style="font-weight: bold;"><!-- </span><br /><span style="font-weight: bold;"><b:widget id='attribution1' locked='true' title='' type='attribution'/></span><br /><span style="font-weight: bold;"></b:widget>--></span><span style="font-size:130%;"></div><br /><br />Cuối cùng lưu lại và xem thử blog của bạn nha!<br /><br />Tiếp theo là tạo menu mini cuối blog.</span><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhiT4nvafElE6HOpQSRSgu1oikNsVBwtzZ1pOL4f4IBcHUscX2JuSgcSy4OJKURrLcllZTA45RLseUVbiLvYgHGpMWN3qmQVLCiL6mVygcxfUMZesxl0hT3zmidz9tG_i5I8GbFW0tLJo/s1600/menumini.png"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5553438673769034082" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhiT4nvafElE6HOpQSRSgu1oikNsVBwtzZ1pOL4f4IBcHUscX2JuSgcSy4OJKURrLcllZTA45RLseUVbiLvYgHGpMWN3qmQVLCiL6mVygcxfUMZesxl0hT3zmidz9tG_i5I8GbFW0tLJo/s400/menumini.png" style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 446px; height: 38px;" /></a><br /><span style="font-size:130%;">Vào Thiết kế -> Chỉnh sửa HTML, chèn đoạn mã sau vào trước thẻ</span><span style="font-weight: bold;"> </span><span style="font-weight: bold; color: rgb(51, 51, 255);"></span><span style="font-weight: bold;">]]></b:skin></span><br /><span style="font-weight: bold;"><br /></span><div class="codeview"><br /><span style="font-weight: bold;">#credits{</span><br /><span style="font-weight: bold;">width:840px;</span><span class="fullpost"><span style="color: rgb(0, 102, 0);">/*độ rộng tiện ích*/</span></span><br /><span style="font-weight: bold;"> <span style="color: rgb(51, 51, 255);"> </span></span><span style="font-weight: bold;">padding:10px 0px 5px 0px;</span><br /><span style="font-weight: bold;"> background:url("</span><span style="font-style: italic;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnwhmj0mEqX3RksLbqz1prp4ShB__f5y-HOF2vDEE7xn14g6kHxsh6Nx3tJQBEdq2NcV1_uwDEBCwZ3NUiX_ZWeUT41XFL7Uo_3ht_x49tJcbzyxXAhtnLI-omxVcr3sg1RiPTtcA2etI/s1600/80percentblack.png</span><span style="font-weight: bold;">") repeat scroll 0 0 transparent;</span><span class="fullpost"><span style="color: rgb(0, 102, 0);">/*link màu nền tiện ích, ở đây là màu đen*/</span></span><br /><span style="font-weight: bold;"> <span style="color: rgb(51, 51, 255);"> </span></span><span style="font-weight: bold;">position:relative;</span><br /><span style="font-weight: bold;"> font-size:13px;</span><br /><span style="font-weight: bold;"> border:1px solid #404040;</span><span class="fullpost"><span style="color: rgb(0, 102, 0);">/*màu chữ hiển thị ko có link liên kết*/</span></span><br /><span style="font-weight: bold;"> <span style="color: rgb(51, 204, 0);"> <span style="color: rgb(51, 51, 255);"></span></span></span><span style="font-weight: bold;">margin-left:180px;</span><span class="fullpost"><span style="color: rgb(0, 102, 0);">/*khoảng cách so với lề trái*/</span></span><br /><span style="font-weight: bold;"> <span style="color: rgb(51, 51, 255);"></span></span><span style="font-weight: bold;">height:30px;</span><span class="fullpost"><span style="color: rgb(0, 102, 0);">/*chiều cao tiện ích*/</span></span><br /><span style="font-weight: bold;"> <span style="color: rgb(51, 51, 255);"> </span></span><span style="font-weight: bold;">-moz-border-radius:5px;</span><br /><span style="font-weight: bold;"> -webkit-border-radius: 5px;</span><br /><span style="font-weight: bold;"> -moz-box-shadow:1px 1px 5px #000000;</span><br /><span style="font-weight: bold;">}</span><br /><br /><span style="font-weight: bold;">#credits_left {</span><br /><span style="font-weight: bold;"> float:left;</span><br /><span style="font-weight: bold;"> padding-left:40px;</span><br /><span style="font-weight: bold;">}</span><br /><br /><span style="font-weight: bold;">#credits_right {</span><br /><span style="font-weight: bold;"> float:right;</span><br /><span style="font-weight: bold;"> padding-right:20px;</span><br /><span style="font-weight: bold;">}</span><br /><br /><span style="font-weight: bold;">#credits a {</span><br /><span style="font-weight: bold;"> color:#D54E21;</span><span style="font-weight: bold;"><span style="color: rgb(51, 51, 255);"></span></span><span class="fullpost"><span style="color: rgb(0, 102, 0);">/*màu chữ hiển thị khi có liên kết link*/</span></span><br /><span style="font-weight: bold;"><span style="color: rgb(51, 51, 255);"></span></span><span style="font-weight: bold;">}</span><br /><br /><span style="font-weight: bold;">#credits a:hover {</span><br /><span style="font-weight: bold;"> font-color:#AA0000;</span><span class="fullpost"><span style="color: rgb(0, 102, 0);">/*màu chữ hiển thị khi click chuột*/</span></span><br /><span style="font-weight: bold;"><span style="color: rgb(51, 51, 255);"> </span></span><span style="font-weight: bold;">text-decoration:underline;</span><br /><span style="font-weight: bold;">}</span><span style="font-weight: bold;"><span style="color: rgb(51, 51, 255);"></span><br /></span></div><br /><br /><span style="font-size:130%;">Tiếp tục thêm đoạn mã sau vào trước thẻ</span> <span style="font-weight: bold; color: rgb(51, 51, 255);"></span><span style="font-weight: bold;"></body></span><br /><span style="font-weight: bold;"><br /></span><div class="codeview"><br /><span style="font-weight: bold;"><div id='credits'></span><br /><span style="font-weight: bold;"><div id='credits_left'></span><br /><span style="font-weight: bold;">Copyright 2010 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a></span><br /><span style="font-weight: bold;"></div> </span><br /><span style="font-weight: bold;"> <div id='credits_right'></span><br /><span style="font-weight: bold;"><p></span><br /><span style="font-weight: bold;"> <a expr:href='data:blog.homepageUrl' title='Home'>Home</a> | <a href='</span><span style="font-style: italic;">Link_lien_ket_1</span><span style="font-weight: bold;">'><span></span><span style="color: rgb(51, 51, 255); font-style: italic;"></span><span style="font-style: italic;">Ten_link_1</span><span style="font-weight: bold;"></span></a> | <a href='</span><span style="font-style: italic;">Link_lien_ket_2</span><span style="font-weight: bold;">'><span></span><span style="font-style: italic;">Ten_link_2</span><span style="font-weight: bold;"></span></a> | <a href='</span><span style="font-style: italic;">Link_lien_ket_3</span><span style="font-weight: bold;">'><span></span><span style="font-style: italic;">Ten_link_3</span><span style="font-weight: bold;"></span></a> | <a href='</span><span style="font-style: italic;">Link_lien_ket_4</span><span style="font-weight: bold;">'><span></span><span style="font-style: italic;">Ten_link_4</span><span style="font-weight: bold;"></span></a> |</span><br /><br /><span style="font-weight: bold;"> </p></span><br /><span style="font-weight: bold;"></div></span><br /><span style="font-weight: bold;"></div></span><br /></div><span style="font-weight: bold;"><span style="color: rgb(51, 51, 255);"><br /><br /></span></span><span style="font-size:130%;">Save lại là xong rồi đó.</span><span style="font-weight: bold;"><span style="color: rgb(51, 51, 255);"><span style="font-size:130%;"><span style="color: rgb(255, 0, 0);"><br /><br />Note:</span> </span></span></span><span style="font-size:130%;">các bạn chú ý khi điều chỉnh khoảng cách so với lề trái thì phải điều chỉnh luôn cả chiều rộng của tiện ích để có được khoảng cách đẹp nhất trên blog. Nếu thấy hay đừng quên để lại comment nha!</span><span style="font-weight: bold;"><span style="color: rgb(51, 51, 255);"><br /><br /></span></span><div style="text-align: right;"><span style="font-weight: bold; font-style: italic; color: rgb(255, 0, 0);">~libra~</span><br /></div>

* Tạo copyright và menu mini cuối blog cho Blogspot

Bạn Kira [ http://freejapanesemovies.blogspot.com/ ] có hỏi mình cách làm menu mini và copyright như phía cuối blog của mình, bữa giờ bận t...

Đọc thêm »

* Tiện ích Danh Ngôn Thay Đổi dành cho blogspot

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYfUjxpjMZXcLOKTZX0K63WOWafolDpf00h0S3u7nGOFwsI7oYrSqoxxzKo2Vy_sJy2Y9FYYP0UxMvh4R7L_mgzJey7f4cxqbN2hbHN9iDdhEErDlKMsxBULCN3TVOExMTDWFY38vfBs0/s1600/danh+ng%25C3%25B4n.png" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5552704848831507346" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYfUjxpjMZXcLOKTZX0K63WOWafolDpf00h0S3u7nGOFwsI7oYrSqoxxzKo2Vy_sJy2Y9FYYP0UxMvh4R7L_mgzJey7f4cxqbN2hbHN9iDdhEErDlKMsxBULCN3TVOExMTDWFY38vfBs0/s400/danh+ng%25C3%25B4n.png" style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 291px; height: 102px;" /></a><br /><span style="font-size:130%;">Một tiện ích rất hay dành cho blog của bạn. Danh ngôn sẽ thay đổi mỗi lần bạn click, rất nhiều câu danh ngôn hay sẽ hiện ra...và quan trọng nhất là đoạn mã của nó, vô cùng ngắn gọn. Bạn chỉ cần copy và paste vào nơi bạn muốn hiện những câu danh ngôn này.<br /><br /></span><div class="codeview"><br /><span style="font-size:130%;"><span style="color: rgb(51, 204, 0);"><script type="text/javascript" src="http://javascriptbank.com/service/getFreeQuote.php"></script> </span></span><br /></div><br /><div style="text-align: right;"><span style="font-weight: bold; font-style: italic;">~libra~</span><br /></div>

* Tiện ích Danh Ngôn Thay Đổi dành cho blogspot

Một tiện ích rất hay dành cho blog của bạn. Danh ngôn sẽ thay đổi mỗi lần bạn click, rất nhiều câu danh ngôn hay sẽ hiện ra...và quan trọng ...

Đọc thêm »

* Tiện ích dịch Blog / Web sang 52 ngôn ngữ

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiayaTgdaQp4LfQg1h1R1LVHRujGnDyXcZi9GgPyA-YEptl_hnouSmNUGqgC5FYbCQUN6EBX2OG71Omh6AGopcJ6vvgVPy8NlLjtEZqb2B4czq9Bpaic9AXRaVoMBXbuyke89YU3LzI0jU/s1600/dich-thuat.gif" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5551607011734324130" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiayaTgdaQp4LfQg1h1R1LVHRujGnDyXcZi9GgPyA-YEptl_hnouSmNUGqgC5FYbCQUN6EBX2OG71Omh6AGopcJ6vvgVPy8NlLjtEZqb2B4czq9Bpaic9AXRaVoMBXbuyke89YU3LzI0jU/s400/dich-thuat.gif" style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 297px;" /></a><span style=";font-family:arial;font-size:130%;" ><br />Chỉ cần sao chép và dán mã sau vào vị trí mà bạn muốn đặt tiện ích. Tiện ích này sử dụng <b>AJAX và các ngôn ngữ của Google API. </b>Điểm đặc biệt ở đây là trang web của bạn sẽ được dịch sang 52 ngôn ngữ khác nhau, rất nhiều phải ko nào?<br /><br />Dạng hiển thị là một button cực kì nhỏ gọn, rất đẹp trên blog / web của bạn:<br /><br /></span><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqx1Cypk_JO-Nak9cmDy8fdyR_Pb4yBMAAE2BvZpSInFKcUC7PViMfd-3mgFGv7_rQmMRUWkYPp7DdH0Mm9ay_snWUrTFcQxUASufXg6DSCu7PYIWtApya_XemqhQw-xQUiIuaP-e97YE/s1600/translate.png"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5551610114380489218" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqx1Cypk_JO-Nak9cmDy8fdyR_Pb4yBMAAE2BvZpSInFKcUC7PViMfd-3mgFGv7_rQmMRUWkYPp7DdH0Mm9ay_snWUrTFcQxUASufXg6DSCu7PYIWtApya_XemqhQw-xQUiIuaP-e97YE/s400/translate.png" style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 184px; height: 22px;" /></a><br /><span style=";font-family:arial;font-size:130%;" >Cuối cùng là đoạn mã đây:<br /><br /></span><div class="codeview"><br /><span style=";font-family:arial;font-size:130%;" ><span style="color: rgb(51, 204, 0);"><!-- Begin TranslateThis Widget --></span><br /><br /><span style="color: rgb(51, 204, 0);"><div id="translate-this"><a href="http://translateth.is/" class="translate-this-button">Translate</a></div></span><br /><br /><span style="color: rgb(51, 204, 0);"><script type="text/javascript" src="http://www.google.com/jsapi"></script></span><br /><span style="color: rgb(51, 204, 0);"><script type="text/javascript" src="http://x.translateth.is/translate-this.js"></script></span><br /><span style="color: rgb(51, 204, 0);"><script type="text/javascript"></span><br /><span style="color: rgb(51, 204, 0);">TranslateThis();</span><br /><span style="color: rgb(51, 204, 0);"></script></span><br /><br /><span style="color: rgb(51, 204, 0);"><!-- End TranslateThis Widget --><br /></span></span></div><span style=";font-family:arial;font-size:130%;" ><span style="color: rgb(51, 204, 0);"><br /><br /></span></span><span style="font-size:130%;"><span style="font-family:arial;">Nếu thấy hay thì đừng quên comment cho mình nha!</span></span><span style=";font-family:arial;font-size:130%;" ><span style="color: rgb(51, 204, 0);"><br /></span></span>

* Tiện ích dịch Blog / Web sang 52 ngôn ngữ

Chỉ cần sao chép và dán mã sau vào vị trí mà bạn muốn đặt tiện ích. Tiện ích này sử dụng AJAX và các ngôn ngữ của Google API. Điểm đặc biệt ...

Đọc thêm »

* Chèn game Sudoku vào Blogspot

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWBh66egtDD2vEej4nivcGV29sZzuSf2mxNlPiJajunwz0xpRcds0shSm2el35uNLIwjU1Izo96lcGp4m7XK4Z6fIAnfFzyY3yNQxcqe08Mtn_f63TlIpDOObTSXIm5PIVslY45NA2_d4/s1600/Sudoku.png" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5551241125361642914" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWBh66egtDD2vEej4nivcGV29sZzuSf2mxNlPiJajunwz0xpRcds0shSm2el35uNLIwjU1Izo96lcGp4m7XK4Z6fIAnfFzyY3yNQxcqe08Mtn_f63TlIpDOObTSXIm5PIVslY45NA2_d4/s200/Sudoku.png" style="float: left; margin: 0pt 10px 10px 0pt; cursor: pointer; width: 200px; height: 189px;" /></a><span style="font-size:130%;">Bạn thấy thế nào nếu vừa vào blog của mình vừa chơi Sudoku nhỉ? Rất tiện đúng ko nào ^^<br /></span><br /><br /><br /><br /><br /><br /><br /><br /><br /><span style="font-size:130%;">Vô cùng đơn giản, chỉ cần tạo một tiện ích mới rồi dán đoạn mã sau vào là OK</span><br /><br /><div class="codeview"><span style="font-size:130%;"><span style="color: rgb(51, 204, 0);"><iframe src="http://www.odyssey.ie/sudoku/sudoku-google.html" frameborder="0" width="200" height="230" scrolling="no"></iframe></span></span></div><br /><br /><span style="font-size:130%;">Giờ thì chơi thử nào!</span><br /><br /><div style="text-align: center;"><iframe src="http://www.odyssey.ie/sudoku/sudoku-google.html" width="200" frameborder="0" height="260" scrolling="no"></iframe></div>

* Chèn game Sudoku vào Blogspot

Bạn thấy thế nào nếu vừa vào blog của mình vừa chơi Sudoku nhỉ? Rất tiện đúng ko nào ^^ Vô cùng đơn giản, chỉ cần tạo một tiện ích mới rồi d...

Đọc thêm »

* Trình diễn slide ảnh đơn giản trong blogspot

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkFi3Rd7JzGGiaoReDUK3HER1cHfW9GCXmHaERfU7j0Vx9E7z9achJ8hEcoKAFILU472hA5iGJtdIVhMvbTCPknH-b-QKjbXQBCswsfjlbiF8Zscg6yNNNRMpmWubm9M7nLVyTVEHvOuo/s1600/hftre.png" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5550222747954635778" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkFi3Rd7JzGGiaoReDUK3HER1cHfW9GCXmHaERfU7j0Vx9E7z9achJ8hEcoKAFILU472hA5iGJtdIVhMvbTCPknH-b-QKjbXQBCswsfjlbiF8Zscg6yNNNRMpmWubm9M7nLVyTVEHvOuo/s200/hftre.png" style="float: left; margin: 0pt 10px 10px 0pt; cursor: pointer; width: 200px; height: 184px;" /></a><span style="font-size:130%;"><span style="font-weight: bold;">Hôm nay mình xin chia sẻ với các bạn thủ thuật tạo slide ảnh vô cùng đơn giản và gọn nhẹ. Thủ thuật này có ưu điểm là load rất nhanh.</span><br /><br /></span><br /><br /><br /><br /><br /><br /><br /><span style="font-size:130%;">Đầu tiên các bạn vào <span style="color: rgb(255, 0, 0);">Thiết kế</span> -> <span style="color: rgb(255, 0, 0);">Thêm tiện ích</span> -> <span style="color: rgb(255, 0, 0);">HTML/Javascript</span>, sau đó dán toàn bộ đoạn mã sau vào tiện ích, chỉnh sửa <span style="font-weight: bold;">Link_anh</span> và <span style="font-weight: bold;">Link_lien_ket_den_anh</span> là OK:<br /><br /></span><div class="codeview"><span style="font-size:130%;"><span style="color: rgb(51, 255, 51);"><embed type="application/x-shockwave-flash" src="http://img694.imageshack.us/img694/7500/beautifuldreamblogslide.swf?http://i465.photobucket.com/support/http://vn.myblog.yahoo.com/cindy-babylove" flashvars="<span style="color: rgb(255, 0, 0);">config=4</span>&amp;bcastr_flie=<span style="color: rgb(255, 0, 0);">Link_anh1</span>|<span style="color: rgb(255, 0, 0);">Link_anh2</span><span style="color: rgb(255, 0, 0);"></span>&amp;bcastr_link=<span style="color: rgb(255, 0, 0);">Link_lien_ket_den_anh1</span>|</span><span style="color: rgb(255, 0, 0);">Link_lien_ket_den_anh2</span><span style="color: rgb(51, 255, 51);">" wmode="transparent" <span style="color: rgb(255, 0, 0);">width=</span>"<span style="color: rgb(255, 0, 0);">500</span>" <span style="color: rgb(255, 0, 0);">height=</span>"<span style="color: rgb(255, 0, 0);">300</span>"></embed></span></span></div><span style="font-size:130%;"><br /><br /><span style="color: rgb(51, 255, 51);"><span style="color: rgb(255, 0, 0);"></span></span>Bây giờ là phần chỉnh sửa:<br />* <span style="color: rgb(51, 255, 51);"><span style="color: rgb(255, 0, 0);">config=4: </span></span>tốc độ thay đổi ảnh 1 -> 10, số càng lớn, tốc độ thay đổi ảnh càng nhanh, nên chọn 4 là phù hợp nhất.<br />* <span style="color: rgb(51, 255, 51);"><span style="color: rgb(255, 0, 0);">Link_anh1:</span></span> thay bằng link ảnh của bạn<br />* <span style="color: rgb(51, 255, 51);"><span style="color: rgb(255, 0, 0);">Link_lien_ket_den_anh1:</span></span> thay bằng kink liên kết đến một trang nào đó mà bạn thích ( thứ tự phù hợp với link ảnh nha bạn)<br />* <span style="color: rgb(51, 255, 51);"><span style="color: rgb(255, 0, 0);">width=</span><span style="color: rgb(255, 0, 0);">500,</span> <span style="color: rgb(255, 0, 0);">height=</span><span style="color: rgb(255, 0, 0);">300</span></span>: bạn tùy chỉnh chiều dài và chiều rộng ảnh hiện thị tại đây.<br /><span style="color: rgb(51, 255, 51);"><span style="color: rgb(255, 0, 0);"><br /></span></span>Cuối cùng Save lại là xong. Nếu thấy hay thì đừng quên để lại comment cho mình nha!<br /></span>

* Trình diễn slide ảnh đơn giản trong blogspot

Hôm nay mình xin chia sẻ với các bạn thủ thuật tạo slide ảnh vô cùng đơn giản và gọn nhẹ. Thủ thuật này có ưu điểm là load rất nhanh. Đầu ti...

Đọc thêm »

* Đưa biểu tượng cảm xúc vào bài viết và nhận xét Blogger

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivRA0yyNu-Um3Em2YGuR1UPmr-BBnxhDa98ySVTl_jactxrR4-OTNyVACJIOQq1UBX5ZKRlLU4URzlRHr2b_5CyROAdCTCTNyTeVNJ0yxKZXTU8LQmv_uLefsTfBi0H0cVLsbnXTLPEcU/s1600/emoticon4post.PNG" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5544943774065732338" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivRA0yyNu-Um3Em2YGuR1UPmr-BBnxhDa98ySVTl_jactxrR4-OTNyVACJIOQq1UBX5ZKRlLU4URzlRHr2b_5CyROAdCTCTNyTeVNJ0yxKZXTU8LQmv_uLefsTfBi0H0cVLsbnXTLPEcU/s200/emoticon4post.PNG" style="float: left; margin: 0pt 10px 10px 0pt; cursor: pointer; width: 162px; height: 124px;" /></a><span style="font-size:130%;"><span style="font-weight: bold;">Cách cài đặt thật quá đơn giản.</span></span><br /><br /><span style="font-size:130%;"><br /><br /><br /><br />Khi chỉnh sửa Template, bạn hãy dán toàn bộ đoạn mã dưới đây vào trước thẻ <span style="color: rgb(0, 153, 0); font-weight: bold;"></body></span> (nên ở chế độ chọn <span style="color: rgb(255, 0, 0);">Expand Widget Templates</span>) là OK. </span><br /><br /><div class="codeview"><span style="color: rgb(0, 153, 0);"><script type='text/javascript'></span><br /><span style="color: rgb(0, 153, 0);">//<![CDATA[</span><br /><span style="color: rgb(0, 153, 0);">//Emoticons for Blogger Posts and Comments || Author: Huynh Nhat Ha || http://huynh-nhat-ha.blogspot.com || © Copyright 2010</span><br /><span style="color: rgb(0, 153, 0);">function emoticonBloggerHuynhNhatHa() {</span><br /><br /><span style="color: rgb(0, 153, 0);">if(!document.getElementById) {return;} // no support</span><br /><br /><span style="color: rgb(0, 153, 0);">bodyText = document.getElementById('<span style="color: rgb(255, 0, 0);">main-wrapper</span>');</span><br /><br /><br /><span style="color: rgb(0, 153, 0);">theText = bodyText.innerHTML;</span><br /><span style="color: rgb(0, 153, 0);">theText = theText.replace(/:1\)/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/wink.gif" />');</span><br /><span style="color: rgb(0, 153, 0);">theText = theText.replace(/:2\)/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/biggrin.gif" />');</span><br /><span style="color: rgb(0, 153, 0);">theText = theText.replace(/:3\)/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/cool.gif" />');</span><br /><span style="color: rgb(0, 153, 0);">theText = theText.replace(/:4\)/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/mad.gif" />');</span><br /><span style="color: rgb(0, 153, 0);">theText = theText.replace(/:5\)/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/sad.gif" />');</span><br /><span style="color: rgb(0, 153, 0);">theText = theText.replace(/:6\)/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/ohmy.gif" />');</span><br /><span style="color: rgb(0, 153, 0);">theText = theText.replace(/:7\)/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/tongue.gif" />');</span><br /><span style="color: rgb(0, 153, 0);">theText = theText.replace(/:8\)/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/smile.gif" />');</span><br /><span style="color: rgb(0, 153, 0);">bodyText.innerHTML = theText;}</span><br /><span style="color: rgb(0, 153, 0);">//]]></span><br /><span style="color: rgb(0, 153, 0);"></script></span><br /><span style="color: rgb(0, 153, 0);"><script type='text/javascript'></span><br /><span style="color: rgb(0, 153, 0);">emoticonBloggerHuynhNhatHa();</span><br /><span style="color: rgb(0, 153, 0);"></script></span></div><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsQKFRF4yhOb2nyxMWrdQ3B9DSsjSUMkKacEHwK67qGhctQqge3XjIq4QTG9vKWKCxTiYKyKScapIafaLMgch4gNGJpLTp-f3bFd9eW2qDLs6pVi8NBL5VCqzefDwo2diAhnVazDZEmwc/s1600/emoticonhas.PNG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5544944813640696594" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsQKFRF4yhOb2nyxMWrdQ3B9DSsjSUMkKacEHwK67qGhctQqge3XjIq4QTG9vKWKCxTiYKyKScapIafaLMgch4gNGJpLTp-f3bFd9eW2qDLs6pVi8NBL5VCqzefDwo2diAhnVazDZEmwc/s400/emoticonhas.PNG" style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 33px;" /></a><br /><span style="font-size:130%;">Bây giờ tôi xin hướng dẫn thêm một số điều cơ bản để bạn có thể tự làm thêm với thủ thuật này.</span><br /><br /><span style="font-size:130%;">Bạn cần biết toàn bộ phần nội dung bài viết (<span style="color:red;">post-body</span>) và nhận xét (<span style="color:red;">comments-block</span>) nằm trong phần <span style="color:red;">main</span> của Template. Xét về yếu tố HTML thì <span style="color: rgb(255, 0, 0);">post-body</span> là <strong>class</strong> trong khi <span style="color: rgb(255, 0, 0);">comments-block</span> lại là <strong>id</strong>. Nếu muốn đưa biểu tượng cảm xúc vào cả bài viết lẫn nhận xét thì ta chỉ cần gán chức năng biểu tượng cảm xúc cho một id chứa cả post-body và comments-block. <span style="font-weight: bold;">Id</span> đó chính là <span style="color:red;">main-wrapper</span> hoặc <span style="color:red;">content</span> (có thể với mỗi Template sẽ có tên khác nhau do người tạo Template đặt ra). <span style="font-weight: bold;">Id</span> này nằm trước dòng<br /><br /></span> <div class="codeview"><span style="font-size:130%;"><strong style="color: rgb(0, 153, 0);"><b:section class='main' id='main' showaddelement='yes'></strong></span></div><br /><br /><span style="font-size:130%;">cũng có thể là:</span><br /><br /><div class="codeview"><span style="font-size:130%;"><strong style="color: rgb(0, 153, 0);"><b:section class='main' id='main' showaddelement='no'></strong></span></div><br /><br /><span style="font-size:130%;">Như vậy trong phần code ở trên, bạn cần thay thế tên <span style="font-weight: bold;">id</span> tương ứng cho Blog của bạn.<br /><br />Bạn có thể tự tăng thêm biểu tượng cảm xúc cho danh mục thật dễ dàng. Chú ý đến dòng code sau đây:</span> <span style="font-size:130%;"><br /><br />theText = theText.replace(/<span style="color: rgb(255, 0, 0);">:1</span>\<span style="color: rgb(255, 0, 0);">)</span>/g,'<img src="<span style="color: rgb(255, 0, 0);">http://photos1.blogger.com/blogger/7678/802/1600/wink.gif</span>" />');</span><br /><br /><span style="font-size:130%;">Bạn hãy tìm biểu tượng cảm xúc trên mạng Internet (quá dễ mà), lấy đường link hoặc lưu vào máy tính rồi upload lên webhost nào đấy hoặc lên chính Blogger để lấy đường link. Sau đó lần lượt gán theo thứ tự như thế này:<br /><br />theText = theText.replace(/<span style="color: rgb(255, 0, 0);">:9</span>\<span style="color: rgb(255, 0, 0);">)</span>/g,'<img src="<span style="color: rgb(255, 0, 0);">URL_9</span>" />');<br />theText = theText.replace(/<span style="color: rgb(255, 0, 0);">:10</span>\<span style="color: rgb(255, 0, 0);">)</span>/g,'<img src="<span style="color: rgb(255, 0, 0);">URL_10</span>" />');<br />theText = theText.replace(/<span style="color: rgb(255, 0, 0);">:11</span>\<span style="color: rgb(255, 0, 0);">)</span>/g,'<img src="<span style="color: rgb(255, 0, 0);">URL_11</span>" />');</span><br />…<br />…<br /><br /><span style="font-size:130%;">Cứ theo thứ tự như thế bạn sẽ thêm vào đoạn code nêu trên để tăng số lượng biểu tượng cảm xúc theo ý thích của bạn.<br /><br />Sau khi cài đặt thành công, mỗi khi muốn chèn biểu tượng cảm xúc vào bài viết và nhận xét thì chỉ cần đánh nhóm ký tự gồm dấu : và một số thứ tự bất kỳ (từ 1 đến 99) thì sau khi xuất bản bài viết, biểu tượng cảm xúc sẽ hiển thị ngay trên tất cả các công cụ trình duyệt. </span> <span style="font-size:130%;"><br /><br />Nếu bạn thấy thủ thuật này bổ ích thì bạn cứ thử nhé, và đừng quên để lại một nhận xét thật chân thành cho kỳ công này của tác giả.</span> <span style="font-size:130%;"><br /></span><br /><div style="text-align: right;"><span style="font-style: italic; color: rgb(0, 0, 153);">Nguồn http://huynh-nhat-ha.blogspot.com</span><br /></div>

* Đưa biểu tượng cảm xúc vào bài viết và nhận xét Blogger

Cách cài đặt thật quá đơn giản. Khi chỉnh sửa Template, bạn hãy dán toàn bộ đoạn mã dưới đây vào trước thẻ </body> (nên ở chế độ chọ...

Đọc thêm »

* Tiện ích Nhận xét mới nhất có ảnh đại diện

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgwD-sTboQIC3GkNhryMFvM-LfDhA0mlGSmdwbNFfrdf3q8Ce1AS6nY6W3sAYJegXP5Ha2qakjP7fhNZxWVWxI9T_F5koO7XaHBo5u35ugQpR2zEk5CGCngZRxlmr5g7-xM83m5BxP_co/s1600/rccom.PNG" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5543107456105821698" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgwD-sTboQIC3GkNhryMFvM-LfDhA0mlGSmdwbNFfrdf3q8Ce1AS6nY6W3sAYJegXP5Ha2qakjP7fhNZxWVWxI9T_F5koO7XaHBo5u35ugQpR2zEk5CGCngZRxlmr5g7-xM83m5BxP_co/s200/rccom.PNG" style="float: left; margin: 0pt 10px 10px 0pt; cursor: pointer; width: 182px; height: 168px;" /></a><span style="font-weight: bold;">Có một blogger hỏi tôi rằng, cộng đồng Blogger đã có nhiều thủ thuật tạo tiện ích Bài viết mới nhất có ảnh đại diện (Recent Posts with Thumbnai Widget) và từ đó cũng xuất hiện tiện ích Nhận xét mới nhất (Recent Comments Widget). Tuy nhiên vẫn chưa thấy có bài viết nào nói về tiện ích Nhận xét mới nhất có ảnh đại diện (Recent Comments width Thumbnail Widget).</span><br /><br /><br /><a name="more"></a><br /><span style="font-size:130%;">Tiện ích Nhận xét mới nhất có ảnh đại diện hiển thị những nhận xét mới nhất kèm theo ảnh đại diện của người nhận xét, bao gồm Admin, Blogger user và nặc danh (Anonymous).<br /><br />Để cài đặt tiện ích này vào Blog của bạn, chỉ cần đặt toàn bộ phần code dưới đây vào một tiện ích HTML/Javascript là xong.</span><br /><br /><div class="codeview"><br /><span style="color: rgb(0, 153, 0);"><style type="text/css"></span><br /><span style="color: rgb(0, 153, 0);">.halink li{</span><br /><span style="color: rgb(0, 153, 0);">padding:5px;</span><br /><span style="color: rgb(0, 153, 0);">margin:0 0 0px 0px;</span><br /><span style="color: rgb(0, 153, 0);">border-bottom:1px dotted #234;</span><br /><span style="color: rgb(0, 153, 0);">min-height:70px;</span><br /><span style="color: rgb(0, 153, 0);">}</span><br /><span style="color: rgb(0, 153, 0);">.halink li:hover{</span><br /><span style="color: rgb(0, 153, 0);">background: #F3F7FA;</span><br /><span style="color: rgb(0, 153, 0);">}</span><br /><span style="color: rgb(0, 153, 0);">.halink li img {</span><br /><span style="color: rgb(0, 153, 0);">height:50px;</span><br /><span style="color: rgb(0, 153, 0);">width:50px;</span><br /><span style="color: rgb(0, 153, 0);">list-style:none;</span><br /><span style="color: rgb(0, 153, 0);">float:left;</span><br /><span style="color: rgb(0, 153, 0);">margin-right:10px;</span><br /><span style="color: rgb(0, 153, 0);">margin-top:10px;</span><br /><span style="color: rgb(0, 153, 0);">}</span><br /><span style="color: rgb(0, 153, 0);">.halink li a {</span><br /><span style="color: rgb(0, 153, 0);">list-style:none;</span><br /><span style="color: rgb(0, 153, 0);">color:#2266AA;</span><br /><span style="color: rgb(0, 153, 0);">font-size:11px;</span><br /><span style="color: rgb(0, 153, 0);">}</span><br /><span style="color: rgb(0, 153, 0);"></style></span><br /><span style="color: rgb(0, 153, 0);"><script type="text/javascript"></span><br /><span style="color: rgb(0, 153, 0);">function showrecentcomments(json) {</span><br /><span style="color: rgb(0, 153, 0);">for (var i = 0; i < numcomments; i++) {</span><br /><span style="color: rgb(0, 153, 0);">var entry = json.feed.entry[i];</span><br /><span style="color: rgb(0, 153, 0);">var alturl;</span><br /><br /><span style="color: rgb(0, 153, 0);">if (i == json.feed.entry.length) break;</span><br /><span style="color: rgb(0, 153, 0);">for (var k = 0; k < entry.link.length; k++) {</span><br /><span style="color: rgb(0, 153, 0);">if (entry.link[k].rel == 'alternate') {</span><br /><span style="color: rgb(0, 153, 0);">alturl = entry.link[k].href;</span><br /><span style="color: rgb(0, 153, 0);">break;</span><br /><span style="color: rgb(0, 153, 0);">}</span><br /><span style="color: rgb(0, 153, 0);">}</span><br /><span style="color: rgb(0, 153, 0);">var photoslink=new Array()</span><br /><span style="color: rgb(0, 153, 0);">photoslink[0]='<img src="<span style="color: rgb(255, 0, 0);">URL_</span></span><span style="color: rgb(255, 0, 0);">ảnh đại diện của Blogger user</span><span style="color: rgb(0, 153, 0);">"/>';</span><br /><span style="color: rgb(0, 153, 0);">admin='<img src="</span><span style="color:red;">URL_ảnh đại diện của bạn là Admin</span><span style="color: rgb(0, 153, 0);">"/>';</span><br /><span style="color: rgb(0, 153, 0);">anonymous='<img src="</span><span style="color:red;">URL_ảnh đại diện của nặc danh</span><span style="color: rgb(0, 153, 0);">"/>';</span><br /><br /><span style="color: rgb(0, 153, 0);">document.write('<div class="halink">','<li>');</span><br /><br /><span style="color: rgb(0, 153, 0);">alturl = alturl.replace("#", "#comment-");</span><br /><span style="color: rgb(0, 153, 0);">var postlink = alturl.split("#");</span><br /><span style="color: rgb(0, 153, 0);">postlink = postlink[0];</span><br /><span style="color: rgb(0, 153, 0);">var linktext = postlink.split("/");</span><br /><span style="color: rgb(0, 153, 0);">linktext = linktext[5];</span><br /><span style="color: rgb(0, 153, 0);">linktext = linktext.split(".html");</span><br /><span style="color: rgb(0, 153, 0);">linktext = linktext[0];</span><br /><span style="color: rgb(0, 153, 0);">var posttitle = linktext.replace(/-/g," ");</span><br /><span style="color: rgb(0, 153, 0);">posttitle = posttitle.link(postlink);</span><br /><span style="color: rgb(0, 153, 0);">var commentdate = entry.published.$t;</span><br /><span style="color: rgb(0, 153, 0);">var cdyear = commentdate.substring(0,4);</span><br /><span style="color: rgb(0, 153, 0);">var cdmonth = commentdate.substring(5,7);</span><br /><span style="color: rgb(0, 153, 0);">var cdday = commentdate.substring(8,10);</span><br /><span style="color: rgb(0, 153, 0);">var monthnames = new Array();</span><br /><span style="color: rgb(0, 153, 0);">monthnames[1] = "tháng 01";</span><br /><span style="color: rgb(0, 153, 0);">monthnames[2] = "tháng 02";</span><br /><span style="color: rgb(0, 153, 0);">monthnames[3] = "tháng 03";</span><br /><span style="color: rgb(0, 153, 0);">monthnames[4] = "tháng 04";</span><br /><span style="color: rgb(0, 153, 0);">monthnames[5] = "tháng 05";</span><br /><span style="color: rgb(0, 153, 0);">monthnames[6] = "tháng 06";</span><br /><span style="color: rgb(0, 153, 0);">monthnames[7] = "tháng 07";</span><br /><span style="color: rgb(0, 153, 0);">monthnames[8] = "tháng 08";</span><br /><span style="color: rgb(0, 153, 0);">monthnames[9] = "tháng 09";</span><br /><span style="color: rgb(0, 153, 0);">monthnames[10] = "tháng 10";</span><br /><span style="color: rgb(0, 153, 0);">monthnames[11] = "tháng 11";</span><br /><span style="color: rgb(0, 153, 0);">monthnames[12] = "tháng 12";</span><br /><span style="color: rgb(0, 153, 0);">if ("content" in entry) {</span><br /><span style="color: rgb(0, 153, 0);">var comment = entry.content.$t;}</span><br /><span style="color: rgb(0, 153, 0);">else</span><br /><span style="color: rgb(0, 153, 0);">if ("summary" in entry) {</span><br /><span style="color: rgb(0, 153, 0);">var comment = entry.summary.$t;}</span><br /><span style="color: rgb(0, 153, 0);">else var comment = "";</span><br /><span style="color: rgb(0, 153, 0);">var re = /<s[^>]*>/g;</span><br /><span style="color: rgb(0, 153, 0);">comment = comment.replace(re, "");</span><br /><br /><span style="color: rgb(0, 153, 0);">if (!standardstyling) document.write('<div class="bbrecpost">');</span><br /><br /><br /><span style="color: rgb(0, 153, 0);">if (showcommentdate == true) document.write(' ' + cdday + ' ' + monthnames[parseInt(cdmonth,10)] + 'năm ' + cdyear + ' ');</span><br /><br /><span style="color: rgb(0, 153, 0);">if( entry.author[0].name.$t == '<span style="color: rgb(255, 0, 0);">Tên bạn</span>'){ document.write(admin)}</span><br /><span style="color: rgb(0, 153, 0);">else{</span><br /><span style="color: rgb(0, 153, 0);">if( entry.author[0].name.$t == 'Anonymous'){ document.write(anonymous)}</span><br /><span style="color: rgb(0, 153, 0);">else{document.write(photoslink)}</span><br /><span style="color: rgb(0, 153, 0);">}</span><br /><span style="color: rgb(0, 153, 0);">document.write('<a href="' + alturl + '">' + entry.author[0].name.$t + '' +'</a> ');</span><br /><span style="color: rgb(0, 153, 0);">if (showposttitle == true) document.write(' Nhận xét về: ' + posttitle);</span><br /><span style="color: rgb(0, 153, 0);">if (!standardstyling) document.write('</div><div class="bbrecpostsum">');</span><br /><span style="color: rgb(0, 153, 0);">if (standardstyling) document.write('<div class="txtmsg"></div>');</span><br /><span style="color: rgb(0, 153, 0);">if (comment.length < numchars) {</span><br /><span style="color: rgb(0, 153, 0);">if (standardstyling) document.write('<i>');</span><br /><span style="color: rgb(0, 153, 0);">document.write(comment);</span><br /><span style="color: rgb(0, 153, 0);">if (standardstyling) document.write('</i>');}</span><br /><br /><span style="color: rgb(0, 153, 0);">else</span><br /><span style="color: rgb(0, 153, 0);">{</span><br /><span style="color: rgb(0, 153, 0);">if (standardstyling) document.write('<i>');</span><br /><span style="color: rgb(0, 153, 0);">comment = comment.substring(0, numchars);</span><br /><span style="color: rgb(0, 153, 0);">var quoteEnd = comment.lastIndexOf(" ");</span><br /><span style="color: rgb(0, 153, 0);">comment = comment.substring(0, quoteEnd);</span><br /><span style="color: rgb(0, 153, 0);">document.write(comment + '...<a href="' + alturl + '">Đọc tiếp...)</a>');</span><br /><span style="color: rgb(0, 153, 0);">if (standardstyling) document.write('</i>');}</span><br /><span style="color: rgb(0, 153, 0);">if (!standardstyling) document.write('</div>');</span><br /><span style="color: rgb(0, 153, 0);">if (standardstyling) document.write('<br/>');</span><br /><br /><span style="color: rgb(0, 153, 0);">document.write('</div>','</li>');</span><br /><br /><span style="color: rgb(0, 153, 0);">}</span><br /><span style="color: rgb(0, 153, 0);">if (!standardstyling) document.write('<div class="bbwidgetfooter">');</span><br /><span style="color: rgb(0, 153, 0);">if (standardstyling) document.write('<br/>');</span><br /><span style="color: rgb(0, 153, 0);">if (!standardstyling) document.write('</div>');</span><br /><br /><span style="color: rgb(0, 153, 0);">}</span><br /><span style="color: rgb(0, 153, 0);"></script></span><br /><span style="color: rgb(0, 153, 0);"><script style="text/javascript"></span><br /><span style="color: rgb(0, 153, 0);">var <span style="color: rgb(255, 0, 0);">numcomments = 5</span>;</span><br /><span style="color: rgb(0, 153, 0);">var showcommentdate = true;</span><br /><span style="color: rgb(0, 153, 0);">var showposttitle = false;</span><br /><span style="color: rgb(0, 153, 0);">var numchars = 100;</span><br /><span style="color: rgb(0, 153, 0);">var standardstyling = true;</span><br /><span style="color: rgb(0, 153, 0);"></script></span><br /><span style="color: rgb(0, 153, 0);"><script src="http://<span style="color: rgb(255, 0, 0);">huynh-nhat-ha</span>.blogspot.com/feeds/comments/default?alt=json-in-script&</span><br /><span style="color: rgb(0, 153, 0);">callback=showrecentcomments"></script></span><br /></div><br /><br /><span style="font-size:130%;">Bạn cần điều chỉnh những chỗ được đánh dấu màu đỏ. Bạn cần thay URL cho ảnh đại diện của bạn là Admin, của nặc danh và Blogger user; có thể thay đổi số nhận xét được hiển thị (numcomments).<br /><br /></span><div style="text-align: right;"><span style="font-weight: bold; color: rgb(0, 0, 153); font-style: italic;">Nguồn huynh-nhat-ha.blogspot.com</span><br /></div>

* Tiện ích Nhận xét mới nhất có ảnh đại diện

Có một blogger hỏi tôi rằng, cộng đồng Blogger đã có nhiều thủ thuật tạo tiện ích Bài viết mới nhất có ảnh đại diện (Recent Posts with Thum...

Đọc thêm »

* Tiện ích thống kế blog bản hoàn thiện

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3pqHXIguhBysOlimzRDU9n0UyhvZTGDxzaBgIaKnFWy27-Vm7NQaN-Tym61fSR90QJ73JDKSnFkV1DyHgqG2nYN9JYMAbHyTYe5kZASFb-G84dqvmGK-DFqGYnN2opSu5but8zr9QU_4/s1600/thongkeblog.PNG" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5543100533146088802" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3pqHXIguhBysOlimzRDU9n0UyhvZTGDxzaBgIaKnFWy27-Vm7NQaN-Tym61fSR90QJ73JDKSnFkV1DyHgqG2nYN9JYMAbHyTYe5kZASFb-G84dqvmGK-DFqGYnN2opSu5but8zr9QU_4/s200/thongkeblog.PNG" style="float: left; margin: 0pt 10px 10px 0pt; cursor: pointer; width: 143px; height: 189px;" /></a><span style="font-size:130%;"><span style="font-weight: bold;">Tiện ích thống kê blog giúp người đọc và admin nắm được thông tin cơ bản về blog như tổng số bài viết, nhận xét, người đăng ký nhận bài viết qua email, hay thậm chí cả người theo dõi trên Twitter. </span></span><br /><br /><br /><br /><br /><br /><br /><a name="more"></a><br /><span style="font-size:130%;">Để cài đặt tiện ích này, bạn chỉ cần dán toàn bộ phần mã dưới đây vào một tiện ích HTML/Javascript.<br /><span style="font-size:130%;"><br /></span></span><div class="codeview"><br /><span style="color: rgb(0, 153, 0);"><script language='javascript' type='text/javascript'></span><br /><span style="color: rgb(0, 153, 0);">function snfbc(json){</span><br /><span style="color: rgb(0, 153, 0);">document.write(parseInt(json.value.items[0].feed.entry.circulation));</span><br /><span style="color: rgb(0, 153, 0);">}</span><br /><span style="color: rgb(0, 153, 0);">function xfeedburner(uri){</span><br /><span style="color: rgb(0, 153, 0);">if(uri){</span><br /><span style="color: rgb(0, 153, 0);">document.write('<sc'+'ript src="http://pipes.yahoo.com/pipes/pipe.run?_id=e61a81bcdb1660ebf8bc1a7c130f1f7b&_render=json&uri='+uri+'&_callback=snfbc" type="text/javascript"></s'+'cript>');</span><br /><span style="color: rgb(0, 153, 0);">} else{</span><br /><span style="color: rgb(0, 153, 0);">return false;</span><br /><span style="color: rgb(0, 153, 0);">}</span><br /><span style="color: rgb(0, 153, 0);">}</span><br /><br /><span style="color: rgb(0, 153, 0);">function sntwitter(json){</span><br /><span style="color: rgb(0, 153, 0);">document.write(parseInt(json.followers_count));</span><br /><span style="color: rgb(0, 153, 0);">}</span><br /><span style="color: rgb(0, 153, 0);">function xtwitter(user){</span><br /><span style="color: rgb(0, 153, 0);">if(user){</span><br /><span style="color: rgb(0, 153, 0);">document.write('<scr'+'ipt src="http://twitter.com/users/show/'+user+'.json?callback=sntwitter" type="text/javascript"></scr'+'ipt>');</span><br /><span style="color: rgb(0, 153, 0);">} else{</span><br /><span style="color: rgb(0, 153, 0);">return false;</span><br /><span style="color: rgb(0, 153, 0);">}</span><br /><span style="color: rgb(0, 153, 0);">}</span><br /><br /><span style="color: rgb(0, 153, 0);"></script></span><br /><span style="color: rgb(0, 153, 0);"><div style='float:left;padding:8px;'></span><br /><span style="color: rgb(0, 153, 0);"><img src="http://img72.imageshack.us/img72/5376/twittery.png" style="margin-right: 8px; float:left;" /></span><br /><span style="color: rgb(0, 153, 0);"><a href="http://twitter.com/<span style="color: rgb(255, 0, 0);">huynhatha</span>" target="_blank" ><span style="float: left; margin-top:2px;padding:0;font-size:18px;color:#000;font-family:Arial,Helvetica,sans-serif;"></span><br /><span style="color: rgb(0, 153, 0);"><script type="text/javascript"> xtwitter("<span style="color: rgb(255, 0, 0);">huynhatha</span>") </script> Người theo dõi</span><br /><!--[if IE]><br /><![endif]--></span><br /><span style="color: rgb(0, 153, 0);"><span style="text-align:left;margin:0px;padding:0px;">Theo dõi trên Twitter</span></a></span><br /><span style="color: rgb(0, 153, 0);"></div><div style='clear:both;'/></span><br /><span style="color: rgb(0, 153, 0);"><div style='float:left;padding:8px;'></span><br /><span style="color: rgb(0, 153, 0);"><img src="http://img638.imageshack.us/img638/3243/rsss.png" style="margin-right:8px;float:left;" /></span><br /><span style="color: rgb(0, 153, 0);"><a href="http://feeds.feedburner.com/<span style="color: rgb(255, 0, 0);">huynh-nhat-ha</span>" target="_blank" ><span style="float:left;margin-top:2px;padding:0;font-size: 18px; color:#000;font-family:Arial,Helvetica,sans-serif;"></span><br /><span style="color: rgb(0, 153, 0);"><script type="text/javascript"> xfeedburner("<span style="color: rgb(255, 0, 0);">huynh-nhat-ha</span>") </script>Người đăng kí</span><br /><!--[if IE]><br /><![endif]--></span><br /><span style="color: rgb(0, 153, 0);"><span style="text-align:left;margin:0px;padding:0px; ">Đăng kí !</span></a></span><br /><span style="color: rgb(0, 153, 0);"></div><div style='clear:both;'/></span><br /><br /><span style="color: rgb(0, 153, 0);"><div style='float:left;padding:8px;'></span><br /><span style="color: rgb(0, 153, 0);"><img src="http://img684.imageshack.us/img684/6793/usersh.png" style="margin-right:8px;float:left;" /></span><br /><span style="color: rgb(0, 153, 0);"><span style="float:left;margin-top:2px;padding:0;"></span><br /><span style="color: rgb(0, 153, 0);"><script style="text/javascript"></span><br /><span style="color: rgb(0, 153, 0);">function showpostcount(json) {</span><br /><span style="color: rgb(0, 153, 0);">document.write(parseInt(json.feed.openSearch$totalResults.$t,10));</span><br /><span style="color: rgb(0, 153, 0);">}</script></span><br /><span style="color: rgb(0, 153, 0);"><script src="http://<span style="color: rgb(255, 0, 0);">huynh-nhat-ha</span>.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showpostcount"></script>Nhận xét</span><br /><!--[if IE]><br /><![endif]--></span><br /><span style="color: rgb(0, 153, 0);"><span style="text-align:left;margin:0px;padding:0px;"></span></span><br /><span style="color: rgb(0, 153, 0);"></div><div style='clear:both;'/></span><br /><span style="color: rgb(0, 153, 0);"><div style='float:left;padding:8px;'></span><br /><span style="color: rgb(0, 153, 0);"><img src="http://img707.imageshack.us/img707/3875/bloggerf.png" style="margin-right:8px;float:left;" /></span><br /><span style="color: rgb(0, 153, 0);"><a href="http://<span style="color: rgb(255, 0, 0);">huynh-nhat-ha</span>.blogspot.com/search/label/?max-results=999" target="_blank"><span style="float:left;margin-top:2px;padding:0;font-size: 18px; color:#000;font-family:Arial,Helvetica,sans-serif;"></span><br /><span style="color: rgb(0, 153, 0);"><script src="http://<span style="color: rgb(255, 0, 0);">huynh-nhat-ha</span>.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script> Bài viết</span><br /><!--[if IE]><br /><![endif]--></span><br /><span style="color: rgb(0, 153, 0);"><span style="text-align:left;margin:0px;padding:0px; ">Xem tất cả!</span></a></span><br /><span style="color: rgb(0, 153, 0);"> </div><div style='clear:both;'/></span><br /></div><br /><br /><span style="font-size:130%;">Bạn cần thay đổi những phần được đánh dấu <span style="color: rgb(255, 0, 0);">màu đỏ</span> lần lượt thành username trên Twitter, tên tài khoản Feedburner và tên địa chỉ blogspot của bạn.<br /><br /></span><div style="text-align: right;"><span style="font-weight: bold; color: rgb(0, 0, 153);">Nguồn http://huynh-nhat-ha.blogspot.com</span><br /></div>

* Tiện ích thống kế blog bản hoàn thiện

Tiện ích thống kê blog giúp người đọc và admin nắm được thông tin cơ bản về blog như tổng số bài viết, nhận xét, người đăng ký nhận bài viế...

Đọc thêm »

* Phân trang cho blogspot

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipbt0Gr-funCeYeTwpWj62hvhSMjYWk3WFbIG8z5bknh8zc_PJMw6ooL2dQrGVMB1IZp7dG-c81A-yO8bPEhKw89domUtGVoWF-1U5p2XYk-wH01dVvuh-BYqgWe5S-3obX2ldS3cTDl8/s1600/phantrang.png" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5542028108607314962" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipbt0Gr-funCeYeTwpWj62hvhSMjYWk3WFbIG8z5bknh8zc_PJMw6ooL2dQrGVMB1IZp7dG-c81A-yO8bPEhKw89domUtGVoWF-1U5p2XYk-wH01dVvuh-BYqgWe5S-3obX2ldS3cTDl8/s200/phantrang.png" style="float: left; margin: 0pt 10px 10px 0pt; cursor: pointer; width: 200px; height: 76px;" /></a>Hôm nay mình xin giới thiệu cho các bạn một thủ thuật phân trang cho blogspot, cực kì đơn giản và dễ thực hiện chỉ trong 5 bước.<br /><br /><br /><a name="more"></a><br /><span class="fullpost">1. Đăng nhập vào tài khoản <span style="font-weight: bold;">blogspot</span><br />2. Vào thiết kế (Design) chọn chỉnh sửa <span style="font-weight: bold;">HTML</span> (Edit HTML)<br />3. Chọn <span style="font-weight: bold;">mở rộng tiện ích </span><br />4. Tìm thẻ</span> sau:<br /><br /><div class="codeview"><br /><span style="color: rgb(0, 153, 0);"><b:include name='nextprev'/></span><br /></div><br /><br />5. Chèn đoạn mã sau vào dưới thẻ trên:<br /><br /><div class="codeview"><br /><span style="color: rgb(0, 153, 0);"><!-- start pagutd - blogger pagging script - code by vietutd dot com</span><br /><span style="color: rgb(0, 153, 0);">http://pagutd-script.vietutd.com/</span><br /><span style="color: rgb(0, 153, 0);"> --></span><br /><span style="color: rgb(0, 153, 0);"><b:if cond='data:blog.pageType == &quot;index&quot;'></span><br /><span style="color: rgb(0, 153, 0);"><style type='text/css'></span><br /><span style="color: rgb(0, 153, 0);">.pagutdnav li {</span><br /><span style="color: rgb(0, 153, 0);">list-style-type: none;</span><br /><span style="color: rgb(0, 153, 0);">display: inline;</span><br /><span style="color: rgb(0, 153, 0);">}</span><br /><span style="color: rgb(0, 153, 0);">.pagutdnav a {</span><br /><span style="color: rgb(0, 153, 0);">border:1px solid #ef8116;</span><br /><span style="color: rgb(0, 153, 0);">margin:0 3px;</span><br /><span style="color: rgb(0, 153, 0);">padding:3px 7px;</span><br /><span style="color: rgb(0, 153, 0);">text-decoration:none;</span><br /><span style="color: rgb(0, 153, 0);">}</span><br /><span style="color: rgb(0, 153, 0);">.pagutdnav a:hover {</span><br /><span style="color: rgb(0, 153, 0);">background-color:#ef8116;</span><br /><span style="color: rgb(0, 153, 0);">border:1px solid #ef8116;</span><br /><span style="color: rgb(0, 153, 0);">}</span><br /><span style="color: rgb(0, 153, 0);">.showpagePoint {</span><br /><span style="color: rgb(0, 153, 0);">-moz-background-clip:border;</span><br /><span style="color: rgb(0, 153, 0);">-moz-background-inline-policy:continuous;</span><br /><span style="color: rgb(0, 153, 0);">-moz-background-origin:padding;</span><br /><span style="color: rgb(0, 153, 0);">background:#ef8116 none repeat scroll 0 0;</span><br /><span style="color: rgb(0, 153, 0);">border:1px solid #ef8116;</span><br /><span style="color: rgb(0, 153, 0);">color:#ffffff;</span><br /><span style="color: rgb(0, 153, 0);">margin:0 3px;</span><br /><span style="color: rgb(0, 153, 0);">padding:3px 7px;</span><br /><span style="color: rgb(0, 153, 0);">text-decoration:none;</span><br /><span style="color: rgb(0, 153, 0);">}</span><br /><span style="color: rgb(0, 153, 0);">.pagutdnav a:link {</span><br /><span style="color: rgb(0, 153, 0);">color:#333333;</span><br /><span style="color: rgb(0, 153, 0);">text-decoration:none;</span><br /><span style="color: rgb(0, 153, 0);">}</span><br /><span style="color: rgb(0, 153, 0);">.pagutdnav a:link:hover {</span><br /><span style="color: rgb(0, 153, 0);">color:#ffffff;</span><br /><span style="color: rgb(0, 153, 0);">}</span><br /><span style="color: rgb(0, 153, 0);"></style></span><br /><span style="color: rgb(0, 153, 0);"><span style='float:right;margin:0;padding:0;border:0;'><a style='margin:0;padding:0;border:0;' href='http://pagutd-script.vietutd.com/'><img alt='Pagutd - Pagging Script for Blogger Blogs by Vietutd Dot Com' src='http://sites.google.com/site/vietutd/pixel.png' style='margin:0;padding:0;border:0;display: none;'/></a></span></span><br /><span style="color: rgb(0, 153, 0);"><script type='text/javascript'></span><br /><span style="color: rgb(0, 153, 0);">var home_page = &quot;<data:blog.homepageUrl/>&quot;;</span><br /><span style="color: rgb(0, 153, 0);">var div = document.getElementById(&quot;blog-pager&quot;);</span><br /><span style="color: rgb(0, 153, 0);">var atag = div.getElementsByTagName(&quot;a&quot;);</span><br /><span style="color: rgb(0, 153, 0);">var pager_max_main = (atag[atag.length-1].href.indexOf(&quot;max-results=&quot;)==-1) ? atag[atag.length-2].href.substring(atag[atag.length-2].href.indexOf(&quot;max-results=&quot;)+12,atag[atag.length-2].href.length) : atag[atag.length-1].href.substring(atag[atag.length-1].href.indexOf(&quot;max-results=&quot;)+12,atag[atag.length-1].href.length);</span><br /><span style="color: rgb(0, 153, 0);">var sub_nav_half = 3;</span><br /><span style="color: rgb(0, 153, 0);">var pager_first_text = &quot;First&quot;;</span><br /><span style="color: rgb(0, 153, 0);">var pager_last_text = &quot;Last&quot;;</span><br /><span style="color: rgb(0, 153, 0);">var pager_pages_text = &quot;Pages&quot;;</span><br /><span style="color: rgb(0, 153, 0);"></script></span><br /><span style="color: rgb(0, 153, 0);"><script src='http://vietutd-js.googlecode.com/files/pagutd-bver.js' type='text/javascript'/></span><br /><span style="color: rgb(0, 153, 0);"></b:if></span><br /><span style="color: rgb(0, 153, 0);"><!-- end pagutd - blogger pagging script - code by vietutd dot com</span><br /><span style="color: rgb(0, 153, 0);">http://pagutd-script.vietutd.com/</span><br /><span style="color: rgb(0, 153, 0);"> --></span><br /></div><br /><br />6. Save lại và xem kết quả.<br /><br /><div style="text-align: right;"><span style="color: rgb(255, 0, 0);">http://pagutd-script.vietutd.com/</span><br /></div>

* Phân trang cho blogspot

Hôm nay mình xin giới thiệu cho các bạn một thủ thuật phân trang cho blogspot, cực kì đơn giản và dễ thực hiện chỉ trong 5 bước. 1. Đăng nhậ...

Đọc thêm »

* Loại bỏ chức năng Read more khỏi các trang tĩnh (static page)

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisshwqO4zNgDBhSpSfYgmhCER77rg2idkoA2k7l6orlBX0MucrKMtQlhYMVf3y6yQVpjFi5PAnJcO55Yhb_Tv1DE9QyVYgRL-bm4K-dSz_ktecRCIXW-Cb3mlICQ2URbbIniipOQ57In8/s1600/images.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5541504598355794978" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisshwqO4zNgDBhSpSfYgmhCER77rg2idkoA2k7l6orlBX0MucrKMtQlhYMVf3y6yQVpjFi5PAnJcO55Yhb_Tv1DE9QyVYgRL-bm4K-dSz_ktecRCIXW-Cb3mlICQ2URbbIniipOQ57In8/s200/images.jpg" style="float: left; margin: 0pt 10px 10px 0pt; cursor: pointer; width: 200px; height: 146px;" /></a><span style="font-size:130%;"><span style="font-weight: bold;">Bên cạnh bài viết tạo Readmore, mình xin giới thiệu thêm bài viết này, các bạn nên sử dụng cả 2 cùng một lúc sẽ cho kết quả rất tốt.<br /><br /><br /><br /><br /><a name="more"></a><br /></span></span>Đối với Blogger thì thủ thuật tóm tắt bài viết tự động với nút Read More và ảnh đại diện là một phần quan trọng tạo nên diện mạo đẹp cho Blog của bạn. Tuy nhiên kể từ khi Blogger phát hành đặc tính tạo trang tĩnh (New Page/ static page) thì thủ thuật Read More gặp vấn đề đối với các trang tĩnh. Thông thường các trang tĩnh dùng để tạo các trang About, Contact… Khi bạn mở trang tĩnh thì nó hiển thị Read More, khi click chuột vào liên kết Read More vẫn không hiển thị toàn bộ nội dung bài viết. Để giải quyết vấn đề này thì cần phải loại bỏ chức năng Read More có ảnh đại diện ra khỏi các trang tĩnh.<br /><br />Để làm được điều này, bạn thực hiện theo các bước sau đây:<br /><br />1. Đăng nhập <span style="font-weight: bold;">Blogger Dashboard</span> >> <span style="font-weight: bold;">Design</span> >> <span style="font-weight: bold;">Edit HTML</span> chọn <span style="font-weight: bold;">Expand Widget Templates</span>. Dùng tổ hợp phím <span style="font-weight: bold;">Ctrl + F</span> tìm dòng mã như bên dưới hay tương tự như vậy:<br /><br /><div class="codeview"><br /><span style="color: rgb(0, 153, 0);"><div class='post-body'></span><br /><span style="color: rgb(0, 153, 0);"><b:if cond='data:blog.pageType != "item"'></span><br /><span style="color: rgb(0, 153, 0);"><div expr:id='"summary" + data:post.id'><data:post.body/></div></span><br /><span style="color: rgb(0, 153, 0);"><script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</span><br /><span style="color: rgb(0, 153, 0);"></script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> Read more "<data:post.title/>"</a></span></span><br /><span style="color: rgb(0, 153, 0);"></b:if></span><br /><span style="color: rgb(0, 153, 0);"><b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if></span><br /><span style="color: rgb(0, 153, 0);"><div style='clear: both;'/> <!-- clear for photos floats --></span><br /><span style="color: rgb(0, 153, 0);"></div></span><br /></div><br /><br />2. Thêm đoạn mã dưới đây vào sau dòng <span style="color: rgb(0, 153, 0);"><div class='post-body'></span> . Nếu không tìm thấy dòng đó, bạn để ý dòng <span style="color: rgb(0, 153, 0);"><b:if cond='data:blog.pageType != &quot;item&quot;'></span> sẽ có một dòng tương tự như vậy trong mã tạo Readmore, bạn thêm đoạn mã sau trước dòng này cũng được:<br /><br /><div class="codeview"><br /><span style="color: rgb(0, 153, 0);"><b:if cond='data:blog.pageType == &quot;static_page&quot;'><br/></span><br /><span style="color: rgb(0, 153, 0);"><data:post.body/></span><br /><span style="color: rgb(0, 153, 0);"><b:else/></span></div><br /><br />Và thêm thẻ đóng <span style="color: rgb(0, 153, 0);"></b:if></span> vào trước dòng <span style="color: rgb(0, 153, 0);"><div style='clear: both;'/></span><br /><br />Cuối cùng là Save lại.<br /><br />Ý nghĩa của toàn bộ phần mã này như sau: Đối với các trang tĩnh (static page) thì hiển thị toàn bộ nội dung bài viết; không hiển thị chức năng Read more ở các trang bài viết (item) và đối với các trang bài viết (item) thì hiển thị toàn bộ nội dung bài viết. Như vậy chức năng Read more đã được loại bỏ hoàn toàn khỏi các trang tĩnh một cách triệt để.<br /><br /><div style="text-align: right; font-weight: bold; color: rgb(0, 0, 153);">http://huynh-nhat-ha.blogspot.com<br /></div>

* Loại bỏ chức năng Read more khỏi các trang tĩnh (static page)

Bên cạnh bài viết tạo Readmore, mình xin giới thiệu thêm bài viết này, các bạn nên sử dụng cả 2 cùng một lúc sẽ cho kết quả rất tốt. Đối với...

Đọc thêm »

* Tiện ích tự động tóm tắt bài viết có ảnh thumb cho blogger

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijb2UmZIC6GHcNilCVsmxltWFs27jfReJMnWWcoeCdzWF6wiU9G5CFQTJ7tnDyye43BX6m0ZamFjyx5Ewpgrr5ig-SLdfWuAH1IJ-wADfw_ImINR5j7ekK0v5ufOv_ljkfOBSQdsuaKf8/s1600/blogger+blogspot.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5541500816481761346" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijb2UmZIC6GHcNilCVsmxltWFs27jfReJMnWWcoeCdzWF6wiU9G5CFQTJ7tnDyye43BX6m0ZamFjyx5Ewpgrr5ig-SLdfWuAH1IJ-wADfw_ImINR5j7ekK0v5ufOv_ljkfOBSQdsuaKf8/s200/blogger+blogspot.jpg" style="float: left; margin: 0pt 10px 10px 0pt; cursor: pointer; width: 200px; height: 150px;" /></a><span style="font-size:130%;"><span style="font-weight: bold;">Hôm nay mình xin chia sẻ đến các bạn một thủ thuật đơn giản , với thủ thuật này thì bài viết của của sẽ được tự động tóm tắt một đoạn trong bài đăng của bạn, và nếu bài viết của bạn có ảnh sẽ được hiển thị dạng ảnh thumbnail.<br /><br /><br /><a name="more"></a><br /></span></span><div style="text-align: center;"><span style="font-size:130%;"><span style="font-weight: bold; color: rgb(255, 0, 0);font-size:100%;" >Ảnh minh họa</span><span style="font-weight: bold;"></span></span><br /><span style="font-size:130%;"><span style="font-weight: bold;"></span></span></div><span style="font-size:130%;"><span style="font-weight: bold;" class="fullpost"></span></span><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWhBq6iQyLftmJss3MFJ44oZ4Sk1rM8x_kAsfwNQdEorjPkOZj9guAqOm4Mgi58elBYXAq4Z5-Akf7aeIUY1m6OK3Ve0XyqxJDQidQecAw_MVv63VGUnMLBmQJl55ugsoUL5sulqFoiYA/s1600/tomtat.png"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5541501221109545698" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWhBq6iQyLftmJss3MFJ44oZ4Sk1rM8x_kAsfwNQdEorjPkOZj9guAqOm4Mgi58elBYXAq4Z5-Akf7aeIUY1m6OK3Ve0XyqxJDQidQecAw_MVv63VGUnMLBmQJl55ugsoUL5sulqFoiYA/s400/tomtat.png" style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 142px;" /></a><span class="fullpost"><br />1. Đăng nhập vào tài khoản <span style="font-weight: bold;">blogspot</span><br />2. Vào thiết kế (Design) chọn chỉnh sửa <span style="font-weight: bold;">HTML</span> (Edit HTML)<br />3. Chọn <span style="font-weight: bold;">mở rộng tiện ích </span><br />4. Chèn code bên dưới vào trước thẻ <span style="color: rgb(255, 0, 0);">]]></b:skin></span></span><br /><br /><div class="codeview"><br /><span style="color: rgb(0, 153, 0);">.readmore {</span><br /><span style="color: rgb(0, 153, 0);">float:right;</span><br /><span style="color: rgb(0, 153, 0);">margin:1px 10px 5px 0px;</span><br /><br /><span style="color: rgb(0, 153, 0);">padding:3px;}</span><br /><span style="color: rgb(0, 153, 0);">.readmore a{</span><br /><span style="color: rgb(0, 153, 0);">color:#fff;</span><br /><span style="color: rgb(0, 153, 0);">padding:3px 5px 3px 5px;</span><br /><span style="color: rgb(0, 153, 0);">background:#0000ff;</span><br /><span style="color: rgb(0, 153, 0);">}</span><br /><span style="color: rgb(0, 153, 0);">.readmore a:hover{</span><br /><span style="color: rgb(0, 153, 0);">color:#0000ff;</span><br /><span style="color: rgb(0, 153, 0);">background:#ddd;}</span><br /><br /><span style="color: rgb(0, 153, 0);">.sumpost {</span><br /><span style="color: rgb(0, 153, 0);">color:#000;</span><br /><span style="color: rgb(0, 153, 0);">font-family:arial;</span><br /><span style="color: rgb(0, 153, 0);">font-weight:bold;</span><br /><span style="color: rgb(0, 153, 0);">font-size:12px;}</span><br /><span style="color: rgb(0, 153, 0);">.img-post {</span><br /><span style="color: rgb(0, 153, 0);">float:left;</span><br /><span style="color: rgb(0, 153, 0);">margin-right:5px;</span><br /><span style="color: rgb(0, 153, 0);">border:1px solid #fff;</span><br /><span style="color: rgb(0, 153, 0);">height:96px;</span><br /><span style="color: rgb(0, 153, 0);">padding:1px;}</span></div><span style="color: rgb(0, 153, 0);"><br /><br /></span><span class="fullpost">5. Tiếp đến bạn chèn code bên dưới vào sau thẻ <span style="color: rgb(255, 0, 0);"><head><br /><br /></span></span><div class="codeview"><br /><span class="fullpost"><span style="color: rgb(255, 0, 0);"><span style="color: rgb(0, 153, 0);"><script type='text/javascript'></span><br /><span style="color: rgb(0, 153, 0);">var thumbnail_mode = &quot;no-float&quot; ;</span><br /><span style="color: rgb(0, 153, 0);">summary_noimg = 230; </span></span></span><span class="fullpost"><span style="color: rgb(0, 102, 0);">//số ký tự bài viết hiển thị khi không có ảnh</span></span><span class="fullpost"><span style="color: rgb(255, 0, 0);"><br /><span style="color: rgb(0, 153, 0);">summary_img = 500; </span></span></span><span class="fullpost"> <span style="color: rgb(0, 102, 0);">//số ký tự bài viết hiển thị khi có ảnh</span></span><span class="fullpost"><span style="color: rgb(255, 0, 0);"><br /><span style="color: rgb(0, 153, 0);">img_thumb_height = 90; </span></span></span><span class="fullpost"> <span style="color: rgb(0, 102, 0);">//chiều cao của ảnh thumb</span></span><span class="fullpost"><span style="color: rgb(255, 0, 0);"><br /><span style="color: rgb(0, 153, 0);">img_thumb_width = 100; </span></span></span><span class="fullpost"> <span style="color: rgb(0, 102, 0);">//độ rộng của ảnh thumb</span></span><span class="fullpost"><span style="color: rgb(255, 0, 0);"><br /><span style="color: rgb(0, 153, 0);"></script></span><br /><span style="color: rgb(0, 153, 0);"><script src='http://traidatmui-tips.googlecode.com/files/auto_sumpost.js' type='text/javascript'/></span></span></span></div><br /><span class="fullpost"><span style="color: rgb(255, 0, 0);"><span style="color: rgb(0, 153, 0);"><br /></span></span></span><span class="fullpost">Bạn dựa vào hướng dẫn trong code để tùy chỉnh cho phù hợp với blog của mình<br />6. Bây giờ bạn tìm đến đoạn code như bên dưới<br /></span><br /><div class="codeview"><br /><span class="fullpost"><span style="color: rgb(0, 153, 0);"><data:post.body/></span></span></div><span class="fullpost"><span style="color: rgb(0, 153, 0);"><br /><br /></span></span><span class="fullpost">7. Thay đoạn code vừa tìm được ở trên thành code bên dưới<br /><br /></span><div class="codeview"><br /><span class="fullpost"><span style="color: rgb(0, 153, 0);"><b:if cond='data:blog.pageType == "item"'><br /><span style="font-weight: bold;"><data:post.body/></span><br /><b:else/><br /><div expr:id='"summary" + data:post.id'><br /><span style="font-weight: bold;"><p><data:post.body/></p></span><br /></div><br /><script type='text/javascript'><br />createSummaryAndThumb("summary<data:post.id/>");<br /></script><br /><div class='readmore'><a expr:href='data:post.url'>Read more...</a></div><br /></b:if><br /></span></span></div><span class="fullpost"><span style="color: rgb(0, 153, 0);"><br /><br /></span></span><span class="fullpost">8. Cuối cùng save template lại.<br /><br /></span><span class="fullpost"><span style="font-weight: bold; color: rgb(255, 0, 0);">Lưu ý:</span> Nếu trước đây bạn đã thêm tiện ích read more (Đọc tiếp) thì bạn nên gở bỏ trước khi thêm thực hiện thủ thuật này để tránh việc trùng lấp trong bài viết của bạn.</span><br /><span class="fullpost"><span style="color: rgb(0, 153, 0);"></span><span style="color: rgb(0, 153, 0);"></span><br /></span><div style="text-align: right;"><span class="fullpost"><span style="font-weight: bold; color: rgb(51, 51, 255);">Nguồn traidatmui.com</span></span><br /><span class="fullpost"></span></div>

* Tiện ích tự động tóm tắt bài viết có ảnh thumb cho blogger

Hôm nay mình xin chia sẻ đến các bạn một thủ thuật đơn giản , với thủ thuật này thì bài viết của của sẽ được tự động tóm tắt một đoạn trong...

Đọc thêm »