Quảng cáo

Thủ thuật tạo code widget thông báo chữ chạy cho blog

19:35 |
[ Ji Nguyễn ]  Bài viết này sẽ hướng dẫn các bạn cách tạo code thông báo các bài viết chủ đề nổi bật (chỉ tiêu đề bài viết và link liên kết kèm theo) để giúp blog của bạn trông pro hơn và "dễ xương" hơn một chút.

Ở thủ thuật này ta sẽ sử dụng đơn thuần là tạo các thẻ table kết hợp mã html mà thôi, cũng dễ dàng cho những ai không biết gì về CSS hoặc Javascipt.

Để thực hiện thủ thuật này bạn cần đăng nhập vào blog, chọn Bố cục, kế đến bạn chọn tạo Tiện ích HTML/Javascipt rồi paste đoạn code bên dưới vào

Việc cuối cùng là Save lại bố cục và thưởng thức kết quả của bạn. Lưu ý: trong code các dòng màu đỏ là những chỗ bạn nên thay thế bằng link của mình.
Xem thêm…

Nhúng code upload ảnh trực tuyến vào blogspot

22:42 |
[ PanaMoney ]  Hôm nay Pana sẽ hướng dẫn các bạn cách nhúng code upload ảnh trực tuyến (lưu ý là thủ thuật upload ảnh này không có lưu lại tài khoản nha). Code này sẽ cho phép các đọc giả của bạn có thể up một file hình ảnh với dung lượng tối đa lên đến 10 MB lên trang lưu trữ hình ảnh trực tuyến photo.1280.com
Và sau đây là đoạn code của nó:
 
Các bạn chỉ cần tạo một widget HTML/Javascript mới rồi paste đoạn code bên dưới vào là xong.


Chúc các bạn thành công.
Xem thêm…

Tạo trang loading đơn giản cho blog

20:49 |
[ Ji Nguyễn ]  Lâu lâu vọc tí cho vui, hôm nay Pana sẽ hướng dẫn các bạn cách tạo một trang loading đơn giản và khá đẹp mắt.

Thực hiện:
1. Đăng nhập blog
2. Vào bố cục (layout)
3. Click chọn Thêm tiện ích, sau đó chọn HTML/ Javascript
4. Chèn đọan code bên dưới vào.



<script>
var bar=0
var line="||"
var amount="||"
function count(){
bar=bar+2
amount =amount + line
document.loading.chart.value=amount
document.loading.percent.value=bar+"%"
if (bar<99)
{setTimeout("count()",125);}
else
{loaibo()}
}

</script>

<div id="TGTH_Loading" align="center" style="position:fixed;visibility:hidden;-moz-opacity: 0.80px;background: #000000;filter: alpha(opacity=80);height: 100%;left: 0%;top: 0%;opacity: 0.80;width: 100%;z-index: 1001;">
<form name="loading">
   <table align="center" style="position:fixed;top:11%; left: 0px;" height="90%" width="100%"><tbody><tr><td valign="center"><p align="center" style="font-family:Verdana;color:red;font-size:20pt;font-weight:bold">Text 1</p><p align="center" style="font-family:Verdana;color:#295dc6;font-size:15pt;font-weight:bold">Text 2</p><p align="center" style="font-family:Verdanal;font-size:8pt"><input style="border: medium none ; color: white; background-color:black; text-align: center;" size="47" name="percent"><br><input style="border-style: none; padding: 0px; font-weight: bolder; color:white ; font-family: Arial; background-color: rgb(53, 53, 53);" size="45" name="chart"><br><script>count()</script><b><font style="font-size: 8pt;" color="#ff6600" face="Verdana">Đang load trang blog, xin đợi ....</font></b></p><br><p align="center"style="font-family:Verdana;font-weight:bold"><a href="Javascript:loaibo()()"  style="color:yellow;font-size:10pt">Nhấn vào đây nếu không muốn đợi lâu.</a></p>
            </td></tr></tbody></table></form>
</div>

<script type="text/javascript">
var once_per_session=1

