Widget bài viết ngẫu nhiên cho blogger

<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWF5XJSmSMj9ROHC70mNaRGQE12fzKHaThUlRmPqokuqRqw2Nre03RiRhEECx7F2WUOcK0q68DQTwFtPCaFKwCBqdaVx1idroSD8c-WlRkWk46XaF1GbS8nclEYxtK8uT6HzLh-e2g8ok/s1600/thu-thuat-blogger-vusteven.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="383" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWF5XJSmSMj9ROHC70mNaRGQE12fzKHaThUlRmPqokuqRqw2Nre03RiRhEECx7F2WUOcK0q68DQTwFtPCaFKwCBqdaVx1idroSD8c-WlRkWk46XaF1GbS8nclEYxtK8uT6HzLh-e2g8ok/s400/thu-thuat-blogger-vusteven.png" width="400" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;"><span style="font-size: small;">Demo</span><br /><span style="font-size: small;"><b><a href="http://vusteven-new2.blogspot.com/">Demo Online</a></b></span><br /><div style="text-align: left;"><span style="font-size: small;"><br /></span></div></td></tr></tbody></table>Hôm nay mình giới thiệu cho các bạn 1 <b><a href="http://www.vusteven.info/search/label/Th%E1%BB%A7%20thu%E1%BA%ADt%20blogger?max-results=10">thủ thuật blogger</a></b>,là thêm <b>Widget bài viết ngẫu nhiên cho blogger,</b>nhanh gon chỉ cần 2 click là xong<br /><div><br /></div><div>+ Đăng nhập Blogger -- Bố cục -- Thêm tiện ích -- Thêm  <b>HTML/JavaScript</b> </div><div>thêm đoạn code sau vào</div><div><br /></div><div><pre><div class="newsfea"><br />Bài viết ngẫu nhiên<br /></div><br /><div style="border: 1px solid color:rgb(194, 194, 194) height: 231px; margin: 5px 0; overflow: auto; padding: 10px; text-align: left; width: 250px;"><br /><style type="text/css"><br /> ul.vusteven_recent_comments{list-style:none;margin:0;padding:0;}<br /> .vusteven_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}<br /> .vusteven_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}<br /> .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}<br /> .vusteven_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}<br /> .vusteven_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}<br /></style><br /><br /><style>#random-posts img{float:left;margin-right:10px;border:1px solid #999;background:#FFF;width:36px;height:36px;padding:3px}<br /></style><br /><br /><br /><ul id="random-posts"><script type="text/javaScript"><br />var rdp_numposts=<b><span style="color: red; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">5</span></b>;<br /><br />var rdp_snippet_length=<b><span style="color: red; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">150</span></b>;<br /><br />var rdp_info='<b><span style="color: red; font-family: Georgia, Times New Roman, serif;">no</span></b>';<br />var rdp_comment='Nhận xét';<br />var rdp_disable='Tắt Nhận xét';<br />var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};<br /></script><br /><script type="text/javaScript"><br />function random_posts(json){a=location.href;y=a.indexOf('?m=0');for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"…";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;if(y!=-1){rdp_posturl=rdp_posturl+'?m=0'}var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4dC7KAo5vTmKL7V2oWCrnwi1jGPYZERL7X4rhQbK1OSlkEsoYCzlO4_tfryJ83Q5qqG6oAxdBn5OW-18jmK_Uu4K5jR_UbNwJnmg39hXoWAIBiEoHD4mfTPWvqAAqquMKgKoY-QKIFoJS/"}}};document.write('<br /><li>');document.write('<img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/>');document.write('<div><br /><a href="'+rdp_posturl+'" rel="nofollow" title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div><br />');if(rdp_info=='yes'){document.write('<span>'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</span>'}document.write('<div style="clear:both"><br /></div><br /></li><br />')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>')};<br /></script> </ul><br /></div><br /><br /></pre><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><span style="color: red; font-weight: bold;">Chú Ý: 5 </span>là số bài muốn hiển thị<b><br /><span style="color: red;">150</span> </b>là số ký tự hiển thị,muốn hiển thị kèm theo bình luận thì thay<b> <span style="color: red;">no</span> bằng </b>yes</span><br /><br /><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span><br /><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">chúc các bạn thành công !</span><br /><br /><br /></div>

Widget bài viết ngẫu nhiên cho blogger

Demo Demo Online Hôm nay mình giới thiệu cho các bạn 1 thủ thuật blogger ,là thêm  Widget bài viết ngẫu nhiên cho blogger, nhanh gon chỉ cần...

Đọc thêm »

Share template tin tức chuyện nghiệp chuẩn

<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFkzHRtPu48shkpS5Xc1Hz9mO2eRajyliJedZ2Ohq4lxw9CtUVHosPL-kj5zB-JAIGH7o-arZJutshmsI4WwjLDz8fY6UFMQq_59bDeiAawC03s-RuXYOZFE8zHrvN2ztKD63zT7UHlAs/s1600/share-template-tin-tuc-vusteven.info.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFkzHRtPu48shkpS5Xc1Hz9mO2eRajyliJedZ2Ohq4lxw9CtUVHosPL-kj5zB-JAIGH7o-arZJutshmsI4WwjLDz8fY6UFMQq_59bDeiAawC03s-RuXYOZFE8zHrvN2ztKD63zT7UHlAs/s1600/share-template-tin-tuc-vusteven.info.png" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;"><b><span style="font-size: small;">Demo</span></b></td></tr></tbody></table><div style="text-align: center;"><b><a href="http://vusteven-new2.blogspot.com/">Demo Online</a> - <a href="http://www.mediafire.com/view/ikqew6dqcpz4s6x/share%20template%20tun%20tuc%20vusteven.info.xml">Download</a></b></div><div style="text-align: left;"><br /></div><div style="text-align: left;">Hôm nay mình share cho các bạn 1 <b>template tin tức chuyên nghiệp,</b>đây là 1 <b><a href="http://www.vusteven.info/search/label/Web%20templates?max-results=10">templates blogger</a></b> chuẩn để làm 1 trang <b>tin tức</b></div><div style="text-align: center;"><br /></div>

Share template tin tức chuyện nghiệp chuẩn

Demo Demo Online  - Download Hôm nay mình share cho các bạn 1 template tin tức chuyên nghiệp, đây là 1 templates blogger chuẩn để làm 1 tra...

Đọc thêm »

Share template blogger tin tức chuyên nghiệp

<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifSvh_3d6D2_vU3nIc91gQtRqRlIjy9fCSpvIy4Ukrcgpqb8-G_qNDOvoS5SLCx0cmiVQgOrFbUwA5S4JeXtgrbR_HfLZzZCEe49f82fZza-RURS7q1_qXyBH7QgEX-9MWJ6BK9jc2N-Q/s1600/share-template-blogger-chuyen-nghiep-vusteven.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="417" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifSvh_3d6D2_vU3nIc91gQtRqRlIjy9fCSpvIy4Ukrcgpqb8-G_qNDOvoS5SLCx0cmiVQgOrFbUwA5S4JeXtgrbR_HfLZzZCEe49f82fZza-RURS7q1_qXyBH7QgEX-9MWJ6BK9jc2N-Q/s640/share-template-blogger-chuyen-nghiep-vusteven.png" width="640" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;"><b><span style="font-size: small;">Demo</span></b><br /><b><span style="font-size: small;"><br /></span></b><b><span style="font-size: small;"><a href="http://vusteven-tintuc-new1.blogspot.com/">Demo Online</a></span></b><br /><b><br /></b><b><span style="font-size: small;"><a href="http://www.mediafire.com/view/0spfbfu6agd6juz/Share%20template%20-%20tin%20tuc%20New1.xml">Download</a></span></b><br /><div style="text-align: left;"><span style="font-size: small;">Hôm nay mình share cho các bạn 1<b><a href="http://www.vusteven.info/search/label/Web%20templates?max-results=10"> template chuyên nghiệp</a></b>,có thể với 1 trang <b>tin tức</b> hay là cá nhân <b>template</b> này cũng đều phù hợp.đây là 1 <b>template chuẩn seo</b> và cũng thêm nhiều ưu điểm hơn,đon giản load nhanh</span></div></td></tr></tbody></table><br />

Share template blogger tin tức chuyên nghiệp

Demo Demo Online Download Hôm nay mình share cho các bạn 1 template chuyên nghiệp ,có thể với 1 trang tin tức hay là cá nhân template này...

Đọc thêm »

Tạo khung comment Google plus vào blogspot đơn giản nhất

<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvlC8gRB1L2kJVUI-GQGQDiYvOhCpJPoULlsR8C9UmK_XeAz4kR0w-Ry-WFE0fHshaAAkpbn7tsV5sHiCVDLMVxrdfvZaK3so2ufBUsiGz2m0sGpsoQcRhwTxNvWykzytOB-rjAVR-61A/s1600/khung+comment+google++cho+blogger.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvlC8gRB1L2kJVUI-GQGQDiYvOhCpJPoULlsR8C9UmK_XeAz4kR0w-Ry-WFE0fHshaAAkpbn7tsV5sHiCVDLMVxrdfvZaK3so2ufBUsiGz2m0sGpsoQcRhwTxNvWykzytOB-rjAVR-61A/s1600/khung+comment+google++cho+blogger.png" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Demo<br /><div style="text-align: left;"><br /></div></td></tr></tbody></table>Xu hướng seo tốt nhất cho blogger hiện nay,đa phần là sử dụng khung <b>comment Google plus,</b>sau đây mình sẽ hướng dẫn cho bạn <b>thêm khung comment Google plus cho blogger nhanh nhất</b><br /><div><b><br /></b></div><div><b>+ </b>Đăng nhập<b> blogger -- </b>chọn<b> Google + </b>Chọn Sử dụng tính năng nhận xét của Google+ trên blog này<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivUUHxTSOuHGUMd-SZwR_XfWtx2k6lHBp3JOGouMvpRaiZO76kbfuzBD76fNbomnotaQqnSNbx1Inls0mNxvnmS9xhCKorB-sFejMGa6bc4V-Zukb-lARW961HRKVYTCXNUjla0fxA0iw/s1600/khung-comment-google+-cho-blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="118" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivUUHxTSOuHGUMd-SZwR_XfWtx2k6lHBp3JOGouMvpRaiZO76kbfuzBD76fNbomnotaQqnSNbx1Inls0mNxvnmS9xhCKorB-sFejMGa6bc4V-Zukb-lARW961HRKVYTCXNUjla0fxA0iw/s400/khung-comment-google+-cho-blogger.png" width="400" /></a></div><div class="separator" style="clear: both; text-align: left;">+ Mẫu -- Chỉnh sửa HTML tìm </div><div class="separator" style="clear: both; text-align: left;"><br /></div><br /></div><pre><div class='comments' id='comments'></pre>Thêm vào dưới nó đoạn code sau:<br /><pre><div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype=' data:post.viewType'/></pre><pre><br /></pre><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE2GNrWOSN2zCT15WvE-DXlFOvoozJT1vvbVOb63fak5li6mPBPcDvWp6SvQkwW103MwaoCNXHheH6J36SdSwPLCAvTJolfXbd5lAnJNlJDFIf3Shyphenhyphenwe28csKiAb_aIzwAIqnVil23mMs/s1600/khung-comment-google+-cho-blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="71" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE2GNrWOSN2zCT15WvE-DXlFOvoozJT1vvbVOb63fak5li6mPBPcDvWp6SvQkwW103MwaoCNXHheH6J36SdSwPLCAvTJolfXbd5lAnJNlJDFIf3Shyphenhyphenwe28csKiAb_aIzwAIqnVil23mMs/s640/khung-comment-google+-cho-blogger.png" width="640" /></a></div><div class="separator" style="clear: both; text-align: left;">Chúc các bạn thành công</div><pre><br /></pre>

Tạo khung comment Google plus vào blogspot đơn giản nhất

Demo Xu hướng seo tốt nhất cho blogger hiện nay,đa phần là sử dụng khung  comment Google plus, sau đây mình sẽ hướng dẫn cho bạn thêm khung ...

Đọc thêm »

3 Phần cơ bản trong SEO blogger - Công cụ tìm kiếm

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0aH8vIi0EHMbfntfClqx9Vm6qB0Dzk7ZPppOH8Xn6rBytnAqkZ5RLXR15S7A5Viwl2tAk6wFnrGY-myQrEmmY8DdizsCsct2zz5P4haza3-P-MVvXMFEWnC_N5SlErj5Tw-ZeViD12Kw/s1600/congcu+tim+kiem.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="256" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0aH8vIi0EHMbfntfClqx9Vm6qB0Dzk7ZPppOH8Xn6rBytnAqkZ5RLXR15S7A5Viwl2tAk6wFnrGY-myQrEmmY8DdizsCsct2zz5P4haza3-P-MVvXMFEWnC_N5SlErj5Tw-ZeViD12Kw/s320/congcu+tim+kiem.jpg" width="320" /></a></div><b>Blogger SEO</b> cơ bản là điều quan trọng nhất để <b>blogger</b> thành công. <b>SEO</b> đóng một vai trò quan trọng trong việc viết blog.Bằng cách áp dụng một mẹo seo thích hợp cho blog của bạn và sẽ phải xếp hạng cao trong kết quả tìm kiếm,Những lời khuyên seo mạnh nhất áp dụng trên blog.mình không dài dòng và vao thẳng luôn<br /><br /><br /><br /><br /><br /><br /><br />1+ Bật Mặc định <b><a href="http://www.vusteven.info/search/label/Web%20templates?max-results=10">Blogger Template</a></b>  hay dùng <b><a href="http://www.vusteven.info/search/label/Web%20templates?max-results=10">template chuyên nghiệp</a></b><br /><br />  - Đừng phí thời gian của bạn nếu bạn vẫn đang sử dụng các mẫu <b>blogger</b> mặc định. Chúng ta nên bỏ qua các <b>template</b> mặc định do một số lý do. Một blog sử dụng <b>template blogger</b> mặc định sẽ không bao giờ có được thứ hạng tốt hơn trong <b>công cụ tìm kiếm</b> cũng như cũng có ít người truy cập. Đây là chút ít về thiết kế. Một <b>template blogger</b> mặc định là không thân thiện với SEO.Vậy thì tại sao bạn còn chờ >> chỉ thay đổi <b><a href="http://www.vusteven.info/search/label/Web%20templates?max-results=10">template blogger</a></b> của bạn và làm cho nó hoàn hảo.<br /><br />2+Tuỳ chỉnh Robot Tags Header trong <b>blogger</b><br /><b><br /></b><b>  -</b>Đây là một trong những lời khuyên seo cơ bản thứ hai cho tất cả các bạn dùng <b>blogger</b> sau khi áp dụng <b><a href="http://www.vusteven.info/search/label/Web%20templates?max-results=10">template blogger chuyên nghiệp</a></b>. Thẻ tiêu đề robot là một lựa chọn trước ra đời với giao diện <b>blogger </b>mới. thẻ tiêu đề robot cũng được biết đến như Tuỳ chọn Tìm kiếm (SP). Các (SP) bao gồm một số tùy chọn trong đó xác định nhiệm vụ khác nhau bằng cách cho phép hoặc vô hiệu hóa các tùy chọn này. Nó sẽ thoát khỏi blog của bạn từ dữ liệu trùng lặp và chặn các nhãn và các trang lưu trữ<br /><br />3+ <b><a href="http://www.vusteven.info/2013/11/seo-toi-uu-hoa-cong-cu-tim-kiem-trong.html">Tùy chỉnh robot.txt</a> </b>Thiết lập tập tin cho <b>Blogger</b><br /><b><br /></b><b>  -</b>Đây là một trong những việc quan trọng nhất để thêm <b>robots.txt</b> tùy chỉnh vào <b>blogger.</b>Bằng cách bao gồm tập tin này trong blogger nó sẽ mang lại thay đổi đáng kể trong công cụ tìm kiếm blog của bạn. Một trong những lợi thế lớn nhất bằng cách sử dụng tập tin <b>robot.txt</b> là,nó cho công cụ tìm kiếm làm thế nào để thu thập dữ liệu blog. Tập tin <b>robot.txt</b> hướng dẫn cho tất cả các <b>công cụ tìm kiếm</b> phổ biến<br /><br /><br /><b><span style="color: blue;">Còn cập nhật tại đây </span></b>chúc các bạn thành công

