Thêm link Del.icio.us, Digg và hơn thế cho Blog

[Info Tech] Muốn add quicklink đến các mạng xã hội cho Blog Bạn chỉ cần thêm các code sau:

Del.icio.us

<a href=”http://del.icio.us/post?url=<?php the_permalink() ?>&title=<?php the_title(); ?>”>Del.icio.us</a>

Digg

<a href=”http://digg.com/submit?phase=2&url=<?php the_permalink() ?>”>Digg</a>

Technorati

<a href=”http://technorati.com/cosmos/search.html?url=<?php the_permalink() ?>”>Technorati</a>

Blinklist

<a href=”http://blinklist.com/index.php?Action=Blink/addblink.php&url=<?php the_permalink() ?>&Title=<?php the_title(); ?>” >Blinklist</a>

Furl

<a href=”http://furl.net/storeIt.jsp?t=<?php the_title(); ?>&u=<?php the_permalink() ?>”>Furl</a>

reddit

<a href=”http://reddit.com/submit?url=<?php the_permalink() ?>&title=<?php the_title(); ?>” >reddit</a>

Read more...

Template XML FREE - GameZine

Preview::Download

Misshaudau

Read more...

Template XML FREE - Sự giản đơn (4 Columns)

Preview :: Download

Misshaudau

Read more...

Template XML FREE - Baby cute

Preview :: Download

Misshaudau

Read more...

Thiết lập recent posts và recent comments

[Info Tech] Để thiết lập recent post và recent comments, rất đơn giản, bạn chủ cần làm theo các bước sau:

Hãy bắt đầu với recent posts. Chọn thêm Gadget > Configure Feed. Sau đó, dán url của nguồn cấp dữ liệu RSS của bạn theo định dạng sau http://YOURSITE.blogspot.com/feeds/posts/default.

From Info Tech

Nhớ thay thế "YOURSITE" với địa chỉ blog của bạn.

Ví dụ: http://xogirl.blogspot.com/feeds/posts/default

Không cần phải thay đổi các tiêu đề (trừ khi bạn muốn gọi bằng tên khác) sau đó nhấn "Save changes". Sau đó lưu blogger và đi đến cửa sổ trình duyệt của bạn, refresh và xem recent posts xuất hiện trong blog của bạn.

Đối với phần Recent Comments thì bạn cũng làm tương tự nhưng thay vào đó bạn sẽ phải sử dụng nguồn cấp dữ liệu này định dạng http://YOURSITE.blogspot.com/feeds/comments/default. Một lần nữa, hãy chắc chắn để thay thế "YOURSITE" với địa chỉ blog của bạn. Save và chắc chắn rằng nó hoạt động đúng cách. Nếu nó không xuất hiện trên blog của bạn, có thể bạn gõ không đúng địa chỉ nguồn cấp dữ liệu hoặc bạn có thể không có bất kỳ ý kiến nào được nêu ra. ^-^

P/s: Nếu bạn muốn nâng số lượng post và comment lên tới 10 thì hãy ghé qua Blog, mình sẽ đề cập tới hack này trong những bài tiếp theo. Chúc thành công.

Misshaudau

Read more...

Tạo Blog mới trong Blogger với cùng một account

Misshaudau

Read more...

Template XML miến phí - Fashion

Preview::Download

Misshaudau

Read more...

Template XML FREE - miến phí - Float

Preview :: Download

Preview :: Download

Preview :: Download

Preview :: Download

Read more...

Template XML FREE - Thành phố về đêm

Preview :: Download

Misshaudau

Read more...

Blog của bạn trị giá bao nhiêu tiền?

[Info Tech] Muốn biết Blog của bạn đáng giá bao nhiêu tiền. Rất đơn giản, bạn chỉ cần tru cập vào địa chỉ trang web:

http://directory.sootle.com/website-worth/

Sau đó nhập địa chỉ blog/website của mình vào. Sau đó bạn có thể dán phần code HTML vào trang của mình. Như vậy bạn có thể biết được giá trị blog của mình, giá trị này sẽ được cập nhật trong vào 24 tiếng nếu như bạn có bất kỳ update nào. Ví dụ cho đến thời điểm này, blog của mình có giá trị

