Thursday, June 30, 2011

code chèn nhac, video

Chèn clip:

Code:


[ALIGN=center]<embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" src="http://linknhac.wmv" name="MediaPlayer1" width="284" height="239" autostart="0" showcontrols="1" volume="80">[/ALIGN]

Nói thêm 1 chút ở đây:
Width là chiều rộng, height là chiều cao, các bạn có thể sửa lại độ lớn của media player với việc sửa lại các chỉ số này thành lớn hơn hoặc nhỏ hơn
Chèn flash:

Code:



<embed quality="high" menu="true" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" src="http://linkfileflash.swf" type="application/x-shockwave-flash" width="400" height="300" loop="false"></embed>


Chèn nhạc nền cho blog:


Code:


<embed width="0" height="0" type="application/x-mplayer2" enableContextMenu="0" src="URL_file_nhac" showstatusbar="0" autostart="1" showcontrol="0" volume="80"></embed>
Chú ý 1 chút, code này chỉ là 1 đoạn chỉnh sửa lại của code nhạc phía trên ^^, chiều rộng + ngang = 0 hết, media player sẽ không hiển thị, thẻ autostart="0" được sửa lại thành autostart="1" dòng autostart này có nghĩa là tự động chơi bản nhạc, "1"=có, "0"=không.

Đóng khung/ hiệu chỉnh font chữ, màu, add background cho bài viết:

Code:

<table width="600" cellspacing="0" cellpadding="0" style="border:1px solid #000000">
    <tr>
    <td style="padding: 15px" background="LINK_NỀN">  
    <font face="Tahoma,Times New Roman,Arial" size="2" color="#000">
    
    Nội dung bài viết ghi ở đâyb
    
    </font></td></tr></table>

Dòng
font face="Tahoma,Times New Roman,Arial" size="2" color="#000"
Các bạn có thể edit lại thành những font mình ưa thích, size là kích cỡ, color là màu nền của bài viết, #000 là mã màu trắng, để biết code các màu các bạn có thể vào đây
background="LINK_NỀN"
Ở dòng background này các bạn có thể thay link ảnh trên thành link ảnh khác mà các bạn thích để làm hình nền cho blog .
    


Read More...

Hiển thị bài viết giống trang dantri.com.vn


 DEMO


Hình ảnh minh họa
1. Đăng nhập vào tài khoản blogger
2. Vào thiết kế, chọn chỉnh sửa HTML
3. Chèn code bên dưới vào sau thẻ <head>
<script src="http://traidatmui-tips.googlecode.com/files/jquery.min.js" type="text/javascript"></script>

<script type="text/javascript">function Hovercat(q){$("#neocat-"+q+" ul.dpost").find("li").show()}
function Outcat(q){$("#neocat-"+q+" ul.dpost").find("li").hide();$("#neocat-"+q+" ul.dpost").find("li:eq(0)").show()}
</script>

