Demo Vusteven 2014 New7

share template Sevida chuẩn seo

share template Sevida chuẩn seo

Demo Online - Download Hô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 blogge...

Đọc thêm »

Menu ngang tap 2 cột cho blogger

Unknown 0 Thủ thuật blogger 04:56

Menu ngang tap 2 cột cho blogger

Demo Demo 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...

Đọc thêm »

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

Unknown 0 Thủ thuật blogger 03:57

<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/AVvXsEiOHa-8wrk9m3c_O9KCvfj1JcffRpOI5Lcv4cPD2ZWowbqvo8uDqRtTa-MPmh6emnI9MBKx_w3FEZ3t-jI8hMfVuQntTmhuWOqaGpEnD5ARfzBbIKL_H_I15x5ciw91mWtxCODDm55OJ7w/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/AVvXsEiOHa-8wrk9m3c_O9KCvfj1JcffRpOI5Lcv4cPD2ZWowbqvo8uDqRtTa-MPmh6emnI9MBKx_w3FEZ3t-jI8hMfVuQntTmhuWOqaGpEnD5ARfzBbIKL_H_I15x5ciw91mWtxCODDm55OJ7w/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/AVvXsEjchmjsMOHIFmyaA74PUlwIlVYu17TD0iCkd7oYRKQxgmfX_VyLsNWdxcmTBhndjSJhQnNx-b3qDyuYKy8ihuu0H_RXjIWkg_MnBC1D6r5SxCfoHkQnRLSQJg63XbWilXtaC2DqytBlVKPx/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/AVvXsEjkHKF5hcl7pOFjzrhAwTLafOf_l4WjxCX5wqnzA_ddnEzhqPhBTA5PPDrUR_biTdgDjbSTjS2EU97IyQ2yJls2m_DTsvcuPD4nV333HPc5mFh6sVRvJMmys3tXY80gBUaXsrquR47wJv1_/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

Demo Demo Online 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 . + Đăng nhập Blogger ...

Đọc thêm »

Download Microsoft Office 2013 full bằng 1 link

Unknown 0 Phần mềm hay 02:16

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmOG6hR8Q_8Fj8ctSXLFKw0OAEh-1V8Twput2QGWpXKT_HnkhWjf_UUVrgB7Ud9lB-WutPjF-bzfQTI8zML7as4_zKo__uMNqFJ2Zd60YSYGUp6QU9S10QHIIbA7VO012lJGPV0xJ0TRQ/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/AVvXsEhmOG6hR8Q_8Fj8ctSXLFKw0OAEh-1V8Twput2QGWpXKT_HnkhWjf_UUVrgB7Ud9lB-WutPjF-bzfQTI8zML7as4_zKo__uMNqFJ2Zd60YSYGUp6QU9S10QHIIbA7VO012lJGPV0xJ0TRQ/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 độ do...

Đọc thêm »

Giới thiệu về tôi

Lưu trữ Blog

Game private

Web templates

Thủ thuật SEO

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

Web Design

Thủ thuật blogger

Thủ thuật SEO

Phần mềm hay

Web template

Bài đăng phổ biến

New Comment

Fanpage