Code Cho Blogspot Nâng cao

     Thêm 1 bài viết về code dành cho Blog hoặc Web ,sau đây là những bộ code mà Lâm Gia Trang đã sử dụng,Hôm Nay mình share cho các bạn nhé :
* 1 - Code tạo thanh menu độc đáo :
       Các bạn có thể dùng phần mềm  Flash Menu Factory để làm flash tạo thanh menu độc đáo như Lâm Gia Trang đã từng làm bên blog yahoo :

   Nhưng hôm nay mình sẽ hướng dẫn các bạn dùng css thay thế nhé.các bạn xem DEMO bên dưới :

Lâm Gia Trang Blogspot

Kiểm Tra Code

Phần Mềm Hay

Bảng Mã Màu

Liên Kết Logo

Chèn Nhạc Cho Blog

Đây là code :

<table align="center" bgcolor="#e2e4ef" border="1px"><tbody> <tr><td><div style="border: 3px solid transparent;"> <div align="center" style="background: #ffffff; border: 1px inset #ffffff;"> <div style="border: 3px solid transparent;"> <a href="http://lamgiatrangqn.blogspot.com/"><span style="font-size: small;"> Lâm Gia Trang<br /> Blogspot </span></a> </div> </div> </div> </td> <td><div style="border: 3px solid transparent;"> <div align="center" style="background: #ffffff; border: 1px inset #ffffff;"> <div style="border: 3px solid transparent;"> <a href="http://lamgiatrang.zxq.net/Kiemtracode_LAMGIATRANG.htm"><span style="font-size: small;"> Kiểm Tra <br /> code </span></a> </div> </div> </div> </td> <td><div style="border: 3px solid transparent;"> <div align="center" style="background: #ffffff; border: 1px inset #ffffff;"> <div style="border: 3px solid transparent;"> <a href="http://lamgiatrangqngai.blogspot.com"><span style="font-size: small;"> Phần Mềm <br /> Hay </span></a> </div> </div> </div> </td> <td><div style="border: 3px solid transparent;"> <div align="center" style="background: #ffffff; border: 1px inset #ffffff;"> <div style="border: 3px solid transparent;"> <a href="http://lamgiatrangqn.blogspot.com/2012/12/bang-ma-mau-cho-blog.html"><span style="font-size: small;"> Bảng Mã <br />Màu </span></a> </div> </div> </div> </td> <td><div style="border: 3px solid transparent;"> <div align="center" style="background: #ffffff; border: 1px inset #ffffff;"> <div style="border: 3px solid transparent;"> <a href="http://lamgiatrangqngai.blogspot.com/2013/01/lien-ket-logo-tai-ay.html"><span style="font-size: small;"> Liên Kết <br />Logo </span></a> </div> </div> </div> </td> <td><div style="border: 3px solid transparent;"> <div align="center" style="background: #ffffff; border: 1px inset #ffffff;"> <div style="border: 3px solid transparent;"> <a href="http://nguoiquangngai.zzl.org/Lamgiatrang_NCT"><span style="font-size: small;"> Chèn Nhạc <br />Cho Blog </span></a> </div> </div> </div> </td></tr> </tbody></table>

* - 2 Code Nhạc Youtube đóng mở độc đáo : ( Giống như Blog Lâm Gia Trang )
Demo :

  Code :

<script type="text/javascript" src="http://webplayer.yahooapis.com/player.js"></script> <a href="http://youtu.be/CV6GiUjfVsA">NƠI TÌNH YÊU BẮT ĐẦU ! ( Lâm Gia Trang ) </a>

*- 3 Code hiệu ứng trỏ chuột 3 màu giống Blog Lâm Gia Trang :

