News 19 - Premium

share template Sevida chuẩn seo

share template Sevida chuẩn seo

Demo Online - DownloadHôm nay mình share template blogger chuẩn seo cho các bạn,mình thấy template này khá hay,có thể làm 1 trang blogger cá nhân hoặc làm 1 trang tin tức chuyên nghiệpChúc các bạn thà…

Đọc thêm »

02Dec2013

Menu ngang tap 2 cột cho blogger

Menu ngang tap 2 cột cho blogger

DemoDemo Online+Hôm nay mình giới thiệu cho bạn 1 thủ thuật blogger, Đây là một menu ngang rất đẹp trong đó các tab phụ của nó được hiển thị trong hai cột và cũng được thực hiện với CSS,+"Lợi thế" của…

Đọc thêm »

02Dec2013

Làm danh sách youtube cho blogger của bạ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/AVvXsEi9q0wYn5YMMaYeovOnXCctdAnbR1WsEFqWBXXFPs86L9ghBOyfqLHN65FE_iu6zHg_qOxHOl-u9ZCud2eFVU8NGYMSjFJdOvMwWyF8HQjhhSmL6F6w1F1HwWY4LDCv3cTUC9lcpO0ki7k/s1600/thu-thuat-blogger---vusteven.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9q0wYn5YMMaYeovOnXCctdAnbR1WsEFqWBXXFPs86L9ghBOyfqLHN65FE_iu6zHg_qOxHOl-u9ZCud2eFVU8NGYMSjFJdOvMwWyF8HQjhhSmL6F6w1F1HwWY4LDCv3cTUC9lcpO0ki7k/s1600/thu-thuat-blogger---vusteven.png" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Demo</td></tr></tbody></table><div style="text-align: center;"><a href="http://vusteven-new2.blogspot.com/">Demo Online</a></div><div style="text-align: center;"> </div><div style="text-align: left;">Hôm nay mình hướng dẫn bạn 1 thủ thuật blogger tạo ra một bộ sưu tập video YouTube sử dụng jQuery. </div><div style="text-align: left;">+ Đăng nhập Blogger -- Mẫu -- Chỉnh sửa HTML</div><div style="text-align: left;"> - Tìm </head> và thêm đoạn code sau vào trước nó </div><pre><script> //<![CDATA[ /*share vustven.info*/ (function($) { $.fn.hoverscroll = function(params) { if (!params) { params = {}; } params = $.extend({}, $.fn.hoverscroll.params, params); this.each(function() { var $this = $(this); if (params.debug) {$.log('[HoverScroll] Trying to create hoverscroll on element ' + this.tagName + '#' + this.id);} if (params.fixedArrows) { $this.wrap('<div class="fixed-listcontainer"></div>') } else { $this.wrap('<div class="listcontainer"></div>'); } $this.addClass('list'); var listctnr = $this.parent(); listctnr.wrap('<div class="ui-widget-content hoverscroll' + (params.rtl && !params.vertical ? " rtl" : "") + '"></div>'); //listctnr.wrap('<div class="hoverscroll"></div>'); var ctnr = listctnr.parent(); var leftArrow, rightArrow, topArrow, bottomArrow; if (params.arrows) { if (!params.vertical) { if (params.fixedArrows) { leftArrow = '<div class="fixed-arrow left"></div>'; rightArrow = '<div class="fixed-arrow right"></div>'; listctnr.before(leftArrow).after(rightArrow); } else { leftArrow = '<div class="arrow left"></div>'; rightArrow = '<div class="arrow right"></div>'; listctnr.append(leftArrow).append(rightArrow); } } else { if (params.fixedArrows) { topArrow = '<div class="fixed-arrow top"></div>'; bottomArrow = '<div class="fixed-arrow bottom"></div>'; listctnr.before(topArrow).after(bottomArrow); } else { topArrow = '<div class="arrow top"></div>'; bottomArrow = '<div class="arrow bottom"></div>'; listctnr.append(topArrow).append(bottomArrow); } } } ctnr.width(params.width).height(params.height); if (params.arrows && params.fixedArrows) { if (params.vertical) { topArrow = listctnr.prev(); bottomArrow = listctnr.next(); listctnr.width(params.width) .height(params.height - (topArrow.height() + bottomArrow.height())); } else { leftArrow = listctnr.prev(); rightArrow = listctnr.next(); listctnr.height(params.height) .width(params.width - (leftArrow.width() + rightArrow.width())); } } else { listctnr.width(params.width).height(params.height); } var size = 0; if (!params.vertical) { ctnr.addClass('horizontal'); $this.children().each(function() { $(this).addClass('item'); if ($(this).outerWidth) { size += $(this).outerWidth(true); } else { size += $(this).width() + parseInt($(this).css('padding-left')) + parseInt($(this).css('padding-right')) + parseInt($(this).css('margin-left')) + parseInt($(this).css('margin-right')); } }); $this.width(size); if (params.debug) { $.log('[HoverScroll] Computed content width : ' + size + 'px'); } if (ctnr.outerWidth) { size = ctnr.outerWidth(); } else { size = ctnr.width() + parseInt(ctnr.css('padding-left')) + parseInt(ctnr.css('padding-right')) + parseInt(ctnr.css('margin-left')) + parseInt(ctnr.css('margin-right')); } if (params.debug) { $.log('[HoverScroll] Computed container width : ' + size + 'px'); } } else { ctnr.addClass('vertical'); $this.children().each(function() { $(this).addClass('item') if ($(this).outerHeight) { size += $(this).outerHeight(true); } else { size += $(this).height() + parseInt($(this).css('padding-top')) + parseInt($(this).css('padding-bottom')) + parseInt($(this).css('margin-bottom')) + parseInt($(this).css('margin-bottom')); } }); $this.height(size); if (params.debug) { $.log('[HoverScroll] Computed content height : ' + size + 'px'); } if (ctnr.outerHeight) { size = ctnr.outerHeight(); } else { size = ctnr.height() + parseInt(ctnr.css('padding-top')) + parseInt(ctnr.css('padding-bottom')) + parseInt(ctnr.css('margin-top')) + parseInt(ctnr.css('margin-bottom')); } if (params.debug) { $.log('[HoverScroll] Computed container height : ' + size + 'px'); } } var zone = { 1: {action: 'move', from: 0, to: 0.06 * size, direction: -1 , speed: 16}, 2: {action: 'move', from: 0.06 * size, to: 0.15 * size, direction: -1 , speed: 8}, 3: {action: 'move', from: 0.15 * size, to: 0.25 * size, direction: -1 , speed: 4}, 4: {action: 'move', from: 0.25 * size, to: 0.4 * size, direction: -1 , speed: 2}, 5: {action: 'stop', from: 0.4 * size, to: 0.6 * size}, 6: {action: 'move', from: 0.6 * size, to: 0.75 * size, direction: 1 , speed: 2}, 7: {action: 'move', from: 0.75 * size, to: 0.85 * size, direction: 1 , speed: 4}, 8: {action: 'move', from: 0.85 * size, to: 0.94 * size, direction: 1 , speed: 8}, 9: {action: 'move', from: 0.94 * size, to: size, direction: 1 , speed: 16} } ctnr[0].isChanging = false; ctnr[0].direction = 0; ctnr[0].speed = 1; function checkMouse(x, y) { x = x - ctnr.offset().left; y = y - ctnr.offset().top; var pos; if (!params.vertical) {pos = x;} else {pos = y;} for (i in zone) { if (pos >= zone[i].from && pos < zone[i].to) { if (zone[i].action == 'move') {startMoving(zone[i].direction, zone[i].speed);} else {stopMoving();} } } } function setArrowOpacity() { if (!params.arrows || params.fixedArrows) {return;} var maxScroll; var scroll; if (!params.vertical) { maxScroll = listctnr[0].scrollWidth - listctnr.width(); scroll = listctnr[0].scrollLeft; } else { maxScroll = listctnr[0].scrollHeight - listctnr.height(); scroll = listctnr[0].scrollTop; } var limit = params.arrowsOpacity; var opacity = (scroll / maxScroll) * limit; if (opacity > limit) { opacity = limit; } if (isNaN(opacity)) { opacity = 0; } var done = false; if (opacity <= 0) { $('div.arrow.left, div.arrow.top', ctnr).hide(); if(maxScroll > 0) { $('div.arrow.right, div.arrow.bottom', ctnr).show().css('opacity', limit); } done = true; } if (opacity >= limit || maxScroll <= 0) { $('div.arrow.right, div.arrow.bottom', ctnr).hide(); done = true; } if (!done) { $('div.arrow.left, div.arrow.top', ctnr).show().css('opacity', opacity); $('div.arrow.right, div.arrow.bottom', ctnr).show().css('opacity', (limit - opacity)); } } function startMoving(direction, speed) { if (ctnr[0].direction != direction) { if (params.debug) { $.log('[HoverScroll] Starting to move. direction: ' + direction + ', speed: ' + speed); } stopMoving(); ctnr[0].direction = direction; ctnr[0].isChanging = true; move(); } if (ctnr[0].speed != speed) { if (params.debug) { $.log('[HoverScroll] Changed speed: ' + speed); } ctnr[0].speed = speed; } } function stopMoving() { if (ctnr[0].isChanging) { if (params.debug) { $.log('[HoverScroll] Stoped moving'); } ctnr[0].isChanging = false; ctnr[0].direction = 0; ctnr[0].speed = 1; clearTimeout(ctnr[0].timer); } } function move() { if (ctnr[0].isChanging == false) {return;} setArrowOpacity(); var scrollSide; if (!params.vertical) {scrollSide = 'scrollLeft';} else {scrollSide = 'scrollTop';} listctnr[0][scrollSide] += ctnr[0].direction * ctnr[0].speed; ctnr[0].timer = setTimeout(function() {move();}, 50); } if (params.rtl && !params.vertical) { listctnr[0].scrollLeft = listctnr[0].scrollWidth - listctnr.width(); } ctnr .mousemove(function(e) {checkMouse(e.pageX, e.pageY);}) .bind('mouseleave', function() {stopMoving();}); this.startMoving = startMoving; this.stopMoving = stopMoving; if (params.arrows && !params.fixedArrows) { // Initialise arrow opacity setArrowOpacity(); } else { // Hide arrows $('.arrowleft, .arrowright, .arrowtop, .arrowbottom', ctnr).hide(); } }); return this; }; if (!$.fn.offset) { $.fn.offset = function() { this.left = this.top = 0; if (this[0] && this[0].offsetParent) { var obj = this[0]; do { this.left += obj.offsetLeft; this.top += obj.offsetTop; } while (obj = obj.offsetParent); } return this; } } $.fn.hoverscroll.params = { vertical: false, width: 400, height: 50, arrows: true, arrowsOpacity: 0.7, fixedArrows: false, rtl: false, debug: false }; $.log = function() { try {console.log.apply(console, arguments);} catch (e) { try {opera.postError.apply(opera, arguments);} catch (e) {} } }; })(jQuery); $(function(){ $("#vusteven-tabs a").click(function(){ var container = $("#vusteven-content"); container.html("<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcS2hbQ94SirBm2ak_DpYUM9q3x6UkcU25yshh_KV8rpoNDx2U9yJxr_eT_nGmM2tVbKpC5NrPTxPsWG-AX8Rf6skuvUwFU6XK_Cu7yDu6r4Bjs2PJDbukl4fLXV5WI4w9n8iOFAE2ju_x/s1600/loading.png' class='loading-vid' />"); var id = $(this).attr("href").slice(1); loadvideo(id); return false; }); $("#vusteven-tabs").hoverscroll({vertical:true,width:8,height:330,arrows:false}); $("#vusteven-tabs li").hover(function(){$(this).addClass("hover");},function(){$(this).removeClass("hover");}); loadvideo(); }); function loadvideo (hash){if(hash){hash = hash.slice(3);$("#vusteven-content").html(video[hash]);$("#vusteven-tabs li").removeClass("actVid");$("#vusteven-tabs a[href=#vid"+hash+"]").parent().addClass("actVid");}else{$("#vusteven-content").html(video[1]);$("#vusteven-tabs li").removeClass("actVid");$("#vusteven-tabs a[href=#vid1]").parent().addClass("actVid");}} //]]> </script> </pre> + Tìm ]]></b:skin> và thêm đoạn code sau vào trước nó <pre>/* share vusteven.info */ #vusteven { background:#000; clear:both; margin:0 auto; padding:5px; width:619px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #vusteven, #vusteven-content, #vusteven-tabs {height:350px;overflow:hidden;} #vusteven-content {color:#fff;float:left;text-align:center;width:460px;z-index:1;} .loading-vid {display:block;margin:165px auto 0;} #vusteven-tabs {float:right;width:300px;margin:0;} #vusteven-tabs li {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhogJ7h0mJvYEuNYvGslV0Lgvzx0oapIHPZOGwV9Emsohf3FijbGFh0cv2v9IvZR5cMEGBBQFEBnAhS7RiB7YVBh1Om5fw4we8vhmb2Vs-V0W-p-QjMSUkR1HVR-fZ-qIFBozFa8B8v3n33/s1600/tab_backgr.jpeg) repeat-x top left;float:right;height:60px;padding:5px;width:145px;list-style:none;} #vusteven-tabs li a {padding:0 !important;border:0 !important;} #vusteven-tabs li.hover {background:#333;} #vusteven-tabs li.actVid {background:#555;} #vusteven-tabs li img.thumb-vid {background-color:#fff;float:left;height:52px;margin:0 8px 0 0;padding:5px;width:52px;} #vusteven-tabs li span.vidTit { display:block; color:#CD332D; font-size:14px; font-weight:bold; text-decoration:none; } #vusteven-tabs li .vidDesc { display:block; color:#fff; font-size:12px; font-weight:bold; text-decoration:none; } #vusteven-tabs a {text-decoration:none;} #vusteven-tabs li.actVid .vidDesc {color:#fff;} .ui-widget-content{float:right;} .tabs-outer {background-image: none !important;} #vusteven-tabs li a:hover {background: none !important;} </pre> - Lưu lại-- Bố cục -- Thêm tiện ích HTML / Javascript <pre><script> var video = []; video[1] = '<iframe width="460" height="345" src="http://www.youtube.com/embed/DLOfRNo7sFw" frameborder="0" allowfullscreen></iframe>'; video[2] = '<iframe width="460" height="345" src="http://www.youtube.com/embed/MZ61J9AhXEA" frameborder="0" allowfullscreen></iframe>'; video[3] = '<iframe width="460" height="345" src="http://www.youtube.com/embed/NIDopi1ZEPE" frameborder="0" allowfullscreen></iframe>'; video[4] = '<iframe width="460" height="345" src="http://www.youtube.com/embed/video_ID_4" frameborder="0" allowfullscreen></iframe>'; video[5] = '<iframe width="460" height="345" src="http://www.youtube.com/embed/video_ID_5" frameborder="0" allowfullscreen></iframe>'; </script> <div id="vusteven"> <div id="vusteven-content"></div> <ul id="vusteven-tabs"> <li><a href="#vid1"><img src="//i2.ytimg.com/vi/DLOfRNo7sFw/default.jpg" class="thumb-vid" />Phúc BCS Những mảnh đời </a></li> <li><a href="#vid2"><img src="//i2.ytimg.com/vi/MZ61J9AhXEA/default.jpg" class="thumb-vid" />BoulevardDan Byrd (VietSub)</a></li> <li><a href="#vid3"><img src="//i2.ytimg.com/vi/NIDopi1ZEPE/default.jpg" class="thumb-vid" />Unbreak my heart Darin (VietSub)</a></li> <li><a href="#vid4"><img src="//i2.ytimg.com/vi/video_ID_4/default.jpg" class="thumb-vid" />Video NameVideo Description</a></li> <li><a href="#vid5"><img src="//i2.ytimg.com/vi/video_ID_5/default.jpg" class="thumb-vid" />Video NameVideo Description</a></li> </ul> </div></pre> Chúc các bạn thành công