This website is worth
What is your website worth?

Misshaudau

Read more...

Template XML FREE - miến phí - Giấy màu

Preview | Download

Misshaudau

Read more...

Template XML miễn phí - Hồng Ngọc

Preview | Download

Misshaudau

Read more...

Template XML miến phí - Bướm

Preview | Download

Misshaudau

Read more...

Thêm Search Engine trong Blogger

[Info Tech] Tôi xin được giới thiệu với các bạn thủ thuật tạo Công cụ Tìm kiếm – Search hay còn gọi là tạo "Search Engine" trong Blogspot. Công cụ Search Engine này được tạo ra để sử dụng tìm kiếm các bài viết giới hạn chỉ nằm trong blog của bạn chứ không tìm trên toàn bộ các website khác. Điều này tưởng khó khăn nhưng rất đơn giản, bạn chỉ cần thực hiện theo đúng các chỉ dẫn dưới để taoh cho blog của bạn một Công cụ tìm kiếm này:

Các bước cụ thể như sau:

1. Ban Login vào Blogger, truy cập vào "Layout “—> “Page Elements".

Click chọn "Add a page elements" , sau đó chọn "HTML/Java Script".

2. Điền đoạn code dưới vào trong phần "Content" Box

<form action="http://yourblogname.blogspot.com/search" method="get"> <input class="textinput" name="q" size="30" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>

Bạn hãy thay đổi :

Chữ màu đỏ yourblogname.blogspot.com thành tên/địa chỉ blog của bạn.

Chữ số màu xanh 30 để thay đổi độ rộng của Công cụ tìm kiếm làm sao cho phù hợp với layout và bố cục của bạn. Dưới đây là 1 ví dụ:

Rất đơn giản, chúc bạn thành công.

Misshaudau

Read more...

Thêm cột cho Blogger Footer

[Info tech] Bạn có muốn add thêm column cho phần Blogger Footer? Nếu bạn đang sử dụng một trong những default template của Blogger, bạn có thể thấy rằng trong phần Footer chỉ có một thanh ngang để thêm Gadget như sau:


Chúng ta có thể thay đổi điều này bằng cách thêm 3 colunm vào phần Footer. Và đặt phần default xuống dưới cùng.

Tiện ích:

► Bạn có thể thêm được nhiều widgets (gadgets)

► Sắp xếp lại theo ý bạn

► Nội dung chính của bạn sẽ load nhanh hơn khi bạn đặt thanh ngang lớn nhất xuống dưới cùng.

Bây giờ hãy bắt tay vào làm nhé, bạn chỉ việc copy và paste. Chỉ mất khoảng 7 phút. Trước khi bắt đầu hãy nhớ backup template của bạn.

1. Nếu bạn đã có một vài widgets (gadgets) trong phần Footer, hãy gỡ bỏ.

LAYOUT ► kiểm tra xem có gadget trong phần footer không ► nếu có, click vào Edit và ► gỡ bỏ

2. Đi tới LAYOUT ► EDIT HTML ► Tìm đoạn code sau:

]]></b:skin>

</head>

..ABOVE it, you'll have to place the following part of the code:

#footer-columns {

border-top:1px dotted #999999;

clear:both;

margin:0 auto;

}

.column1 {

padding: 0px 5px 3px 5px;

width: 30%;

float: left;

margin:3px;

text-align: left;

}

.column2 {

padding: 0px 5px 3px 5px;

width: 31%;

float: left;

margin:3px 3px 3px 5px;

text-align: left;

}

.column3 {

padding: 0px 5px 3px 5px;

width: 30%;

float: right;

margin:3px;

text-align: left;

}

.addwidget {

padding: 0 0 0 0;

}

#footer-columns ul {

list-style:none;

margin:0 0 0;

padding:0 0 0;

}

#footer-columns li {

margin:0;

padding-top:0;

padding-left:0;

padding-bottom:.25em;

padding-right:15px;

text-indent:-15px;

line-height:1.5em;

}

body#layout #footer-columns {

width: 100%;

margin-left: auto;

margin-right: auto;

}

body#layout .column1 {

width: 32%;

float: left;

}

body#layout .column2 {