function loaibo(){
document.getElementById('TGTH_Loading').style.visibility="hidden"
document.cookie="TGTH_Loading=yes"
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) { // if cookie exists
offset += search.length
// set index of beginning of value
end = document.cookie.indexOf(";", offset);
// set index of end of cookie value
if (end == -1)
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function Dongloading(){
if (get_cookie('TGTH_Loading')=='')
{
Moloading()
}
}
function Moloading(){
document.getElementById('TGTH_Loading').style.visibility="inherit"
}

if (once_per_session==0)
Moloading()
else
Dongloading()
</script>
Bạn nhớ chỉnh sửa lại những đoạn tô màu đỏ cho phù hợp với trang của mình nhé.

5. Lưu lại.


Bây giờ bạn chỉ cần xem blog là sẽ thấy ngay kết quả. Chúc các bạn thành công
Xem thêm…

Trang trí cho khung codeview - Sử dụng Javascript

19:49 |
[ PanaMoney ]  Bài viết này cũng sẽ hướng dẫn cách chèn code vào bài viết nhưng pro hơn và dễ dàng hơn.

Ở thủ thuật này ta sẽ sử dụng kết hợp giữa javasscriptCSS để post code vào bài viết và trang trí nó. Với CSS là để trang trí, còn Java là để hiển thị code .


Khi ta muốn post code vào bài viết, ta phải mã hóa những kí tự đặc biệt của code thành những chuỗi thay thế. Nhưng ở thủ thuật này, ta sẽ không phải mã hóa chúng, mà chèn thẳng chúng vào trong bài viết luôn. Và thủ thuật này cũng hỗ trợ hầu hết các ngôn ngữ như : HTML, Java, Javascript, SQL, php...

Do việc hỗ trợ tự động nhận dạng các ngôn ngữ, nên code của bạn khi chèn vào bài viết phải chính xác, nếu không nó sẽ báo lỗi.

Thủ thuật hỗ trợ 2 thẻ là Pre> và thẻ Textarea để chèn code vào. Sử dụng 2 thẻ đều cho kết quả như nhau.


Hình ảnh minh họa :
Ta thấy trong hình, các class, id, title... đều được làm nổi bật (có màu xanh), và ở các ngôn ngữ khác thì nó sẽ hiển thị khác.

Do có sử dụng javascript, nên khi hiện thị bài viết nó phải load, và lúc load code nó sẽ trông giống như bên dưới:

☼ Bây giờ ta bắt đầu thủ thuật :
1. Đăng nhập blog
2. Vào bố cục (layout)
3. Vào chỉnh sửa code HTML (edit code HMTL)
4. Chèn đọan code Javascript bên dưới vào trước thẻ đóng Head



<link href='http://fandung.110mb.com/JS-files/codeview/SyntaxHighlighter.css' rel='stylesheet' type='text/css'/>
<script src='http://fandung.110mb.com/JS-files/codeview/shCore.js' type='text/javascript'/>
<script src='http://fandung.110mb.com/JS-files/codeview/shBrushCpp.js' type='text/javascript'/>
<script src='http://fandung.110mb.com/JS-files/codeview/shBrushCSharp.js' type='text/javascript'/>
<script src='http://fandung.110mb.com/JS-files/codeview/shBrushCss.js' type='text/javascript'/>
<script src='http://fandung.110mb.com/JS-files/codeview/shBrushDelphi.js' type='text/javascript'/>
<script src='http://fandung.110mb.com/JS-files/codeview/shBrushJava.js' type='text/javascript'/>
<script src='http://fandung.110mb.com/JS-files/codeview/shBrushJScript.js' type='text/javascript'/>
<script src='http://fandung.110mb.com/JS-files/codeview/shBrushPhp.js' type='text/javascript'/>
<script src='http://fandung.110mb.com/JS-files/codeview/shBrushPython.js' type='text/javascript'/>
<script src='http://fandung.110mb.com/JS-files/codeview/shBrushSql.js' type='text/javascript'/>
<script src='http://fandung.110mb.com/JS-files/codeview/shBrushVb.js' type='text/javascript'/>
<script src='http://fandung.110mb.com/JS-files/codeview/shBrushXml.js' type='text/javascript'/>
<script src='http://fandung.110mb.com/JS-files/codeview/shBrushRuby.js' type='text/javascript'/>

5. Tiếp tục xuống phía dưới chèn thêm đọan code Javascript bên dưới vào trước thẻ đóng  Body



<script language='javascript'>
function start() {
dp.SyntaxHighlighter.BloggerMode();
dp.SyntaxHighlighter.HighlightAll('code', true, true, false, 1, false);
}
window.onload = start;
</script>

6. Save template.

7. Để post code vào bài viết, bạn sử dụng 2 cách bên dưới:


a. Dùng thẻ Pre

<pre name="code" class="c-sharp">


Dán code &#7903; &#273;ây (code nguyên m&#7851;u)


</pre>


b. Dùng thẻ Textarea

<textarea name="code" class="c#" cols="60" rows="10">


Dán code &#7903; &#273;ây (code nguyên m&#7851;u)


</textarea>



Nguồn Fandung.com
Chúc các bạn thành công.


Cpx24.com CPM Program
 
Xem thêm…

Chèn khung đăng nhập vào blog

02:53 |

[ Ji Nguyễn ]  Hôm nay Ji sẽ giới thiệu đến các bạn cách tạo một khung đăng nhập nho nhỏ trên blog để thuận tiện đăng nhập khi đang xem blog mà không cần phải gõ cái địa chỉ blogger.com nữa.
1/ Đăng nhập vào blog, vào phần Bố cục à Phần tử trang
2/ Các bạn tạo thêm 1 widget mới không cần đặt tên rồi past đoạn code bên dưới vào.


<style type="text/css">  

#topbar 
{
margin-top: 300px; 
margin-right: 300px;
PADDING-BOTTOM: 5px; 
PADDING-RIGHT: 5px;  
PADDING-LEFT: 5px; 
WIDTH: 167px; 
VISIBILITY: hidden;
FONT-FAMILY: Tahoma; 
POSITION: absolute;
color: white;
}  
</style>
<script type="text/javascript" src="https://sites.google.com/site/vnblognetwork/file-cabinet/dangky.js"> </script>
<div id="topbar"> 
<form action="ucp.php?mode=login" method="post">
<table cellpadding="0" cellspacing="3" border="0" width="100%" bgcolor=#6A6A6A style="border:3px  solid #000">
<tr>
<td colspan="2" class="smallfont"><font color="#FFFFFF"><b>Wellcome</b></font></td>
</tr>
<tr>
<td colspan="2">
<input class="post" value="Tài khoản" name="username" size="26" title="Tên thành viên" type="text"/>            
</tr>
<tr>
<td colspan="2" class="smallfont" >
<input class="post" name="password" size="26" value="password" title="Mật khẩu" type="password">
</td>
</tr>
<tr>
<td align="left">
<input class="radio" checked name="autologin" title="Đăng nhập tự động mỗi lần nghé thăm" type="checkbox"><font color="#FFFFFF">Nhớ!</font>
</td>
<td align="right">
<input name="login" value="Đăng nhập" type="submit">              
</td>
</tr>
<tr>
<td colspan="2" align="left" style="white-space:nowrap" class="smallfont">
<a href="ucp.php?mode=sendpassword">Quên mật khẩu?</a><br/>
<a target="_blank" href="ucp.php?mode=register"><blink><b>Đăng ký<blink></b></a>
</td>
</tr>
</table>
</form>
</div>







Cuối cùng, các bạn bấm nút lưu lại. Chúc các bạn thành công. 



 
Xem thêm…

Khắc phục lỗi "khóa comment" của các Template

01:09 |
[ Ji Nguyễn ]  Thông thường, khi bạn download các template trên mạng về và cài vào blog của mình (dịch vụ blogspot) thì có nhiều lỗi hay xảy ra khiến bạn rất bực bội như: cài không được, widget không tương thích với blogger, không cho phép người đọc comment, vv....
Thiết nghĩ một template đẹp nhưng lại như thế thì cũng chẳng ai muốn cài nó cho blog của mình làm gì cho phiền phức, Ji cũng thế. Tuy nhiên điều làm chúng ta phiền muộn hơn cả vẫn là cài được nhưng khách không comment được (hay thậm chí chính cả admin của blog cũng ..bó tay), blog tồn tại dựa vào người đọc và những comment của họ, một blog hay mà không thể comment được thì cũng chỉ là một...miền đất chết.
Để khắc phục tình trạng này, Ji Nguyễn xin hướng dẫn các bạn cách để sửa lỗi không cho phép người đọc comment trong template blogspot mà ta tải về

Đầu tiên bạn vào phần Bố cục -->; Chỉnh sửa html -->; Mở rộng mẫu tiện ích.  . Sau đó bạn tìm đoạn code sau:


<p class=’comment-footer’> <b:if cond=’data:post.allowComments’> <a expr:href=’data:post.addCommentUrl’ expr:onclick=’data:post.addCommentOnclick’><data:postCommentMsg/></a> </b:if> </p>
Thay toàn bộ đoạn code đó bằng đoạn code dưới đây:
<p class=’comment-footer’> <b:if cond=’data:post.embedCommentForm’> <b:include data=’post’ name=’comment-form’/> <b:else/> <b:if cond=’data:post.allowComments’> <a expr:href=’data:post.addCommentUrl’ expr:onclick=’data:post.addCommentOnclick’><data:postCommentMsg/></a> </b:if> </b:if> </p>


Vậy là xong, chúc các bạn thành công




Xem thêm…

web hosting

Play over 1,500 games at WildTangent.com!

Aero Tech Designs