3 Phần cơ bản trong SEO blogger - Công cụ tìm kiếm

Blogger SEO cơ bản là điều quan trọng nhất để blogger thành công. SEO đóng một vai trò quan trọng trong việc viết blog.Bằng cách áp dụng ...

Đọc thêm »

SEO tối ưu hóa công cụ tìm kiếm trong blogger

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidlciMJe8oWICCLiWma6s9sBUInuXF3r2w5kqw1plhCWqVb4LabI19MArPdZ-fAs4NEuJxYPIEzlnE1oqaoVw7_gvL3Fz4oPpeYHUEz_wpokPWo20NcPMDZvErT_Zj18j2I12NDwSaPyY/s1600/toi+uu+hoa+cong+cu+tim+kiem+blogger-vusteven.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="291" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidlciMJe8oWICCLiWma6s9sBUInuXF3r2w5kqw1plhCWqVb4LabI19MArPdZ-fAs4NEuJxYPIEzlnE1oqaoVw7_gvL3Fz4oPpeYHUEz_wpokPWo20NcPMDZvErT_Zj18j2I12NDwSaPyY/s400/toi+uu+hoa+cong+cu+tim+kiem+blogger-vusteven.png" width="400" /></a></div>Bạn là một người sử dụng<a href="http://www.vusteven.info/"> <b>blogger</b></a>, công việc quan trọng nhất  trong <b>blogger</b>  là tùy chỉnh tìm kiếm thiết lập theo <b>tối ưu hóa công cụ tìm kiếm</b>. <b>Blogger</b> không cung cấp bất cứ điều gì về <b><a href="http://www.vusteven.info/search/label/Th%E1%BB%A7%20thu%E1%BA%ADt%20SEO?max-results=10">SEO</a></b> cho người sử dụng như <b>Wordpress,</b>thay vào đó nó cho phép chúng ta thực hiện các giao diện <a href="http://www.vusteven.info/search/label/Th%E1%BB%A7%20thu%E1%BA%ADt%20SEO?max-results=10"><b>blogger</b> <b>tối ưu hóa SEO</b></a> cho robot. Tuỳ chọn tìm kiếm cung cấp một số tùy chọn và có thể kiểm soát toàn bộ cấu trúc của  <b>blogger</b>. Tính năng này làm cho các <b>blogger</b> <b>tối ưu hóa SEO </b>trong công cụ tìm kiếm,mình đã chia sẻ một hướng dẫn tuyệt vời về robot tùy chỉnh tiêu đề thẻ trong <b>blogger </b>mà cũng là một trong những lựa chọn con ưu đãi tìm kiếm. Vì vậy, trong bài viết hôm nay mình sẽ hướng dẫn bạn, Làm thế nào để làm tối ưu hóa <b><a href="http://www.vusteven.info/search/label/Th%E1%BB%A7%20thu%E1%BA%ADt%20SEO?max-results=10">SEO</a></b> Tuỳ chọn Tìm kiếm bên trong <b><a href="http://www.vusteven.info/">Blogger</a></b><br /><br />+ Đăng nhập <b>blogger </b>- Cài đặt - Tùy chọn tìm kiếm<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjERLlDypqBOmk_KWPcZ04cBs1UFHeC9BRHdBned_GOYDK0-Mjvd6NMEjXGs7C9q31fI2xv_YkrRXZcJAikoRd_UgbqCq2VaRVroLDt8M1x8SOfK5RhzHErF0dszvRKMqeDyRUHve5cYzU/s1600/timkiem-vusteven.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="101" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjERLlDypqBOmk_KWPcZ04cBs1UFHeC9BRHdBned_GOYDK0-Mjvd6NMEjXGs7C9q31fI2xv_YkrRXZcJAikoRd_UgbqCq2VaRVroLDt8M1x8SOfK5RhzHErF0dszvRKMqeDyRUHve5cYzU/s400/timkiem-vusteven.png" width="400" /></a></div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ68cTu9H92LmLO-9zcqnDHCFGjD-HqAYY7IY1D1oCDE6lnJirfqtXEQ432eu9gD296GFG3R_K16RpBxkQVVOE42Qk6eXOkey0H4wSf9N5Ndkj9bJAQbodbk1IsHF48_1KpRz6IjJIpHo/s1600/timkiemblogger-vusteven.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="287" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ68cTu9H92LmLO-9zcqnDHCFGjD-HqAYY7IY1D1oCDE6lnJirfqtXEQ432eu9gD296GFG3R_K16RpBxkQVVOE42Qk6eXOkey0H4wSf9N5Ndkj9bJAQbodbk1IsHF48_1KpRz6IjJIpHo/s400/timkiemblogger-vusteven.png" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;">Chỉnh như trong hình và lưu lại</div><div class="separator" style="clear: both; text-align: left;">+ Click <span style="background-color: #fff9e7; color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold;">Robots.txt tùy chỉnh</span><span style="background-color: #fff9e7; color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 13px;"><b> </b>thêm đoạn code sau vào nó</span></div><div class="separator" style="clear: both; text-align: left;"><span style="background-color: #fff9e7; color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 13px;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;"><br /></div><pre>User-agent: Mediapartners-Google<br />Disallow: <br /><br />User-agent: *<br />Disallow: /search<br />Allow: /<br /><br />Sitemap: <b><span style="color: red;">http://www.vusteven.info</span>/</b>feeds/posts/default?orderby=UPDATED<br /><br /><br /><br /><b>Chú ý: thay </b><b><span style="color: red;"><a href="http://www.vusteven.info/">http://www.vusteven.info</a> </span>thành link của bạn</b></pre>

SEO tối ưu hóa công cụ tìm kiếm trong blogger

Bạn là một người sử dụng blogger , công việc quan trọng nhất  trong blogger   là tùy chỉnh tìm kiếm thiết lập theo tối ưu hóa công cụ tìm k...

Đọc thêm »

Thêm thông báo chuyên nghiệp cho blogger

<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg6TQtaRQb5MSXXUiTv8yI1qbCB-9G7MgZEuAdiEyi6rNt9jUTLq2rUZClLBjl5ShziWwkkSQCHCzss4PlWQI1whqExBLm914hWWSe1xbQPc_04u8kyFL4geFq3nbz6RkLiRcFE67OIwM/s1600/share-thong-bao-moi---vusteven.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="86" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg6TQtaRQb5MSXXUiTv8yI1qbCB-9G7MgZEuAdiEyi6rNt9jUTLq2rUZClLBjl5ShziWwkkSQCHCzss4PlWQI1whqExBLm914hWWSe1xbQPc_04u8kyFL4geFq3nbz6RkLiRcFE67OIwM/s640/share-thong-bao-moi---vusteven.png" width="640" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Demo:<br /><br /><div style="text-align: left;"><span style="font-size: small;">Đây là một tiện ích đơn giản,bạn có thể thêm thanh<b> tiện ích</b> này vào <b>blogger</b> của bạn,bằng cách làm theo những bước sau đây</span></div><div style="text-align: left;"><span style="font-size: small;"><br /></span></div><div style="text-align: left;"><span style="font-size: small;">+ Đăng nhập Blogger - > Mẫu -> Chỉnh sửa <b>HTML </b>và tìm  <b> ]]></b:skin> </b>thêm đoạn code sau vào trước nó:</span><br /><span style="font-size: small;"><br /></span></div><div style="text-align: left;"><span style="font-size: small;"><br /></span></div></td></tr></tbody></table><pre>#bloggernotificationWrap {<br /> display: none;<br /> height: 41px;<br /> margin: -41px 0 0;<br /> padding: 0;<br /> position: fixed;<br /> width: 100%;<br /> z-index: 999999;<br />}<br />#bloggernotification {<br /> background: none repeat scroll 0 0 #000000;<br /> border-bottom: 3px dotted #FFFFFF;<br /> border-radius: 10px 13px 7px 5px;<br /> color: #FFFFFF;<br /> font-family: arial,sans-serif;<br /> font-size: 14px;<br /> font-weight: bold;<br /> height: 37px;<br /> margin: -30px 5px 5px -1200px;<br /> padding-top: 7px;<br /> position: relative;<br /> text-align: center;<br /> text-decoration: none;<br /> text-shadow: 1px 1px 1px #000000;<br /> width: 500%;<br /> z-index: 9998;<br />}<br />#bloggernotification a {<br /> border-radius: 3px 3px 3px 3px;<br /> box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);<br /> color: #000000;<br /> font-family: Calibri,sans-serif;<br /> font-size: 13.5px;<br /> padding: 1px 7px;<br /> text-decoration: none;<br />}<br />#bloggernotification a:hover {<br /> text-decoration: underline;<br />}<br />#bloggernotification img {<br /> display: none;<br />}<br /></pre><br />+ Tìm <b><body> </body></b>thêm vào sau nó đoạn code sau<br /><br /><pre><div class='openbloggernotification' id='bloggernotificationWrap' style='display: block; margin-top: 0px;'><br /><div id='bloggernotification'><br /><b><span style="color: red;">Tin nhắn của bạn</span></b><br /><br /></div> <br /></div><br /></pre><br />

Thêm thông báo chuyên nghiệp cho blogger

Demo: Đây là một tiện ích đơn giản,bạn có thể thêm thanh tiện ích này vào blogger của bạn,bằng cách làm theo những bước sau đây + Đăng nh...

Đọc thêm »

Thêm ba cột Widget dưới cho blogger

<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQJbyeDWV7wgwcRD3svVHTlFgZoYWqXfyWBy9HseGaO5qs7vUwoS16sXAxahRXGudSWoaDrmV5pxb8vSXoVQirIB91SleKvPiTvXoNNw29BnYy0Ipfyn7KXhOqKeRTlKTqO44kNFxULEE/s1600/vusteven.info-share.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="302" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQJbyeDWV7wgwcRD3svVHTlFgZoYWqXfyWBy9HseGaO5qs7vUwoS16sXAxahRXGudSWoaDrmV5pxb8vSXoVQirIB91SleKvPiTvXoNNw29BnYy0Ipfyn7KXhOqKeRTlKTqO44kNFxULEE/s640/vusteven.info-share.png" width="640" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Demo</td></tr></tbody></table><div style="text-align: center;"><b><a href="http://vusteven-new3.blogspot.com/">Demo Online</a></b></div><div style="text-align: center;"><br /></div><div style="text-align: left;"> <b>Thêm widget</b> cột <b>chuyên nghiệp trong blogger</b>,tuy nhiên mình nhìn thấy nhiều<b><a href="http://www.vusteven.info/search/label/Web%20templates?max-results=10"> template blogger chuyên nghiệp</a> </b>cũng không có <b>nhiều widget footer</b>.Hôm nay mình <b>share widget chứa ba cột một</b> cách riêng biệt, để cho bạn có <b>thêm tiện ích </b>dễ hơn</div><div style="text-align: left;"><br /></div><div style="text-align: left;">+ Đăng nhập Blogger tìm  ]]></b:skin></div>và thêm vào trước nó đoạn code sau<br /><pre>#vusteven { <br /> margin:auto; <br /> padding: 0px 0px 10px 0px; <br /> width: 100%; <br /> background:#333434; } <br />#vusteven-wrapper { <br /> margin:auto; <br /> padding: 20px 0px 20px 0px; <br /> width: 960px; <br />} <br />#vusteven-bar-wrapper { <br /> border:1px solid #DEDEDE; <br /> background:#fff; float: left; <br /> margin: 0px 5px auto; <br /> padding-bottom: 20px; width: 32%; text-align: justify; <br /> font-size:100%; <br /> line-height: 1.6em; <br /> word-wrap: break-word; <br /> overflow: hidden; <br />} <br /> .vusteven-bar {margin: 0; padding: 0;} <br /> .vusteven-bar .widget {margin: 0; padding: 10px 20px 0px 20px;} <br />.vusteven-bar h2 { <br /> margin: 0px 0px 10px 0px; <br /> padding: 3px 0px 3px 0px; <br /> text-align: left; <br /> color:#0084ce; text-transform:uppercase; <br /> font: bold 14px Arial, Tahoma, Verdana; border-bottom:3px solid #0084ce; } <br />.vusteven-bar ul { <br /> margin: 0px 0px 0px 0px; <br /> padding: 0px 0px 0px 0px; <br /> list-style-type: none; <br />} <br />.vusteven-bar li { <br /> margin: 0px 0px 2px 0px; <br /> padding: 0px 0px 1px 0px; <br /> border-bottom: 1px dotted #ccc; <br />}<br /></pre><br />+ Tim <b></body></b><br />thêm vào trước nó đoạn code sau<br /><b><br /></b><br /><pre><div id='vusteven'> <br /><div id='vusteven-wrapper'> <br /><div id='vusteven-bar-wrapper'> <br /><b:section class='vusteven-bar' id='lowerbar1' preferred='yes'> <br /></b:section> <br /></div> <br /><div id='vusteven-bar-wrapper'> <br /><b:section class='vusteven-bar' id='lowerbar2' preferred='yes'> <br /></b:section> <br /></div> <br /><div id='vusteven-bar-wrapper'> <br /><b:section class='vusteven-bar' id='lowerbar3' preferred='yes'> <br /></b:section> <br /></div> <br /><div style='clear: both;'/> <br /></div> </div><br /></pre><pre><br /></pre><b>Chúc các bạn thành công</b>

Thêm ba cột Widget dưới cho blogger

Demo Demo Online   Thêm widget cột chuyên nghiệp trong blogger ,tuy nhiên mình nhìn thấy nhiều template blogger chuyên nghiệp cũng không ...

Đọc thêm »