4. Tiếp theo bạn chèn code css bên dưới vào trước thẻ ]]></b:skin>
.summerypost a {
color:#000099;
font-weight:bold;
}
.summerypost a:hover {
color:#403c3d;}

.summerypost {
font-size:12px;
color:#000;
font-family:arial;}

.readm a{
color:#1f2f56;
font-size:12px;
margin-right:10px;
margin-top:8px;}
.readm a:hover{
color:#766162;}

.repost{
color:#3366ff;
font-family:arial;}

.repost a{
color:#000066;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5SWMHjMdmswWmt7B0hqPO8-pSn6BWrbTidGWuQfvjHlrJEilw0aWab0uVOZkjPFg7RGoPyBDVsKswevCdBzKStFVsHdzCFmeGCBS2GjJRpXf8YL4Z2TszCK57knjwlNifN1_rxnj6oNf_/) no-repeat left;
padding-left:10px;}
.repost a:hover{
color:#bf9798;}

.tab {
font-size:13px;
padding:0px 5px 5px 5px;
width:550px; /*độ rộng của bài viết*/
}
.dpost a{
padding:0 2px;
font: 11px/22px Arial;
color:#000;
float:left;
height:20px;}

.dpost li{
float:left;
height:20px;
overflow:hidden;}

.dpost li.active{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHWlc6MUGTKQGk21t5Ou-vtohKDtg4m-zFASsT8bq09yGkWfL1JzFiBQ50msMwVkqRk0Sr9tMUjyEJBiFLjYfSy23jwRdmo1GFUjGVHyNRxq-hO-283H7tkmow_T3c1ml-iXYSGaSricZD/) right no-repeat; /*màu nền của chủ đề chính */
position:relative;
top:1px;
}
.dpost li.active a{
font-size:10px;
font-weight:bold;
color:#fff;
text-transform:uppercase;
padding-right:25px;}

.iframpost{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXd1sblys_szhOhPt13iX8eAUDr-XhLG6zWQLulIU_fgVMhMnD_RSqX3uKy1KO3nAKMGgIcNq-74qUuN530VG5sylbEwhHdvc45rRGLhMnzT0ewb24LWhR6mlBq-86ocrYSAQ8aTBC7BVP/) no-repeat; /*màu nền của tiện ích*/
height:25px;
}

*{margin:0;padding:0px 0px 0px 0px;}

Phần css này cũng không phức tạp bạn tự điều chỉnh, tuy nhiên bạn chỉ nên chỉnh lại các phần chính như độ rộng, hình ảnh nền... còn các phần khác bạn không nên chỉnh sửa nhiều. Nếu bạn không thành thạo về css mà can thiệp nhiều có thể xảy ra lỗi.
5. Bây giờ bạn hãy save template lại.
6. Trở về phần tử trang, thêm 1 HTML/Javascript
7. Thêm code bên dưới vào HTML/Javascript vừa thêm ở trên.
<div class="tab" id="neocat-1" onmouseover="Hovercat('1')" onmouseout="Outcat('1')">

<div class="iframpost">
<ul class="dpost">
<li class="active"><a href="#">Thủ thuật blogger</a></li>
<li style="display:none;"><a href="http://www.traidatmui.com/2010/02/blogger-nang-cao.html">Thủ thuật nâng cao | </a></li>
<li style="display:none;"><a href="http://www.traidatmui.com/2010/02/blogger-co-ban.html">Thủ thuật cơ bản | </a></li>
<li style="display:none;"><a href="http://www.traidatmui.com/2010/02/tien-ich-blogger.html">Tiện ích blog</a></li> </ul>
</div>
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://sites.google.com/site/fdblogsite/Home/nothumbnail.gif";
showRandomImg = true;
tablewidth = 245;
cellspacing = 1;
borderColor = "";
bgTD = "";

imgw = 130; // độ rộng của ảnh thumb
imgh = 100; // chiều cao của ảnh thumb

imgwidth = 60;
imgheight = 60;

fntsize = 12; //Cỡ chữ của các link bài viết liên quan trong cùng nhãn đó
fontsize = 12 // Cỡ chữ của tiêu đề bài viết hiển thị dạng tóm tắt
fontsizecm = 11; // Cỡ chữ của ngày đăng bài

acolor = "";
titlecolor = "";
aBold = false;
icon = "";

text = "no";

showPostDate = false; //Nếu muốn hiển thị ngày đăng bài bạn thay FALSE thành TRUE
poston = "Ngày đăng :";

summaryPost = 350; // số kí tự hiển thị ở phần mô tả
summaryFontsize = 12; //Cỡ chữ bài viết tóm tắt
summaryColor = "#000";
icon2 = "";

numposts = 3; //số bài viết hiển thị trong phần bài viết liên quan
label = "Advanced blogger"; // Thay thành tên nhãn bài bạn muốn hiển thị
home_page = "http://www.traidatmui.com/"; //Thay thành địa chỉ blog của bạn
</script>
<script src="http://traidatmui-tips.googlecode.com/files/dpost.js" type="text/javascript"></script>
<script src="http://traidatmui-tips.googlecode.com/files/related_dpost.js" type="text/javascript"></script>
</div>

Bạn chỉ việc chỉnh sửa lại code theo các hướng dẫn trong code. Bạn thay các text màu tím đậm thành tên thư mục bạn muốn hiển thị và các link tương ứng với các thư mục đó (màu tím nhạt).

8. Cuối cùng là save tiện ích lại

nguồn:TDM

Read More...

Hiển thị widget chỉ ở trang chủ hoặc trang riêng biệt

Một khi bạn tạo một widget trên blog thì nó sẽ được hiển thị ở tất cả các trang theo mặc định, bao gồm cả trang chủ. Đôi khi bạn chỉ cần hiển thị một vài widget ở trang chủ hoặc chỉ ở một số trang hoặc thậm chí ở một trang riêng biệt nào đó. Thủ thuật này cũng khá đơn giản. Điều quan trọng là bạn phải nắm được id của widget mà bạn tạo ra.

Lấy ví dụ widget mà bạn tạo có id là HTML10 và bạn đặt tiêu đề cho widget đó là BLOGGER TIPS. Vào Bố cục (Layout) rồi chỉnh sửa HTML ở chế độ mở rộng mẫu tiện ích.
Trường hợp 1: Hiển thị widget chỉ ở trang chủ: Tìm và thêm đoạn code được đánh dấu màu đỏ và màu xanh như bên dưới.
<b:widget id='HTML10' locked='false' title='BLOGGER TIPS' type='HTML'>

<b:includable id='main'>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<!-- only display title if it's non-empty -->

<b:if cond='data:title != &quot;&quot;'>

<h2 class='title'><data:title/></h2>

</b:if>

<div class='widget-content'>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:if>
</b:includable>

</b:widget>

Trường hợp 2: Hiển thị widget ở tất cả các bài viết, trừ trang chủ: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:

<b:if cond='data:blog.pageType == "item"'>

Trường hợp 3: Chỉ hiển thị widget ở một trang riêng biệt nào đó: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:

<b:if cond='data:blog.url == "URL của trang riêng biệt"'>

Trường hợp 4: Chỉ hiển thị widget ở các trang chính gồm trang chủ, các trang Label và Archive: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:

<b:if cond='data:blog.pageType == "index"'>

Trường hợp 5: Chỉ hiển thị widget ở các trang lưu trữ: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:

<b:if cond='data:blog.pageType == "archive"'>

Trường hợp 6: Chỉ hiển thị widget ở tất cả các trường hợp trừ các trang lưu trữ: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:

<b:if cond='data:blog.pageType ! == "archive"'>

Trường hợp 7: Chỉ hiển thị widget ở tất cả các trường hợp trừ các trang bài viết: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:

<b:if cond='data:blog.pageType ! == "item"'>

Trường hợp 8: Chỉ hiển thị widget ở tất cả các trường hợp trừ trang chủ: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:

<b:if cond='data:blog.url ! == data:blog.homepageUrl'>

Trường hợp 9: Chỉ hiển thị widget ở tất cả các trang trừ một trang riêng biệt nào đó: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:

<b:if cond='data:blog.url ! == "Url của trang đặc biệt"'>


Trường hợp 10: Chỉ hiển thị widget ở tất cả các trang trừ hai trang riêng biệt nào đó trở lên: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:

<b:if cond='data:blog.url ! == "Url của trang đặc biệt 1"'>
<b:if cond='data:blog.url ! == "Url của trang đặc biệt 2"'>

Trường hợp 11: Nếu bạn muốn hiển thị một thứ gì đó ở trang chủ và một thứ gì đó khác ở tất cả các trang: Bạn sử dụng lệnh điều kiện như thế này:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
Đây là điều cần hiển thị ở trang chủ
<b:else/>
Đây là điều không hiển thị ở trang chủ
</b:if>

Read More...

tiện ích Thảo luận IntenseDebate Thêm vào Blogger


IntenseDebate là một trong những hệ thống phổ biến nhất xét tính năng phong phú cho WordPress, Blogger, Tumblr và nhiều blog khác / platforms.In CMS hướng dẫn này tôi sẽ giải thích làm thế nào để thêm hệ thống comment IntenseDebate vào blog Blogger.

Với IntenseDebate, bạn có thể làm nhiều hơn system.These comment mặc định của bạn là một số tính năng chính của ý kiến ​​IntenseDebate.

IntenseDebate các tính năng:

  • Bình luận Threading.
  • Trả lời-By-Email.
  • Email thông báo.
  • Commenter Profiles.
  • Kiểm duyệt / danh sách đen Blacklisting.
  • Danh tiếng điểm và bỏ phiếu luận.
  • Plugins API.
  • OpenID.
  • Widget.
  • Twitter Connect.
  • Facebook Connect.
  • RSS đọc và theo dõi.



Định dạng HTML

Bạn cũng có thể tùy biến các liên kết của bạn và thêm một số hình ảnh để bình luận của bạn.IntenseDebate hỗ trợ thẻ HTML sau: <a>, <b>, <i>, <u>, <em>, <p>, <blockquote>, <br>, <strong>, <strike>, <img>

Gravatar

IntenseDebate cung cấp hỗ trợ đầy đủ Gravatar. Nếu bạn có một Gravatar họ sẽ tự động tải lên Gravatar của bạn khi bạn đăng ký cho IntenseDebate. Bạn có thể chọn sử dụng Gravatar của bạn hoặc tải lên một profile khác nhau pic.

Trước khi bắt đầu quá trình này, bạn phải sao lưu mẫu của bạn first.Save blogger tập tin mẫu lưu trên ổ cứng của bạn.


1.Create một tài khoản trên IntenseDebate.com .



2.Now thêm blog của bạn để IntenseDebate: http://intensedebate.com/install




3.Then bạn có thể thấy cửa sổ này. Bây giờ bạn phải chọn một số tùy chọn.





1.How bạn muốn cài đặt IntenseDebate?

chọn " Mẫu "tùy chọn.


2.Which bài viết blog nên có ý kiến ​​IntenseDebate kích hoạt?

Chỉ trên bài viết mới
- Ý kiến ​​cũ của bạn sẽ được hiển thị bằng cách sử dụng hệ thống bình luận bản blog của bạn

Trên tất cả các bài viết blog
- Ý kiến ​​IntenseDebate sẽ có mặt trên tất cả các bài viết, nhưng ý kiến ​​hiện tại của bạn sẽ được ẩn.

Chọn " Trên blog của tất cả các bài viết "tùy chọn.

Lưu ý: Nếu bạn muốn giữ "ý kiến ​​mặc định Blogger của bài đăng trên blog cũ của bạn", sau đó chọn "Chỉ trên bài viết mới".

4.Scroll xuống dưới cùng của hướng dẫn.

Trả tải lên các mẫu mà bạn đã sao lưu.




5.After tải lên nó, bạn có thể nhìn thấy màn hình như dưới đây. Copy đổi mẫu mã từ TextField này.




6.Login blogger vào bảng điều khiển của bạn -> Thiết kế -> Edit html.

7.Select toàn bộ mã trong hộp Edit văn bản mẫu và xóa it.Now bạn phải có một hộp văn bản trống .




8.Now dán mã chúng tôi đã sao chép ở bước 5.

Lưu template.You của bạn đã làm xong.



Bạn có thể xem xét hình thức IntenseDebate dưới bài viết blog của bạn.

Read More...

Thêm nút ReTweet Twitter để Blogger


Bạn có biết rằng Twitter có thể giúp lưu lượng truy cập vào blog Blogspot của bạn? Trong Blogger hướng dẫn của ngày hôm nay tôi chỉ cho bạn làm thế nào để thêm một nút ReTweet Twitter miễn phí cho Blogger bài viết của bạn. Thêm một nút ReTweet Tweetmeme Twitter để Blogger sẽ giúp thúc đẩy blog của bạn trên Twitter trong 2 cách: một bằng cách thu hút mới Twitter và hai bằng cách tăng lưu lượng truy cập trực tiếp vào blog của bạn từ Twitter.
Twitter là gì và nó làm việc như thế nào?
Twitter hiện đang phát triển nhanh nhất miễn phí trang web mạng xã hội. Về cơ bản, người dùng Twitter vi blog về những gì họ đang làm hoặc những gì người khác đang làm bằng cách đăng tweets của khoảng 140 ký tự lên Twitter. Khi đọc những thành viên Twitter tweets và giống như những gì họ đọc họ có thể trở thành người theo nhiều trong cùng một cách mà độc giả của bạn có thể chọn để theo dõi blog của bạn.

Twitter là tin tuyệt vời cho các blogger vì nó có thể được sử dụng như một phương tiện để quảng bá blog. Blogger có thể dễ dàng được liên kết với các dịch vụ Twitter để mỗi khi một bài viết được thực hiện để Blogger tin nhắn ngắn với một liên kết được đăng trên Twitter. Là người theo dõi từng được thông báo rằng bạn đã tweet, một nhà xuất bản blog có thể đạt được rất nhiều tiếp xúc cho blog của họ với nỗ lực rất ít. 

Một khi bạn thêm retweets Tweetmeme đến sự pha trộn lây lan các hợp chất không chỉ bởi vì bạn đã theo dõi phiên điều trần về tweet của bạn, nhưng những người theo tín. Vì vậy, nói một trong những người theo dõi tất cả các bài viết của bạn retweets của người đó theo nghe về nó quá và rất nhanh chóng, cộng với một tweet retweets của bạn có thể phổ biến một bài viết ra điểm đó nó lây lan rộng rãi rằng nó sẽ virus.

Ưu điểm của một ReTweet Button Twitter
Một Tweet / ReTweet nút trông giống và hoạt động như một nút Digg tích hợp nhưng nó đếm retweets hơn là diggs. Một nút ReTweet tính reposts của một tweet để người đọc có thể thấy tại một cái nhìn như thế nào là phổ biến bài viết của bạn trên Twitter. Một lợi ích khác của nút ReTweet là nó cho phép người đọc blog của bạn để ReTweet bài viết của bạn để theo họ nghe về bài viết của bạn quá. 

Làm thế nào để Thêm một nút ReTweet Twitter để một Blog Blogger (Blogspot Blog)
Các hướng dẫn sau đây sẽ đặt một nút ReTweet Tweetmeme vào tất cả các bài viết blog của bạn.

  1. Đăng nhập vào Blogger nếu chưa đăng nhập
  2. Từ Bảng điều khiển điều hướng đến Layout> Edit HTML
  3. Kiểm tra nút Expand Widget Templates
  4. Sao lưu mẫu Blogger của bạn bằng cách nhấp vào Tải về bản đầy đủ để phòng ngừa 
  5. Sử dụng CTRL + F tìm đoạn mã sau:

    <div class='post-header-line-1'/>
  6. Ngay sau khi những dòng trên dán đoạn mã sau tùy thuộc vào nút ReTweet và vị trí bạn thích:
  7. Large Retweet Button - Left Aligned
    Retweet Button
    <div style="float:left;padding:4px;">
    <script type="text/javascript">
    tweetmeme_url = '<data:post.url/>'; 
    tweetmeme_source = 'your_twitter_user_name';
    </script>
    <script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js">
    </script> </div>
  8. Compact Retweet Button - Right Aligned
    Retweet Compact Button - How to add to Blogger
    <div style="float:right;padding:4px;">
    <script type="text/javascript">
    tweetmeme_style = 'compact'; 
    tweetmeme_url = '<data:post.url/>'; 
    tweetmeme_source = 'your_twitter_user_name';
    </script>
    <script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js">
    </script> </div>
  9. Compact Retweet Button - Left Aligned
    Retweet Compact Button - How to add to Blogger
    <div style="float:left;padding:4px;">
    <script type="text/javascript">
    tweetmeme_style = 'compact'; 
    tweetmeme_url = '<data:post.url/>'; 
    tweetmeme_source = 'your_twitter_user_name';
    </script>
    <script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js">
    </script> </div>
    1. Thay đổi your_twitter_user_name cho tên người dùng Twitter thực của bạn. Ví dụ tôi sẽ nhập BlogWizz
    2. Nhấp vào Lưu Bản mẫu
    3. Nhắp chuột vào View blog để chiêm ngưỡng Tweetmeme nút ReTweet của bạn trong Blogger bài viết của bạn

    Mẹo và Gỡ rối
    • Để thêm nút ReTweet Dưới đây Blogger Đăng
      Nếu bạn muốn các nút để xuất hiện ở cuối bài viết của Blogger thay vì chỉ bên dưới tiêu đề bài viết xác định vị trí các trường hợp đầu tiên của đoạn mã sau và sau đó dán mã cho nút lựa chọn của bạn ngay lập tức sau khi dòng này: (đừng quên thay đổi của bạn Twitter tên người dùng như trong Bước 7)

      <data:post.body/>
    • Để có nút ReTweet Xuất hiện trên trang bài viết Chỉ trong Blogger
      Nếu bạn muốn các nút để chỉ xuất hiện trên các trang bài và không phải là trang chủ bạn sẽ cần phải kèm theo mã nút trong một câu lệnh if . Xem dưới đây cho một ví dụ về những gì các mã đầy đủ sẽ như thế nào với mã này thêm.

      <b:if cond='data:blog.pageType == "item"'>
      </ B: if>

      Do đó, mã đầy đủ cho một nút canh phải ReTweet lớn mà chỉ xuất hiện trên các trang bài viết cá nhân và không phải là trang chủ sẽ là:

      <b:if cond='data:blog.pageType == "item"'>
      <div style="float:right;padding:4px;">
      <script type="text/javascript">
      tweetmeme_url = '<data:post.url/>'; 
      tweetmeme_source = ' your_twitter_user_name ';
      </ Script>
      <script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js">
      </ Script> </ div>
      </ B: if>

    Trong hướng dẫn này bạn đã học được cách để thêm một Tweetmeme ReTweet Button để Blogger bài viết của bạn. Các nút ReTweet sẽ khuyến khích người đọc blog của bạn để ReTweet nội dung của bạn trên Twitter do đó làm tăng lưu lượng truy cập blog của bạn. Tôi đã cung cấp mã cho nút cả lớn và nhỏ gọn với các tùy chọn liên kết trái hoặc phải. nút này sẽ xuất hiện ngay bên dưới tiêu đề bài và đếm số retweets của bài Blogger của bạn. Tôi cũng bao gồm chi tiết về cách thêm các nút ReTweet Tweetmeme đến chân của blog Blogger của bạn và làm thế nào để thêm vào nút để post các trang chỉ.

Read More...

Tiện ích Bài viết mới hơn và cũ hơn cùng chủ đề



Đây là tiện ích Bài viết mới hơn và cũ hơn cùng chủ đề (Newer and Older Related Posts) mà bạn thường thấy ở trang VnExpress.net.


Còn chờ gì nữa nào, chúng ta cùng cài đặt tiện ích này.

Bước 1. Đăng nhập Blogger, vào Design >> Edit HTML, chọn Expand Widget Templates. Nếu bạn đã từng cài đặt các tiện ích Bài viết liên quan kiểu khác thì nên tháo ra khỏi Template.

Đặt đoạn code sau đây vào sau dòng ]]></b:skin>.