Làm danh sách youtube cho blogger của bạn

DemoDemo OnlineHôm nay mình hướng dẫn bạn 1 thủ thuật blogger tạo ra một bộ sưu tập video YouTube sử dụng jQuery. + Đăng nhập Blogger -- Mẫu -- Chỉnh sửa HTML - Tìm và thêm đoạn code sau vào trước nó…

Đọc thêm »

02Dec2013

Download Microsoft Office 2013 full bằng 1 link

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXpbxQH7JdK2o2Dq-11C9fXz5GPaY8C4udR3ER5DmLIXKSImdmiqTMeXWxDpkcEb64_GHGQp8J3QWdxhCopagnbC6DoTm-wcp8Lw9ACrJgIBw6IQmXxoRkIqydich0Gwusza7tVeAjHUE/s1600/OfficeProfessionalPlus+2013-+vusteven.info.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXpbxQH7JdK2o2Dq-11C9fXz5GPaY8C4udR3ER5DmLIXKSImdmiqTMeXWxDpkcEb64_GHGQp8J3QWdxhCopagnbC6DoTm-wcp8Lw9ACrJgIBw6IQmXxoRkIqydich0Gwusza7tVeAjHUE/s320/OfficeProfessionalPlus+2013-+vusteven.info.jpg" width="320" /></a></div>Để giúp cho các bạn thêm phần thuận tiện,hôm nay <a href="http://vusteven.info/">vusteven.info</a> chia sẻ cho các bạn link Download Microsoft Office 2013 full ,với tốc độ download rất nhanh, + Microsoft Office 2013 Professional Plus (32-bit)  - <a href="http://113.171.224.242/videoplayer/X18-65189.iso?ich_u_r_i=05fab96aabd4eb4b890e4d9625179ba6&ich_s_t_a_r_t=0&ich_e_n_d=0&ich_k_e_y=1345128902751063092430&ich_t_y_p_e=1&ich_d_i_s_k_i_d=1&ich_u_n_i_t=1">Download</a> + Microsoft Office 2013 Professional Plus (64-bit)  - <a href="http://113.171.224.242/videoplayer/OfficeProfessionalPlus_x64_en-us.img?ich_u_r_i=f5ac9abd1b3f3aac9422ccc27e626619&ich_s_t_a_r_t=0&ich_e_n_d=0&ich_k_e_y=1345128902751063112476&ich_t_y_p_e=1&ich_d_i_s_k_i_d=6&ich_u_n_i_t=1">Download</a> Hoặc : <a href="http://113.171.224.245/videoplayer/X18-65700.iso?ich_u_r_i=5c2cf352a9edcd1cd11de1235a314f41&ich_s_t_a_r_t=0&ich_e_n_d=0&ich_k_e_y=1345128902751063112476&ich_t_y_p_e=1&ich_d_i_s_k_i_d=10&ich_u_n_i_t=1">Download</a> + Chú ý: Nếu bạn đang sử dụng <a href="http://www.vusteven.info/search/label/Th%E1%BB%A7%20thu%E1%BA%ADt%20windows?max-results=10">Windows 8</a> chỉ cần nhấp đúp là có thể mở file và cài đặt File có định dạng IMG một cách đơn giản. + Up thêm link cho các bạn +Office 2013 32Bit | 890.3 MB - <a href="https://mega.co.nz/#!HU0TUAiI!KtL2xhIA4VmMh0ljdNu-ISpM4b9rnCmK">Download</a> +Oficce 2013 64Bit | 985.0 MB  - <a href="https://mega.co.nz/#!WU0nmaRL!a7kZWlc0AmaXwUyofkngQyOizd066-kn6ANQk">Download</a> Chúc các bạn thành công ! <div> </div>