Share template tin tức chuyên nghiệp - chuẩn seo mới nhất

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_3_59DZqVt2F1MlrIXbjcSZmgxEL001uYOhWIutLhieCbs1MYWd8wSQa32nJr_eWBTOnxHvy4TD8onBTPNCbQ74V24iftU49D3Mu-MNr-EuYSxvziZz5N-NxtASHuagg6GfkchP5CTWk/s1600/template--tin-tuc-vusteven.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="302" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_3_59DZqVt2F1MlrIXbjcSZmgxEL001uYOhWIutLhieCbs1MYWd8wSQa32nJr_eWBTOnxHvy4TD8onBTPNCbQ74V24iftU49D3Mu-MNr-EuYSxvziZz5N-NxtASHuagg6GfkchP5CTWk/s640/template--tin-tuc-vusteven.png" width="640" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;">Demo</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><b><a href="http://vusteven-new3.blogspot.com/">Demo Online</a></b></div><div class="separator" style="clear: both; text-align: center;"><a href="http://www.mediafire.com/view/k4kvdhu5d2dv077/template-vusteven%2520moi.xml"><b>Download template</b></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: left;">Hôm nay mình share cho các bạn 1<b><a href="http://www.vusteven.info/search/label/Web%20templates?max-results=10"> template tin tức</a></b> <b>chuyên nghiệp</b> và hơn hết đây là 1 <b><a href="http://www.vusteven.info/search/label/Web%20templates?max-results=10">template blogspot chuẩn seo</a></b> mới nhất</div><div class="separator" style="clear: both; text-align: left;">+Cám ơn các bạn ủng hộ</div><br />

Share template tin tức chuyên nghiệp - chuẩn seo mới nhất

Demo Demo Online Download template Hôm nay mình share cho các bạn 1 template tin tức chuyên nghiệp và hơn hết đây là 1 template blogspot ...

Đọc thêm »

HTML cơ bản

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWbOrqi7DXV7_ns7gVWMIp_pwev5t-tfGyQ_6a1kkcwfCWF2sWGIVt-d7SJAyIy9f2Hpnr3XovxjeGD85PP7UID6M3mx3UVOpGwYI4yFu235WnjQN7FCGJxdHra2LYqvFj-YgPpITEvahj/s1600/HTML+-+vusteven.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWbOrqi7DXV7_ns7gVWMIp_pwev5t-tfGyQ_6a1kkcwfCWF2sWGIVt-d7SJAyIy9f2Hpnr3XovxjeGD85PP7UID6M3mx3UVOpGwYI4yFu235WnjQN7FCGJxdHra2LYqvFj-YgPpITEvahj/s1600/HTML+-+vusteven.jpg" /></a></div><b><br /></b><br /><b><br /></b><br /><b>HTML các tiêu đề</b><br /><br /><b><br /></b><br />Tiêu đề HTML được định nghĩa với <h1> để <h6> thẻ.<br /><br /><br /><br />Ví dụ:<br /><br /><h1>Đây là một tiêu đề</h1><br /><br /><h2>Đây là một tiêu đề</h2><br /><br /><h3>Đây là một tiêu đề</h3><br /><br /><br /><br /><b>HTML Paragraphs ( HTML khoản )</b><br /><br /><b><br /></b><br />Đoạn HTML được định nghĩa với <p>.<br /><br /><br /><br /><p>Đây là một đoạn</p><br /><br /><p>Đây là một đoạn</p><br /><br /><br /><br /><b>HTML Links ( Liên kết HTML )</b><br /><br /><b><br /></b><br />HTML liên kết được định nghĩa với các từ khóa <a>.<br /><br /><br /><br /><pre><a href="http://www.vusteven.info">Đây là một liên kết</a><br /></pre><pre></pre><pre><b>Chú ý</b>: <b>Các địa chỉ liên kết được quy định trong các thuộc tính href.</b><b>(Bạn sẽ tìm hiểu về các thuộc tính trong một chương sau của hướng dẫn này)</b></pre><pre><b><br /></b></pre><b>HTML Images ( HTML hình ảnh )</b><br /><br />Hình ảnh HTML được định nghĩa với thẻ <img><br /><br /><br /><br /><pre><img src="vusteven.jpg" alt="vusteven.info" <b><span style="color: red;">width="104"</span></b> <span style="color: red;"><b>height="142"</b></span>><br /></pre><pre></pre><pre>Chú ý: Các tên tập tin và kích thước của hình ảnh được cung cấp như là thuộc tính</pre><pre></pre>

HTML cơ bản

HTML các tiêu đề Tiêu đề HTML được định nghĩa với <h1> để <h6> thẻ. Ví dụ: <h1>Đây là một tiêu đề</h1> <h2>Đây...

Đọc thêm »

Share template tin tức chuẩn seo 2013

<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfxqZF9FO4Rtp7XczOHIk90E-hsatvqDLy3IzPgh_VMX5GME0N2N-rxj7qIfsxUmOty6jMZQplg8V_jyvclePHRz4IjDPqpEXVBZA7EBwXsWWtpIV910nXYHLUQYxKFRnHZquWdjxlank/s1600/templates---vusteven.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="321" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfxqZF9FO4Rtp7XczOHIk90E-hsatvqDLy3IzPgh_VMX5GME0N2N-rxj7qIfsxUmOty6jMZQplg8V_jyvclePHRz4IjDPqpEXVBZA7EBwXsWWtpIV910nXYHLUQYxKFRnHZquWdjxlank/s640/templates---vusteven.png" width="640" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Demo<br /><br /><b><span style="color: blue; font-size: small;"><a href="http://thuthuat-vusteven.blogspot.com/">Demo online</a></span></b><br /><div style="text-align: left;"><br /></div></td></tr></tbody></table><b><a href="http://www.mediafire.com/download/k4kvdhu5d2dv077/template-vusteven%2520moi.xml">Download</a></b><br /><br />hôm nay mình share 1 <b><a href="http://www.vusteven.info/search/label/Web%20templates">template tin tức</a></b> đẹp chuẩn nhẹ và load rất nhanh,

Share template tin tức chuẩn seo 2013

Demo Demo online Download hôm nay mình share 1 template tin tức đẹp chuẩn nhẹ và load rất nhanh,

Đọc thêm »

Share template chuẩn SEO 2013

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR1MGlJTzWiAsOGaxF98CM6Bt4uqKZQSb7KS-sHiRYx9TzzepQ4tipbGouWudSsCfBBdsRru4FRO5F8C3o3LHB_la2mK3Qj2sVT2iM1lw3v6PAbagWVd5EZIpYaRDnH9afTWFXLy2Vuqg/s1600/share-template-seo-vusteven.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR1MGlJTzWiAsOGaxF98CM6Bt4uqKZQSb7KS-sHiRYx9TzzepQ4tipbGouWudSsCfBBdsRru4FRO5F8C3o3LHB_la2mK3Qj2sVT2iM1lw3v6PAbagWVd5EZIpYaRDnH9afTWFXLy2Vuqg/s1600/share-template-seo-vusteven.png" /></a></div><div class="separator" style="clear: both; text-align: center;"><b><a href="http://www.vusteven.info/">Demo</a></b></div><div class="separator" style="clear: both; text-align: center;"><a href="http://vusteven-demo.blogspot.com/"><b>Demo online</b></a></div><div class="separator" style="clear: both; text-align: left;">Hôm nay mình <a href="http://www.vusteven.info/search/label/Templates%20blogger"><b>share template blogspot</b></a> chuẩn seo 2013,tích hợp nhiều tiện ích,<a href="http://www.vusteven.info/search/label/Templates%20blogger"><b>template</b></a> load nhanh,các chuyên mục dễ xem và tìm kiếm.nếu bạn thích <b><a href="http://www.vusteven.info/search/label/Templates%20blogger">template</a> </b>này thì comment để lại mail mình sẽ gởi cho bạn</div><div class="separator" style="clear: both; text-align: left;">Cám ơn các bạn ủng hộ !</div><br />

Share template chuẩn SEO 2013

Demo Demo online Hôm nay mình share template blogspot chuẩn seo 2013,tích hợp nhiều tiện ích, template load nhanh,các chuyên mục dễ xem và...

Đọc thêm »

Bài viết mới tự động trượt trên blogger

<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV1ueqlFDijNxUYGfS8lO9Capsbi5UuHp_7FTVrMQXcHoRSB8t4hqd5s9FbrLLzFWoTapJuAQ9KZHMHIz-qMfnBKeBFAmuLx-xmdA9MdgL1KVeFgWD57nLsDFfxKSs7tV5X9kgOTuOfL4/s1600/demo-vusteven.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV1ueqlFDijNxUYGfS8lO9Capsbi5UuHp_7FTVrMQXcHoRSB8t4hqd5s9FbrLLzFWoTapJuAQ9KZHMHIz-qMfnBKeBFAmuLx-xmdA9MdgL1KVeFgWD57nLsDFfxKSs7tV5X9kgOTuOfL4/s320/demo-vusteven.png" width="244" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Demo</td></tr></tbody></table><br />Chào bạn. Hôm nay <a href="http://www.vusteven.info/"><b>Vũ Steven</b></a> chia sẻ một<b><span style="color: blue;"> <a href="http://www.vusteven.info/">widget</a></span></b> mà có nhiều bạn yêu cầu.<br /><b>Widget</b> này hoàn toàn tự động trượt cho <b><a href="http://www.vusteven.info/">Blogger,</a></b>thanh trượt được bố trí rất đẹp và hấp dẫn và hơn hết có đầy đủ thông tin bài viết mới,như là hình ảnh,tiêu đề,thanh trượt này tự động cập nhật các bài viết mới<br /><br /><br /><br /><br /><b><a href="http://demo-vusteveninfo.blogspot.com/">Demo online</a></b><br /><br /><br /><br /><br /><br /><br /><br />+ Đăng nhập <b>Blogger</b> =><b> Bố cục</b> => Thêm  <b>HTML / JavaScript.</b><br /><b> - </b>thêm đoạn code sau vào<br /><br /><br /><b><br /></b><br /><pre><center><br /><div id="headerbox">Featured Posts</div><br /><div id="featuredpostside"></div><br /><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script><br /><script src="https://dl.dropboxusercontent.com/u/76401970/All%20Blogger%20Tricks/abt-sidebar-slider.js" type="text/javascript"></script><br /><script type='text/javascript'><br />//<![CDATA[<br />FeaturedPostSide({<br />blogURL:"<b><span style="color: red;">http://www.vusteven.info</span></b>",<br />MaxPost:<span style="color: red;"><b>3</b></span>,<br />idcontaint:"#featuredpostside",<br />ImageSize:300,<br />interval:5000,<br />autoplay:true,<br />tagName:false<br />});<br />//]]><br /></script><br /><link href='http://fonts.googleapis.com/css?family=Oswald:300' rel='stylesheet' type='text/css'/><br /><style scoped="" type="text/css"><br />/*<br />Made by AllBloggerTricks.com with lot of hardwork please keep the comment intact<br />*/<br />ul.abt-sidebar-slider * {<br /> -moz-box-sizing: border-box;<br />}<br />ul.abt-sidebar-slider {<br /> font: 11px Verdana,Geneva,sans-serif;<br />}<br />ul.abt-sidebar-slider, ul.abt-sidebar-slider li {<br /> list-style: none outside none;<br /> margin: 0;<br /> padding: 0;<br /> position: relative;<br />}<br />ul.abt-sidebar-slider {<br /> height: 500px;<br /> width: 100%;<br />}<br />ul.abt-sidebar-slider li {<br /> display: none;<br /> float: left;<br /> height: 24.5%;<br /> overflow: hidden;<br /> padding: 0;<br /> position: absolute;<br /> width: 100%;<br />}<br />ul.abt-sidebar-slider li:nth-child(1), ul.abt-sidebar-slider li:nth-child(2), ul.abt-sidebar-slider li:nth-child(3), ul.abt-sidebar-slider li:nth-child(4) {<br /> display: block;<br />}<br />ul.abt-sidebar-slider li:nth-child(2) {<br /> left: 0;<br /> top: 50%;<br />}<br />ul.abt-sidebar-slider img {<br /> border: 0 none;<br /> height: 100%;<br /> width: 100%;<br />}<br />ul.abt-sidebar-slider .overlayx, ul.abt-sidebar-slider li {<br /> transition: all 0.4s ease-in-out 0s;<br />}<br />ul.abt-sidebar-slider li:nth-child(4) {<br /> left: 0;<br /> top: 75%;<br /> width: 100%;<br />}<br />ul.abt-sidebar-slider li:nth-child(3) {<br /> left: 0;<br /> top: 25%;<br />}<br />ul.abt-sidebar-slider .overlayx {<br /> background-color: rgba(0, 0, 0, 0.5);<br /> height: 100%;<br /> left: 0;<br /> position: absolute;<br /> top: 0;<br /> width: 100%;<br /> z-index: 2;<br />}<br />ul.abt-sidebar-slider .overlayx, ul.abt-sidebar-slider img {<br /> border: 4px solid #2E8DCE;<br /> border-radius: 3px 3px 3px 3px;<br />}<br />ul.abt-sidebar-slider .overlayx:hover {<br /> opacity: 0.1;<br />}<br />ul.abt-sidebar-slider h4 {<br /> color: white;<br /> font-family: Oswald;<br /> font-size: 25px;<br /> font-weight: 100;<br /> line-height: 1.5em;<br /> margin: 0;<br /> padding: 0 10px;<br /> position: absolute;<br /> top: 25px;<br /> width: 100%;<br /> z-index: 2;<br />}<br />ul.abt-sidebar-slider .label_text {<br /> bottom: 10px;<br /> color: white;<br /> font-size: 90%;<br /> left: 10px;<br /> position: absolute;<br /> z-index: 2;<br />}<br />ul.abt-sidebar-slider li:nth-child(2) .autname, ul.abt-sidebar-slider li:nth-child(3) .autname {<br /> display: none;<br />}<br />.buttons {<br /> margin: 5px 0 0;<br />}<br />.buttons a {<br /> display: inline-block;<br /> height: 25px;<br /> position: relative;<br /> text-indent: -9999px;<br /> width: 15px;<br />}<br />.buttons a:before {<br /> border-color: transparent #535353 transparent transparent;<br /> border-style: solid;<br /> border-width: 8px 7px;<br /> content: "";<br /> height: 0;<br /> left: 50%;<br /> margin-left: -10px;<br /> margin-top: -8px;<br /> position: absolute;<br /> top: 50%;<br /> width: 0;<br />}<br />.buttons a.nextx:before {<br /> border-color: transparent transparent transparent #535353;<br /> margin-left: -3px;<br />}<br />.date {<br /> background: none repeat scroll 0 0 rgba(32, 122, 161, 0.84);<br /> bottom: 93px;<br /> padding: 8px;<br /> position: relative;<br /> right: 6px;<br />}<br />#headerbox {<br /> background: #8FB93D;<br /> font-family: Oswald;<br /> padding: 4px;<br />}<br /></style><br /></center><br /></pre><br />Lưu lại và xem kết quả nhen<br />MaxPost:<b style="color: red;">3: </b>là số bài muốn hiển thị <br /><span style="color: red; font-weight: bold;">Chú ý: </span>bạn thay <span style="font-family: monospace; white-space: pre;"><span style="color: red; font-weight: bold;">http://www.vusteven.info </span>thành link blog của bạn</span><br />Chúc bạn thành công

Bài viết mới tự động trượt trên blogger

