Demo iDesign: Thủ Thuật Blogspot

Share Code Pháo Hoa Trang Trí Cho Blogspot Cực Đẹp

Ngồi rảnh rỗi nên lượm được ít <a href="http://www.lichblog.com/2017/01/share-code-phao-hoa-trang-tri-cho-blogspot-cuc-dep.html" target="_blank">code pháo hoa trang trí cho blog cực đẹp</a> về chia sẻ cho mọi người để trang trí blog vào dịp tết nguyên đán. <div> </div><div>Chơi xong mọi người nhớ gỡ ra nhé.! vì trong code 1 có đống Javascript không tốt lắm cho blog của chúng ta. </div><div>Vào vấn đề luôn nhé.! </div><div> </div><div style="text-align: center;">Hiệu ứng pháo hoa 1</div><div class="separator" style="clear: both; text-align: center;"></div> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMkkcBd5d2jHLYCbM6KjokdnrdyNzdFG4IufGmA_2dpLnHJ7GBiMYdIne_A-eDhb6iwKMKbTu20W1gsllbiCyZvlYW2Tx1CEI607UJZdO0tNX2xGbeoLb-eLrzZf0b_EwqgVtw_od_zEUA/s1600/code+phao+hoa+trang+tri+cho+blogspot+cuc+dep-min.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="code-phao-hoa-trang-tri-cho-blog-cuc-dep" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMkkcBd5d2jHLYCbM6KjokdnrdyNzdFG4IufGmA_2dpLnHJ7GBiMYdIne_A-eDhb6iwKMKbTu20W1gsllbiCyZvlYW2Tx1CEI607UJZdO0tNX2xGbeoLb-eLrzZf0b_EwqgVtw_od_zEUA/s1600/code+phao+hoa+trang+tri+cho+blogspot+cuc+dep-min.png" title="Code Pháo Hoa Trang Trí Cho Blog Cực Đẹp" /></a></div><div class="separator" style="clear: both; text-align: center;"> </div><div class="separator" style="clear: both;">CÀI ĐẶT</div><div class="separator" style="clear: both;"> </div><div class="separator" style="clear: both;">Bước 1:</div><div class="separator" style="clear: both;">Thêm đoạn HTML vào ngay sau <body> </div><pre style="-webkit-text-stroke-width: 0px; background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiindIjm8RyfJZ67q83AUuAx_356Oi438rCjnsQrSg5-soSlOB2HYxl6e3PHqvtM94wmBe3XsgBOwpJi8mih0AW8gqNYxfcHsWMDiSg-M0135LiH5q8HZVNjofHpK8HpEjQv63o9kq9u3U/s1600/dauto-blog.png") center top repeat rgb(255, 255, 255); border: 1px solid rgb(153, 153, 153); box-sizing: border-box; color: #444444; display: block; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 10px 0px; orphans: 2; overflow: auto; padding: 19px 19px 17px; text-align: left; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px;"><canvas height='900' id='canvas' style='position:fixed;width:100%;pointer-events:none;z-index:9999;' width='1440'/></pre><div class="separator" style="clear: both;"> </div><div class="separator" style="clear: both;">Bước 2:</div><div class="separator" style="clear: both;">Thêm javascript sau vào trước </body> </div><pre class="pre-formatting" style="-webkit-text-stroke-width: 0px; background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiindIjm8RyfJZ67q83AUuAx_356Oi438rCjnsQrSg5-soSlOB2HYxl6e3PHqvtM94wmBe3XsgBOwpJi8mih0AW8gqNYxfcHsWMDiSg-M0135LiH5q8HZVNjofHpK8HpEjQv63o9kq9u3U/s1600/dauto-blog.png") center top repeat rgb(255, 255, 255); border-top-left-radius: 20px; border: 1px solid rgb(153, 153, 153); box-sizing: border-box; color: #444444; display: block; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; height: 300px; letter-spacing: normal; margin: 10px 0px; orphans: 2; overflow: auto; padding: 19px 19px 17px; text-align: left; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px;"><script type='text/javascript'> //<![CDATA[ window.onload = function(){ var canvas = document.getElementById("canvas"), ctx = canvas.getContext("2d"), cw = window.innerWidth, ch = window.innerHeight, fireworks = [], particles = [], hue = 120, limiterTotal = 20, limiterTick = 0, timerTotal = 30, randomTime = 0, timerTick = 0, mousedown = false, mx, my; canvas.width = cw; canvas.height = ch; //$('canvas').css("background-size":cw); // var snd = new Audio("http://soundjax.com/reddo/38563%5EFirework.mp3"); // buffers automatically when created var snd = new Audio("http://soundjax.com/reddo/51715%5Efirework.mp3"); // now we are going to setup our function placeholders for the entire demo // get a random number within a range function random( min, max ) { return min + Math.random()*(max-min); } // calculate the distance between two points function calculateDistance( p1x, p1y, p2x, p2y ) { return Math.sqrt((p1x-p2x)*(p1x-p2x) + (p1y-p2y)*(p1y-p2y)); } // create firework function Firework( sx, sy, tx, ty ) { //actual coordinates this.x = sx; this.y = sy; //starting coordinate this.sx = sx; this.sy = sy; //target coordinates this.tx = tx; this.ty = ty; this.distanceToTarget = calculateDistance(sx, sy, tx, ty); this.distanceTraveled = 0; //track past coordinates to creates a trail effect this.coordinates = []; this.coordinateCount = 2; while(this.coordinateCount--) { this.coordinates.push( [this.x, this.y ]); } this.angle = Math.atan2(ty - sy, tx - sx); this.speed = 1; this.acceleration = 1.2; this.brightness = random(50, 70); this.tragetRadius = 1; } // update firework Firework.prototype.update = function( index ) { // if(this.distanceTraveled >= this.distanceToTarget ){ // fireworks.splice(index, 1); // } if( this.targetRadius < 8){ this.targetRadius += 0.3; }else{ this.targetRadius = 1; } this.speed *= this.acceleration; var vx = Math.cos(this.angle)*this.speed, vy = Math.sin(this.angle)*this.speed; this.distanceTraveled = calculateDistance(this.sx, this.sy, this.x + vx, this.y + vy); if(this.distanceTraveled >= this.distanceToTarget ){ this.coordinates.pop(); this.coordinates.unshift([this.tx, this.ty]); //this.x = this.tx; this.y = this.ty; createParticles(this.x, this.y); snd.play(); this.draw(); fireworks.splice(index, 1); } else { this.x += vx; this.y += vy; } this.coordinates.pop(); this.coordinates.unshift([this.x, this.y]); }; // draw firework Firework.prototype.draw = function() { ctx.beginPath(); // move to the last tracked coordinate in the set, then draw a line to the current x and y ctx.moveTo( this.coordinates[ this.coordinates.length - 1][ 0 ], this.coordinates[ this.coordinates.length - 1][ 1 ] ); ctx.lineTo( this.x, this.y ); ctx.strokeStyle = 'hsl(' + hue + ', 100%, ' + this.brightness + '%)'; ctx.stroke(); // ctx.beginPath(); // ctx.arc(this.tx, this.ty, this.targetRadius, 0, Math.PI*2); // ctx.stroke(); } // create particle function Particle( x, y, type ) { this.x = x; this.y = y; this.type = type; // track the past coordinates of each particle to create a trail effect, increase the coordinate count to create more prominent trails this.coordinates = []; this.coordinateCount = 6; while( this.coordinateCount-- ) { this.coordinates.push( [ this.x, this.y ] ); } // TO Be Improved // switch (type) { case 1: var variation = random(1, 5); if (variation < 2) { // set a random angle in all possible directions, in radians this.angle = random( 0, Math.PI * 2 ); this.speed = random( 1, 15 ); // friction will slow the particle down this.friction = 0.95; // gravity will be applied and pull the particle down this.gravity = 4; // set the hue to a random number +-20 of the overall hue variable this.hue = random( hue - 50, hue + 50 ); this.brightness = random( 50, 80 ); this.alpha = 1; // set how fast the particle fades out this.decay = random( 0.01, 0.02 ); }else if (variation < 3) { // set a random angle in all possible directions, in radians this.angle = random( 0, Math.PI * 2 ); this.speed = random( 1, 5 ); // friction will slow the particle down this.friction = 0.95; // gravity will be applied and pull the particle down this.gravity = 3; // set the hue to a random number +-20 of the overall hue variable this.hue = random( hue - 50, hue ); this.brightness = random( 50, 80 ); this.alpha = 1; // set how fast the particle fades out this.decay = random( 0.015, 0.03 ); }else if (variation < 4) { // set a random angle in all possible directions, in radians this.angle = random( 0, Math.PI * 2 ); this.speed = random( 1, 8 ); // friction will slow the particle down this.friction = 0.95; // gravity will be applied and pull the particle down this.gravity = 3; // set the hue to a random number +-20 of the overall hue variable this.hue = random( hue, hue + 50 ); this.brightness = random( 50, 80 ); this.alpha = 1; // set how fast the particle fades out this.decay = random( 0.015, 0.03 ); }else { // set a random angle in all possible directions, in radians this.angle = random( 0, Math.PI * 2 ); this.speed = random( 1, 15 ); // friction will slow the particle down this.friction = 0.95; // gravity will be applied and pull the particle down this.gravity = 3; // set the hue to a random number +-20 of the overall hue variable this.hue = random( hue - 50, hue + 50 ); this.brightness = random( 10, 20 ); this.alpha = 1; // set how fast the particle fades out this.decay = random( 0.015, 0.3 ); } break; case 2: var variation = random(1, 5); if (variation < 2) { // set a random angle in all possible directions, in radians this.angle = random( 0, Math.PI * 2 ); this.speed = random( 1, 10 ); // friction will slow the particle down this.friction = 0.95; // gravity will be applied and pull the particle down this.gravity = 4; // set the hue to a random number +-20 of the overall hue variable this.hue = 100; this.brightness = random( 50, 80 ); this.alpha = 1; // set how fast the particle fades out this.decay = random( 0.01, 0.02 ); }else if (variation < 3) { // set a random angle in all possible directions, in radians this.angle = random( 0, Math.PI * 2 ); this.speed = random( 1, 21 ); // friction will slow the particle down this.friction = 0.95; // gravity will be applied and pull the particle down this.gravity = 3; // set the hue to a random number +-20 of the overall hue variable this.hue = 100; this.brightness = random( 50, 80 ); this.alpha = 1; // set how fast the particle fades out this.decay = random( 0.015, 0.03 ); }else if (variation < 4) { // set a random angle in all possible directions, in radians this.angle = random( 0, Math.PI * 2 ); this.speed = random( 1, 3 ); // friction will slow the particle down this.friction = 0.95; // gravity will be applied and pull the particle down this.gravity = 3; // set the hue to a random number +-20 of the overall hue variable this.hue = 100; this.brightness = random( 50, 80 ); this.alpha = 1; // set how fast the particle fades out this.decay = random( 0.015, 0.03 ); }else { // set a random angle in all possible directions, in radians this.angle = random( 0, Math.PI * 2 ); this.speed = random( 1, 5 ); // friction will slow the particle down this.friction = 0.95; // gravity will be applied and pull the particle down this.gravity = 3; // set the hue to a random number +-20 of the othis.hue = 100; this.hue = 100; this.brightness = random( 10, 20 ); this.alpha = 1; // set how fast the particle fades out this.decay = random( 0.015, 0.3 ); } break; case 3: var variation = random(1, 5); // var hue = 10; if (variation < 2) { // set a random angle in all possible directions, in radians this.angle = random( 0, Math.PI * 2 ); this.speed = random( 10, 15 ); // friction will slow the particle down this.friction = 0.95; // gravity will be applied and pull the particle down this.gravity = 4; // set the hue to a random number +-20 of the overall hue variable this.hue = 60; this.brightness = random( 10, 20 ); this.alpha = 1; // set how fast the particle fades out this.decay = random( 0.01, 0.02 ); }else if (variation < 3) { // set a random angle in all possible directions, in radians this.angle = random( 0, Math.PI * 2 ); this.speed = random( 11, 15 ); // friction will slow the particle down this.friction = 0.95; // gravity will be applied and pull the particle down this.gravity = 3; // set the hue to a random number +-20 of the overall hue variable this.hue = 10; this.brightness = random( 10, 20); this.alpha = 1; // set how fast the particle fades out this.decay = random( 0.015, 0.03 ); }else if (variation < 4) { // set a random angle in all possible directions, in radians this.angle = random( 0, Math.PI * 2 ); this.speed = random( 11, 18 ); // friction will slow the particle down this.friction = 0.95; // gravity will be applied and pull the particle down this.gravity = 3; // set the hue to a random number +-20 of the overall hue variable this.hue = 90; this.brightness = random( 10, 20 ); this.alpha = 1; // set how fast the particle fades out this.decay = random( 0.015, 0.03 ); }else { // set a random angle in all possible directions, in radians this.angle = random( 0, Math.PI * 2 ); this.speed = random( 11, 15 ); // friction will slow the particle down this.friction = 0.95; // gravity will be applied and pull the particle down this.gravity = 3; // set the hue to a random number +-20 of the overall hue variable this.hue = 120; this.brightness = random( 10, 20 ); this.alpha = 1; // set how fast the particle fades out this.decay = random( 0.015, 0.3 ); } break; case 4: var variation = random(1, 5); if (variation < 2) { // set a random angle in all possible directions, in radians this.angle = random( 0, Math.PI * 2 ); this.speed = random( 1, 10 ); // friction will slow the particle down this.friction = 0.95; // gravity will be applied and pull the particle down this.gravity = 4; // set the hue to a random number +-20 of the overall hue variable this.hue = 300; this.brightness = random( 50, 80 ); this.alpha = 1; // set how fast the particle fades out this.decay = random( 0.01, 0.02 ); }else if (variation < 3) { // set a random angle in all possible directions, in radians this.angle = random( 0, Math.PI * 2 ); this.speed = random( 1, 21 ); // friction will slow the particle down this.friction = 0.95; // gravity will be applied and pull the particle down this.gravity = 3; // set the hue to a random number +-20 of the overall hue variable this.hue = 300; this.brightness = random( 50, 80 ); this.alpha = 1; // set how fast the particle fades out this.decay = random( 0.015, 0.03 ); }else if (variation < 4) { // set a random angle in all possible directions, in radians this.angle = random( 0, Math.PI * 2 ); this.speed = random( 1, 3 ); // friction will slow the particle down this.friction = 0.95; // gravity will be applied and pull the particle down this.gravity = 3; // set the hue to a random number +-20 of the overall hue variable this.hue = 300; this.brightness = random( 50, 80 ); this.alpha = 1; // set how fast the particle fades out this.decay = random( 0.015, 0.03 ); }else { // set a random angle in all possible directions, in radians this.angle = random( 0, Math.PI * 2 ); this.speed = random( 1, 5 ); // friction will slow the particle down this.friction = 0.95; // gravity will be applied and pull the particle down this.gravity = 3; // set the hue to a random number +-20 of the othis.hue = 100; this.hue = 100; this.brightness = random( 10, 20 ); this.alpha = 1; // set how fast the particle fades out this.decay = random( 0.015, 0.3 ); } break; default: } } // update particle Particle.prototype.update = function( index ) { // slow down the particle this.speed *= this.friction; // apply velocity this.x += Math.cos( this.angle ) * this.speed; this.y += Math.sin( this.angle ) * this.speed + this.gravity; // fade out the particle // this.alpha -= this.decay * this.alpha; this.alpha -= this.decay; if (this.type == 4 && this.alpha <= 0.5){ this.brightness += 50; this.hue += 200; if (this.brightness >= 200) this.brightness = 0; } // remove the particle once the alpha is low enough, based on the passed in index if( this.alpha <= this.decay ) { particles.splice( index, 1 ); } // remove last item in coordinates array this.coordinates.pop(); // add current coordinates to the start of the array this.coordinates.unshift( [ this.x, this.y ] ); } // draw particle Particle.prototype.draw = function() { ctx. beginPath(); // move to the last tracked coordinates in the set, then draw a line to the current x and y ctx.moveTo( this.coordinates[ this.coordinates.length - 1 ][ 0 ], this.coordinates[ this.coordinates.length - 1 ][ 1 ] ); ctx.lineTo( this.x, this.y ); ctx.strokeStyle = 'hsla(' + this.hue + ', 100%, ' + this.brightness + '%, ' + this.alpha + ')'; ctx.stroke(); } // create particle group/explosion function createParticles( x, y ) { var particleCount = 300; var type = Math.floor(random(1, 5)); while(particleCount--){ particles.push(new Particle(x, y, type)); } } // main demo loop function loop() { //requestAnimFrame(loop); hue += 0.5; ctx.globalCompositeOperation = "destination-out"; ctx.fillStyle = 'rgba(0, 0, 0, 0.3)'; ctx.fillRect(0, 0, cw, ch); ctx.globalCompositeOperation = "lighter"; var i = fireworks.length; while(i--) { fireworks[i].draw(); fireworks[i].update(i); } // loop over each particle, draw it, update it var i = particles.length; while( i-- ) { particles[ i ].draw(); particles[ i ].update( i ); } if( timerTick >= timerTotal + randomTime ){ if (!mousedown){ /* uniform */ // fireworks.push( new Firework(cw/2, ch, 100, random(0, ch/2))); /* 0 to cw/2, more to*/ // fireworks.push( new Firework(cw/2, ch, Math.floor(Math.sqrt(random(0, cw*cw/4))), random(0, ch/2))); var xPos = Math.pow(Math.floor((random(-Math.pow(cw/2, 1/3), Math.pow(cw/2, 1/3)))), 3); xPos += cw/2; fireworks.push( new Firework(cw/2, ch, xPos, random(0, ch/2))); // fireworks.push( new Firework(cw/2, ch, random(-10, 100), random(0, ch/2))); timerTick = 0; randomTime = Math.pow(random(2, 4), 2); } } else { timerTick++; } // limit the rate at which fireworks get launched when mouse is down if( limiterTick >= limiterTotal ) { if( mousedown ) { // start the firework at the bottom middle of the screen, then set the current mouse coordinates as the target fireworks.push( new Firework( cw / 2, ch, mx, my ) ); limiterTick = 0; } else { limiterTick= limiterTotal; } } else { limiterTick++; } } // mouse event bindings // update the mouse coordinates on mousemove canvas.addEventListener( 'mousemove', function( e ) { mx = e.pageX - canvas.offsetLeft; my = e.pageY - canvas.offsetTop; }); // toggle mousedown state and prevent canvas from being selected canvas.addEventListener( 'mousedown', function( e ) { e.preventDefault(); mousedown = true; }); canvas.addEventListener( 'mouseup', function( e ) { e.preventDefault(); mousedown = false; }); setInterval(loop, 25); // (function game(){ // loop(); // setTimeout(game, Math.floor(random(30, 30))); // })(); }; //]]> </script></pre><div class="separator" style="clear: both;"> Chỉnh mật độ pháo hoa ở trị số </div><div class="separator" style="clear: both;">timerTotal = 30,</div><div class="separator" style="clear: both;">Càng nhỏ càng ào ạt.</div><div class="separator" style="clear: both;"> </div><div class="separator" style="clear: both;"> </div><div class="separator" style="clear: both; text-align: center;">Hiệu ứng pháo hoa 2</div><div class="separator" style="clear: both; text-align: center;"> </div><div class="separator" style="clear: both;">Hiệu ứng này phù hợp với blogspot có nền tối vì pháo hoa không sặc sỡ.Và lưu ý blog của bạn cần có thư viện jquery</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE8-DhnAEIcvIT8YKZH7zWfoin-UrYDXKPQ2Q5MYLwxzC-WAOsnMnwJ7QGZbA7JznrYOshYi1_kqvzdC7pwkWe1Kmf10tFP8-bQ2z22wQnGbdddCt1_4Ls2CJTDvxy8qJveGs0-cz1sUVI/s1600/Code+phao+hoa+trang+tri+blog+cuc+dep+1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="code-phao-hoa-trang-tri-cho-blog-cuc-dep" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE8-DhnAEIcvIT8YKZH7zWfoin-UrYDXKPQ2Q5MYLwxzC-WAOsnMnwJ7QGZbA7JznrYOshYi1_kqvzdC7pwkWe1Kmf10tFP8-bQ2z22wQnGbdddCt1_4Ls2CJTDvxy8qJveGs0-cz1sUVI/s1600/Code+phao+hoa+trang+tri+blog+cuc+dep+1.png" title="Code Pháo Hoa Trang Trí Cho Blog Cực Đẹp" /></a></div><div class="separator" style="clear: both;"> </div><div class="separator" style="clear: both;">CÀI ĐẶT</div><div class="separator" style="clear: both;"> </div><div class="separator" style="clear: both;">Bước 1:</div><div class="separator" style="clear: both;">Bước này thực hiện như bước 1 của hiệu ứng 1</div><div class="separator" style="clear: both;"> </div><div class="separator" style="clear: both;">Bước 2:</div><div class="separator" style="clear: both;">Thêm javascript sau vào trước </body></div><div class="separator" style="clear: both; text-align: center;">                                                                                    </div><pre class="pre-formatting" style="background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiindIjm8RyfJZ67q83AUuAx_356Oi438rCjnsQrSg5-soSlOB2HYxl6e3PHqvtM94wmBe3XsgBOwpJi8mih0AW8gqNYxfcHsWMDiSg-M0135LiH5q8HZVNjofHpK8HpEjQv63o9kq9u3U/s1600/dauto-blog.png") center top repeat rgb(255, 255, 255); border-top-left-radius: 20px; border: 1px solid rgb(153, 153, 153); box-sizing: border-box; color: #444444; font-size: 16px; height: 300px; margin-bottom: 10px; margin-top: 10px; overflow: auto; padding: 19px 19px 17px;"><script type='text/javascript'> //<![CDATA[ const PARTICLES_PER_FIREWORK = 150; // 100 - 400 or try 1000 const FIREWORK_CHANCE = 0.02; // percentage, set to 0 and click instead const BASE_PARTICLE_SPEED = 0.6; // between 0-4, controls the size of the overall fireworks const FIREWORK_LIFESPAN = 600; // ms const PARTICLE_INITIAL_SPEED = 4.5; // 2-8 // not so fun options =\ const GRAVITY = 9.8; const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); let particles = []; let disableAutoFireworks = false; let resetDisable = 0; let loop = () => { if (!disableAutoFireworks && Math.random() < FIREWORK_CHANCE) { createFirework(); } ctx.clearRect(0, 0, canvas.width, canvas.height); particles.forEach((particle, i) => { particle.animate(); particle.render(); if (particle.y > canvas.height || particle.x < 0 || particle.x > canvas.width || particle.alpha <= 0 ) { particles.splice(i, 1); } }); requestAnimationFrame(loop); }; let createFirework = ( x = Math.random() * canvas.width, y = Math.random() * canvas.height ) => { let speed = (Math.random() * 2) + BASE_PARTICLE_SPEED; let maxSpeed = speed; let red = ~~(Math.random() * 255); let green = ~~(Math.random() * 255); let blue = ~~(Math.random() * 255); // use brighter colours red = (red < 150 ? red + 150 : red); green = (green < 150 ? green + 150 : green); blue = (blue < 150 ? blue + 150 : blue); // inner firework for (let i = 0; i < PARTICLES_PER_FIREWORK; i++) { let particle = new Particle(x, y, red, green, blue, speed); particles.push(particle); maxSpeed = (speed > maxSpeed ? speed : maxSpeed); } // outer edge particles to make the firework appear more full for (let i = 0; i < 40; i++) { let particle = new Particle(x, y, red, green, blue, maxSpeed, true); particles.push(particle); } }; class Particle { constructor( x = 0, y = 0, red = ~~(Math.random() * 255), green = ~~(Math.random() * 255), blue = ~~(Math.random() * 255), speed, isFixedSpeed ) { this.x = x; this.y = y; this.red = red; this.green = green; this.blue = blue; this.alpha = 0.05; this.radius = 1 + Math.random(); this.angle = Math.random() * 360; this.speed = (Math.random() * speed) + 0.1; this.velocityX = Math.cos(this.angle) * this.speed; this.velocityY = Math.sin(this.angle) * this.speed; this.startTime = (new Date()).getTime(); this.duration = Math.random() * 300 + FIREWORK_LIFESPAN; this.currentDiration = 0; this.dampening = 30; // slowing factor at the end this.colour = this.getColour(); if (isFixedSpeed) { this.speed = speed; this.velocityY = Math.sin(this.angle) * this.speed; this.velocityX = Math.cos(this.angle) * this.speed; } this.initialVelocityX = this.velocityX; this.initialVelocityY = this.velocityY; } animate() { this.currentDuration = (new Date()).getTime() - this.startTime; // initial speed kick if (this.currentDuration <= 200) { this.x += this.initialVelocityX * PARTICLE_INITIAL_SPEED; this.y += this.initialVelocityY * PARTICLE_INITIAL_SPEED; this.alpha += 0.01; this.colour = this.getColour(240, 240, 240, 0.9); } else { // normal expansion this.x += this.velocityX; this.y += this.velocityY; this.colour = this.getColour(this.red, this.green, this.blue, 0.4 + (Math.random() * 0.3)); } this.velocityY += GRAVITY / 1000; // slow down particles at the end if (this.currentDuration >= this.duration) { this.velocityX -= this.velocityX / this.dampening; this.velocityY -= this.velocityY / this.dampening; } if (this.currentDuration >= this.duration + this.duration / 1.1) { // fade out at the end this.alpha -= 0.02; this.colour = this.getColour(); } else { // fade in during expansion if (this.alpha < 1) { this.alpha += 0.03; } } } render() { ctx.beginPath(); ctx.arc(this.x, this.y, this.radius, 0, Math.PI * 2, true); ctx.lineWidth = this.lineWidth; ctx.fillStyle = this.colour; ctx.shadowBlur = 8; ctx.shadowColor = this.getColour(this.red + 150, this.green + 150, this.blue + 150, 1); ctx.fill(); } getColour(red, green, blue, alpha) { return `rgba(${red || this.red}, ${green || this.green}, ${blue || this.blue}, ${alpha || this.alpha})`; } } let updateCanvasSize = () => { canvas.width = window.innerWidth; canvas.height = window.innerHeight; }; // run it! updateCanvasSize(); $(window).resize(updateCanvasSize); $(canvas).on('click', (e) => { createFirework(e.clientX, e.clientY); // stop fireworks when clicked, re-enable after short time disableAutoFireworks = true; clearTimeout(resetDisable); resetDisable = setTimeout(() => { disableAutoFireworks = false; }, 5000); }); loop(); //]]> </script></pre><div style="text-align: center;"> </div><div style="text-align: center;">Hiệu ứng pháo hoa 3</div><div style="text-align: center;"> </div><div>Đây là code tạo pháo hoa cho nền body, với hiệu ứng này pháo hoa không ào ạt mà chỉ có tính chất điểm tô cho nền blogspot mà cụ thể chỉ thấy ở các khe trống giữa main và sidebar và toàn bộ body khi xem trên laptop.</div><div>Khi rê chuột vào vùng hiệu ứng có hiệu lực, chỏ chuột có hình dấu cộng và pháo hoa sẽ xuất hiện nếu nhấp chuột.                                                                                                           </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/AVvXsEjvKmj7LB_VnnkXfSjvcQ__tQNpFXQwJpHXid11R7Y-p8jmV-bFm1YrN7XoEsajuS3ohKnqhr-r4Og1a4VtwQXlACyjXGVBuepBZsuzy-rRjtPqRjJZgy94SBEi77pqGyLnFQVoe2n0gOE1/s1600/Code+phao+hoa+trang+tri+blog+cuc+dep+2.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="code-phao-hoa-trang-tri-cho-blog-cuc-dep" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvKmj7LB_VnnkXfSjvcQ__tQNpFXQwJpHXid11R7Y-p8jmV-bFm1YrN7XoEsajuS3ohKnqhr-r4Og1a4VtwQXlACyjXGVBuepBZsuzy-rRjtPqRjJZgy94SBEi77pqGyLnFQVoe2n0gOE1/s1600/Code+phao+hoa+trang+tri+blog+cuc+dep+2.png" title="Code Pháo Hoa Trang Trí Cho Blog Cực Đẹp" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;"> </td></tr></tbody></table><div style="text-align: center;"><div>Code này còn tùy vào cấu trúc template nên có thể có template không dùng được.</div><div> </div><div style="text-align: left;">Thực hiện:</div><div style="text-align: left;"> </div><div style="text-align: left;">Bước 1:</div><div style="text-align: left;">Dán đoạn css sau vào trước thẻ </head></div><div style="text-align: left;"> </div><div style="text-align: left;"><pre style="background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiindIjm8RyfJZ67q83AUuAx_356Oi438rCjnsQrSg5-soSlOB2HYxl6e3PHqvtM94wmBe3XsgBOwpJi8mih0AW8gqNYxfcHsWMDiSg-M0135LiH5q8HZVNjofHpK8HpEjQv63o9kq9u3U/s1600/dauto-blog.png") center top repeat rgb(255, 255, 255); border: 1px solid rgb(153, 153, 153); box-sizing: border-box; color: #444444; font-size: 16px; margin-bottom: 10px; margin-top: 10px; overflow: auto; padding: 19px 19px 17px;"><style type='text/css'> canvas{ cursor:crosshair; position:fixed; width:100%; height:100%; background:#222; display:block </style></pre><div><div>Bước 2:</div><div>Thêm HTML sau vào ngay sau <body></div></div><div> </div><div><pre style="background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiindIjm8RyfJZ67q83AUuAx_356Oi438rCjnsQrSg5-soSlOB2HYxl6e3PHqvtM94wmBe3XsgBOwpJi8mih0AW8gqNYxfcHsWMDiSg-M0135LiH5q8HZVNjofHpK8HpEjQv63o9kq9u3U/s1600/dauto-blog.png") center top repeat rgb(255, 255, 255); border: 1px solid rgb(153, 153, 153); box-sizing: border-box; color: #444444; font-size: 16px; margin-bottom: 10px; margin-top: 10px; overflow: auto; padding: 19px 19px 17px;"><canvas id='canvas' ></canvas></pre><div><div>Bước 3:</div><div>Dán javascript sau vào trước thẻ </body></div></div><div> </div><div><pre class="pre-formatting" style="background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiindIjm8RyfJZ67q83AUuAx_356Oi438rCjnsQrSg5-soSlOB2HYxl6e3PHqvtM94wmBe3XsgBOwpJi8mih0AW8gqNYxfcHsWMDiSg-M0135LiH5q8HZVNjofHpK8HpEjQv63o9kq9u3U/s1600/dauto-blog.png") center top repeat rgb(255, 255, 255); border-top-left-radius: 20px; border: 1px solid rgb(153, 153, 153); box-sizing: border-box; color: #444444; font-size: 16px; height: 300px; margin-bottom: 10px; margin-top: 10px; overflow: auto; padding: 19px 19px 17px;"><script type='text/javascript'> //<![CDATA[ window.requestAnimFrame = ( function() { return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || function( callback ) { window.setTimeout( callback, 1000 / 60 ); }; })(); var canvas = document.getElementById( 'canvas' ), ctx = canvas.getContext( '2d' ), cw = window.innerWidth, ch = window.innerHeight, fireworks = [], particles = [], hue = 120, limiterTotal = 5, limiterTick = 0, timerTotal = 80, timerTick = 0, mousedown = false, mx, my; canvas.width = cw; canvas.height = ch; function random( min, max ) { return Math.random() * ( max - min ) + min; } function calculateDistance( p1x, p1y, p2x, p2y ) { var xDistance = p1x - p2x, yDistance = p1y - p2y; return Math.sqrt( Math.pow( xDistance, 2 ) + Math.pow( yDistance, 2 ) ); } function Firework( sx, sy, tx, ty ) { this.x = sx; this.y = sy; this.sx = sx; this.sy = sy; this.tx = tx; this.ty = ty; this.distanceToTarget = calculateDistance( sx, sy, tx, ty ); this.distanceTraveled = 0; this.coordinates = []; this.coordinateCount = 3; while( this.coordinateCount-- ) { this.coordinates.push( [ this.x, this.y ] ); } this.angle = Math.atan2( ty - sy, tx - sx ); this.speed = 2; this.acceleration = 1.05; this.brightness = random( 50, 70 ); this.targetRadius = 1; } Firework.prototype.update = function( index ) { this.coordinates.pop(); this.coordinates.unshift( [ this.x, this.y ] ); if( this.targetRadius < 8 ) { this.targetRadius += 0.3; } else { this.targetRadius = 1; } this.speed *= this.acceleration; var vx = Math.cos( this.angle ) * this.speed, vy = Math.sin( this.angle ) * this.speed; this.distanceTraveled = calculateDistance( this.sx, this.sy, this.x + vx, this.y + vy ); if( this.distanceTraveled >= this.distanceToTarget ) { createParticles( this.tx, this.ty ); fireworks.splice( index, 1 ); } else { this.x += vx; this.y += vy; } } Firework.prototype.draw = function() { ctx.beginPath(); ctx.moveTo( this.coordinates[ this.coordinates.length - 1][ 0 ], this.coordinates[ this.coordinates.length - 1][ 1 ] ); ctx.lineTo( this.x, this.y ); ctx.strokeStyle = 'hsl(' + hue + ', 100%, ' + this.brightness + '%)'; ctx.stroke(); ctx.beginPath(); ctx.arc( this.tx, this.ty, this.targetRadius, 0, Math.PI * 2 ); ctx.stroke(); } function Particle( x, y ) { this.x = x; this.y = y; this.coordinates = []; this.coordinateCount = 5; while( this.coordinateCount-- ) { this.coordinates.push( [ this.x, this.y ] ); } this.angle = random( 0, Math.PI * 2 ); this.speed = random( 1, 10 ); this.friction = 0.95; this.gravity = 1; this.hue = random( hue - 50, hue + 50 ); this.brightness = random( 50, 80 ); this.alpha = 1; this.decay = random( 0.015, 0.03 ); } Particle.prototype.update = function( index ) { this.coordinates.pop(); this.coordinates.unshift( [ this.x, this.y ] ); this.speed *= this.friction; this.x += Math.cos( this.angle ) * this.speed; this.y += Math.sin( this.angle ) * this.speed + this.gravity; this.alpha -= this.decay; if( this.alpha <= this.decay ) { particles.splice( index, 1 ); } } Particle.prototype.draw = function() { ctx. beginPath(); ctx.moveTo( this.coordinates[ this.coordinates.length - 1 ][ 0 ], this.coordinates[ this.coordinates.length - 1 ][ 1 ] ); ctx.lineTo( this.x, this.y ); ctx.strokeStyle = 'hsla(' + this.hue + ', 100%, ' + this.brightness + '%, ' + this.alpha + ')'; ctx.stroke(); } function createParticles( x, y ) { var particleCount = 30; while( particleCount-- ) { particles.push( new Particle( x, y ) ); } } function loop() { requestAnimFrame( loop ); hue= random(0, 360 ); ctx.globalCompositeOperation = 'destination-out'; ctx.fillStyle = 'rgba(0, 0, 0, 0.5)'; ctx.fillRect( 0, 0, cw, ch ); ctx.globalCompositeOperation = 'lighter'; var i = fireworks.length; while( i-- ) { fireworks[ i ].draw(); fireworks[ i ].update( i ); } var i = particles.length; while( i-- ) { particles[ i ].draw(); particles[ i ].update( i ); } if( timerTick >= timerTotal ) { if( !mousedown ) { fireworks.push( new Firework( cw / 2, ch, random( 0, cw ), random( 0, ch / 2 ) ) ); timerTick = 0; } } else { timerTick++; } if( limiterTick >= limiterTotal ) { if( mousedown ) { fireworks.push( new Firework( cw / 2, ch, mx, my ) ); limiterTick = 0; } } else { limiterTick++; } } canvas.addEventListener( 'mousemove', function( e ) { mx = e.pageX - canvas.offsetLeft; my = e.pageY - canvas.offsetTop; }); canvas.addEventListener( 'mousedown', function( e ) { e.preventDefault(); mousedown = true; }); canvas.addEventListener( 'mouseup', function( e ) { e.preventDefault(); mousedown = false; }); window.onload = loop; //]]> </script></pre><div>Lưu ý:</div><div> </div><div>Với trường hợp bạn muốn giữ nguyên màu nền blogspot thì thực hiện như sau:</div><div>- Bỏ qua bước 1.</div><div>- Bước 2 thay bằng code:</div></div><div> </div><div><pre style="background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiindIjm8RyfJZ67q83AUuAx_356Oi438rCjnsQrSg5-soSlOB2HYxl6e3PHqvtM94wmBe3XsgBOwpJi8mih0AW8gqNYxfcHsWMDiSg-M0135LiH5q8HZVNjofHpK8HpEjQv63o9kq9u3U/s1600/dauto-blog.png") center top repeat rgb(255, 255, 255); border: 1px solid rgb(153, 153, 153); box-sizing: border-box; color: #444444; font-size: 16px; margin-bottom: 10px; margin-top: 10px; overflow: auto; padding: 19px 19px 17px;"><canvas height='900' id='canvas' style='position:fixed;width:100%;pointer-events:none;z-index:9999;' width='1440'/></pre><div><div>- Bước 3 như ở trên.</div><div> </div><div>Mặc định mật độ pháo hoa với trị số 80 nếu bạn muốn pháo hoa ào ạt hơn cho sướng thì giảm trị số này đi:</div><div>timerTotal = 80,</div></div><div> </div><div>Nếu có thắc mắc gì vui lòng để lại bình luận xuống phía dưới bài viết để mình hỗ trợ kịp thời nhé.!</div><div> </div></div></div></div><div style="text-align: right;">Chúc các bạn thành công.!</div></div>

