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 !

Read More

TỔNG HỢP CÁC CODE CHO BLOGSPOT

         Để Trả lời cho tất cả các tin nhắn và mail gởi đến cho Lâm Gia Trang trong thời gian qua .Sr tất cả các bạn vì sự trả lời chậm trễ này,sau đây là tất cả những code dùng load nhạc,flash hay hình ảnh cho blog và web .

* Code dùng cho flash ( chạy tốt trên mọi trình duyệt )

<embed allowscriptaccess="never" type="application/x-shockwave-flash" src="http://lamgiatrang.clanteam.com/load_lamgiatrangqngai.swf?file=THAY LINK FLASH VÀO ĐÂY " width="X" height="Y" wmode="transparent"></embed

* Code dùng cho tất cả nhạc mp3 với nhiều giao diện đẹp + lời chào

<embed allowscriptaccess="never" height="300" src="http://lamgiatrang.juplo.com/loadnhac_lamthanhbinh_NQN.swf?mp3=http://users1.jabry.com/thanhbinhNQN/Logolk.mp3&autoplay=1&go=Lâm Gia Trang xin chào các ban ! &loop=1&?http://lamgiatrangqn.blogspot.com" type="application/x-shockwave-flash" width="155" wmode="transparent"></embed>

* Demo :

+ Một số mẫu skin khác :
http://lamgiatrang.juplo.com/loadnhac_lamthanhbinh_NQN.swf
http://lamgiatrang.juplo.com/loadnhac1_lamthanhbinh_NQN.swf
http://lamgiatrang.juplo.com/loadnhac2_lamthanhbinh_NQN.swf
http://lamgiatrang.juplo.com/loadnhac3_lamthanhbinh_NQN.swf
http://lamgiatrang.juplo.com/loadnhac4_lamthanhbinh_NQN.swf
* Code dùng cho load nhạc :

<embed allowscriptaccess="never" height="15" src="http://nguoiqungngai.allalla.com/loadnhac_lamgiatrang.swf?mp3=http://users1.jabry.com/thanhbinhNQN/Logolk.mp3&autoplay=1&buttoncolor=%20273859&buttonovercolor=a67e31&loadingcolor=683980&buttonovercolor=5a4e36&skin=http://i1040.photobucket.com/albums/b401/lamgiatrang2010/NhacLGT_QN.gif&loop=1&?%20http://lamgiatrang.forumvi.com/%20http://lamgiatrangqn.blogspot.com" type="application/x-shockwave-flash" width="135" wmode="transparent"></embed>

* Demo :

* Cách 2 :

<embed allowscriptaccess="never" flashvars="&autostart=yes&loop=yes&soundfile=http://users10.jabry.com/thanhbinhqn/Nhacnen_Google.lamgiatrang.mp3" height="30" src="http://lamgiatrang.clanteam.com/loadnhac_lamthanhbinh.swf" type="application/x-shockwave-flash" width="250" wmode="transparent"></embed>

* Demo :

* Code trình diễn ảnh kèm theo hiệu ứng trỏ chuột :