Demo Chào bạn. Hôm nay Vũ Steven chia sẻ một widget mà có nhiều bạn yêu cầu. Widget này hoàn toàn tự động trượt cho Blogger, thanh trượt...

Đọc thêm »

jQuery trượt hình ảnh cho Blogger

<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA7zKO5jbKmVyv3ceoC-GJJPoVBEdLUPkogfYBYYuwkngEwXS1aSdX2z-gY9DuExQDx-xGBpEWAY_rrzpMqRTdnezXYHSo7blnWq4UXMnPC3NMMzBonIz9jwj-wePNuMoAemMbN8uGUiA/s1600/vusteven-demo.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA7zKO5jbKmVyv3ceoC-GJJPoVBEdLUPkogfYBYYuwkngEwXS1aSdX2z-gY9DuExQDx-xGBpEWAY_rrzpMqRTdnezXYHSo7blnWq4UXMnPC3NMMzBonIz9jwj-wePNuMoAemMbN8uGUiA/s1600/vusteven-demo.png" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;"><b>Demo:</b></td></tr></tbody></table>+ Đăng nhập <b><a href="http://www.vusteven.info/">Blogger</a></b> => Thiết kế => Chỉnh sửa HTML<br />  - Tìm <b></head></b><br />thêm đoạn code sau vào trước nó<br /><br /><pre><script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'/><br /><script type='text/javascript'><br />//<![CDATA[<br /><br />(function($){<br /> /* hoverIntent by Brian Cherne */<br /> $.fn.hoverIntent = function(f,g) {<br /> // default configuration options<br /> var cfg = {<br /> sensitivity: 7,<br /> interval: 100,<br /> timeout: 0<br /> };<br /> // override configuration options with user supplied object<br /> cfg = $.extend(cfg, g ? { over: f, out: g } : f );<br /><br /> // instantiate variables<br /> // cX, cY = current X and Y position of mouse, updated by mousemove event<br /> // pX, pY = previous X and Y position of mouse, set by mouseover and polling interval<br /> var cX, cY, pX, pY;<br /><br /> // A private function for getting mouse position<br /> var track = function(ev) {<br /> cX = ev.pageX;<br /> cY = ev.pageY;<br /> };<br /><br /> // A private function for comparing current and previous mouse position<br /> var compare = function(ev,ob) {<br /> ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t);<br /> // compare mouse positions to see if they've crossed the threshold<br /> if ( ( Math.abs(pX-cX) + Math.abs(pY-cY) ) < cfg.sensitivity ) {<br /> $(ob).unbind("mousemove",track);<br /> // set hoverIntent state to true (so mouseOut can be called)<br /> ob.hoverIntent_s = 1;<br /> return cfg.over.apply(ob,[ev]);<br /> } else {<br /> // set previous coordinates for next time<br /> pX = cX; pY = cY;<br /> // use self-calling timeout, guarantees intervals are spaced out properly (avoids JavaScript timer bugs)<br /> ob.hoverIntent_t = setTimeout( function(){compare(ev, ob);} , cfg.interval );<br /> }<br /> };<br /><br /> // A private function for delaying the mouseOut function<br /> var delay = function(ev,ob) {<br /> ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t);<br /> ob.hoverIntent_s = 0;<br /> return cfg.out.apply(ob,[ev]);<br /> };<br /><br /> // A private function for handling mouse 'hovering'<br /> var handleHover = function(e) {<br /> // next three lines copied from jQuery.hover, ignore children onMouseOver/onMouseOut<br /> var p = (e.type == "mouseover" ? e.fromElement : e.toElement) || e.relatedTarget;<br /> while ( p && p != this ) { try { p = p.parentNode; } catch(e) { p = this; } }<br /> if ( p == this ) { return false; }<br /><br /> // copy objects to be passed into t (required for event object to be passed in IE)<br /> var ev = jQuery.extend({},e);<br /> var ob = this;<br /><br /> // cancel hoverIntent timer if it exists<br /> if (ob.hoverIntent_t) { ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t); }<br /><br /> // else e.type == "onmouseover"<br /> if (e.type == "mouseover") {<br /> // set "previous" X and Y position based on initial entry point<br /> pX = ev.pageX; pY = ev.pageY;<br /> // update "current" X and Y position based on mousemove<br /> $(ob).bind("mousemove",track);<br /> // start polling interval (self-calling timeout) to compare mouse coordinates over time<br /> if (ob.hoverIntent_s != 1) { ob.hoverIntent_t = setTimeout( function(){compare(ev,ob);} , cfg.interval );}<br /><br /> // else e.type == "onmouseout"<br /> } else {<br /> // unbind expensive mousemove event<br /> $(ob).unbind("mousemove",track);<br /> // if hoverIntent state is true, then call the mouseOut function after the specified delay<br /> if (ob.hoverIntent_s == 1) { ob.hoverIntent_t = setTimeout( function(){delay(ev,ob);} , cfg.timeout );}<br /> }<br /> };<br /><br /> // bind the function to the two event listeners<br /> return this.mouseover(handleHover).mouseout(handleHover);<br /> };<br /> <br />})(jQuery);<br /><br />//]]><br /></script><br /><br /><script type='text/javascript'><br />//<![CDATA[<br /><br />/*<br /> * Superfish v1.4.8 - jQuery menu widget<br /> * Copyright (c) 2008 Joel Birch<br /> *<br /> * Dual licensed under the MIT and GPL licenses:<br /> * http://www.opensource.org/licenses/mit-license.php<br /> * http://www.gnu.org/licenses/gpl.html<br /> *<br /> * CHANGELOG: http://users.tpg.com.au/j_birch/plugins/superfish/changelog.txt<br /> */<br /><br />;(function($){<br /> $.fn.superfish = function(op){<br /><br /> var sf = $.fn.superfish,<br /> c = sf.c,<br /> $arrow = $(['<span class="',c.arrowClass,'"> »</span>'].join('')),<br /> over = function(){<br /> var $$ = $(this), menu = getMenu($$);<br /> clearTimeout(menu.sfTimer);<br /> $$.showSuperfishUl().siblings().hideSuperfishUl();<br /> },<br /> out = function(){<br /> var $$ = $(this), menu = getMenu($$), o = sf.op;<br /> clearTimeout(menu.sfTimer);<br /> menu.sfTimer=setTimeout(function(){<br /> o.retainPath=($.inArray($$[0],o.$path)>-1);<br /> $$.hideSuperfishUl();<br /> if (o.$path.length && $$.parents(['li.',o.hoverClass].join('')).length<1){over.call(o.$path);}<br /> },o.delay); <br /> },<br /> getMenu = function($menu){<br /> var menu = $menu.parents(['ul.',c.menuClass,':first'].join(''))[0];<br /> sf.op = sf.o[menu.serial];<br /> return menu;<br /> },<br /> addArrow = function($a){ $a.addClass(c.anchorClass).append($arrow.clone()); };<br /> <br /> return this.each(function() {<br /> var s = this.serial = sf.o.length;<br /> var o = $.extend({},sf.defaults,op);<br /> o.$path = $('li.'+o.pathClass,this).slice(0,o.pathLevels).each(function(){<br /> $(this).addClass([o.hoverClass,c.bcClass].join(' '))<br /> .filter('li:has(ul)').removeClass(o.pathClass);<br /> });<br /> sf.o[s] = sf.op = o;<br /> <br /> $('li:has(ul)',this)[($.fn.hoverIntent && !o.disableHI) ? 'hoverIntent' : 'hover'](over,out).each(function() {<br /> if (o.autoArrows) addArrow( $('>a:first-child',this) );<br /> })<br /> .not('.'+c.bcClass)<br /> .hideSuperfishUl();<br /> <br /> var $a = $('a',this);<br /> $a.each(function(i){<br /> var $li = $a.eq(i).parents('li');<br /> $a.eq(i).focus(function(){over.call($li);}).blur(function(){out.call($li);});<br /> });<br /> o.onInit.call(this);<br /> <br /> }).each(function() {<br /> var menuClasses = [c.menuClass];<br /> if (sf.op.dropShadows && !($.browser.msie && $.browser.version < 7)) menuClasses.push(c.shadowClass);<br /> $(this).addClass(menuClasses.join(' '));<br /> });<br /> };<br /><br /> var sf = $.fn.superfish;<br /> sf.o = [];<br /> sf.op = {};<br /> sf.IE7fix = function(){<br /> var o = sf.op;<br /> if ($.browser.msie && $.browser.version > 6 && o.dropShadows && o.animation.opacity!=undefined)<br /> this.toggleClass(sf.c.shadowClass+'-off');<br /> };<br /> sf.c = {<br /> bcClass : 'sf-breadcrumb',<br /> menuClass : 'sf-js-enabled',<br /> anchorClass : 'sf-with-ul',<br /> arrowClass : 'sf-sub-indicator',<br /> shadowClass : 'sf-shadow'<br /> };<br /> sf.defaults = {<br /> hoverClass : 'sfHover',<br /> pathClass : 'overideThisToUse',<br /> pathLevels : 1,<br /> delay : 800,<br /> animation : {opacity:'show'},<br /> speed : 'normal',<br /> autoArrows : true,<br /> dropShadows : true,<br /> disableHI : false, // true disables hoverIntent detection<br /> onInit : function(){}, // callback functions<br /> onBeforeShow: function(){},<br /> onShow : function(){},<br /> onHide : function(){}<br /> };<br /> $.fn.extend({<br /> hideSuperfishUl : function(){<br /> var o = sf.op,<br /> not = (o.retainPath===true) ? o.$path : '';<br /> o.retainPath = false;<br /> var $ul = $(['li.',o.hoverClass].join(''),this).add(this).not(not).removeClass(o.hoverClass)<br /> .find('>ul').hide().css('visibility','hidden');<br /> o.onHide.call($ul);<br /> return this;<br /> },<br /> showSuperfishUl : function(){<br /> var o = sf.op,<br /> sh = sf.c.shadowClass+'-off',<br /> $ul = this.addClass(o.hoverClass)<br /> .find('>ul:hidden').css('visibility','visible');<br /> sf.IE7fix.call($ul);<br /> o.onBeforeShow.call($ul);<br /> $ul.animate(o.animation,o.speed,function(){ sf.IE7fix.call($ul); o.onShow.call($ul); });<br /> return this;<br /> }<br /> });<br /><br />})(jQuery);<br /><br /><br /><br />//]]><br /></script><br /><br /><br /><script type='text/javascript'><br />//<![CDATA[<br /><br />/*<br /> * jQuery Cycle Plugin (with Transition Definitions)<br /> * Examples and documentation at: http://jquery.malsup.com/cycle/<br /> * Copyright (c) 2007-2010 M. Alsup<br /> * Version: 2.88 (08-JUN-2010)<br /> * Dual licensed under the MIT and GPL licenses.<br /> * http://jquery.malsup.com/license.html<br /> * Requires: jQuery v1.2.6 or later<br /> */<br />(function($){var ver="2.88";if($.support==undefined){$.support={opacity:!($.browser.msie)};}function debug(s){if($.fn.cycle.debug){log(s);}}function log(){if(window.console&&window.console.log){window.console.log("[cycle] "+Array.prototype.join.call(arguments," "));}}$.fn.cycle=function(options,arg2){var o={s:this.selector,c:this.context};if(this.length===0&&options!="stop"){if(!$.isReady&&o.s){log("DOM not ready, queuing slideshow");$(function(){$(o.s,o.c).cycle(options,arg2);});return this;}log("terminating; zero elements found by selector"+($.isReady?"":" (DOM not ready)"));return this;}return this.each(function(){var opts=handleArguments(this,options,arg2);if(opts===false){return;}opts.updateActivePagerLink=opts.updateActivePagerLink||$.fn.cycle.updateActivePagerLink;if(this.cycleTimeout){clearTimeout(this.cycleTimeout);}this.cycleTimeout=this.cyclePause=0;var $cont=$(this);var $slides=opts.slideExpr?$(opts.slideExpr,this):$cont.children();var els=$slides.get();if(els.length<2){log("terminating; too few slides: "+els.length);return;}var opts2=buildOptions($cont,$slides,els,opts,o);if(opts2===false){return;}var startTime=opts2.continuous?10:getTimeout(els[opts2.currSlide],els[opts2.nextSlide],opts2,!opts2.rev);if(startTime){startTime+=(opts2.delay||0);if(startTime<10){startTime=10;}debug("first timeout: "+startTime);this.cycleTimeout=setTimeout(function(){go(els,opts2,0,(!opts2.rev&&!opts.backwards));},startTime);}});};function handleArguments(cont,options,arg2){if(cont.cycleStop==undefined){cont.cycleStop=0;}if(options===undefined||options===null){options={};}if(options.constructor==String){switch(options){case"destroy":case"stop":var opts=$(cont).data("cycle.opts");if(!opts){return false;}cont.cycleStop++;if(cont.cycleTimeout){clearTimeout(cont.cycleTimeout);}cont.cycleTimeout=0;$(cont).removeData("cycle.opts");if(options=="destroy"){destroy(opts);}return false;case"toggle":cont.cyclePause=(cont.cyclePause===1)?0:1;checkInstantResume(cont.cyclePause,arg2,cont);return false;case"pause":cont.cyclePause=1;return false;case"resume":cont.cyclePause=0;checkInstantResume(false,arg2,cont);return false;case"prev":case"next":var opts=$(cont).data("cycle.opts");if(!opts){log('options not found, "prev/next" ignored');return false;}$.fn.cycle[options](opts);return false;default:options={fx:options};}return options;}else{if(options.constructor==Number){var num=options;options=$(cont).data("cycle.opts");if(!options){log("options not found, can not advance slide");return false;}if(num<0||num>=options.elements.length){log("invalid slide index: "+num);return false;}options.nextSlide=num;if(cont.cycleTimeout){clearTimeout(cont.cycleTimeout);cont.cycleTimeout=0;}if(typeof arg2=="string"){options.oneTimeFx=arg2;}go(options.elements,options,1,num>=options.currSlide);return false;}}return options;function checkInstantResume(isPaused,arg2,cont){if(!isPaused&&arg2===true){var options=$(cont).data("cycle.opts");if(!options){log("options not found, can not resume");return false;}if(cont.cycleTimeout){clearTimeout(cont.cycleTimeout);cont.cycleTimeout=0;}go(options.elements,options,1,(!opts.rev&&!opts.backwards));}}}function removeFilter(el,opts){if(!$.support.opacity&&opts.cleartype&&el.style.filter){try{el.style.removeAttribute("filter");}catch(smother){}}}function destroy(opts){if(opts.next){$(opts.next).unbind(opts.prevNextEvent);}if(opts.prev){$(opts.prev).unbind(opts.prevNextEvent);}if(opts.pager||opts.pagerAnchorBuilder){$.each(opts.pagerAnchors||[],function(){this.unbind().remove();});}opts.pagerAnchors=null;if(opts.destroy){opts.destroy(opts);}}function buildOptions($cont,$slides,els,options,o){var opts=$.extend({},$.fn.cycle.defaults,options||{},$.metadata?$cont.metadata():$.meta?$cont.data():{});if(opts.autostop){opts.countdown=opts.autostopCount||els.length;}var cont=$cont[0];$cont.data("cycle.opts",opts);opts.$cont=$cont;opts.stopCount=cont.cycleStop;opts.elements=els;opts.before=opts.before?[opts.before]:[];opts.after=opts.after?[opts.after]:[];opts.after.unshift(function(){opts.busy=0;});if(!$.support.opacity&&opts.cleartype){opts.after.push(function(){removeFilter(this,opts);});}if(opts.continuous){opts.after.push(function(){go(els,opts,0,(!opts.rev&&!opts.backwards));});}saveOriginalOpts(opts);if(!$.support.opacity&&opts.cleartype&&!opts.cleartypeNoBg){clearTypeFix($slides);}if($cont.css("position")=="static"){$cont.css("position","relative");}if(opts.width){$cont.width(opts.width);}if(opts.height&&opts.height!="auto"){$cont.height(opts.height);}if(opts.startingSlide){opts.startingSlide=parseInt(opts.startingSlide);}else{if(opts.backwards){opts.startingSlide=els.length-1;}}if(opts.random){opts.randomMap=[];for(var i=0;i<els.length;i++){opts.randomMap.push(i);}opts.randomMap.sort(function(a,b){return Math.random()-0.5;});opts.randomIndex=1;opts.startingSlide=opts.randomMap[1];}else{if(opts.startingSlide>=els.length){opts.startingSlide=0;}}opts.currSlide=opts.startingSlide||0;var first=opts.startingSlide;$slides.css({position:"absolute",top:0,left:0}).hide().each(function(i){var z;if(opts.backwards){z=first?i<=first?els.length+(i-first):first-i:els.length-i;}else{z=first?i>=first?els.length-(i-first):first-i:els.length-i;}$(this).css("z-index",z);});$(els[first]).css("opacity",1).show();removeFilter(els[first],opts);if(opts.fit&&opts.width){$slides.width(opts.width);}if(opts.fit&&opts.height&&opts.height!="auto"){$slides.height(opts.height);}var reshape=opts.containerResize&&!$cont.innerHeight();if(reshape){var maxw=0,maxh=0;for(var j=0;j<els.length;j++){var $e=$(els[j]),e=$e[0],w=$e.outerWidth(),h=$e.outerHeight();if(!w){w=e.offsetWidth||e.width||$e.attr("width");}if(!h){h=e.offsetHeight||e.height||$e.attr("height");}maxw=w>maxw?w:maxw;maxh=h>maxh?h:maxh;}if(maxw>0&&maxh>0){$cont.css({width:maxw+"px",height:maxh+"px"});}}if(opts.pause){$cont.hover(function(){this.cyclePause++;},function(){this.cyclePause--;});}if(supportMultiTransitions(opts)===false){return false;}var requeue=false;options.requeueAttempts=options.requeueAttempts||0;$slides.each(function(){var $el=$(this);this.cycleH=(opts.fit&&opts.height)?opts.height:($el.height()||this.offsetHeight||this.height||$el.attr("height")||0);this.cycleW=(opts.fit&&opts.width)?opts.width:($el.width()||this.offsetWidth||this.width||$el.attr("width")||0);if($el.is("img")){var loadingIE=($.browser.msie&&this.cycleW==28&&this.cycleH==30&&!this.complete);var loadingFF=($.browser.mozilla&&this.cycleW==34&&this.cycleH==19&&!this.complete);var loadingOp=($.browser.opera&&((this.cycleW==42&&this.cycleH==19)||(this.cycleW==37&&this.cycleH==17))&&!this.complete);var loadingOther=(this.cycleH==0&&this.cycleW==0&&!this.complete);if(loadingIE||loadingFF||loadingOp||loadingOther){if(o.s&&opts.requeueOnImageNotLoaded&&++options.requeueAttempts<100){log(options.requeueAttempts," - img slide not loaded, requeuing slideshow: ",this.src,this.cycleW,this.cycleH);setTimeout(function(){$(o.s,o.c).cycle(options);},opts.requeueTimeout);requeue=true;return false;}else{log("could not determine size of image: "+this.src,this.cycleW,this.cycleH);}}}return true;});if(requeue){return false;}opts.cssBefore=opts.cssBefore||{};opts.animIn=opts.animIn||{};opts.animOut=opts.animOut||{};$slides.not(":eq("+first+")").css(opts.cssBefore);if(opts.cssFirst){$($slides[first]).css(opts.cssFirst);}if(opts.timeout){opts.timeout=parseInt(opts.timeout);if(opts.speed.constructor==String){opts.speed=$.fx.speeds[opts.speed]||parseInt(opts.speed);}if(!opts.sync){opts.speed=opts.speed/2;}var buffer=opts.fx=="shuffle"?500:250;while((opts.timeout-opts.speed)<buffer){opts.timeout+=opts.speed;}}if(opts.easing){opts.easeIn=opts.easeOut=opts.easing;}if(!opts.speedIn){opts.speedIn=opts.speed;}if(!opts.speedOut){opts.speedOut=opts.speed;}opts.slideCount=els.length;opts.currSlide=opts.lastSlide=first;if(opts.random){if(++opts.randomIndex==els.length){opts.randomIndex=0;}opts.nextSlide=opts.randomMap[opts.randomIndex];}else{if(opts.backwards){opts.nextSlide=opts.startingSlide==0?(els.length-1):opts.startingSlide-1;}else{opts.nextSlide=opts.startingSlide>=(els.length-1)?0:opts.startingSlide+1;}}if(!opts.multiFx){var init=$.fn.cycle.transitions[opts.fx];if($.isFunction(init)){init($cont,$slides,opts);}else{if(opts.fx!="custom"&&!opts.multiFx){log("unknown transition: "+opts.fx,"; slideshow terminating");return false;}}}var e0=$slides[first];if(opts.before.length){opts.before[0].apply(e0,[e0,e0,opts,true]);}if(opts.after.length>1){opts.after[1].apply(e0,[e0,e0,opts,true]);}if(opts.next){$(opts.next).bind(opts.prevNextEvent,function(){return advance(opts,opts.rev?-1:1);});}if(opts.prev){$(opts.prev).bind(opts.prevNextEvent,function(){return advance(opts,opts.rev?1:-1);});}if(opts.pager||opts.pagerAnchorBuilder){buildPager(els,opts);}exposeAddSlide(opts,els);return opts;}function saveOriginalOpts(opts){opts.original={before:[],after:[]};opts.original.cssBefore=$.extend({},opts.cssBefore);opts.original.cssAfter=$.extend({},opts.cssAfter);opts.original.animIn=$.extend({},opts.animIn);opts.original.animOut=$.extend({},opts.animOut);$.each(opts.before,function(){opts.original.before.push(this);});$.each(opts.after,function(){opts.original.after.push(this);});}function supportMultiTransitions(opts){var i,tx,txs=$.fn.cycle.transitions;if(opts.fx.indexOf(",")>0){opts.multiFx=true;opts.fxs=opts.fx.replace(/\s*/g,"").split(",");for(i=0;i<opts.fxs.length;i++){var fx=opts.fxs[i];tx=txs[fx];if(!tx||!txs.hasOwnProperty(fx)||!$.isFunction(tx)){log("discarding unknown transition: ",fx);opts.fxs.splice(i,1);i--;}}if(!opts.fxs.length){log("No valid transitions named; slideshow terminating.");return false;}}else{if(opts.fx=="all"){opts.multiFx=true;opts.fxs=[];for(p in txs){tx=txs[p];if(txs.hasOwnProperty(p)&&$.isFunction(tx)){opts.fxs.push(p);}}}}if(opts.multiFx&&opts.randomizeEffects){var r1=Math.floor(Math.random()*20)+30;for(i=0;i<r1;i++){var r2=Math.floor(Math.random()*opts.fxs.length);opts.fxs.push(opts.fxs.splice(r2,1)[0]);}debug("randomized fx sequence: ",opts.fxs);}return true;}function exposeAddSlide(opts,els){opts.addSlide=function(newSlide,prepend){var $s=$(newSlide),s=$s[0];if(!opts.autostopCount){opts.countdown++;}els[prepend?"unshift":"push"](s);if(opts.els){opts.els[prepend?"unshift":"push"](s);}opts.slideCount=els.length;$s.css("position","absolute");$s[prepend?"prependTo":"appendTo"](opts.$cont);if(prepend){opts.currSlide++;opts.nextSlide++;}if(!$.support.opacity&&opts.cleartype&&!opts.cleartypeNoBg){clearTypeFix($s);}if(opts.fit&&opts.width){$s.width(opts.width);}if(opts.fit&&opts.height&&opts.height!="auto"){$slides.height(opts.height);}s.cycleH=(opts.fit&&opts.height)?opts.height:$s.height();s.cycleW=(opts.fit&&opts.width)?opts.width:$s.width();$s.css(opts.cssBefore);if(opts.pager||opts.pagerAnchorBuilder){$.fn.cycle.createPagerAnchor(els.length-1,s,$(opts.pager),els,opts);}if($.isFunction(opts.onAddSlide)){opts.onAddSlide($s);}else{$s.hide();}};}$.fn.cycle.resetState=function(opts,fx){fx=fx||opts.fx;opts.before=[];opts.after=[];opts.cssBefore=$.extend({},opts.original.cssBefore);opts.cssAfter=$.extend({},opts.original.cssAfter);opts.animIn=$.extend({},opts.original.animIn);opts.animOut=$.extend({},opts.original.animOut);opts.fxFn=null;$.each(opts.original.before,function(){opts.before.push(this);});$.each(opts.original.after,function(){opts.after.push(this);});var init=$.fn.cycle.transitions[fx];if($.isFunction(init)){init(opts.$cont,$(opts.elements),opts);}};function go(els,opts,manual,fwd){if(manual&&opts.busy&&opts.manualTrump){debug("manualTrump in go(), stopping active transition");$(els).stop(true,true);opts.busy=false;}if(opts.busy){debug("transition active, ignoring new tx request");return;}var p=opts.$cont[0],curr=els[opts.currSlide],next=els[opts.nextSlide];if(p.cycleStop!=opts.stopCount||p.cycleTimeout===0&&!manual){return;}if(!manual&&!p.cyclePause&&!opts.bounce&&((opts.autostop&&(--opts.countdown<=0))||(opts.nowrap&&!opts.random&&opts.nextSlide<opts.currSlide))){if(opts.end){opts.end(opts);}return;}var changed=false;if((manual||!p.cyclePause)&&(opts.nextSlide!=opts.currSlide)){changed=true;var fx=opts.fx;curr.cycleH=curr.cycleH||$(curr).height();curr.cycleW=curr.cycleW||$(curr).width();next.cycleH=next.cycleH||$(next).height();next.cycleW=next.cycleW||$(next).width();if(opts.multiFx){if(opts.lastFx==undefined||++opts.lastFx>=opts.fxs.length){opts.lastFx=0;}fx=opts.fxs[opts.lastFx];opts.currFx=fx;}if(opts.oneTimeFx){fx=opts.oneTimeFx;opts.oneTimeFx=null;}$.fn.cycle.resetState(opts,fx);if(opts.before.length){$.each(opts.before,function(i,o){if(p.cycleStop!=opts.stopCount){return;}o.apply(next,[curr,next,opts,fwd]);});}var after=function(){$.each(opts.after,function(i,o){if(p.cycleStop!=opts.stopCount){return;}o.apply(next,[curr,next,opts,fwd]);});};debug("tx firing; currSlide: "+opts.currSlide+"; nextSlide: "+opts.nextSlide);opts.busy=1;if(opts.fxFn){opts.fxFn(curr,next,opts,after,fwd,manual&&opts.fastOnEvent);}else{if($.isFunction($.fn.cycle[opts.fx])){$.fn.cycle[opts.fx](curr,next,opts,after,fwd,manual&&opts.fastOnEvent);}else{$.fn.cycle.custom(curr,next,opts,after,fwd,manual&&opts.fastOnEvent);}}}if(changed||opts.nextSlide==opts.currSlide){opts.lastSlide=opts.currSlide;if(opts.random){opts.currSlide=opts.nextSlide;if(++opts.randomIndex==els.length){opts.randomIndex=0;}opts.nextSlide=opts.randomMap[opts.randomIndex];if(opts.nextSlide==opts.currSlide){opts.nextSlide=(opts.currSlide==opts.slideCount-1)?0:opts.currSlide+1;}}else{if(opts.backwards){var roll=(opts.nextSlide-1)<0;if(roll&&opts.bounce){opts.backwards=!opts.backwards;opts.nextSlide=1;opts.currSlide=0;}else{opts.nextSlide=roll?(els.length-1):opts.nextSlide-1;opts.currSlide=roll?0:opts.nextSlide+1;}}else{var roll=(opts.nextSlide+1)==els.length;if(roll&&opts.bounce){opts.backwards=!opts.backwards;opts.nextSlide=els.length-2;opts.currSlide=els.length-1;}else{opts.nextSlide=roll?0:opts.nextSlide+1;opts.currSlide=roll?els.length-1:opts.nextSlide-1;}}}}if(changed&&opts.pager){opts.updateActivePagerLink(opts.pager,opts.currSlide,opts.activePagerClass);}var ms=0;if(opts.timeout&&!opts.continuous){ms=getTimeout(els[opts.currSlide],els[opts.nextSlide],opts,fwd);}else{if(opts.continuous&&p.cyclePause){ms=10;}}if(ms>0){p.cycleTimeout=setTimeout(function(){go(els,opts,0,(!opts.rev&&!opts.backwards));},ms);}}$.fn.cycle.updateActivePagerLink=function(pager,currSlide,clsName){$(pager).each(function(){$(this).children().removeClass(clsName).eq(currSlide).addClass(clsName);});};function getTimeout(curr,next,opts,fwd){if(opts.timeoutFn){var t=opts.timeoutFn.call(curr,curr,next,opts,fwd);while((t-opts.speed)<250){t+=opts.speed;}debug("calculated timeout: "+t+"; speed: "+opts.speed);if(t!==false){return t;}}return opts.timeout;}$.fn.cycle.next=function(opts){advance(opts,opts.rev?-1:1);};$.fn.cycle.prev=function(opts){advance(opts,opts.rev?1:-1);};function advance(opts,val){var els=opts.elements;var p=opts.$cont[0],timeout=p.cycleTimeout;if(timeout){clearTimeout(timeout);p.cycleTimeout=0;}if(opts.random&&val<0){opts.randomIndex--;if(--opts.randomIndex==-2){opts.randomIndex=els.length-2;}else{if(opts.randomIndex==-1){opts.randomIndex=els.length-1;}}opts.nextSlide=opts.randomMap[opts.randomIndex];}else{if(opts.random){opts.nextSlide=opts.randomMap[opts.randomIndex];}else{opts.nextSlide=opts.currSlide+val;if(opts.nextSlide<0){if(opts.nowrap){return false;}opts.nextSlide=els.length-1;}else{if(opts.nextSlide>=els.length){if(opts.nowrap){return false;}opts.nextSlide=0;}}}}var cb=opts.onPrevNextEvent||opts.prevNextClick;if($.isFunction(cb)){cb(val>0,opts.nextSlide,els[opts.nextSlide]);}go(els,opts,1,val>=0);return false;}function buildPager(els,opts){var $p=$(opts.pager);$.each(els,function(i,o){$.fn.cycle.createPagerAnchor(i,o,$p,els,opts);});opts.updateActivePagerLink(opts.pager,opts.startingSlide,opts.activePagerClass);}$.fn.cycle.createPagerAnchor=function(i,el,$p,els,opts){var a;if($.isFunction(opts.pagerAnchorBuilder)){a=opts.pagerAnchorBuilder(i,el);debug("pagerAnchorBuilder("+i+", el) returned: "+a);}else{a='<a href="#">'+(i+1)+"</a>";}if(!a){return;}var $a=$(a);if($a.parents("body").length===0){var arr=[];if($p.length>1){$p.each(function(){var $clone=$a.clone(true);$(this).append($clone);arr.push($clone[0]);});$a=$(arr);}else{$a.appendTo($p);}}opts.pagerAnchors=opts.pagerAnchors||[];opts.pagerAnchors.push($a);$a.bind(opts.pagerEvent,function(e){e.preventDefault();opts.nextSlide=i;var p=opts.$cont[0],timeout=p.cycleTimeout;if(timeout){clearTimeout(timeout);p.cycleTimeout=0;}var cb=opts.onPagerEvent||opts.pagerClick;if($.isFunction(cb)){cb(opts.nextSlide,els[opts.nextSlide]);}go(els,opts,1,opts.currSlide<i);});if(!/^click/.test(opts.pagerEvent)&&!opts.allowPagerClickBubble){$a.bind("click.cycle",function(){return false;});}if(opts.pauseOnPagerHover){$a.hover(function(){opts.$cont[0].cyclePause++;},function(){opts.$cont[0].cyclePause--;});}};$.fn.cycle.hopsFromLast=function(opts,fwd){var hops,l=opts.lastSlide,c=opts.currSlide;if(fwd){hops=c>l?c-l:opts.slideCount-l;}else{hops=c<l?l-c:l+opts.slideCount-c;}return hops;};function clearTypeFix($slides){debug("applying clearType background-color hack");function hex(s){s=parseInt(s).toString(16);return s.length<2?"0"+s:s;}function getBg(e){for(;e&&e.nodeName.toLowerCase()!="html";e=e.parentNode){var v=$.css(e,"background-color");if(v.indexOf("rgb")>=0){var rgb=v.match(/\d+/g);return"#"+hex(rgb[0])+hex(rgb[1])+hex(rgb[2]);}if(v&&v!="transparent"){return v;}}return"#ffffff";}$slides.each(function(){$(this).css("background-color",getBg(this));});}$.fn.cycle.commonReset=function(curr,next,opts,w,h,rev){$(opts.elements).not(curr).hide();opts.cssBefore.opacity=1;opts.cssBefore.display="block";if(w!==false&&next.cycleW>0){opts.cssBefore.width=next.cycleW;}if(h!==false&&next.cycleH>0){opts.cssBefore.height=next.cycleH;}opts.cssAfter=opts.cssAfter||{};opts.cssAfter.display="none";$(curr).css("zIndex",opts.slideCount+(rev===true?1:0));$(next).css("zIndex",opts.slideCount+(rev===true?0:1));};$.fn.cycle.custom=function(curr,next,opts,cb,fwd,speedOverride){var $l=$(curr),$n=$(next);var speedIn=opts.speedIn,speedOut=opts.speedOut,easeIn=opts.easeIn,easeOut=opts.easeOut;$n.css(opts.cssBefore);if(speedOverride){if(typeof speedOverride=="number"){speedIn=speedOut=speedOverride;}else{speedIn=speedOut=1;}easeIn=easeOut=null;}var fn=function(){$n.animate(opts.animIn,speedIn,easeIn,cb);};$l.animate(opts.animOut,speedOut,easeOut,function(){if(opts.cssAfter){$l.css(opts.cssAfter);}if(!opts.sync){fn();}});if(opts.sync){fn();}};$.fn.cycle.transitions={fade:function($cont,$slides,opts){$slides.not(":eq("+opts.currSlide+")").css("opacity",0);opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts);opts.cssBefore.opacity=0;});opts.animIn={opacity:1};opts.animOut={opacity:0};opts.cssBefore={top:0,left:0};}};$.fn.cycle.ver=function(){return ver;};$.fn.cycle.defaults={fx:"fade",timeout:4000,timeoutFn:null,continuous:0,speed:1000,speedIn:null,speedOut:null,next:null,prev:null,onPrevNextEvent:null,prevNextEvent:"click.cycle",pager:null,onPagerEvent:null,pagerEvent:"click.cycle",allowPagerClickBubble:false,pagerAnchorBuilder:null,before:null,after:null,end:null,easing:null,easeIn:null,easeOut:null,shuffle:null,animIn:null,animOut:null,cssBefore:null,cssAfter:null,fxFn:null,height:"auto",startingSlide:0,sync:1,random:0,fit:0,containerResize:1,pause:0,pauseOnPagerHover:0,autostop:0,autostopCount:0,delay:0,slideExpr:null,cleartype:!$.support.opacity,cleartypeNoBg:false,nowrap:0,fastOnEvent:0,randomizeEffects:1,rev:0,manualTrump:true,requeueOnImageNotLoaded:true,requeueTimeout:250,activePagerClass:"activeSlide",updateActivePagerLink:null,backwards:false};})(jQuery);<br />/*<br /> * jQuery Cycle Plugin Transition Definitions<br /> * This script is a plugin for the jQuery Cycle Plugin<br /> * Examples and documentation at: http://malsup.com/jquery/cycle/<br /> * Copyright (c) 2007-2010 M. Alsup<br /> * Version: 2.72<br /> * Dual licensed under the MIT and GPL licenses:<br /> * http://www.opensource.org/licenses/mit-license.php<br /> * http://www.gnu.org/licenses/gpl.html<br /> */<br />(function($){$.fn.cycle.transitions.none=function($cont,$slides,opts){opts.fxFn=function(curr,next,opts,after){$(next).show();$(curr).hide();after();};};$.fn.cycle.transitions.scrollUp=function($cont,$slides,opts){$cont.css("overflow","hidden");opts.before.push($.fn.cycle.commonReset);var h=$cont.height();opts.cssBefore={top:h,left:0};opts.cssFirst={top:0};opts.animIn={top:0};opts.animOut={top:-h};};$.fn.cycle.transitions.scrollDown=function($cont,$slides,opts){$cont.css("overflow","hidden");opts.before.push($.fn.cycle.commonReset);var h=$cont.height();opts.cssFirst={top:0};opts.cssBefore={top:-h,left:0};opts.animIn={top:0};opts.animOut={top:h};};$.fn.cycle.transitions.scrollLeft=function($cont,$slides,opts){$cont.css("overflow","hidden");opts.before.push($.fn.cycle.commonReset);var w=$cont.width();opts.cssFirst={left:0};opts.cssBefore={left:w,top:0};opts.animIn={left:0};opts.animOut={left:0-w};};$.fn.cycle.transitions.scrollRight=function($cont,$slides,opts){$cont.css("overflow","hidden");opts.before.push($.fn.cycle.commonReset);var w=$cont.width();opts.cssFirst={left:0};opts.cssBefore={left:-w,top:0};opts.animIn={left:0};opts.animOut={left:w};};$.fn.cycle.transitions.scrollHorz=function($cont,$slides,opts){$cont.css("overflow","hidden").width();opts.before.push(function(curr,next,opts,fwd){$.fn.cycle.commonReset(curr,next,opts);opts.cssBefore.left=fwd?(next.cycleW-1):(1-next.cycleW);opts.animOut.left=fwd?-curr.cycleW:curr.cycleW;});opts.cssFirst={left:0};opts.cssBefore={top:0};opts.animIn={left:0};opts.animOut={top:0};};$.fn.cycle.transitions.scrollVert=function($cont,$slides,opts){$cont.css("overflow","hidden");opts.before.push(function(curr,next,opts,fwd){$.fn.cycle.commonReset(curr,next,opts);opts.cssBefore.top=fwd?(1-next.cycleH):(next.cycleH-1);opts.animOut.top=fwd?curr.cycleH:-curr.cycleH;});opts.cssFirst={top:0};opts.cssBefore={left:0};opts.animIn={top:0};opts.animOut={left:0};};$.fn.cycle.transitions.slideX=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$(opts.elements).not(curr).hide();$.fn.cycle.commonReset(curr,next,opts,false,true);opts.animIn.width=next.cycleW;});opts.cssBefore={left:0,top:0,width:0};opts.animIn={width:"show"};opts.animOut={width:0};};$.fn.cycle.transitions.slideY=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$(opts.elements).not(curr).hide();$.fn.cycle.commonReset(curr,next,opts,true,false);opts.animIn.height=next.cycleH;});opts.cssBefore={left:0,top:0,height:0};opts.animIn={height:"show"};opts.animOut={height:0};};$.fn.cycle.transitions.shuffle=function($cont,$slides,opts){var i,w=$cont.css("overflow","visible").width();$slides.css({left:0,top:0});opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,true,true);});if(!opts.speedAdjusted){opts.speed=opts.speed/2;opts.speedAdjusted=true;}opts.random=0;opts.shuffle=opts.shuffle||{left:-w,top:15};opts.els=[];for(i=0;i<$slides.length;i++){opts.els.push($slides[i]);}for(i=0;i<opts.currSlide;i++){opts.els.push(opts.els.shift());}opts.fxFn=function(curr,next,opts,cb,fwd){var $el=fwd?$(curr):$(next);$(next).css(opts.cssBefore);var count=opts.slideCount;$el.animate(opts.shuffle,opts.speedIn,opts.easeIn,function(){var hops=$.fn.cycle.hopsFromLast(opts,fwd);for(var k=0;k<hops;k++){fwd?opts.els.push(opts.els.shift()):opts.els.unshift(opts.els.pop());}if(fwd){for(var i=0,len=opts.els.length;i<len;i++){$(opts.els[i]).css("z-index",len-i+count);}}else{var z=$(curr).css("z-index");$el.css("z-index",parseInt(z)+1+count);}$el.animate({left:0,top:0},opts.speedOut,opts.easeOut,function(){$(fwd?this:curr).hide();if(cb){cb();}});});};opts.cssBefore={display:"block",opacity:1,top:0,left:0};};$.fn.cycle.transitions.turnUp=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,false);opts.cssBefore.top=next.cycleH;opts.animIn.height=next.cycleH;});opts.cssFirst={top:0};opts.cssBefore={left:0,height:0};opts.animIn={top:0};opts.animOut={height:0};};$.fn.cycle.transitions.turnDown=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,false);opts.animIn.height=next.cycleH;opts.animOut.top=curr.cycleH;});opts.cssFirst={top:0};opts.cssBefore={left:0,top:0,height:0};opts.animOut={height:0};};$.fn.cycle.transitions.turnLeft=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,false,true);opts.cssBefore.left=next.cycleW;opts.animIn.width=next.cycleW;});opts.cssBefore={top:0,width:0};opts.animIn={left:0};opts.animOut={width:0};};$.fn.cycle.transitions.turnRight=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,false,true);opts.animIn.width=next.cycleW;opts.animOut.left=curr.cycleW;});opts.cssBefore={top:0,left:0,width:0};opts.animIn={left:0};opts.animOut={width:0};};$.fn.cycle.transitions.zoom=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,false,false,true);opts.cssBefore.top=next.cycleH/2;opts.cssBefore.left=next.cycleW/2;opts.animIn={top:0,left:0,width:next.cycleW,height:next.cycleH};opts.animOut={width:0,height:0,top:curr.cycleH/2,left:curr.cycleW/2};});opts.cssFirst={top:0,left:0};opts.cssBefore={width:0,height:0};};$.fn.cycle.transitions.fadeZoom=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,false,false);opts.cssBefore.left=next.cycleW/2;opts.cssBefore.top=next.cycleH/2;opts.animIn={top:0,left:0,width:next.cycleW,height:next.cycleH};});opts.cssBefore={width:0,height:0};opts.animOut={opacity:0};};$.fn.cycle.transitions.blindX=function($cont,$slides,opts){var w=$cont.css("overflow","hidden").width();opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts);opts.animIn.width=next.cycleW;opts.animOut.left=curr.cycleW;});opts.cssBefore={left:w,top:0};opts.animIn={left:0};opts.animOut={left:w};};$.fn.cycle.transitions.blindY=function($cont,$slides,opts){var h=$cont.css("overflow","hidden").height();opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts);opts.animIn.height=next.cycleH;opts.animOut.top=curr.cycleH;});opts.cssBefore={top:h,left:0};opts.animIn={top:0};opts.animOut={top:h};};$.fn.cycle.transitions.blindZ=function($cont,$slides,opts){var h=$cont.css("overflow","hidden").height();var w=$cont.width();opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts);opts.animIn.height=next.cycleH;opts.animOut.top=curr.cycleH;});opts.cssBefore={top:h,left:w};opts.animIn={top:0,left:0};opts.animOut={top:h,left:w};};$.fn.cycle.transitions.growX=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,false,true);opts.cssBefore.left=this.cycleW/2;opts.animIn={left:0,width:this.cycleW};opts.animOut={left:0};});opts.cssBefore={width:0,top:0};};$.fn.cycle.transitions.growY=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,false);opts.cssBefore.top=this.cycleH/2;opts.animIn={top:0,height:this.cycleH};opts.animOut={top:0};});opts.cssBefore={height:0,left:0};};$.fn.cycle.transitions.curtainX=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,false,true,true);opts.cssBefore.left=next.cycleW/2;opts.animIn={left:0,width:this.cycleW};opts.animOut={left:curr.cycleW/2,width:0};});opts.cssBefore={top:0,width:0};};$.fn.cycle.transitions.curtainY=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,false,true);opts.cssBefore.top=next.cycleH/2;opts.animIn={top:0,height:next.cycleH};opts.animOut={top:curr.cycleH/2,height:0};});opts.cssBefore={left:0,height:0};};$.fn.cycle.transitions.cover=function($cont,$slides,opts){var d=opts.direction||"left";var w=$cont.css("overflow","hidden").width();var h=$cont.height();opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts);if(d=="right"){opts.cssBefore.left=-w;}else{if(d=="up"){opts.cssBefore.top=h;}else{if(d=="down"){opts.cssBefore.top=-h;}else{opts.cssBefore.left=w;}}}});opts.animIn={left:0,top:0};opts.animOut={opacity:1};opts.cssBefore={top:0,left:0};};$.fn.cycle.transitions.uncover=function($cont,$slides,opts){var d=opts.direction||"left";var w=$cont.css("overflow","hidden").width();var h=$cont.height();opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,true,true);if(d=="right"){opts.animOut.left=w;}else{if(d=="up"){opts.animOut.top=-h;}else{if(d=="down"){opts.animOut.top=h;}else{opts.animOut.left=-w;}}}});opts.animIn={left:0,top:0};opts.animOut={opacity:1};opts.cssBefore={top:0,left:0};};$.fn.cycle.transitions.toss=function($cont,$slides,opts){var w=$cont.css("overflow","visible").width();var h=$cont.height();opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,true,true);if(!opts.animOut.left&&!opts.animOut.top){opts.animOut={left:w*2,top:-h/2,opacity:0};}else{opts.animOut.opacity=0;}});opts.cssBefore={left:0,top:0};opts.animIn={left:0};};$.fn.cycle.transitions.wipe=function($cont,$slides,opts){var w=$cont.css("overflow","hidden").width();var h=$cont.height();opts.cssBefore=opts.cssBefore||{};var clip;if(opts.clip){if(/l2r/.test(opts.clip)){clip="rect(0px 0px "+h+"px 0px)";}else{if(/r2l/.test(opts.clip)){clip="rect(0px "+w+"px "+h+"px "+w+"px)";}else{if(/t2b/.test(opts.clip)){clip="rect(0px "+w+"px 0px 0px)";}else{if(/b2t/.test(opts.clip)){clip="rect("+h+"px "+w+"px "+h+"px 0px)";}else{if(/zoom/.test(opts.clip)){var top=parseInt(h/2);var left=parseInt(w/2);clip="rect("+top+"px "+left+"px "+top+"px "+left+"px)";}}}}}}opts.cssBefore.clip=opts.cssBefore.clip||clip||"rect(0px 0px 0px 0px)";var d=opts.cssBefore.clip.match(/(\d+)/g);var t=parseInt(d[0]),r=parseInt(d[1]),b=parseInt(d[2]),l=parseInt(d[3]);opts.before.push(function(curr,next,opts){if(curr==next){return;}var $curr=$(curr),$next=$(next);$.fn.cycle.commonReset(curr,next,opts,true,true,false);opts.cssAfter.display="block";var step=1,count=parseInt((opts.speedIn/13))-1;(function f(){var tt=t?t-parseInt(step*(t/count)):0;var ll=l?l-parseInt(step*(l/count)):0;var bb=b<h?b+parseInt(step*((h-b)/count||1)):h;var rr=r<w?r+parseInt(step*((w-r)/count||1)):w;$next.css({clip:"rect("+tt+"px "+rr+"px "+bb+"px "+ll+"px)"});(step++<=count)?setTimeout(f,13):$curr.css("display","none");})();});opts.cssBefore={display:"block",opacity:1,top:0,left:0};opts.animIn={left:0};opts.animOut={left:0};};})(jQuery);<br /><br />//]]><br /></script><br /><br /><script type='text/javascript'><br />/* <![CDATA[ */<br />jQuery.noConflict();<br />jQuery(function(){ <br /> jQuery('ul.menu-primary').superfish({ <br /> animation: {opacity:'show'},<br />autoArrows: true,<br /> dropShadows: false, <br /> speed: 200,<br /> delay: 800<br /> });<br /> });<br /><br />jQuery(function(){ <br /> jQuery('ul.menu-secondary').superfish({ <br /> animation: {opacity:'show'},<br />autoArrows: true,<br /> dropShadows: false, <br /> speed: 200,<br /> delay: 800<br /> });<br /> });<br /><br />jQuery(document).ready(function() {<br /> jQuery('.fp-slides').cycle({<br /> fx: 'fade',<br /> timeout: 4000,<br /> delay: 0,<br /> speed: 1000,<br /> next: '.fp-next',<br /> prev: '.fp-prev',<br /> pager: '.fp-pager',<br /> continuous: 0,<br /> sync: 1,<br /> pause: 1,<br /> pauseOnPagerHover: 1,<br /> cleartype: true,<br /> cleartypeNoBg: true<br /> });<br /> });<br /><br />/* ]]> */<br /><br /></script><br /></pre><br />+ Tìm <b>]]></b:skin></b><br />thêm đoạn code sau vào trước nó:<br /><pre>/*-------------------- MBT jQuery Image Slider -------------*/<br />.featuredposts{border:1px solid #E9E7DE;<b><span style="color: red;">width:608px</span></b>;background:#FFF;margin:0 0 10px 0;<b><span style="color: red;">height:400px</span></b>;overflow:hidden;} <br />.fp-slides{} <br />.fp-post{padding:13px;} <br />.fp-thumbnail{border:3px solid #dddddd; width:580px;height:266px;margin-bottom:10px;overflow:hidden;} <br />.fp-thumbnail:hover{border:3px solid #CAC9C9; width:580px;height:266px;margin-bottom:10px;overflow:hidden;} <br />.fp-title{color:#787878;font:bold 14px Arial, Helvetica, Sans-serif;padding:0 0 4px 0;margin:0; text-transform:uppercase;} <br />.fp-title a{color:#000;text-decoration:none;} <br />.fp-title a:hover{color:#0080fF;text-decoration:none;} <br />.fp-label{color:#504D4D;margin:15px 15px 0 15px;padding:0;text-transform:uppercase;font:bold 16px/16px Arial,Helvetica,Sans-serif;} <br />.fp-post p{color:#504D4D;padding:0;margin:0;font:10px Arial,Helvetica,Sans-serif;height:32px;overflow:hidden;} <br />.fp-more,.fp-more:hover{color:#F77C04;font-weight:bold;} <br />.fp-nav{width:590px;padding:0px 10px;height:14px;} <br />.fp-pager a{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh70G5lGS8krwCD7ZCRuIJ2rkGlt-g2oxVuuAtvYj3CAe3YWLvlxaoAO5j_gzy1CM0ZvPD18RR7CUSbfjxP5ezUvYfUlbN5F8HK5lAQLpkcnHDs8IDzz-deZnzpCOUu6I1YbYu-pwxelOQ/s1600/featured-pager.png);cursor:pointer;margin:3px 6px 0 0;padding:0;height:10px;width:10px;display:block;float:left;overflow:hidden;text-indent:-999px;background-position:0 0;} <br />.fp-pager a:hover,.fp-pager a.activeSlide{text-decoration:none;background-position:0 -110px;} <br />.fp-prev{float:right;margin-right:4px;width:15px;height:17px;opacity:0.7;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg38oDBWRBgDyGim7fbxy5jOrj7x_Paf26JGCLQ9kKYhxYxxr_Dmf5s-0fBb5NYRwCgQICAtRlGN7MeKOAHRrWXmW_zn44W_S-b8d2v3LZA33SZwsmE5U3F4Molz6SF_IMkZIrY-euaFRU/s1600/featured-prev.png) top left no-repeat;} <br />.fp-prev:hover{opacity:1;} <br />.fp-prev:active{opacity:0.7;} <br />.fp-next{float:right;width:15px;height:17px;margin-left:4px;opacity:0.7;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjInY5fpQI_sxdadQLikoEqUbDhSWQImyEM0lwsxGs-5Cz_Nbd8uYieYaIBtfy8vTWYiiUUWBq7PpujfaEvhSLkiWkEtTwY7Lhjrbmler1i5E5IFNl87Asb5dZB78Nzc55dxtGcT4ZMAgg/s1600/featured-next.png;) top left no-repeat} <br />.fp-next:hover{opacity:1;} <br />.fp-next:active{opacity:0.7;}<br /></pre><br />+ Tìm  <b><div id='main-wrapper'></b><br /><div id="main-wrapper"></div>và thêm đoạn code sau vào trước nó:<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbbtL6BjpLXXC3s_qbS4OhT85of0nAxIHo86HcsxayPkuWlRXqpzlgF5SUsrOATE3-jvmfv639YtRC9Z4hhCyeU2b1v4ywuXeQ9kCgK1LbODz1Z8vIBhHde71_LzJN1dxVmdhQG-TZ2NM/s1600/vusteven-demo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbbtL6BjpLXXC3s_qbS4OhT85of0nAxIHo86HcsxayPkuWlRXqpzlgF5SUsrOATE3-jvmfv639YtRC9Z4hhCyeU2b1v4ywuXeQ9kCgK1LbODz1Z8vIBhHde71_LzJN1dxVmdhQG-TZ2NM/s1600/vusteven-demo.png" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: left;"><br /></div><pre><b:if cond='data:blog.pageType != "static_page"'> <br /><b:if cond='data:blog.pageType != "item"'><br /><br /><div class='featuredposts clearfix'><br /><div class='fp-slides'><br /><div class='fp-post'> <br /><div class='fp-thumbnail'><a href='<b><span style="color: red;">URL bài viết 1</span></b>'><img src='<b><span style="color: red;">URL hình ảnh 1</span></b>'/></a></div><h3 class='fp-title'><a href='<b><span style="color: red;">URL bài viết 1</span></b>'><span style="color: red;"><b>TITLE</b></span>...</a></h3> <p> <b><span style="color: red;">Mô tả</span></b>... </p> <br /></div><br /><div class='fp-post'> <br /><div class='fp-thumbnail'><a href='<b><span style="color: red;">URL bài viết 2</span></b>'><img src='<b><span style="color: red;">URL hình ảnh 2</span></b>'/></a></div> <br /><h3 class='fp-title'><a href='<b><span style="color: red;">URL bài viết 2</span></b>'><span style="color: red;"><b>TITLE</b></span>...</a></h3> <p> <b><span style="color: red;">Mô tả</span></b>... </p> <br /></div><br /><div class='fp-post'> <br /><div class='fp-thumbnail'><a href='<b><span style="color: red;">URL bài viết 3</span></b>'><img src='<b><span style="color: red;">URL hình ảnh 3</span></b>'/></a></div> <br /><h3 class='fp-title'><a href='<b><span style="color: red;">URL bài viết 3</span></b>'><span style="color: red;"><b>TITLE</b></span>...</a></h3> <p> <b><span style="color: red;">Mô tả</span></b>... </p> <br /></div><br /><div class='fp-post'> <br /><div class='fp-thumbnail'><a href='<b><span style="color: red;">URL bài viết 4</span></b>'><img src='<b><span style="color: red;">URL hình ảnh 4</span></b>'/></a></div> <br /><h3 class='fp-title'><a href='<b><span style="color: red;">URL bài viết 4</span></b>'><b style="color: red;">TITLE</b>...</a></h3> <p> <b><span style="color: red;">Mô tả</span></b>... </p> <br /></div><br /><div class='fp-post'> <br /><div class='fp-thumbnail'><a href='<b><span style="color: red;">URL bài viết 5</span></b>'><img src='<b><span style="color: red;">URL hình ảnh 5</span></b>'/></a></div> <br /><h3 class='fp-title'><a href='<b><span style="color: red;">URL bài viết 5</span></b>'><b style="color: red;">TITLE</b>...</a></h3> <p> <b><span style="color: red;">Mô tả.</span></b>.. </p> <br /></div><br /></div> <br /><div class='fp-nav clearfix'> <br /><span class='fp-pager'/> <br /><a class='fp-next' href='#fp-next'/> <br /><a class='fp-prev' href='#fp-prev'/> <br /></div> <br /> <br /></div><br /><br /></b:if></b:if><br /></pre><br /><span style="color: red;"><b>Chú ý:</b></span> bạn hãy thay các dòng <span style="color: red;"><b>màu đỏ</b></span> cho phù hợp với <a href="http://www.vusteven.info/"><b>blogger</b></a> của bạn nhé<br /><br /><b><span style="color: blue;">Chúc các bạn thành công</span></b>

jQuery trượt hình ảnh cho Blogger

Demo: + Đăng nhập Blogger => Thiết kế => Chỉnh sửa HTML   - Tìm  </head> thêm đoạn code sau vào trước nó <script src='ht...

Đọc thêm »

Thêm Sidebar bài viết mới đẹp cho blogger

<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJvyLsxHHNXZpNjaWwAB_eLB38_RAQGFaY0cbr_GMrtkk_bmTpTc_fjPomxCR28A5mZ-xrBADTxF5Lpes8uqpt68icj-QG4vrTovaaTd_GLpHq4UCBBGLuFMkzeCsvNaT3JnkdSygmASs/s1600/baivietmoi-vusteven.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJvyLsxHHNXZpNjaWwAB_eLB38_RAQGFaY0cbr_GMrtkk_bmTpTc_fjPomxCR28A5mZ-xrBADTxF5Lpes8uqpt68icj-QG4vrTovaaTd_GLpHq4UCBBGLuFMkzeCsvNaT3JnkdSygmASs/s1600/baivietmoi-vusteven.png" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Demo</td></tr></tbody></table><br />Hôm nay mình hướng dẫn các bạn thêm <b>Sidebar</b> bài viết mới cho <b>blogger</b> đẹp + chuẩn hơn hết là nhẹ ^^<br />có demo ngay trên trang <b><a href="http://www.vusteven.info/">Vũ Steven</a> </b><br /><b><br /></b> <b><br /></b> <b><br /></b><br /><br /><pre><style scoped="" type="text/css"><br />ul.rcentside *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}<br />ul.rcentside{font:normal normal 11px Verdana,Geneva,sans-serif}<br />ul.rcentside,ul.rcentside li{margin:0;padding:0;list-style:none;position:relative}<br />ul.rcentside{width:100%;height:500px}<br />ul.rcentside li{height:24.5%;position:absolute;padding:0;width:49.5%;float:left;overflow:hidden;display:none}<br />ul.rcentside li:nth-child(1),ul.rcentside li:nth-child(2),ul.rcentside li:nth-child(3),ul.rcentside li:nth-child(4){display:block}<br />ul.rcentside img{border:0;width:100%;height:100%}<br />ul.rcentside li:nth-child(1){width:100%;height:49.5%;margin:0 0 2px;left:0;top:0}<br />ul.rcentside li:nth-child(2){left:0;top:50%}<br />ul.rcentside li:nth-child(3){left:50.5%;top:50%}<br />ul.rcentside li:nth-child(4){width:100%;left:0;top:75%}<br />ul.rcentside .overlayx,ul.rcentside li{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}<br />ul.rcentside .overlayx{width:100%;height:100%;position:absolute;z-index:2;left:0;top:0;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIi8E1kBoa_ICbRjTb227HZMXSvUV15ALj1dUa6Gvugj7kEUnksSux_4cvPrVXyK3b694X44F-vHyjxGmgqx_UqQnC4m8C0zifgesev00K23xY5-PVjXiJbRzOVtBc2mDB2ZhJaE328h4/s1600/linebg-fade.png);background-position:50% 50%;background-repeat:repeat-x}<br />ul.rcentside .overlayx,ul.rcentside img{border:4px solid #2E8DCE;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}<br />ul.rcentside li:nth-child(1) .overlayx{background-position:50% 25%}<br />ul.rcentside .overlayx:hover{-ms-filter:"progid:DXImageTransform.Microsoft. Alpha(Opacity=10)";filter:alpha(opacity=10);-khtml-opacity:0.1;-moz-opacity:0.1;opacity:0.1}<br />ul.rcentside h4{position:absolute;bottom:30px;z-index:2;color:white;margin:0;width:100%;padding:0 10px;line-height:1.5em;font-family:Georgia,Times,"Times New Roman";font-weight:normal}<br />ul.rcentside li:nth-child(1) h4,ul.rcentside li:nth-child(4) h4{font-size:150%}<br />ul.rcentside .label_text{position:absolute;bottom:10px;left:10px;z-index:2;color:white;font-size:90%}<br />ul.rcentside li:nth-child(2) .autname,ul.rcentside li:nth-child(3) .autname{display:none}<br />.buttons{margin:5px 0 0}<br />.buttons a{display:inline-block;text-indent:-9999px;width:15px;height:25px;position:relative}<br />.buttons a::before{content:"";width:0;height:0;border-width:8px 7px;border-style:solid;border-color:transparent #535353 transparent transparent;position:absolute;top:50%;margin-top:-8px;margin-left:-10px;left:50%}<br />.buttons a.nextx::before{border-color:transparent transparent transparent #535353;margin-left:-3px}<br /></style><br /><div id="featuredpostside"></div><br /><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script><br /><script type="text/javascript">function FeaturedPostSide(a){(function(e){var h={blogURL:"",MaxPost:4,idcontaint:"",ImageSize:100,interval:5000,autoplay:false,loadingClass:"loadingxx",pBlank:"http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif",MonthNames:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],tagName:false};h=e.extend({},h,a);var g=e(h.idcontaint);var d=h.MaxPost*200;g.html('<div class="sliderx"><ul class="rcentside"></ul></div><div class="buttons"><a href="#" class="prevx">prev</a><a href="#" class="nextx">next</a></div>');var f=function(w){var q,k,m,u,x,p,t,v,r,l="",s=w.feed.entry;for(var o=0;o<s.length;o++){for(var n=0;n<s[o].link.length;n++){if(s[o].link[n].rel=="alternate"){q=s[o].link[n].href;break}}if("media$thumbnail" in s[o]){u=s[o].media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/s"+h.ImageSize+"-c")}else{u=h.pBlank.replace(/\/s[0-9]+(\-c|\/)/,"/s"+h.ImageSize+"$1")}k=s[o].title.$t;r=s[o].published.$t.substring(0,10);m=s[o].author[0].name.$t;x=r.substring(0,4);p=r.substring(5,7);t=r.substring(8,10);v=h.MonthNames[parseInt(p,10)-1];l+='<li><a target="_blank" href="'+q+'"><div class="overlayx"></div><img class="random" src="'+u+'"/><h4>'+k+'</h4></a><div class="label_text"><span class="date"><span class="dd">'+t+'</span> <span class="dm">'+v+'</span> <span class="dy">'+x+'</span></span> <span class="autname">'+m+"</span></div></li>"}e("ul",g).append(l).addClass(h.loadingClass)};var c=function(){e(h.idcontaint+" .nextx").click()};var b=function(){e.get((h.blogURL===""?window.location.protocol+"//"+window.location.host:h.blogURL)+"/feeds/posts/summary"+(h.tagName===false?"":"/-/"+h.tagName)+"?max-results="+h.MaxPost+"&orderby=published&alt=json-in-script",f,"jsonp");setTimeout(function(){e(h.idcontaint+" .prevx").click(function(){e(h.idcontaint+" .sliderx li:first").before(e(h.idcontaint+" .sliderx li:last"));return false});e(h.idcontaint+" .nextx").click(function(){e(h.idcontaint+" .sliderx li:last").after(e(h.idcontaint+" .sliderx li:first"));return false});if(h.autoplay){var i=h.interval;var j=setInterval(c,i);e(h.idcontaint+" .sliderx li:first").before(e(h.idcontaint+" .sliderx li:last"));e(h.idcontaint+" .sliderx").hover(function(){clearInterval(j)},function(){j=setInterval(c,i)})}e("ul",g).removeClass(h.loadingClass)},d)};e(document).ready(b)})(jQuery)};</script><br /><script type='text/javascript'><br />//<![CDATA[<br />FeaturedPostSide({<br />blogURL:"<b><span style="color: red;">http://www.vusteven.info</span></b>",<br />MaxPost:8,<br />idcontaint:"#featuredpostside",<br />ImageSize:300,<br />interval:5000,<br />autoplay:true,<br />tagName:false<br />});<br />//]]><br /></script><br /></pre><br /><b>Chú ý : bạn thay link</b> <b><span style="color: red;">http://www.vusteven.info </span>thành link của bạn nhen</b><br /><b><br /></b><b><span style="color: red; font-size: large;">Chúc các bạn thành công !</span></b>

Thêm Sidebar bài viết mới đẹp cho blogger

Demo Hôm nay mình hướng dẫn các bạn thêm  Sidebar bài viết mới cho blogger đẹp + chuẩn hơn hết là nhẹ ^^ có demo ngay trên trang Vũ Steven...

Đọc thêm »

Ông ý muốn cái...tù tì :D

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVbK1o9ECc_SXEmUaN4FDz8g2wjDowDLjn3l1nwQJOo0hY0bVWzA73pAvfIkhCkeItlGoSXFsSGZJd294O0i48aD5TZvwAhUEDvHPDMWfZFksyI_1butp1WsV6437sbVjuoyrnvP7A90M/s1600/ong+y+muon+gi+nao-+vusteven.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVbK1o9ECc_SXEmUaN4FDz8g2wjDowDLjn3l1nwQJOo0hY0bVWzA73pAvfIkhCkeItlGoSXFsSGZJd294O0i48aD5TZvwAhUEDvHPDMWfZFksyI_1butp1WsV6437sbVjuoyrnvP7A90M/s1600/ong+y+muon+gi+nao-+vusteven.JPG" /></a></div><br />

Ông ý muốn cái...tù tì :D

Đọc thêm »

10 thiên thần Victoria's Secret nóng bỏng

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjfR54zc7yZTI13DWH0EtNB_b5nrM3_k0Vy33d4BosiMCo5tHAvkqCxtL1fvy9WUmg7BiZWENNUePQjgUTbbJkUnqtjwlRZqiV9N5lygerYny98bpZdcTXQLQ27h-oltGgyx4eRKjAfm8/s1600/1-Miranda-Kerr-9979-1384858080.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjfR54zc7yZTI13DWH0EtNB_b5nrM3_k0Vy33d4BosiMCo5tHAvkqCxtL1fvy9WUmg7BiZWENNUePQjgUTbbJkUnqtjwlRZqiV9N5lygerYny98bpZdcTXQLQ27h-oltGgyx4eRKjAfm8/s1600/1-Miranda-Kerr-9979-1384858080.jpg" /></a></div><div class="separator" style="clear: both; text-align: left;">                   <b>Miranda Kerr</b></div><div class="separator" style="clear: both;">                   Không còn là thiên thần Victoria’s Secret kể từ năm nay, tuy nhiên siêu mẫu người </div><div class="separator" style="clear: both;">                  Australia là một trong những chân dài để lại nhiều ấn tượng của hãng nội y danh tiếng</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJpRTPkVYCULAnAqpgzNfkScPANR7Jb5BgP4Dqwfh8yLh2FDi4nvcLPvqZyo0ZeVHISfTcJT9IM8gRc2hw7ufAjgFTcLarPKmUFwZYQ4aSrIyUdwCu9h5NtgLly2Gj36jvTFnnMfx8DQU/s1600/2-Candice-Swanepoel-7231-1384858080.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJpRTPkVYCULAnAqpgzNfkScPANR7Jb5BgP4Dqwfh8yLh2FDi4nvcLPvqZyo0ZeVHISfTcJT9IM8gRc2hw7ufAjgFTcLarPKmUFwZYQ4aSrIyUdwCu9h5NtgLly2Gj36jvTFnnMfx8DQU/s1600/2-Candice-Swanepoel-7231-1384858080.jpg" /></a></div><div class="separator" style="clear: both; text-align: left;">                  <b> Candice Swanepoel</b></div><div class="separator" style="clear: both;">                  Từ khi gia nhập dàn thiên thần Victoria’s Secret năm 2010 tới nay, mỹ nhân Nam Phi </div><div class="separator" style="clear: both;">                  đã trở thành một trong những chân dài nổi bật của thương hiệu này với thành tích 3 năm </div><div class="separator" style="clear: both;">                  liền trở thành gương mặt trang bìa áo tắm</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsZy3U_UPkv-LkwquagdUJVxUbPDdJASOM7Sr-f0Bea_6HBIDUlW-u_iSTjpGgvJdd6c-cIdWcEWxyZGhJJUEyskKii3zmG9q0vz5v-BmGyDBSPxfR_sdgsIK-HDjMZUUuK1FqC-a-QqA/s1600/4-Alessandra-Ambrosio-9877-1384858080.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsZy3U_UPkv-LkwquagdUJVxUbPDdJASOM7Sr-f0Bea_6HBIDUlW-u_iSTjpGgvJdd6c-cIdWcEWxyZGhJJUEyskKii3zmG9q0vz5v-BmGyDBSPxfR_sdgsIK-HDjMZUUuK1FqC-a-QqA/s1600/4-Alessandra-Ambrosio-9877-1384858080.jpg" /></a></div><div class="separator" style="clear: both;">                   <b>Alessandra Ambrosio</b></div><div class="separator" style="clear: both;">                   Chân dài Brazil Alessandra Ambrosio lần đầu tiên đeo đôi cánh thiên thần năm 2004 </div><div class="separator" style="clear: both;">                   và liên tiếp gặt hái thành công từ sau đó với vai trò siêu mẫu nội y</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpmINUndXML-UQbfHUka62neRRXK0yZsGVHG-k0-G8fEay5mjptIs9SfOPH5PZzqZawyh8DF3_3UQ0_Okfxn04lMPq76vGMOmPdXgc0qYKKswYN0XN3ngyqOx7BqZxdqnPxkzIbFRzr5M/s1600/Doutzen-Kroes-8370-1384858080.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpmINUndXML-UQbfHUka62neRRXK0yZsGVHG-k0-G8fEay5mjptIs9SfOPH5PZzqZawyh8DF3_3UQ0_Okfxn04lMPq76vGMOmPdXgc0qYKKswYN0XN3ngyqOx7BqZxdqnPxkzIbFRzr5M/s1600/Doutzen-Kroes-8370-1384858080.jpg" /></a></div><div class="separator" style="clear: both; text-align: left;">                   <span style="background-color: white; font-family: arial; font-size: 13px; font-weight: 700;">Doutzen Kroes</span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdTlPzCcWfU9Y4kzH5KWz4XsXj9j0njBhjvCLoEbBFEMLGfBTifCq5y23fMy0gVETlYRVUI65b5ZEw0g-ZXOzokct3O7arHk2LOoFbsiXy71nF4jD9sSMP52QrB1Y-la3kNVSh7-u5NbI/s1600/5-Adriana-Lima-8190-1384858080.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdTlPzCcWfU9Y4kzH5KWz4XsXj9j0njBhjvCLoEbBFEMLGfBTifCq5y23fMy0gVETlYRVUI65b5ZEw0g-ZXOzokct3O7arHk2LOoFbsiXy71nF4jD9sSMP52QrB1Y-la3kNVSh7-u5NbI/s1600/5-Adriana-Lima-8190-1384858080.jpg" /></a></div><div class="separator" style="clear: both; text-align: left;">                   <span style="background-color: white; font-family: arial; font-size: 13px; font-weight: 700;">Adriana Lima</span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2vK9PBtN0duourHm8N-tDBybmJOF6d3kPPYI1IWZj6se1ynrTBlluTqFVvL9q3fvrayItaWgFNyQnNwU6hh_-pXqJxPAxqv4LEc3WlADqbtYDByvc7Gpp-RKWQkJW6tuF95w2gIf2MxY/s1600/6-Rosie-Huntington-Whiteley-6820-1384858080.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2vK9PBtN0duourHm8N-tDBybmJOF6d3kPPYI1IWZj6se1ynrTBlluTqFVvL9q3fvrayItaWgFNyQnNwU6hh_-pXqJxPAxqv4LEc3WlADqbtYDByvc7Gpp-RKWQkJW6tuF95w2gIf2MxY/s1600/6-Rosie-Huntington-Whiteley-6820-1384858080.jpg" /></a></div><div class="separator" style="clear: both; text-align: left;">                   <b>Rosie Huntington-Whiteley</b></div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPdQ8N9pQd0QJhxzbDYnPke-d5uyl3NTVeGqFUHmIrVAv_4LgjfJrtfVj3wjEsUafLj5SnVmF2yZ4__FcQPNjOVOOrtEgRWYE936LAcRik5NZECsDOlg2gwxJ4w-QupWUZKSf7mT6DSyU/s1600/7-Gisele-Bundchen-5773-1384858080.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPdQ8N9pQd0QJhxzbDYnPke-d5uyl3NTVeGqFUHmIrVAv_4LgjfJrtfVj3wjEsUafLj5SnVmF2yZ4__FcQPNjOVOOrtEgRWYE936LAcRik5NZECsDOlg2gwxJ4w-QupWUZKSf7mT6DSyU/s1600/7-Gisele-Bundchen-5773-1384858080.jpg" /></a></td></tr><tr><td class="tr-caption" style="text-align: left;"><b>Gisele Bundchen</b></td></tr></tbody></table><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_btJDIvsmJLwuWoBXBRozLLN9h-XM6V6P8-lG4GO7SWA5RQlvHba52LoLJmivzYhFphnF9ZJH1uQURLfRXyeYs8Oqf3wZKqzlfoSXB3zoptpI0IZKm3bv8u-FOBxOElKEPiNSI9fFzp8/s1600/8-Heidi-Klum-5149-1384858080.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_btJDIvsmJLwuWoBXBRozLLN9h-XM6V6P8-lG4GO7SWA5RQlvHba52LoLJmivzYhFphnF9ZJH1uQURLfRXyeYs8Oqf3wZKqzlfoSXB3zoptpI0IZKm3bv8u-FOBxOElKEPiNSI9fFzp8/s1600/8-Heidi-Klum-5149-1384858080.jpg" /></a></td></tr><tr><td class="tr-caption" style="text-align: left;"><span style="background-color: white; font-family: arial; font-weight: 700;">Heidi Klum</span></td></tr></tbody></table><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT9cW-v8suV4tp0HTUZr3seE2FkZb1e5n4kPzHaSWFbWkHFbaSe7sjQV62lt20LjWOjhNdiPKT7RRFgcppZYvSmc8QSmLqK1p8DT8NirTIQOPotACYUw8en_0Twti-_qg8ZUNDdUrDJuo/s1600/9-Lily-Aldridge-1282-1384858081.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT9cW-v8suV4tp0HTUZr3seE2FkZb1e5n4kPzHaSWFbWkHFbaSe7sjQV62lt20LjWOjhNdiPKT7RRFgcppZYvSmc8QSmLqK1p8DT8NirTIQOPotACYUw8en_0Twti-_qg8ZUNDdUrDJuo/s1600/9-Lily-Aldridge-1282-1384858081.jpg" /></a></div><div class="separator" style="clear: both; text-align: left;"><span style="background-color: white; font-family: arial; font-size: 13px; font-weight: 700;">                  </span><span style="background-color: white; font-family: arial; font-size: 13px; font-weight: 700;">Lily Aldridge</span></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;"><span style="background-color: white; font-family: arial; font-size: 13px; font-weight: 700;"><br /></span></div><div class="separator" style="clear: both;"><br /></div><br />

10 thiên thần Victoria's Secret nóng bỏng

                    Miranda Kerr                    Không còn là thiên thần Victoria’s Secret kể từ năm nay, tuy nhiên siêu mẫu người       ...

Đọc thêm »