Download Microsoft Office 2013 full bằng 1 link

Để giúp cho các bạn thêm phần thuận tiện,hôm nay vusteven.info chia sẻ cho các bạn link Download Microsoft Office 2013 full ,với tốc độ download rất nhanh,+ Microsoft Office 2013 Professional Plus (32…

Đọc thêm »

02Dec2013

Thêm nút trả lời cho blogger comment

Thêm nút trả lời cho blogger comment

DemoTrong bài viết này mỉnh sẽ hướng dẫn bạn thêm nút trả lời cho blogger,+ Đang nhập blogger --- Mẫu --- Chỉnh sửa HTML - Tìm và thêm vào sao nó đoạn code sauBLOG-ID&postID=" + data:post.id + "&isP…

Đọc thêm »

01Dec2013

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

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

DemoDemo OnlineHô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 2 click là xong+ Đăng nhập Blogger -- Bố cục -- Thêm tiện ích --…

Đọc thêm »

30Nov2013

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

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

DemoDemo Online - DownloadHô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 trang tin tức…

Đọc thêm »

30Nov2013

Load more posts

News 19 - Premium

Giới thiệu về tôi

Lưu trữ Blog

share template Sevida chuẩn seo

Menu ngang tap 2 cột cho blogger

Làm danh sách youtube cho blogger của bạn

Download Microsoft Office 2013 full bằng 1 link

Thêm nút trả lời cho blogger comment

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

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

Giải trí

Thủ thuật windows

Thủ thuật SEO

Thủ thuật blogger

Template

Fanpage

New Comments

Vũ Steven