<embed allowscriptaccess="never" type="application/x-shockwave-flash" src="http://lamgiatrang.freevar.com/load%20album_lamgiatrang.swf?http://lamgiatrang.com/support/http://lamgiatrangqn.blogspot.com" flashvars="pics=http://i1220.photobucket.com/albums/dd451/lamgiatrangqn/1.jpg|http://i1220.photobucket.com/albums/dd451/lamgiatrangqn/2.jpg|http://i1220.photobucket.com/albums/dd451/lamgiatrangqn/3.jpg|http://i1220.photobucket.com/albums/dd451/lamgiatrangqn/4.jpg|http://i1220.photobucket.com/albums/dd451/lamgiatrangqn/5.jpg|http://i1220.photobucket.com/albums/dd451/lamgiatrangqn/6.jpg|http://i1220.photobucket.com/albums/dd451/lamgiatrangqn/7.jpg|http://i1220.photobucket.com/albums/dd451/lamgiatrangqn/8.jpg|http://i1220.photobucket.com/albums/dd451/lamgiatrangqn/9.jpg|http://i1220.photobucket.com/albums/dd451/lamgiatrangqn/10.jpg|http://i1220.photobucket.com/albums/dd451/lamgiatrangqn/11.jpg|http://i1220.photobucket.com/albums/dd451/lamgiatrangqn/lamthanhbinh_NQN1.jpg|http://i1220.photobucket.com/albums/dd451/lamgiatrangqn/1.jpg|&links=http://lamgiatrangqn.blogspot.com/|http://lamgiatrangqngai.blogspot.com/|http://lamgiatrangqngai.blogspot.com/|http://lamgiatrangqn.blogspot.com/|http://lamgiatrangqn.blogspot.com/|http://lamgiatrangqngai.blogspot.com/|http://lamgiatrangqngai.blogspot.com/|http://lamgiatrangqn.blogspot.com/|http://lamgiatrangqn.blogspot.com/|http://lamgiatrangqn.blogspot.com/|http://lamgiatrangqn.blogspot.com/|http://lamgiatrangqn.blogspot.com|http://lamgiatrangqngai.blogspot.com/|http://lamgiatrangqn.blogspot.com/&pic_width=210&pic_height=310&stop_time=6000" wmode="transparent" height="260" width="210">

* Code nhạc đóng mở khi rê chuột độc đáo :

<style> #button_music { float:right;right:-10px;z-index:999;} .a-music { background:url(http://a.imageshack.us/img94/3900/tabj.png) no-repeat;padding-left:0px;padding-right:30px;height:222px;display:inline-block;position:relative;font-family:Arial, sans-serif;font-size:10px;z-index:900;float:right;clear:both;margin:10px 0px;overflow:hidden;} .a-music-slide-text { position:absolute;height:100%;top:0px;left:34px;background:url(http://a.imageshack.us/img203/2482/musiclamgiatrangcopy.png) no-repeat;color:#000;white-space:nowrap;text-align:left;text-indent:15px;overflow:hidden;line-height:12px;width:235px;} .a-music-slide-text p{ padding:50px 0px 0px 4px;} .a-music-icon-right4 { position:absolute;left:0px;top:0px;height:100%;width:34px;z-index:900;} /*.a-music-icon-right4 span { width: 40px; height: 40px; opacity: 0.7; position: absolute; right: 50%; top: 50%; margin: -20px 0px 0px -20px; background: #000; z-index: 900; }*/ .a-music:hover { padding-left:231px;} </style> <div id="divAdRight" style='Right:1px;WIDTH:200px;POSITION:absolute;TOP:800px;'> <div id="button_music"> <div class="a-music"> <span class="a-music-slide-text"><p> <embed name="index" pluginspage= "http://www.macromedia.com/go/getflashplayer" src= "http://lamgiatrang.juplo.com/player.swf" width="200" height="140" type="application/x-shockwave-flash" border="0" wmode="transparent" flashvars= "&config=http://lamgiatrang.juplo.com/config.xml&file=http://lamgiatrang.juplo.com/playlist.xml" allowscriptaccess="never" quality="high" menu="false" vspace="5" hspace="5"></embed> </p> </span></div> </div> </div> <span class="a-music-icon-right4"></span>

* Demo :

* Lưu Ý : Các bạn coppy code sau đó vào trang web này dán code vào để kiểm tra trước khi cho vào blog hoặc Web :
_ http://lamgiatrang.zxq.net/Kiemtracode_LAMGIATRANG.htm

Lưu ý :
Tất cả các code trên đều chạy tốt trên mọi trình duyệt : Mozilla Firefox, Google Chrome hay IE Các bạn dùng code load Flash thay thế đường load của chip ( đã bị lỗi trên Mozilla Firefox )

• Vui lòng để lại một comment góp ý.
• Bấm nút +1 nếu bạn thấy thích bài viết này.
• Chúc thành công !

Read More