<script type="text/javascript"> if ((document.getElementById) && window.addEventListener || window.attachEvent){ (function(){ //Configure here... var xCol = "#ff0000"; var yCol = "#ffffff"; var zCol = "#0000ff"; var n = 6; //number of dots per trail. var t = 40; //setTimeout speed. var s = 0.2; //effect speed. //End. var r,h,w; var d = document; var my = 10; var mx = 10; var stp = 0; var evn = 360/3; var vx = new Array(); var vy = new Array(); var vz = new Array(); var dy = new Array(); var dx = new Array(); var pix = "px"; var strictmod = ((document.compatMode) && document.compatMode.indexOf("CSS") != -1); var domWw = (typeof window.innerWidth == "number"); var domSy = (typeof window.pageYOffset == "number"); var idx = d.getElementsByTagName('div').length; for (i = 0; i < n; i++){ var dims = (i+1)/2; d.write('<div id="x'+(idx+i)+'" style="position:absolute;' +'top:0px;left:0px;width:'+dims+'px;height:'+dims+'px;' +'background-color:'+xCol+';font-size:'+dims+'px"><\/div>' +'<div id="y'+(idx+i)+'" style="position:absolute;top:0px;' +'left:0px;width:'+dims+'px;height:'+dims+'px;' +'background-color:'+yCol+';font-size:'+dims+'px"> <\/div>' +'<div id="z'+(idx+i)+'" style="position:absolute;top:0px;' +'left:0px;width:'+dims+'px;height:'+dims+'px;' +'background-color:'+zCol+';font-size:'+dims+'px"> <\/div>'); } if (domWw) r = window; else{ if (d.documentElement && typeof d.documentElement.clientWidth == "number" && d.documentElement.clientWidth != 0) r = d.documentElement; else{ if (d.body && typeof d.body.clientWidth == "number") r = d.body; } } function winsize(){ var oh,sy,ow,sx,rh,rw; if (domWw){ if (d.documentElement && d.defaultView && typeof d.defaultView.scrollMaxY == "number"){ oh = d.documentElement.offsetHeight; sy = d.defaultView.scrollMaxY; ow = d.documentElement.offsetWidth; sx = d.defaultView.scrollMaxX; rh = oh-sy; rw = ow-sx; } else{ rh = r.innerHeight; rw = r.innerWidth; } h = rh; w = rw; } else{ h = r.clientHeight; w = r.clientWidth; } } function scrl(yx){ var y,x; if (domSy){ y = r.pageYOffset; x = r.pageXOffset; } else{ y = r.scrollTop; x = r.scrollLeft; } return (yx == 0)?y:x; } function mouse(e){ var msy = (domSy)?window.pageYOffset:0; if (!e) e = window.event; if (typeof e.pageY == 'number'){ my = e.pageY - msy + 16; mx = e.pageX + 6; } else{ my = e.clientY - msy + 16; mx = e.clientX + 6; } if (my > h-65) my = h-65; if (mx > w-50) mx = w-50; } function assgn(){ for (j = 0; j < 3; j++){ dy[j] = my + 50 * Math.cos(stp+j*evn*Math.PI/180) * Math.sin((stp+j*25)/2) + scrl(0) + pix; dx[j] = mx + 50 * Math.sin(stp+j*evn*Math.PI/180) * Math.sin((stp+j*25)/2) * Math.sin(stp/4) + pix; } stp+=s; for (i = 0; i < n; i++){ if (i < n-1){ vx[i].top = vx[i+1].top; vx[i].left = vx[i+1].left; vy[i].top = vy[i+1].top; vy[i].left = vy[i+1].left; vz[i].top = vz[i+1].top; vz[i].left = vz[i+1].left; } else{ vx[i].top = dy[0]; vx[i].left = dx[0]; vy[i].top = dy[1]; vy[i].left = dx[1]; vz[i].top = dy[2]; vz[i].left = dx[2]; } } setTimeout(assgn,t); } function init(){ for (i = 0; i < n; i++){ vx[i] = document.getElementById("x"+(idx+i)).style; vy[i] = document.getElementById("y"+(idx+i)).style; vz[i] = document.getElementById("z"+(idx+i)).style; } winsize(); assgn(); } if (window.addEventListener){ window.addEventListener("resize",winsize,false); window.addEventListener("load",init,false); document.addEventListener("mousemove",mouse,false); } else if (window.attachEvent){ window.attachEvent("onload",init); document.attachEvent("onmousemove",mouse); window.attachEvent("onresize",winsize); } })(); }//End. </script>

* Lưu Ý : Các bạn có thể thay đổi màu tùy thích thay vào đoạn code trên :
var xCol = "#ff0000";
var yCol = "#ffffff";
var zCol = "#0000ff";
- Các bạn vô trang này để chọn mã màu nhé . TẠI ĐÂY 
* - 4 Code trỏ chuột theo tên tùy thích :

<center> <script language="javascript" type="text/javascript"> // ENTER TEXT BELOW. CAN *NOT* INCLUDE NORMAL HTML CODE. var text='LÂM GIA TRANG BLOG'; var delay=40; // SPEED OF TRAIL var Xoff=0; // PIXEL COUNT FROM THE LEFT OF THE CURSOR (- VALUES GO TO LEFT) var Yoff=-30; // PIXEL COUNT FROM THE TOP OF THE CURSOR (- VALUES GO UP) var txtw=14; // AMOUNT OF PIXEL SPACE EACH CHARACTER OCCUPIES var beghtml='<font color="red"><b>'; // OPTIONAL HTML CODE THAT EFFECTS WHOLE TEXT STRING SUCH AS FONT COLOR, SIZE, ETC. var endhtml='<\/b><\/font>'; // END HTML CODE. MOSTLY USED IF ABOVE SETTING IS USED. //********** NO NEED TO EDIT BELOW HERE **********\\ ns4 = (navigator.appName.indexOf("Netscape")>=0 && document.layers)? true : false; ie4 = (document.all && !document.getElementById)? true : false; ie5 = (document.all && document.getElementById)? true : false; ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false; var txtA=new Array(); text=text.split(''); var x1=0; var y1=-1000; var t=''; for(i=1;i<=text.length;i++){ t+=(ns4)? '<layer name="txt'+i+'" top="-100" left="0" width="'+txtw+'" height="1">' : '<div id="txt'+i+'" style="position:absolute; top:-100px; left:0px; height:1px; width:'+txtw+'; visibility:visible;"> '; t+=beghtml+text[i-1]+endhtml; t+=(ns4)? '<\/layer>' : '<\/div>'; } document.write(t); function moveid(id,x,y){ if(ns4)id.moveTo(x,y); else{ id.style.left=x+'px'; id.style.top=y+'px'; }} function animate(evt){ x1=Xoff+((ie4||ie5)?event.clientX+document.body.scrollLeft:evt.pageX); y1=Yoff+((ie4||ie5)?event.clientY+document.body.scrollTop:evt.pageY); } function getidleft(id){ if(ns4)return id.left; else return parseInt(id.style.left); } function getidtop(id){ if(ns4)return id.top; else return parseInt(id.style.top); } function getwindowwidth(){ if(ie4||ie5)return document.body.clientWidth+document.body.scrollLeft; else return window.innerWidth+pageXOffset; } function movetxts(){ for(i=text.length;i>1;i=i-1){ if(getidleft(txtA[i-1])+txtw*2>=getwindowwidth()){ moveid(txtA[i-1],0,-1000); moveid(txtA[i],0,-1000); }else moveid(txtA[i], getidleft(txtA[i-1])+txtw, getidtop(txtA[i-1])); } moveid(txtA[1],x1,y1); } window.onload=function(){ for(i=1;i<=text.length;i++)txtA[i]=(ns4)?document.layers['txt'+i]:(ie4)?document.all['txt'+i]:document.getElementById('txt'+i); if(ns4)document.captureEvents(Event.MOUSEMOVE); document.onmousemove=animate; setInterval('movetxts()',delay); } </script></center>

Lưu Ý :  Các bạn thay thế tên mình vào dòng chữ LÂM GIA TRANG BLOG nhé !
*-5  Code hiệu ứng trỏ chuột vào đường dẫn nhấp nháy :
Code :

<script type="text/javascript" src="http://lamgiatrang.clanteam.com/doimau_lamgiatrang.swf"></script>

*- 6 Code Trình diễn Banner Chạy Ngang độc đáo :

<div style="background:#ddd url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg5A9ahmLUai0FWZK3y6nGS9OgA5MbgnPKbug-8SHxQ75mdd3nJ8MGic8iDufDs6YycH7Bn5RmlMygvtEukSjcgsFDO972dVljCgsOb9JbEowknRgX41w0LI5LE5FD-k3dumnKMV9MUEgr/) no-repeat left; border-top:#999 1px solid; border-bottom:#999 1px solid; padding-left:19px;padding-right:2px;width:100%;"> <marquee onmouseout="this.start()" direction="left" behavior="50" scrollamount="5" height="60" onmouseover="this.stop()" scrolldelay="50" width="511"> <a href="URL liên kết 1" target="blank" ><img style="width: 220px; height: 60px;" src="Link logo 1"/> </a> <a href="URL liên kết 2" target="blank" ><img style="width: 220px; height: 60px;" src="Link logo 2"/> </a> <a href="URL liên kết 3" target="blank" ><img style="width: 220px; height: 60px;" src="Link logo 3"/> </a> <a href="URL liên kết 4" target="blank" ><img style="width: 220px; height: 60px;" src="Link logo 4"/> </a> <a href="UR Lliên kế 5" target="blank" ><img style="width: 220px; height: 60px;" src="Link logo 5"/> </a> </marquee></div>

- Các bạn thay : 
+ URL lIÊN KẾT 1.2.3.4.5 bằng đường dẫn tùy thích 
+ LINE LOGO 1.2.3.4.5 bằng hình ảnh của của mình nhé 
 + DEMO :

Lưu ý :
Xem thêm những phần mềm hay của Blog Lâm Gia Trang   TẠI ĐÂY

• Vui lòng comment bằng tiếng việt có dấu.
• Bấm nút +1 nếu bạn thấy thích bài viết này.
• Chúc các bạn thành công !