width: 32%;

float: left;

}

body#layout .column3 {

width: 32%;

float: right;

}

3. Còn bây giờ hãy làm như sau: Trong phần LAYOUT ► EDIT HTML ► tìm tag sau:

<b:section class='footer' id='footer'/>

...bạn sẽ phải XÓA nó đi, và THAY THẾ bằng code:

<div id='footer-columns'>

<div class='column1'>

<b:section class='addwidget' id='col1' preferred='yes' style='float:left;'>

</b:section>

</div>

<div class='column2'>

<b:section class='addwidget' id='col2' preferred='yes' style='float:left;'>

</b:section>

</div>

<div class='column3'>

<b:section class='addwidget' id='col3' preferred='yes' style='float:right;'>

</b:section>

</div>

<div style='clear:both;'/>

</div>

<b:section class='footer' id='footer'/>

...Save template.

Về cơ bản thế là xong. Bạn có thể thay đổi về độ rộng một chút cho phù hợp với template của mình. Chúc các bạn thành công và có một blog đẹp.

Misshaudau

Read more...

Thêm Animated Label Cloud Blogumus cho Blogger

[Info Tech] "Blogumus" là một loại tag cloud widget khá thú vị. Chính vì thế, khi nhìn thấy nó, tôi muốn tìm hiểu cách làm ngay lập tức. Khi di chuyển trỏ chuột bạn sẽ thấy animation xuất hiện. Trong bài này tôi sẽ giải thích ngắn gọn cách thêm Tag Cloud này vào trong Blog của bạn.












Bước 1: Đi tới Blogger Layout của bạn -> Page Elements, sau đó thêm Label Widget vào trong template.



Chọn phần sorting Alphabetically.

Bước 2: Sau khi thêm Label Widget, đi tới Layout -> Edit HTML (Không chọn Expand the widget templates), bạn sẽ thấy 1 đoạn code tương tự như sau:

<b:widget id='Label2' locked='false' title='Labels Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'>
<data:label.name/>
</span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
<data:label.name/>
</a>
</b:if>
<span dir='ltr'>(<data:label.count/>)</span>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Thêm vào ngay sau dòng này đoạn code sau:

<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'><center>

<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a
href='http://www.roytanck.com/'>Roy Tanck</a> and <a
href='http://www.bloggerbuster.com'>Amanda
Fazani</a> | Distributed by <a href='http://blogger-templates-designs.blogspot.com/'>Blogger Templates Designs</a></div>
<script type='text/javascript'>
var so = new
SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf",
"tagcloud", "240", <!-- width="240" -->
"300", "7", <!-- height="300" -->
"#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud",
"<tags><b:loop values='data:labels'
var='label'><a expr:href='data:label.url'
style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>

<b:include name='quickedit'/></center>
</div>
</b:includable>
</b:widget>

Khi bạn preview template. Nếu thiết lập đúng bạn sẽ thấy tag cloud xuất hiện ngay ở sidebar.

Bạn có thể thay đổi màu sắc cũng như size của label cloud.

Xem thêm tại: http://xogirl.blogspot.com

Chúc thành công.

Misshaudau

Read more...

Template XML miến phí - Gió biển

Nhẹ nhàng, trong sáng và dễ thương với sắc màu dịu mát!

Preview | Download

Misshaudau

Read more...

Template XML miến phí - Ngộ nghĩnh

Thật đáng yêu phải không nào!

Preview | Download

Read more...

Thêm "Tweet this" vào Template của Blogger

[Info Tech] Twitter là một trong những ứng dụng phổ biến nhất trong thế giới blog. Chia sẻ một điều gì đó trên Twitter được gọi là "Tweet this" và được dùng để chia sẻ đường dẫn tới thông tin thời sự, blog post hoặc bất kỳ thứ gì mà bạn muốn chia sẻ với những người bạn của mình.

Đặt nút "Tweet this" vào bài viết của bạn sẽ giúp cho khách viếng thăm blog có thể dễ dàng chia sẻ bài post của bạn. Điều này sẽ đem lại traffic cho blog của bạn. Traffic nhiều hay ít còn phụ thuộc vào sự nổi tiếng của người đó và số lượng người trong danh sách bạn bè của người đó. Nhưng đó luôn luôn là một ý tưởng hay để có thể dễ dàng thu hút khách cho blog của bạn.