<!--Related Posts Styled Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts{float:center;text-transform:none;height:100%;min-height:100%;padding-top:5px;}
#related-posts a{color:blue}
#related-posts a:hover{color:brown}
#related-posts ul{list-style-type:none;margin:0 0 0px 0;padding:0;text-decoration:none;font-size:12px;text-color:#000}
#related-posts ul li{display:block;/*background:url(&quot;http://img840.imageshack.us/img840/2004/rssqn.png&quot;) no-repeat 0 0;*/background:url(&quot;http://img208.imageshack.us/img208/9070/weedbullet.gif&quot;) no-repeat 0 0;list-style-type:none;margin:0;padding-left:21px;line-height:1.5em;border-bottom:1px dotted #ccc}
</style>
</b:if>
<!--Related Posts Styled End-->

Bước 2. Tìm một trong các dòng dưới đây:

<div class='post-footer-line post-footer-line-1'/>

<div class='post-footer-line post-footer-line-2'/>

<div class='post-footer-line post-footer-line-3'/>

<div class='post-footer'>

Đặt trước nó bằng đoạn code bên dưới.
<!-- Related Posts Code Styled  Start-->

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<script language='javascript'>

// <![CDATA[

var maxnext = 5; // Chỉnh số 5 chỉ số bài viết mới hơn tối đa