Share Code Pháo Hoa Trang Trí Cho Blogspot Cực Đẹp

Ngồi rảnh rỗi nên lượm được ít code pháo hoa trang trí cho blog cực đẹp về chia sẻ cho mọi người để trang trí blog vào dịp tết nguyên đán. ...

Đọc thêm »

Hướng Dẫn Xóa Bản Quyền Template Blogspot Không Bị Chuyển Hướng

Khi sử dụng các mẫu template blogspot ở các trang như soratemplate, gooyaabitemplates hay mybloggerthemes thì phần footer thường có một đường link website bản quyền được mã hóa. Khi xóa đường link này thì trang blog của chúng ta sẽ bị chuyển hướng đến website của đường link đó. Vì thế ở bài này mình sẽ hướng dẫn các bạn một số cách bỏ hoặc chuyển đổi đoạn code mã hóa này. <div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4M16UaHt3n8IZa-GwqJdbs63xP5JZEjqtVm7Yz2BqCoXgXIL5W4OSSjwyz0UONw40JW6LKUAdPbPkuCg_RFPhStc02_gZD8I_193GHFkului6GiXgCp5TY1xfE5MureAfWfMGyXZRkrmF/s1600/xoa-ban-quyen-soratemplate-gooyaabitemplates.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4M16UaHt3n8IZa-GwqJdbs63xP5JZEjqtVm7Yz2BqCoXgXIL5W4OSSjwyz0UONw40JW6LKUAdPbPkuCg_RFPhStc02_gZD8I_193GHFkului6GiXgCp5TY1xfE5MureAfWfMGyXZRkrmF/s1600/xoa-ban-quyen-soratemplate-gooyaabitemplates.jpg" /></a></div><div class="separator" style="clear: both; text-align: center;"> </div><div class="separator" style="clear: both;">Xóa bản quyền template blogspot</div><div class="separator" style="clear: both;"> </div><div class="separator" style="clear: both;">Các bạn vào phần chỉnh sửa code của Blogspot, nhấn tổ hợp phím ctrl+f và tìm đoạn mã //<![CDATA[</div><div class="separator" style="clear: both;"> </div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBGcR-lWevW5jF-iX0CKQU7-7wLcM80fv3B8-IVRWIN_Lf3vqOm3F9sNEQ3N93xRTJTGQaVJiAqSwXxYSzumu7OdLVwN3teMd_Zzb11TIf88TEuXqzAjuEes54snNwcUpaSKZOXw7ojLgz/s1600/xoa-ban-quyen-template.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBGcR-lWevW5jF-iX0CKQU7-7wLcM80fv3B8-IVRWIN_Lf3vqOm3F9sNEQ3N93xRTJTGQaVJiAqSwXxYSzumu7OdLVwN3teMd_Zzb11TIf88TEuXqzAjuEes54snNwcUpaSKZOXw7ojLgz/s1600/xoa-ban-quyen-template.JPG" /></a></div><div class="separator" style="clear: both;"> </div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both;"> </div><div class="separator" style="clear: both;">Các bạn xóa bắt đầu từ dòng <script type='text/javascript'> cho đến dòng //]]></div><div class="separator" style="clear: both;"></script>. Thường thì sẽ có 1 - 2 đoạn mã như thế, các bạn tìm và xóa hết rồi lưu lại. Sau đó tìm đến đoạn mã code được mã hóa xóa đi rồi load lại trang để kiểm tra.</div><div class="separator" style="clear: both;"> </div><div class="separator" style="clear: both;"></div><div class="separator" style="clear: both;">Lưu ý: tùy vào cấu trúc mỗi template mà khi xóa, một số chức năng của template sẽ không hoạt động như ban đầu nữa vì thế nếu như xóa gặp tình trạng này các bạn hãy nhấn ctrl+z để phục hồi lại đoạn code lúc đầu và tiếp tục làm theo cách thứ hai ở ngay sau đây.</div> Chuyển đổi code mã hóa bản quyền thành link web của Blog chúng ta Đầu tiên các bạn truy cập vào 2 công cụ online sau đây: ddecode.com/hexdecoder - công cụ giải mã code. www.convertstring.com/vi/EncodeDecode/HexEncode - công cụ chuyển đổi code. Với 2 công cụ này các bạn sẽ áp dụng như sau: đầu tiên là copy đoạn code mã hóa trong phần //<![CDATA[ và giải mã đoạn code này để thấy được đoạn code nguyên bản. Ví dụ: <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpQNxxGMpsUNKKI5YuOwLHsPnZruqOUOvB99YYjxZj1cYqXEIHQ5zlg8E1upJcKiFsn_qK9t5RL1bHoN9dI6io4XL_B1YdAQsto6jtI0nCMLkn93PIlKhyphenhyphenga9Kk5sKCzqJXQHFq9wPJMoU/s1600/xoa-code-ma-hoa-ban-quyen-blogger.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpQNxxGMpsUNKKI5YuOwLHsPnZruqOUOvB99YYjxZj1cYqXEIHQ5zlg8E1upJcKiFsn_qK9t5RL1bHoN9dI6io4XL_B1YdAQsto6jtI0nCMLkn93PIlKhyphenhyphenga9Kk5sKCzqJXQHFq9wPJMoU/s1600/xoa-code-ma-hoa-ban-quyen-blogger.JPG" /></a></div> <div><div>Sau đó copy đường link website bản quyền trong đoạn mã ở khung Decoded results, đem dán vào công cụ chuyển đổi code convertstring ta sẽ được một đoạn code mã hóa, thêm \x vào sau mỗi 2 ký tự ta sẽ được như hình sau:</div></div><div> </div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG6l5xHvOtKcc8pw_Xe7Ct6iB7s2xfOlyX1iYd5WxPGDw9GDndcgsaz_PdhDuK87GkaUu-2n-rw_OaZKsN15p1AoR2U7r7t1ilNY6a3fu8ZzzBYbQ2mR0uISAfvP6BzFpE5gGsry4aIkk7/s1600/xoa-code-ma-hoa-ban-quyen-blogger-1.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG6l5xHvOtKcc8pw_Xe7Ct6iB7s2xfOlyX1iYd5WxPGDw9GDndcgsaz_PdhDuK87GkaUu-2n-rw_OaZKsN15p1AoR2U7r7t1ilNY6a3fu8ZzzBYbQ2mR0uISAfvP6BzFpE5gGsry4aIkk7/s1600/xoa-code-ma-hoa-ban-quyen-blogger-1.JPG" /></a></div><div> </div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both;">Các bạn copy đoạn code này ra một nơi. Sau đó tiếp tục copy đường link blog của các bạn và mã hóa nó rồi cũng thêm \x như đoạn code trên.</div><div class="separator" style="clear: both;"> </div><div class="separator" style="clear: both;">Bây giờ ta sẽ có 2 đoạn code một là của bên bản quyền và một là của blog chúng ta, các bạn dán đoạn code bản quyền vào khung chỉnh sửa code của blogspot, sau đó tìm đến và thay thế bằng đoạn code của blog các bạn, thường thì sẽ có 1 - 4 đoạn code cần thay thế tùy vào mỗi template.</div><div class="separator" style="clear: both;"> </div><div class="separator" style="clear: both;"> </div><div class="separator" style="clear: both;">Ẩn bản quyền template</div><div class="separator" style="clear: both;"> </div><div class="separator" style="clear: both;">Và nếu như cấu trúc template của các bạn không hề giống như những trường hợp mình nêu ra ở trên thì phương án cuối cùng đó là ẩn đường link bản quyền đó đi. Cách làm cũng rất đơn giản, các bạn tìm đến đoạn code bản quyền trong Blogspot và dán đoạn mã sau đây vào giữa thẻ <a> như hình</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiqQJIB9tBRqnXrbpH0ojjXvLmIZfMqrnlQOf0yR_laFTHwM2vI9obThIzdPapuTz7l24Pv5ojlDT2Z1_DmQclFaDYYZW5tgZV2C-BR-FUJhDZ5V8yuhWmWgLxb4_8hRqhEaKljs60NM-l/s1600/an-ban-quyen-template-blogspot.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiqQJIB9tBRqnXrbpH0ojjXvLmIZfMqrnlQOf0yR_laFTHwM2vI9obThIzdPapuTz7l24Pv5ojlDT2Z1_DmQclFaDYYZW5tgZV2C-BR-FUJhDZ5V8yuhWmWgLxb4_8hRqhEaKljs60NM-l/s1600/an-ban-quyen-template-blogspot.JPG" /></a></div><div class="separator" style="clear: both;"> </div><div class="separator" style="clear: both;">Sau đó lưu lại và xem blog để kiểm tra thành quả.</div><div class="separator" style="clear: both;"> </div><div class="separator" style="clear: both;">Hy vọng rằng qua 3 cách xóa - chuyển - ẩn bản quyền template mà<a href="http://www.lichblog.com/"> lichblog </a>giới thiệu ở trên sẽ giúp cho các bạn biết thêm được một số lựa chọn trong việc làm chủ template của các bạn đang sử dụng.</div><div class="separator" style="clear: both;"> </div><div class="separator" style="clear: both;">Điều cuối cùng đó là mình vẫn luôn khuyến khích các bạn nên tôn trọng quyền tác giả bằng cách giữ đường link này vì nó không hề làm giảm chất lượng của blog chúng ta đi chút nào cả. Cảm ơn các bạn đã theo dõi và hẹn gặp các bạn trong những bài viết mới nhất.</div><div class="separator" style="clear: both;"> </div>