Nếu bạn add đoạn code sau vào template của bạn trong blogger thì chắc chắn bạn có thể có "Tweet this":

<a expr:href='"http://twitter.com/home?status=Reading " + data:post.title + " @YOURTwitterUSERNAME " + data:post.url' title='Tweet it on Twitter'><img src='http://LINK TO TWITTER IMAGE ON YOUR SERVER'/></a>

Xin được giải thích thêm cho phần được highlight trong đoạn code:

• Thay thế YOURTwitterUSERNAME bằng tên đăng nhập của bạn trong twitter, Nếu bạn muốn biết ai là người chia sẻ bài post của bạn. Nếu không thì đơn giản chỉ việc xóa @YOURTwitterUSERNAME đi là xong.
  


• Thay thế URL hình ảnh http://LINK TO TWITTER IMAGE ON YOUR SERVER Bằng link tới hình ảnh twitter của bạn.
  


• Tôi vừa thêm 'Reading' trước trạng thái của twitter, nếu bạn muốn thay đổi có thể thay đổi hoặc bỏ nó đi cũng được.
  


• Bây giờ thì hãy thêm code của chính bạn vào trong template của blogger. Nó sẽ xuất hiệ ở phần footer. Nếu bạn cần giúp đỡ về phần này xin hãy để lại lời nhắn.
  

Code cuối cùng:

<a expr:href='"http://twitter.com/home?status=Reading " + data:post.title + " @knowliz " + data:post.url' title='Tweet it on Twitter'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm-USzCLkhoskU1R2ONIaoVjle3dqyDVy1ItN3FAGuvom1kPWZqiSlliVnrZ6ydd_Lt-9W_aQ8VyosvwnEUl0LwhtYNGKVrMWA2EZ61ZhlSTyqfsgI4uCss5dE4cg5QBbe_P2sKaXy1H8k/s144/itwitter.png'/></a>

Thêm vào template:

1. Đi tới Layouts.


2. Expand template của bạn dưới phần Edit HTML.


3. Tìm tag 'p class='post-footer-line post-footer-line-3'.


4. Sao chép và thêm đoạn code trên vào. (Nhớ là hãy backup template của bạn trước đó.)
   
   
5. Thêm đoạn code mà bạn vừa hòan thành ngay sau Tag trên.
   

Chú ý:

Một khi bạn đã thêm code sau vào template:

• 'Tweet this' sẽ tự động xuất hiện sau mỗi bài viết.
  


• Bạn chỉ được làm một lần.


• Kể cả những post cũ trong blog của bạn cũng sẽ tự động có nút này.
  


• Khi người đọc ấn nút này, nó sẽ tự động bao gồm cả URL của bài post của bạn trừ pho người đó chủ ý gỡ bỏ link khi edit tweet.
  

Nếu bạn có thêm gợi ý nào cho bài post, hãy để lại comment. Và nếu bạn thích hãy "tweet" bài post này trên twitter nhé!

Misshaudau

Read more...

Tạo related posts (các bài có liên quan) cho Blog

[Info Tech] Thêm related posts ngay dưới Nội dung của bài viết là một thủ thuật khá hay để giúp bạn tăng pageview.

Bước 1. Đi tới Layout/Edit HTML/Edit Template

Bước 2. BACKUP template của bạn! Đừng bỏ bước n!

Bước 3. Tích Expand Widget Templates, sau đó tìm code sau:

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

Bước 4. Thêm một dòng như sau:

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

Bước 5. Đi tới phần cuối cùng :

</body>
</html>

Bước 6. Thêm 2 dòng code sau:

<script src='http://www.google.com/jsapi'/>
<script src='http://brps.appspot.com/brps.js' type='text/javascript'/>
</body>
</html>

Bây giờ hãy xem lại bài post của bạn nhé! Chú ý bạn cần phải có ít nhất 2 post có cùng tag để sử dụng thủ thuật này.
Sau khi làm xong, related post của bạn sẽ trông tương tự như sau:

Misshaudau

Read more...