var nexttitle = 'Bài viết mới hơn';

var maxprev = 8; // Chỉnh số 8 chỉ số bài viết cũ hơn tối đa

var prevtitle = 'Bài viết cũ hơn';

// ]]>

</script>

<script src='http://hacodeproject.googlecode.com/files/newer-older-related-posts.js' type='text/javascript'/>

<div id='related-posts'>

<div id='next-posts'/>

<b:loop values='data:post.labels' var='label'>

<script language='javascript'>

var vlabel = &quot;<data:label.name/>&quot;;

if (relateposturl.indexOf(&#39;?relatedlabel=&#39;)!=-1)

{nextlabel = (relatedlabel == vlabel) ? 0 : 1;}

if (nextlabel == 0)

{

var vtime = &quot;<data:post.timestampISO8601/>&quot;;

vtime = vtime.substring(0,19);

var srcurl = &quot;<data:blog.homepageUrl/>&quot;+ 
&quot;feeds/posts/default/-/&quot; + vlabel + 
&quot;?alt=json-in-script&amp;callback=next_results_labels&amp;max-results=999&quot;;

var script = document.createElement(&#39;script&#39;); 

script.setAttribute(&#39;src&#39;, srcurl); 

script.setAttribute(&#39;id&#39;, &#39;jsonScript&#39;); 

script.setAttribute(&#39;type&#39;, 
&#39;text/javascript&#39;); 
document.documentElement.firstChild.appendChild(script);

nextlabel +=1;

}

</script>

</b:loop> 

<div id='prev-posts'/>

<b:loop values='data:post.labels' var='label'>

<script language='javascript'>

var vlabel = &quot;<data:label.name/>&quot;;

if (relateposturl.indexOf(&#39;?relatedlabel=&#39;)!=-1)

{prevlabel = (relatedlabel == vlabel) ? 0 : 1;}

if (prevlabel == 0)

{

var vtime = &quot;<data:post.timestampISO8601/>&quot;;

vtime = vtime.substr(0,19);

var srcurl = &quot;<data:blog.homepageUrl/>&quot;+ 
&quot;feeds/posts/default/-/&quot; + vlabel + 
&quot;?alt=json-in-script&amp;callback=prev_results_labels&amp;max-results=999&quot;;

var script = document.createElement(&#39;script&#39;); 

script.setAttribute(&#39;src&#39;, srcurl); 

script.setAttribute(&#39;id&#39;, &#39;jsonScript&#39;); 

script.setAttribute(&#39;type&#39;, 
&#39;text/javascript&#39;); 
document.documentElement.firstChild.appendChild(script);

prevlabel ++;

}

</script>

</b:loop>

</div>

</b:if>

<!-- Related Posts Code Styled  End-->


Lưu Template là OK.

Read More...
free counters

Copyright  ©26/06/2011.TechVchip.All Rights Reserved

© Ghi rõ nguồn "TechVchip.blogspot.com" khi bạn phát hành lại thông tin từ website này

BACK TO ĐẦU TRANG