Hướng Dẫn Xóa Bản Quyền Template Blogspot Không Bị Chuyển Hướng

Khi sử dụng các mẫu template blogspot ở các trang như soratemplate , gooyaabitemplates hay mybloggerthemes thì phần footer thường có một đ...

Đọc thêm »

Hướng Dẫn Tạo Sitemap Thông Minh Cho Blogger

0 Blogspot, Thủ Thuật Blogspot tháng 1 01, 2017

Có thể bạn đã thấy nhiều hướng dẫn để tạo ra một trang sitemap cho blogger của bạn. Hôm nay tôi sẽ chia sẻ riêng đang được sử dụng sitemap của tôi cho trang blog của bạn. Mã sitemap này giúp độc giả của bạn có thể xem tất cả các bài viết với ngày tháng và các nhãn. Các bạn có thể xem demo <a href="http://www.lichblog.com/p/sitemap_46.html" target="_blank">TẠI ĐÂY</a> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgTrx0CzBxcQg8_cA-cUaRsM__Ov-7wEBECOciaVbYhasNhuVmWJLPSkrIcKnorNjN161PNw5oLUblCbp72SfwZjDZspdF4iBW_U652SuXD_Kw2NOg0xKnUI1aCfsTJAZx5vXHIQQ92p6R/s1600/huong-dan-tao-sitemap-thong-minh-cho-blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="huong-dan-tao-sitemap-thong-minh-cho-blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgTrx0CzBxcQg8_cA-cUaRsM__Ov-7wEBECOciaVbYhasNhuVmWJLPSkrIcKnorNjN161PNw5oLUblCbp72SfwZjDZspdF4iBW_U652SuXD_Kw2NOg0xKnUI1aCfsTJAZx5vXHIQQ92p6R/s1600/huong-dan-tao-sitemap-thong-minh-cho-blogger.png" title="Hướng Dẫn Tạo Sitemap Thông Minh Cho Blogger" /></a></div> Bước 1:  Đăng nhập vào Blogger và chọn blog của bạn Bước 2:  Sau đó tới Trang và click vào trang mới Bước 3:  Click vào tab HTML và xóa tất cả các mã sau đó dán đoạn mã sau vào trong ô trống. <pre class="rainbow" data-language="javascript" style="background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie4uP31DqRJwvRS2-xCEsfUn-lUXAip71AUZu1EcxsvyRxs0l1LOoWCa3qPKinoniPltNEwqEtpvyKQeljg0qpKCQKBwOunmvRFDuMXOCvaBlrtUZl1DRUpAq72jRP6BzFDl2C7ri_m7H3/s1600/pre.png") 0px 0px repeat scroll rgb(251, 242, 242); border: 0px; color: #888888; font-family: Consolas, "Andale Mono", Courier, "Courier New", monospace; font-size: 12px; font-stretch: normal; line-height: 19px; margin-bottom: 10px; margin-top: 10px; overflow: auto; padding: 19px 19px 17px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;"><span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><style type<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">=<span class="string" style="border: 0px; color: #889b4a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"text/css"<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">> <span class="comment" style="border: 0px; color: #a57a4c; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#bp_toc {     background: <span class="comment" style="border: 0px; color: #a57a4c; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#FFFFFF;     border: <span class="constant numeric" style="border: 0px; color: #f79a32; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">0 solid <span class="comment" style="border: 0px; color: #a57a4c; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#000000;     margin<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-top: 10px;     padding: 10px <span class="constant numeric" style="border: 0px; color: #f79a32; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">0;     width: <span class="constant numeric" style="border: 0px; color: #f79a32; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">100%; } h3.bp_toc_title {     font<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-size: 28px;     line<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-height: 30px;     padding<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-top: 40px;     margin: <span class="constant numeric" style="border: 0px; color: #f79a32; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">0 <span class="constant numeric" style="border: 0px; color: #f79a32; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">0 20px; } <span class="comment" style="border: 0px; color: #a57a4c; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#bp_tocm {     margin<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-right: 30px; } <span class="comment" style="border: 0px; color: #a57a4c; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#bp_toc a {     text<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-decoration: none <span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">!important; } <span class="comment" style="border: 0px; color: #a57a4c; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#bp_toc a:hover {     text<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-decoration: underline <span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">!important; } .toc<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-header<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-col1, .toc<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-header<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-col2, .toc<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-header<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-col3 {     background: <span class="comment" style="border: 0px; color: #a57a4c; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#4e4949;     border<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-bottom: 5px solid <span class="comment" style="border: 0px; color: #a57a4c; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#dfdfdf;     padding: 10px;     width: <span class="constant numeric" style="border: 0px; color: #f79a32; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">50%; } .toc<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-entry<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-col2 {     border<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-left: 2px solid <span class="comment" style="border: 0px; color: #a57a4c; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#FFFFFF;     border<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-right: 2px solid <span class="comment" style="border: 0px; color: #a57a4c; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#FFFFFF; } .toc<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-header<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-col2 {     border<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-left: 2px solid <span class="comment" style="border: 0px; color: #a57a4c; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#FFFFFF;     border<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-right: 2px solid <span class="comment" style="border: 0px; color: #a57a4c; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#FFFFFF;     width: <span class="constant numeric" style="border: 0px; color: #f79a32; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">15%; } .toc<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-header<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-col3 {   width: <span class="constant numeric" style="border: 0px; color: #f79a32; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">35%; } .toc<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-header<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-col1 a:link, .toc<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-header<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-col1 a:visited, .toc<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-header<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-col2 a:link, .toc<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-header<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-col2 a:visited, .toc<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-header<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-col3 a:link, .toc<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-header<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-col3 a:visited {     color: <span class="comment" style="border: 0px; color: #a57a4c; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#EBEBEB;     font<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-size: 14px;     font<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-style: normal;     font<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-weight: bold;     line<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-height: <span class="constant numeric" style="border: 0px; color: #f79a32; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">1.4em;     text<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-decoration: none;     border<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-collapse: separate; } .toc<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-header<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-col1 a:hover, .toc<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-header<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-col2 a:hover, .toc<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-header<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-col3 a:hover {     text<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-decoration: underline; } .toc<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-entry<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-col1, .toc<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-entry<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-col2, .toc<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-entry<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-col3 {     background: <span class="comment" style="border: 0px; color: #a57a4c; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#F8F8F8;     border<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-bottom: 2px solid <span class="comment" style="border: 0px; color: #a57a4c; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#FFFFFF;     padding: 10px; } .toc<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-entry<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-col2 {     border<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-left: 2px solid <span class="comment" style="border: 0px; color: #a57a4c; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#FFFFFF;     border<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-right: 2px solid <span class="comment" style="border: 0px; color: #a57a4c; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#FFFFFF; } .toc<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-entry<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-col1 a, .toc<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-entry<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-col2 a, .toc<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-entry<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-col3 a {     color: <span class="comment" style="border: 0px; color: #a57a4c; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#45818E;     font<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-family: <span class="string" style="border: 0px; color: #889b4a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'Verdana',Arial,sans<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-serif;     font<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-size: 12px; } .toc<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-note {     background<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-color: <span class="comment" style="border: 0px; color: #a57a4c; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#4e4949;     color: <span class="comment" style="border: 0px; color: #a57a4c; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#EBEBEB;     display: inline<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-block;     font<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-size: 14px;     padding: 10px;     text<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-align: center;     font<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-weight: <span class="constant numeric" style="border: 0px; color: #f79a32; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">600;     text<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-transform: uppercase;     border<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-bottom: 1px solid <span class="comment" style="border: 0px; color: #a57a4c; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#dfdfdf; } <span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></style<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">> <span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><div id<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">=<span class="string" style="border: 0px; color: #889b4a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'bp_tocm'<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">> <span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><div id<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">=<span class="string" style="border: 0px; color: #889b4a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'bp_toc'<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">> <span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><script type<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">=<span class="string" style="border: 0px; color: #889b4a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'text/javascript'<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">> <span class="comment" style="border: 0px; color: #a57a4c; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">//<![CDATA[ <span class="keyword" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">var postTitle<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">=[],postUrl<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">=[],postDate<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">=[],postSum<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">=[],postLabels<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">=[],sortBy<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">=<span class="string" style="border: 0px; color: #889b4a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"datenewest",tocLoaded<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">=<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">!<span class="constant numeric" style="border: 0px; color: #f79a32; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">1,numChars<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">=<span class="constant numeric" style="border: 0px; color: #f79a32; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">250,postFilter<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">=<span class="string" style="border: 0px; color: #889b4a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"",tocdiv<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">=<span class="support" style="border: 0px; color: #f06431; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">document.<span class="support method" style="border: 0px; color: #f06431; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">getElementById(<span class="string" style="border: 0px; color: #889b4a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"bp_toc"),totalEntires<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">=<span class="constant numeric" style="border: 0px; color: #f79a32; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">0,totalPosts<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">=<span class="constant numeric" style="border: 0px; color: #f79a32; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">0; <span class="storage function" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">function <span class="entity name function" style="border: 0px; color: #8ab1b0; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">loadtoc(c){<span class="keyword" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">if(<span class="string" style="border: 0px; color: #889b4a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"entry"in c.feed){<span class="keyword" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">var d<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">=c.feed.entry.<span class="support property" style="border: 0px; color: #f06431; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">length;totalEntires<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">+<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">=d;totalPosts<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">=c.feed.openSearch$totalResults.$t;<span class="keyword" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">if(totalPosts<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">>totalEntires){<span class="keyword" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">var b<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">=<span class="support" style="border: 0px; color: #f06431; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">document.<span class="function call" style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">createElement(<span class="string" style="border: 0px; color: #889b4a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"script");b.type<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">="text<span class="string regexp" style="border: 0px; color: #889b4a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="string regexp open" style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">/javascript";startindex=totalEntires+1;b.setAttribute("src","/feeds/posts/summary?start-index="+startindex+"&max-results=500&alt=json-in-script&callback=loadtoc");tocdiv.appendChild(b)}for(b=0;b<d;b++){for(var a=c.feed.entry[b],e=a.title.$t,k=a.published.$t.substring(0,10),l,f=0;f<a.link.length;f++)if("alternate"== a.link[f].rel){l=a.link[f].href;break}var g="content"in a?a.content.$t:"summary"in a?a.summary.$t:"",g=g.replace(/<<span class="constant regexp escape" style="border: 0px; color: #f06431; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">\S[^>]*>/g,"");if(g.length>numChars)var g=g.substring(0,numChars),h=g.lastIndexOf(" "),g=g.substring(0,h)+"...";h="";if("category"in a){for(f=0;f<a.category.length;f++)h+="<a href=<span class="constant regexp escape" style="border: 0px; color: #f06431; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">\"javascript:filterPosts('"+a.category[f].term+"');<span class="constant regexp escape" style="border: 0px; color: #f06431; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">\" title=<span class="constant regexp escape" style="border: 0px; color: #f06431; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">\"Click here to select all posts with label '"+a.category[f].term+"'<span class="constant regexp escape" style="border: 0px; color: #f06431; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">\">"+a.category[f].term+"</a>, ";a=h.lastIndexOf(",");-1!=a&&(h=h.substring(0, a))}postTitle.push(e);postDate.push(k);postUrl.push(l);postSum.push(g);postLabels.push(h)}}totalEntires==totalPosts&&(tocLoaded=!0,showToc());sortPosts(sortBy);tocLoaded=!0}function filterPosts(c){postFilter=c;displayToc(postFilter)}function allPosts(){postFilter="";displayToc(postFilter)} function sortPosts(c){function d(a,b){var c=postTitle[a];postTitle[a]=postTitle[b];postTitle[b]=c;c=postDate[a];postDate[a]=postDate[b];postDate[b]=c;c=postUrl[a];postUrl[a]=postUrl[b];postUrl[b]=c;c=postSum[a];postSum[a]=postSum[b];postSum[b]=c;c=postLabels[a];postLabels[a]=postLabels[b];postLabels[b]=c}for(var b=0;b<postTitle.length-1;b++)for(var a=b+1;a<postTitle.length;a++)"titleasc"==c&&postTitle[b]>postTitle[a]&&d(b,a),"titledesc"==c&&postTitle[b]<postTitle[a]&&d(b,a),"dateoldest"==c&&postDate[b]> postDate[a]&&d(b,a),"datenewest"==c&&postDate[b]<postDate[a]&&d(b,a)} function displayToc(c){var d=0,b,a="Click to sort by title",e="Click to sort by date",k="";"titleasc"==sortBy&&(a+=" (descending)",e+=" (newest first)");"titledesc"==sortBy&&(a+=" (ascending)",e+=" (newest first)");"dateoldest"==sortBy&&(a+=" (ascending)",e+=" (newest first)");"datenewest"==sortBy&&(a+=" (ascending)",e+=" (oldest first)");""!=postFilter&&(k="Click to show all posts");b="<table><tr>";b+='<td class="toc-header-col1">';b+='<a href="javascript:toggleTitleSort();" title="'+a+'">POST TITLE</a>'; b+="</td>";b+='<td class="toc-header-col2">';b+='<a href="javascript:toggleDateSort();" title="'+e+'">POST DATE</a>';b+="</td>";b+='<td class="toc-header-col3">';b+='<a href="javascript:allPosts();" title="'+k+'">LABELS</a>';b+="</td>";b+="</tr>";for(a=0;a<postTitle.length;a++)""==c?(b+='<tr><td class="toc-entry-col1"><a href="'+postUrl[a]+'" title="'+postSum[a]+'">'+postTitle[a]+'</a></td><td class="toc-entry-col2">'+postDate[a]+'</td><td class="toc-entry-col3">'+postLabels[a]+"</td></tr>",d++): (z=postLabels[a].lastIndexOf(c),-1!=z&&(b+='<tr><td class="toc-entry-col1"><a href="'+postUrl[a]+'" title="'+postSum[a]+'">'+postTitle[a]+'</a></td><td class="toc-entry-col2">'+postDate[a]+'</td><td class="toc-entry-col3">'+postLabels[a]+"</td></tr>",d++));b+="</table>";c=d==postTitle.length?'<div class="toc-note">Displaying all '+postTitle.length+" posts </div>":'<div class="toc-note">Displaying '+d+" posts labeled '"+(postFilter+"' of "+postTitle.length+" posts total </div>");tocdiv.innerHTML= c+b}function toggleTitleSort(){sortBy="titleasc"==sortBy?"titledesc":"titleasc";sortPosts(sortBy);displayToc(postFilter)}function toggleDateSort(){sortBy="datenewest"==sortBy?"dateoldest":"datenewest";sortPosts(sortBy);displayToc(postFilter)}function showToc(){tocLoaded?(displayToc(postFilter),document.getElementById("toclink")):alert("Just wait... TOC is loading")} function hideToc(){document.getElementById("toc").innerHTML="";document.getElementById("toclink").innerHTML='<a href="#" onclick="scroll(0,0); showToc(); Effect.toggle(<span class="constant regexp escape" style="border: 0px; color: #f06431; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">\'toc-result<span class="constant regexp escape" style="border: 0px; color: #f06431; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">\',<span class="constant regexp escape" style="border: 0px; color: #f06431; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">\'blind<span class="constant regexp escape" style="border: 0px; color: #f06431; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">\');"><span class="constant regexp escape" style="border: 0px; color: #f06431; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">\u00bb Show Table of Contents</a> <img src="http://chenkaie.blog.googlepages.com/new_1.gif"<span class="string regexp close" style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">/<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">>'}; <span class="comment" style="border: 0px; color: #a57a4c; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">//]]> <span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></script<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">> <span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><script src<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">='<span class="string regexp" style="border: 0px; color: #889b4a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="string regexp open" style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">/feeds/posts/summary?alt=json-in-script&amp;max-results=500&amp;callback=loadtoc' type='text/javascript'><<span class="string regexp close" style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">/script<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">> <span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></div<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">> <span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></div<span class="keyword operator" style="border: 0px; color: #98676a; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">></pre>Bước 4:  Đừng click vào Compose Bên cạnh đó mã sẽ không hoạt động.  Bước 5:  Click vào tùy chọn từ phía bên phải và đánh dấu chọn vào Không cho phép  từ độc giả bình luận. Bước 6:  Và bây giờ click vào Publish. Xuất bản và tận hưởng thôi nào.! <div> </div>

Hướng Dẫn Tạo Sitemap Thông Minh Cho Blogger

Có thể bạn đã thấy nhiều hướng dẫn để tạo ra một trang sitemap cho blogger của bạn. Hôm nay tôi sẽ chia sẻ riêng đang được sử dụng sitemap c...

Đọc thêm »