H2A_Mot so doan code dep cho Blog

CODE để thay đổi màu các đường link trên blog của mình: <STYLE type=text/css>A:link { COLOR:green; FONT: 10pt Arial; TEXT-DECORATION:none } A:visited { COLOR: blue; FONT: 10pt Arial; TEXT-DECORATION:none } A:hover { COLOR:blue; FONT: 10pt Arial; TEXT-DECORATION:none } </STYLE> Các bạn hãy copy đoạn code trên và dán vào một khối HTML. Có thể chèn đoạn code này trước hoặc sau các đoạn code khác. Hãy tự khám phá : Các bạn hãy thay đổi chữ in đậm theo màu và font chữ xem kết quả mình tạo ra ! Với menu ngang ở phía trên của blog thì đã được hỗ trợ trong theme và cách tạo khá dễ dàng. Tuy nhiên, để tạo thêm menu ở cuối trang thì chúng ta không thể thực hiện được như thông thường. Để làm được điều này chúng ta cần chèn thêm code vào blog. CODE để tạo thêm menu ngang ở cuối trang hoặc trong các thẻ HTML: Cấu trúc code như sau : <div class="menutop nowrap" id="chromemenu"><ul><li><a href="link"><span> Tên menu </span></a></li></div> Để tạo thêm menu các bạn hãy lặp lại đoạn code <li><a href="link"><span> Tên menu </span></a></li> tuỳ theo số menu cần tạo. Lưu ý : - Hãy thay link bằng địa chỉ (URL) cần link đến của menu - Thay tên menu bằng tên bạn muốn hiển thị trên menu. Các bạn có thể xem ví dụ về menu ngang tôi tạo ở cuối trang. Chúc các bạn thành công ! Bộ đếm số lượt truy cập cho blog thay thế bộ đếm của Violet Khi đưa một website lên internet hay sử dụng blog ở một dịch vụ nào đó thì bộ đếm lượt truy cập là một cái có thể nói là không thể thiếu, nó giúp cho việc đánh giá hiệu quả hoạt động cũng như “sự nổi tiếng” của trang web. . Một số blog đã cung cấp sẵn bộ đếm như wordpress hay yahoo 360, nhưng blogspot và một số site khác thì không có sẵn. Sau đây tôi xin giới thiệu với các bạn một số website miễn phí có thể giúp bạn đưa bộ đếm vào website hay blog của mình. Cách sử dụng rất đơn giản, bạn chỉ cần đăng kí một tài khoản tại website, cung cấp địa chỉ của website hay blog của bạn, sau đó nó sẽ sinh ra một đoạn mã chứa HTML và Javascript, bạn hãy copy đoạn mã này và đặt vào bất cứ đâu trong website của mình, ở chỗ mà bạn muốn nó hiện ra ấy. Các bạn có thể xem một số hình minh họa mà nó sẽ hiển thị khi đưa vào website của chúng ta, còn rất nhiều kiểu dáng, các bạn có thể vào site của nó để xem và lựa một kiểu thích hợp . 1 số đoạn code đẹp cho Blog Vài đoạn code đẹp và bổ ích cho các bạn . Bạn muốn chèn code vào blog thì đánh dấu check vào ô View HTML Source. Rồi past đoạn code vào là được . Chèn hình ảnh với kích cỡ như ý muốn: (chiều rộng < 500) <div align=center><img height=100 alt=Image src="image link" width=100 alt="Image" /></div> Trong đó: <div align=center> : dùng để cho ảnh nằm ở giữa trang. . Các height và width phải điền đúng chính xác với các chiều cao và chiều rộng của ảnh. . Image link, phải lấy link trực tiếp của bức hình. * Cách này chỉ cho chèn ảnh với chiều rộng không quá 500 Cách chèn ảnh với size thực tế ( chiều rộng > 500) _ Cắt dọc ảnh ra thành 2 hình bằng nhau, up lên cái host nào đấy, và paste cái code này vào: <table id="Table_01" width="1000" height="750" border="0" cellpadding="0" cellspacing="0"> <tr> <td> <img src="link ảnh 1" width="500" height="750" alt=""></td> <td> <img src="link ảnh 2" width="500" height="750" alt=""></td> </tr> </table> * Chiều rộng và chiều cao của ảnh nhớ ghi chính xác (còn số trong code trên chỉ là ví dụ thôi ) Chèn link: <a href="link">Tên muốn hiển thị</a> Tạo bóng đổ cho text trong Blog: <div align="center"> <span style="font-family: comic sans ms; font-size: 50px; font-weight: bolder; color: rgb(130, 130, 130);">langtu</span> <span style="font-family: comic sans ms; font-size: 50px; font-weight: bolder; color: red; margin-left: -295px; vertical-align: -5px;">binhphu</span> </div> Trong đó: font của chữ là comic sans ms, nếu không thích có thể đổi kiểu chữ khác. Code dùng để đóng khung trong blog: <table background="link" border="1" cellpadding="30" cellspacing="2"> <tbody> <tr> <td> <table style="height: 209px;" align="left" background="link" border="2" cellpadding="0" cellspacing="0"> <tbody> <tr> <td align="left"> <span style="color: rgb(192, 0, 0);"> <div style="margin-left: 40px;"> đoạn text của khung bên trong www.binhphu.info<br /> </div> </span> </td> </tr> </tbody> </table> <br /> <span style="color: rgb(255, 64, 64);"> đoạn text của khung bên ngoài www.binhphu.info</span><br /> </td> </tr> </tbody> </table> Tạo các icon có chứa link: (nghĩa là trên blog của mình sẽ hiện ra các hình, khi bấm vào hình đó nó sẽ dẫn đến 1 cái link mình muốn- giống như kiểu [url=link text[/url] trong gvn vậy đó) <div style="text-align: center;"> <a href="link Blog 1"> <img src="link ảnh 1" alt="Blog Page" height="47" width="51" alt="Image" /></a></div> <br /> Đoạn code này có nghĩa là: trên màn hình sẽ hiện ra ảnh 1, khi bấm vào sẽ hiện ra page 1. Nếu muốn làm nhiều thì cứ lặp lại các code trên. (¯`·_12a1BP.Tk_·´¯) (¯`·_COS_·´¯) Xem hồ sơ Gởi tin nhắn tới (¯`·_COS_·´¯) Tới trang web của (¯`·_COS_·´¯) Tìm bài viết khác của (¯`·_COS_·´¯) Nội Quy Viết Bài: -Viết tiếng việt có dấu. -Không dùng ngôn ngữ teen. -Không post nội dung đồi trụy, phản động, nói tục, đã kích người khác, spam, virus, lừa đảo Xem Chi Tiết . Một Số Code Hay Cho Blog Y!H 360 Đoạn code dùng để đếm xem có bao nhiêu người đã xem trang của mình: <!-- Start of SimpleHitCounter Code --> <div align="center"><a href="http://www.simplehitcounter.com" target="_blank"><img src="http://simplehitcounter.com/hit.asp? uid=38358&f=16777215&b=0" border="0" height="18" width="83" alt="free hit counters"></a><br><a href="http://www.simplehitcounter.com" target="_blank"><font size="-3">free hit counters</font></a></div> <!-- End of SimpleHitCounter Code --> Chèn hình ảnh với kích cỡ như ý muốn: (chiều rộng < 500) <div align=center><img height=100 alt=Image src="image link" width=100 alt="Image" /></div> * Thay thế image link = link ảnh Trong đó: <div align=center> : dùng để cho ảnh nằm ở giữa trang. . Các height và width phải điền đúng chính xác với các chiều cao và chiều rộng của ảnh. .* Cách này chỉ cho chèn ảnh với chiều rộng không quá 500. Code post nhạc MP3: Lưu ý là code này chỉ post đc nhạc dạng *.mp3, chứ nhạc dạng *.wma hoặc dạng khác ko đc! <embed style="height:25px; width:400px; " type="application/x-shockwave- flash" src="http://video.google.com/googleplayer.swf?audioUrl= link nhạc .mp3" flashvars="autoplay=true" allowScriptAccess="none"></embed> Code phông mờ trong blog (transparent entry): <center> <div class="content-wrapper"> <div align="right"> <div style="" class="container-6 blast whisper"> <div class="thm-box" style="" align="center"> <p align="left"> @@@@@@ </center></div></center> <br /> </center> </span><div style="text-align: left;"><center></center></div></div><p></p> Code dùng như sau: Vào compose new entry Chọn View HTLM Paste code dưới vào Chèn nội dung vào chữ @@@ Code chèn Flash vào Blog : <embed quality="high" menu="true" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version=ShockwaveFlash" src="HTTP://LINKfileFLASH" type="application/x-shockwave-flash" width="400" height="300" loop="false"></embed> Đây là đoạn code lá rời đầy Blog <script language="JavaScript"> var isNetscape6=false; if (navigator.appName == "Netscape" && parseFloat(navigator.appVersion) >= 5) isNetscape6=true; if (!isNetscape6){ num=15; //Luong La Roi Nhieu hay It stopafter=300; //Thoi Gian Roi Bao Lau //Pre-load images! Hinh Nhung Chiec la pics=new Array("http://yeublog.com/uploads/l/lhblove/17403.gif","http://yeublog.c om/uploads/l/lhblove/17404.gif","http://yeublog.com/uploads/l/lhblove/17 405.gif","http://yeublog.com/uploads/l/lhblove/17406.gif","http://yeublo g.com/uploads/l/lhblove/17407.gif","http://yeublog.com/uploads/l/lhblove /17409.gif"); load=new Array(); for(i=0; i < pics.length; i++){ load[i]=new Image(); load[i].src=pics[i]; } stopafter*=1000; timer=null; y=new Array(); x=new Array(); s=new Array(); s1=new Array(); s2=new Array(); if (document.layers){ for (i=0; i < num; i++){ randomleaf = pics[Math.floor(Math.random()*pics.length)]; document.write("<LAYER NAME='leaf"+i+"' LEFT=0 TOP=0><img src="+randomleaf+"></LAYER>"); } } if (document.all){ document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < num; i++){ randomleaf = pics[Math.floor(Math.random()*pics.length)]; document.write('<img id="leaf'+i+'" src="'+randomleaf+'" style="position:absolute;top:0px;left:0px">'); } document.write('</div></div>'); } if (!document.all&&!document.layers){ for (i=0; i < num; i++){ randomleaf = pics[Math.floor(Math.random()*pics.length)]; document.write("<div id='leaf"+i+"' style='position:absolute;top:0px;left:0px'><img src="+randomleaf+"></div>"); } } inih=(document.all)? window.document.body.clientHeight:window.innerHeight-100; iniw=(document.all)?window.document.body.clientWidth:window.innerWidth- 100; for (i=0; i < num; i++){ y[i]=Math.round(Math.random()*inih); x[i]=Math.round(Math.random()*iniw); s[i]=Math.random()*5+3; s1[i]=0; s2[i]=Math.random()*0.1+0.05; } function fall(){ h=(document.all)?window.document.body.clientHeight:window.innerHeight; w=(document.all)?window.document.body.clientWidth:window.innerWidth; scy=(document.all)?document.body.scrollTop:window.pageYOffset; scx=(document.all)?document.body.scrollLeft:window.pageXOffset; for (i=0; i < num; i++){ sy=s[i]*Math.sin(90*Math.PI/180); sx=s[i]*Math.cos(s1[i]); y[i]+=sy; x[i]+=sx; if (y[i] > h){ y[i]=-60; x[i]=Math.round(Math.random()*w); s[i]=Math.random()*5+3; } s1[i]+=s2[i]; if (document.layers){ document.layers["leaf"+i].left=x[i]; document.layers["leaf"+i].top=y[i]+scy; } else{ document.getElementById("leaf"+i).style.left=x[i]; document.getElementById("leaf"+i).style.top=y[i]+scy; } } timer=setTimeout('fall()',20); } fall(); function dsbl(){ for (i=0; i < num; i++){ if (document.layers) document.layers["leaf"+i].visibility="hide"; else document.getElementById("leaf"+i).style.visibility="hidden"; } clearTimeout(timer); } setTimeout('dsbl()',stopafter); } //--> </script> LÀM ĐẸP CHO BLOG (P1) Thỉnh thoảng các bạn thấy Tế Điên làm mấy cái Tab cho những bài thơ (xem ví dụ) , hay thay đổi ảnh nền của blog (xem ví dụ), hay thay đổi hình dạng con trỏ chuột (xem ví dụ) . . Sau khi thử nghiệm thêm vài cái mã hay hay, hôm nay Tế Điên cố gắng chia sẻ những gì mình biết để mọi người cùng làm. Hi vọng Blog Tìm Nhanh sẽ ngày càng nhiều màu sắc hơn. Dĩ nhiên, sẽ còn nhiều sai sót, (TĐ chỉ là nghiệp dư mà ), có ai biết thêm gì thì góp ý nha!!! Một vài thứ cần nói trước khi nói về Code: *Copy và Past đoạn mã : Để tiện cho các bạn, Tế Điên sẽ cố gắng làm cho đoạn mã đơn giản nhất. Sau khi copy đoạn mã, bạn vào khung soạn thảo click vào ô “View source” và paste vào (nên paste mã vào phần dưới cùng) , rồi chỉnh lại một vài thông số theo ý mình, sau đó lại click vào ô "View source" một lần nữa để xem thành quả… * Cách đơn giản để lấy mã màu : Mã màu thường có 7 ký tự, bắt đầu bằng dấu #. Ví dụ: #fafdff, #D570EE … Để biết được mã của màu mình mong muốn, check vào ô “Màu chữ”- à “Màu khác” * Nguồn ảnh-cách xem thông số: Những hình ảnh mà các bạn dùng phải tồn tại trên Web, muốn vậy các bạn phải upload hình của mình lên. Muốn upload hình của chính mình lên bạn cần tạo một host trên web. Một số trang thông dụng như flickr.com/ photobucket.com / fileden.com . cho phép bạn làm điều đó. Chỉ việc đăng ký một tài khoảng và upload. Hoặc nếu không thì sử dụng nguồn ảnh trên net luôn. Cách đơn giản để biết kích thước ảnh, link ảnh…: click chuột phải vào hình, chọn “Properties” [...]... Thủ thuật làm blog : Làm đẹp cho blog yahoo360 Plus Các blogger đang bàn tán rất xôn xao về chuyện blog yahoo360 đóng cửa Để tiếp tục cho việc viết blog, một số blogger đã chuyển qua yahoo360 plus Blog này được nâng cao và thú vị hơn 360 Sau đây là một số đoạn code để blogger có thể làm đẹp cho plus hơn là 360 Mã CSS làm theme cho plus: Ảnh nền toàn blog bất động: BODY .blog_ my {BACKGROUND:url(link... để link cho nó trong suốt”> Tiêu đề tiêu tiêu đời Nội dung blog Nội dung blog Nội dung blog Nội dung blog Nội dung blog Nội dung blog -với cái mã này thì cái khung sẽ trong như vầy: Tiêu đề tiêu tiêu đời Nội dung blog Nội dung blog Nội dung blog Nội dung blog Nội dung blog Nội dung blog cái... background=http://media.bigoo.ws/content/background/love/love_15.gif border=2> Nội dung blog Nội dung blog Nội dung blog Nội dung blog Nội dung blog Nội dung blog sẽ hiển thị cái khung như vầy: Nội dung blog Nội dung blog Nội dung blog Nội dung blog Nội dung blog Nội dung blog Thêm cái này nữa đi: - nội dung blog nội dung blog nội dung blog nội dung blog Khi dán vào khung so n thảo, nó sẽ hiển thị như sau: nội dung blog nội dung blog nội dung blog nội dung blog Cũng với các thông số như đã chọn trên nhưng không chọn màu viền, có một đoạn mã biến thể sau: ... background="http://media.bigoo.ws/content/background/love/love_15.gif" border="2"> Nội dung blog nội dung blog nội dung blog - Cái khung sẽ trông như thế này: Nội dung blog nội dung blog nội dung blog Một biến thể khác:(chọn cellSpacing=15, cellPadding=15, border=2) ... cellspacing="5"> Nội dung blog khung bên trong Nội dung blog khung bên ngoài Nội dung blog khung bên trong Nội dung blog khung bên ngoài ************************************************************** * Thay đổi hình nền cho blog: Tế điên đã thử nhiều mã nhưng không thể... src="http://s4.histats.com/stats/0.gif?869851&1" alt="web statistic" border="0"> Các mã code đẹp lung linh cho blog, forum 1 Trái tim lung linh nè! Cái nj có hẳn 5 code cho cả nhà lựa chọn (sướng ná! ~^^~) a) Trái tim 1 Trích dẫn: Copy Trước khi dán vào khung so n thảo, phải chắc chắn rằng bạn đã mở "View source" Ví dụ: TĐ chọn đoạn mã sau -body {cursor: url(http://www.moocursors.com/cat/2.ani); } . đoạn code đẹp cho Blog Vài đoạn code đẹp và bổ ích cho các bạn . Bạn muốn chèn code vào blog thì đánh dấu check vào ô View HTML Source. Rồi past đoạn code. <tr> <td>Nội dung blog Nội dung blog Nội dung blog </td> <td>Nội dung blog Nội dung blog Nội dung blog </td> </tr> </table>