Tạo thanh bản quyền cuối chân blog

Ở thủ thuật lần trước, Tanchau123 đã hướng dẫn các bạn tạo một "khung bản quyền cuối chân blog". Hôm nay, mình sẽ hướng dẫn các bạn tạo một thanh bản quyền cũng ở cuối chân blog nhưng đơn giản hơn. XEM DEMO 

Bắt đầu thủ thuật:
1. Đăng nhập Blogger.
2. Vào Thiết Kế => Chỉnh sửa HTML (Mở rộng mẫu tiện ích).
3. Chèn code sau trước thẻ ]]></b:skin> 

#thanhbanquyen{background:#333}
#banquyen{width:940px;margin:auto;padding:20px 0 15px}
#banquyen p{font-family:"Time New Roman",serif;color:#7F7F7F;text-shadow:1px 1px 1px #000;font-size:14px}

4. Chèn trước thẻ </body> đoạn code sau:

<div id='thanhbanquyen'>
<div id='banquyen'>
<p>Copyright 2012 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>. Designed by <a href='http://tanchau123.blogspot.com' target='_blank'>Tanchau123</a></p>
</div>
</div>

5. Lưu template lại và xem kết quả.
Chúc các bạn thành công !!!

Thanh chia sẻ nằm ngang pro cho blog

Ở thủ thuật lần trước, Tanchau123 đã hướng dẫn các bạn tạo  "Nút share nằm ngang cho blog". Lần này mình sẽ hướng dẫn tạo một thanh chia sẽ nằm ngang giúp chia sẽ bài đăng lên các mạng xã hội nổi tiếng như Yahoo, Facebook, Twitter, Google,... Điểm đặc biệt là thanh chia sẽ lần này sẽ kèm theo tiện ích "gởi bài đăng qua email" và "đăng ký feed" nhận bài đăng.

Bắt đầu thủ thuật: 
1. Đăng nhập blogger.
2. Vào Thiết Kế => Chỉnh sửa HTML (Mở rộng mẫu tiện ích).
3. Thêm code sau vào trước thẻ ]]></b:skin> 

div.shr-bookmarks{border-top:1px solid #DDD;width:580px;margin:30px 0 10px;padding-top:10px;clear:both}
div.shr-bookmarks-expand{height:32px;overflow:hidden}
div.shr-bookmarks ul.socials{background:transparent none;float:left;border:0 none;width:100%;margin:0;padding:0;outline:0 none}
div.shr-bookmarks ul.socials li{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha5XLzy10yGZxsOAFX55-aP8aYrUzqH8ke9520RWmARfW9FkXTu6msTiG5whQB4WB5Gdje33nko1SPI46tT6OiZtvcw8EoIXEae7hK-WOB-OdzHXKjWSbWwwj1DTPdlkcqr3iZxCrrMt4/s600/shr.png);background-repeat:no-repeat;background-color:transparent;float:left;border:0 none;width:60px;height:29px;margin:3px 0px 0px -2px;padding:0;display:inline;list-style-type:none;cursor:pointer;outline:0 none;clear:none}
div.shr-bookmarks ul.socials li:before,div.shr-bookmarks ul.socials li:after,div.shr-bookmarks ul.socials li a:before,div.shr-bookmarks ul.socials li a:after{content:''}
div.shr-bookmarks ul.socials a,div.shr-bookmarks ul.socials a:hover{display:block;background-color:transparent;border:0 none;width:60px;height:29px;text-decoration:none;text-indent:-9999px}
div.shr-bookmarks ul.socials a:hover,div.shr-bookmarks ul.socials li:hover{background-color:transparent;border:0 none;outline:0 none}
li.shr-yahoomail{background-position:0px bottom}
li.shr-yahoomail:hover{background-position:0px top}
li.shr-googlebookmarks{background-position:-60px bottom}
li.shr-googlebookmarks:hover{background-position:-60px top}
li.shr-facebook{background-position:-120px bottom}
li.shr-facebook:hover{background-position:-120px top}
li.shr-twitter{background-position:-180px bottom}
li.shr-twitter:hover{background-position:-180px top}
li.shr-googleplus{background-position:-240px bottom}
li.shr-googleplus:hover{background-position:-240px top}
li.shr-technorati{background-position:-300px bottom}
li.shr-technorati:hover{background-position:-300px top}
li.shr-digg{background-position:-360px bottom}
li.shr-digg:hover{background-position:-360px top}
li.shr-delicious{background-position:-420px bottom}
li.shr-delicious:hover{background-position:-420px top}
li.shr-mail{background-position:-480px bottom}
li.shr-mail:hover{background-position:-480px top}
li.shr-comfeed{background-position:-540px bottom}
li.shr-comfeed:hover{background-position:-540px top}

4. Tìm dòng <div class='post-header-line-1'/> và thêm toàn bộ code sau bên dưới:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='shr-bookmarks shr-bookmarks-expand'>
<ul class='socials'>
<li class='shr-yahoomail'><a expr:href='&quot;ymsgr:im?+&amp;msg=&quot; + data:post.url' rel='nofollow' title='Sent Yahoo! Messenger'/></li>
<li class='shr-facebook'><a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Share on Facebook'/></li>
<li class='shr-twitter'><a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Share on Twitter'/></li>
<li class='shr-googleplus'><a expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank' title='Share on Google Plus'/></li>
<li class='shr-technorati'><a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Share on Technorati'/></li>
<li class='shr-digg'><a expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Share on Digg'/></li>
<li class='shr-delicious'><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Share on Delicious'/></li>
<li class='shr-googlebookmarks'><a expr:href='&quot;http://www.google.com/bookmarks/mark?op=add&amp;bkmk=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Google Bookmarks'/></li>
<li class='shr-mail'><a expr:href='&quot;http://www.blogger.com/email-post.g?blogID=&quot; + data:top.id + &quot;&amp;postID=&quot; + data:post.id' rel='nofollow' target='_blank' title='Sent email'/></li>
<li class='shr-comfeed'><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' rel='nofollow' target='_blank' title='Subscribe for more'/></li>
</ul>
<div class='clear'/>
</div>
</b:if>

5. Lưu lại và thưởng thức.
Chúc các bạn thành công !!!

Hướng dẫn tạo Fan Box Twitter cho blogspot

Ở bài viết trước mình đã hướng dẫn các bạn cách tạo Fan Box Facebook, hôm nay cũng tương tự nhưng sẽ có khác biệt và mới mẽ hơn. Thủ thuật lần này Tanchau123 sẽ hướng dẫn các bạn tạo "Fan Box Twitter" cho blog hoặc website.

CÁC BƯỚC THỰC HIỆN:

1. Đăng nhập Blogger.

2. Vào Thiết Kế => Phần Tử Trang => Thêm Tiện Ích

3. Copy và paste toàn bộ code sau vào:

<div class="textwidget">
<script type="text/javascript" src="http://tanchau123.googlecode.com/files/twitter_fan.txt"></script><div id="twitterfanbox">
<script type="text/javascript">fanbox_init("Abbott270293");</script></div>
</div>
<style>
.FB_SERVER_IFRAME {
width: 300px !important; /* Chiều rộng của box */
height: 250px !important; /* Chiều cao của box */
}
</style>

CHÚ Ý: 

- Ở trên mình hướng dẫn các bạn tạo trên phần tử HTML/Javascript. Để làm được giống như hình minh họa các bạn VÀO ĐÂY để xem hướng dẫn. 

- Thay Abbott270293 thành tên tài khoản Twitter của các bạn.

4. Cuối cùng lưu lại và thưởng thức

Chúc các bạn thành công!!!

Hitcounter đếm số lượt truy cập bài viết

Hôm nay tình cờ ghé thăm nhà bác Nam, thấy có bài viết "đếm số lượt truy cập bài viết" thấy hay hay nên đem về chỉnh sửa lại. Vậy là có bài viết mới cho các bạn. Hôm nay, Tanchau123 sẽ hướng dẫn các bạn chèn code này vào template để bắt đầu đếm số lượt truy cập của "visitor" vào từng bài viết trên blog / web các bạn. XEM DEMO

BẮT ĐẦU THỦ THUẬT:
1. Đăng nhập Blogger.
2. Vào Thiết Kế => Chỉnh Sửa HTML (Mở rộng mẫu tiện ích)
3. Tìm đến đoạn code <data:post.body/> hoặc <div class='post-header'>
4. Thêm đoạn code bên dưới vào TRÊN <data:post.body/> hoặc DƯỚI <div class='post-header'>

<b:if cond='data:blog.pageType == &quot;item&quot;'><div id='hit-counter'><p><b><img alt='Smiley face' height='10' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9boABcG0UOw2S_t2GY0QT3Hmm5_DXY2ZH80DpGalTu4-9gdW3FdG2NPO8Qvulheedu7TjOWG4Pz7hlnLrXl0N1zTNpqD15jwzPLFVdZmlNqM6cCQV6ed1uQg9UWpF_8tHm2zsZfIbOlM/s1600/green-star.gif' width='10'/> <font color='#066'>Xem :</font></b> <i><font color='#066'><script src='http://amitjain.in/pageviews.php' type='text/javascript'/></font></i></p></div></b:if>

CHÚ Ý: Màu mình đặt sẵn là màu xanh lá , các bạn có thể đổi lại màu khác bằng cách  VÀO ĐÂY để lấy mã màu.


5. Lưu lại và thưởng thức.
Chúc các bạn thành công!!!

Share Code Quảng Cáo Pro Nhaccuatui

Các bạn thân mến, nhằm giúp các bạn có được một style quảng cáo pro như trang nhaccuatui.com. Hôm nay, Tanchau123 sẽ chia sẽ với các bạn code quảng cáo giống trang nhaccuatui. Code được tích hợp tiện ích trượt ngang mỗi lần 4 mẫu quảng cáo. Do đó sẽ giúp site bạn trông pro hơn. Thôi không nói nữa, "share hàng" thôi ^^. XEM DEMO

CÁC BƯỚC THỰC HIỆN:
1. Đăng nhập Blogger.
2. Vào Thiết Kế => Phần Tử Trang.
3. Thêm Tiện Ích => HTML/Javascript
4. Copy và paste đoạn code sau vào:

<div class="cnt_player">             
<!-- Bắt đầu - Code by http://tanchau123.blogspot.com -->
<div class="bner">         <div id="idbner-62" class="item-bner" style="width: 366px; height: 270px;"><iframe id="bner-62" width="366" height="270" frameborder="0" scrolling="no" allowtransparency="true" src="http://www.nhaccuatui.com/iframeqc/weofrqore/wefdkmgois?rand=1338605647297"></iframe></div></div>
<!-- Kết thúc - Code by http://tanchau123.blogspot.com  -->            
</div>

5. Lưu lại và thưởng thức.
Chúc các bạn thành công!!!

Hướng dẫn cài đặt tên miền cho blogspot

Để cài đặt tên miền cho blogspot trước hết bạn phải mua một tên miền, và tôi khuyên bạn không nên sử dụng tên miền miễn phí như .tk hay co.cc vì sao? Vì khi gặp sự cố thì bao nhiêu công sức của bạn sẽ thành con số 0 , chưa kể là những điều khoảng sử dụng tên miền miễn phí gây bất lợi cho bạn và họ sẽ lấy tên miền của bạn bất cứ lúc nào mà họ muốn. Đặc biệt những blogger chuyên nghiệp hay những người thông thạo về IT thì họ rất ghét và coi thường những blog có tên miền miễn phí, thà để nguyên còn có gia trị hơn.

Tôi chỉ có thể chỉ cho bạn cách cài đặt tên miền của công ty Godaddy mà thôi vì tôi chưa bao giờ dùng hàng Việt nên không rành lắm, nhưng tôi nghĩ nó cung tương tự nhau.

Chú ý: Có thể tên miền của bạn phải mất đến 48h mới có thể hoạt động.

Bước 1: Mua tên miền (yêu cầu bạn phải có thẻ Visa hoặc tài khoảng Paypal). hoặc bạn có thể mua tên miền ở các công ty Việt Nam.

http://www.godaddy.com đây là nhà cung cấp tên miền và host hàng đầu thế giới bời vậy bạn yên tâm về chuyện thanh toán.

Bước 2: Cài đặt tên miền gồm hai phần: Phần trên blog và phần trên trang web mà bạn mua tên miền.

A. Cài đặt trên blog

Bạn vào menu "Cài đặt" >>> chọn menu con "Xuất bản" >>> chọn

Tiếp theo chọn "Chuyển sang cài đặt nâng cao"

Nhập tên miền mới vào các thứ còn lại để mặc định >>> nhập mã xác nhận >>> click "Lưu cài đặt" để hoàn tất.

Tiếp tục đánh dấu check như hình bên dưới rồi nhập mã xac nhận >>> "Lưu cài đặt"

B. Phần cài đặt trên web mua tên miền

Ví dụ tôi mua tên miền trên web goddady.com
Bước 1: "Domains" >>> "Domains Management"

Bước 2: Click vào dấu "+" >>> chọn "Manage Domain"

Bước 3: Tìm Dòng "DNS Manager" rồi click chọn "Launch"

Bước 4: Trên dòng "A (host)" click chọn "Add new record"

Trong cửa sổ mới hiện ra chọn A host
"Host name" nhập @
"Points to IP address" nhập các số

216.239.32.21

216.239.34.21

216.239.36.21

216.239.38.21

Bước 5: Trên dòng "CNAME" cũng làm tương tự như A host chỉ có khác là chỗ "host name" thay @ = www và "Points to IP address" = ghs.google.com

Bước 6: Tìm dòng "Domain infomation"

Bước 7: Điền tên miền của bạn tương tự như hình bên dưới, xong rồi click "OK"

Chú ý: Có thể tên miền của bạn phải mất đến 48h mới có thể hoạt động.

Theo huongdanblog

Thanh navigation menu dọc trượt ngang cho blogspot

Hôm nay Tanchau123 muốn chia sẽ cùng các bạn thủ thuật tạo thanh menu dọc trượt ngang cho blog / web. Khi ta rê chuột vào thì thanh menu sẽ trượt ngang về bên phải làm cho blog / web bạn trông có vẻ mượt hơn. Thôi không nói nhiều nữa "show hàng" thôi ^^

XEM DEMO

CÁC BƯỚC THỰC HIỆN:

1. Đăng nhập Blogger.
2. Vào Thiết Kế => Chỉnh sửa HTML (mở rộng mẫu tiện ích)
3. Chèn đoạn code sau trên thẻ ]]></b:skin> trong template của bạn.

/* CSS Navigation Menu - Code by http://tanchau123.blogspot.com */
margin:0;
padding:0;
}
#navigationMenu body{
font-size:14px;
color:#666;
background:#111 no-repeat;
/* CSS3 Radial Gradients */
background-image:-moz-radial-gradient(center -100px 45deg, circle farthest-corner, #444 150px, #111 300px);
background-image:-webkit-gradient(radial, 50% 0, 150, 50% 0, 300, from(#444), to(#111));
font-family:Arial, Helvetica, sans-serif;
}
#navigationMenu li{
list-style:none;
height:39px;
padding:2px;
width:40px;
}
#navigationMenu span{
/* Container properties */
width:0;
left:38px;
padding:0;
position:absolute;
overflow:hidden;
/* Text properties */
font-family:'Myriad Pro',Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
letter-spacing:0.6px;
white-space:nowrap;
line-height:39px;
/* CSS3 Transition: */
-webkit-transition: 0.25s;
/* Future proofing (these do not work yet): */
-moz-transition: 0.25s;
transition: 0.25s;
}
#navigationMenu a{
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjkTmkt3_JH-rm8fjP-tf4grg5HNvT3Yq1M10FDFK1yiYupBZ2NKXQiKczD58pNrtjfmuT2_jY5TlKv99u1ixRyCKldBtXE-U4U0J-2R1mB2ueJ0I-UhyxopS34CagVwNQvibMMfvtOGU/s190/navigation1.jpg') no-repeat;
height:39px;
width:38px;
display:block;
position:relative;
}
/* General hover styles */
#navigationMenu a:hover span{ width:auto; padding:0 20px;overflow:visible; }
#navigationMenu a:hover{
text-decoration:none;
/* CSS outer glow with the box-shadow property */
-moz-box-shadow:0 0 5px #9ddff5;
-webkit-box-shadow:0 0 5px #9ddff5;
box-shadow:0 0 5px #9ddff5;
}
/* Green Button */
#navigationMenu .home { background-position:0 0;}
#navigationMenu .home:hover { background-position:0 -39px;}
#navigationMenu .home span{
background-color:#7da315;
color:#3d4f0c;
text-shadow:1px 1px 0 #99bf31;
}
/* Blue Button */
#navigationMenu .about { background-position:-38px 0;}
#navigationMenu .about:hover { background-position:-38px -39px;}
#navigationMenu .about span{
background-color:#1e8bb4;
color:#223a44;
text-shadow:1px 1px 0 #44a8d0;
}
/* Orange Button */
#navigationMenu .services { background-position:-76px 0;}
#navigationMenu .services:hover { background-position:-76px -39px;}
#navigationMenu .services span{
background-color:#c86c1f;
color:#5a3517;
text-shadow:1px 1px 0 #d28344;
}
/* Yellow Button */
#navigationMenu .portfolio { background-position:-114px 0;}
#navigationMenu .portfolio:hover{ background-position:-114px -39px;}
#navigationMenu .portfolio span{
background-color:#d0a525;
color:#604e18;
text-shadow:1px 1px 0 #d8b54b;
}
/* Purple Button */
#navigationMenu .contact { background-position:-152px 0;}
#navigationMenu .contact:hover { background-position:-152px -39px;}
#navigationMenu .contact span{
background-color:#af1e83;
color:#460f35;
text-shadow:1px 1px 0 #d244a6;
}

4. Lưu template lại và trở về Phần Tử Trang.
5. Chọn Thêm Tiện Ích => HTML/Javascript => paste toàn bộ đoạn code sau vào:

<div style='position: fixed; top: 40%; left: 0%;'>
<ul id="navigationMenu">
<li>
<a class="home" href="http://tanchau123.blogspot.com/">
<span>Trang Chủ</span>
</a>
</li>
<li>
<a class="about" href="http://tanchau123.blogspot.com">
<span>Dịch Vụ</span>
</a>
</li>
<li>
<a class="services" href="http://tanchau123.blogspot.com">
<span>Thiết Kế</span>
</a>
</li>
<li>
<a class="portfolio" href="http://tanchau123.blogspot.com">
<span>Quản Trị</span>
</a>
</li>
<li>
<a class="contact" href="http://tanchau123.blogspot.com">
<span>Liên Hệ</span>
</a>
</li>
</ul>
</div>

CHÚ Ý: Nhớ sửa các dòng màu đỏ ở trên lại cho phù hợp với blog / web bạn.

6. Lưu lại và thưởng thức thôi.
Chúc các bạn thành công!!!

Hướng dẫn tạo box FAN FACEBOOK cho blogger

Hiện nay, Facebook cung cấp rất nhiều công cụ để bạn có thể dễ dàng chia sẻ những bài viết, ứng dụng của bạn từ Blog lên Facebook và ngược lại. Những công cụ này đã và đang rất phổ biến và được nhiều Blogger sử dụng để thu hút sự quan tâm của bạn bè trên Facebook, hướng họ đến với Blog của mình.

Một trong những công cụ mà Facebook cung cấp là “Like Box”. Like Box như một trang Facebook thu nhỏ. Trong đó thể hiện Fans Page và những bài đăng trên trang Facebook riêng của bạn. Khi chèn Like Box vào Blog, bạn bè của bạn có thể xem nhanh nội dung trang Facebook của bạn và họ có thể kết nối để chia sẻ với bạn thông qua nút “Like” (thích) ngay phía trên hộp thoại.

Để tạo nút Like Box cho Blog, trước tiên bạn cần có một tài khoản trên Facebook và bạn cần tạo trang Facebook riêng.

Sau khi đã có tài khoản và trang Facebook riêng, bạn vào trang http://developers.facebook.com/docs/reference/plugins/like-box để bắt đầu.

Bạn chọn vào Like Box trong danh sách Plugin

Trang chủ sẽ xuất hiện như hình bên dưới

Tiếp theo, bạn vào trang Facebook riêng copy ID của trang.

Lưu ý: ID của trang chính là dãy số cuối cùng trên đường dẫn của trang.

Dán ID vào “Facebook Page ID” như trong hình bên dưới, hộp box sẽ thể hiện mẫu để bạn xem trước như trong hình:

Nhấn “Get code” để tạo code. Facebook tự tạo mã code để bạn chèn vào Blog.

Copy đoạn code trên vào đưa vào Blogspot. Để đưa vào Blogspot, bạn cần đăng nhập vào Blogger, chọn “Thiết kế”

Chọn “Thêm tiện ích”

Chọn tiện ích “HTML/ Javascrip” trong các tiện ích Blogspot cung cấp sẵn

Dán đoạn code vừa copy vào phần “Nội dung”

Lưu những thay đổi và vào Blog để xem kết quả.

Chúc các bạn thành công!!!

Theo Vinasupport

Cách đăng ký và sử dụng FeedBurner cho Blogspot

FeedBurner là một sản phẩm được Google mua lại vào năm 2007, giúp nhà xuất bản phân tích, tối ưu hoá, quảng bá, và kiếm thu nhập quảng cáo từ các nguồn cấp dữ liệu RSS của họ.

FeedBurner có rất nhiều tác dụng đặc biệt là trong quá trình thiết kế của một trang Web, hiện nây rất nhiều tiện ích yêu cầu phải có feed mới có thể chạy được. Do vậy hôm nay Tanchau123 sẽ hướng dẫn các bạn đăng ký một FeedBurner cho blogspot của các bạn.

CÁC BƯỚC THỰC HIỆN:

1. Đăng ký một Feed cho Blogspot. 

Trước tiên các bạn phải có một địa chỉ gmail (Chính là địa chỉ mail đăng nhập vào Blog của bạn)

Các bạn truy cập vào trang sau:

http://www.feedburner.com/

- Tại đó các bạn đăng nhập bằng địa chỉ gmail của mình (Lưu ý: Đăng nhập bằng địa chỉ Gmail Blog của bạn như thế mới có thể sử dụng cho blog của các bạn được).

Sau khi đăng nhập tại ô "Burn a feed right this instant" bạn điền địa chỉ blog của bạn vào. 

Tại cửa sổ tiếp theo có 2 lựa chọn là Atom hoặc RSS các bạn bấm chọn vào RSS.

Tiếp tục chọn next.

- Chọn Next

- Đến đây hoàn tất đăng ký Feed

2. Chỉnh sửa và lấy link feed:
Bạn bấm vào ô Edit Feed Detail..

Nếu bạn nào tạo rồi nhưng thoát ra từ trước rồi  thì thay đổi Tại phần quản lý http://www.feedburner.com/ bấm vào tên feed bạn vừa tạo. sau đó bấm vào Edit Feed Detail để lấy link dán vào blog.

Bạn cũng có thể tiến hành thay đổi tên feed bàng cách bấm vào Edit Feed Detail, tại ôFeed Address bạn thay đổi lại tên sao cho dễ nhớ sau đo bấm Save Feed Detail.

- Đó chính là link feed để dán vào blog của bạn:

3. Sử dụng feed dán vào Blog.
+ Cách 1: Đối với các bạn sử dụng giao diện mới.

• Bạn đăng nhập vào Blog.
• Chọn Cài Đặt (Setting)
• Chọn Khác.
• Điền tên Feed ở trên vào ô URL Chuyển hướng Nguồn cấp dữ liệu Bài đăng.
• Chọn: Lưu Cài Đặt (Save Setting)

+ Cách 2: Đối với các bạn sử dụng giao diện cũ. 

• Bạn đăng nhập vào Blog.
• Chọn Cài Đặt (Setting)
• Chọn Nguồn Cấp trang Web.
• Điền tên Feed ở trên vào ô URL Chuyển hướng Nguồn cấp dữ liệu Bài đăng.
• Chọn: Lưu Cài Đặt (Save Setting)

Chúc các bạn thành công!!!

Theo Namkna

Đăng ký blog vào bộ máy tìm kiếm của Google

Bài viết trước Tanchau123 từng giới thiệu Đăng ký blog vào bộ máy tìm kiếm của Live Search  Hôm nay mình xẽ giới thiệu Cách đăng kí blog lên google, tức là đăng kí URL đường dẫn blog của bạn lên google, khi bạn viết bài thì những thông tin hay gì đó trong blog của các bạn sẽ được cập nhật ngay trong vòng mấy tiếng đồng hồ sau đó.

Bạn muốn đưa blog của mình lên các công cụ tìm kiếm như Google.com để có thêm nhiều người vào tham quan.

Vậy bạn hãy vào website

http://www.google.com/addurl/

Sau khi vào trang trên, bạn kéo thanh trượt xuống phía dưới, đến ô URL. Bạn nhập địa chỉ blog cần đăng lên vào ô Add URL. Ghi tiêu đề cho phần bạn đăng lên trong ô Comments. Nhập đoạn mã màu xanh vào ô bên dưới. Sau đó click vào Add URL.

Chúc các bạn thành công!!!

Theo Namkna

Đăng ký blog vào bộ máy tìm kiếm của Live Search (Bing)

Các để mọi người biết đến trang web của mình là thông qua các công cụ tìm kiếm phổ biến như Google, yahoo

Live Search (Bing) là công cụ tìm kiếm của Microsoft , như vậy cũng cho thấy , mức độ phổ biến của nó rồi phải không nào .do vậy mình xẽ hướng dẫn các bạn đăng ký trang của mình vào hệ thống tìm kiếm của công cụ này

Để đăng ký vào bộ máy tìm kiếm này trước tiên bạn hãy vào http://search.msn.com/docs/submit.aspx  , sau đó điền đầy đủ thông tin giống như hình dưới đây.

Cuối cùng nhấn vào nút Submit URL , vậy là xong 

Bạn có thể xem ví dụ tìm kiếm bằng Bing  TẠI ĐÂY

và so sánh với Google TẠI ĐÂY

Không có sự khác nhau là mấy phải không

Chúc các bạn thành công!!!

Theo Namkna

Tạo khung đăng nhập đẹp cho blog

Ở bài viết trước Tanchau123 đã hướng dẫn cho các bạn cách "tạo khung đăng nhập cho blogger". Tuy nhiên phiên bản lần trước chỉ mang tính tạm thời nên nhìn không chuyên nghiệp lắm. Hôm nay, mình sẽ hướng dẫn các bạn tạo một khung đăng nhập "mượt" và "pro" hơn nhiều. Khung đăng nhập lần này được thiết kế kết hợp giữa sử dụng CSS và HTML. Do đó đây là phiên bản Ver2 và được nâng cấp đẹp hơn so với lần trước

LOGIN FORM

LOGIN FORM

CÁC BƯỚC THỰC HIỆN:

1. Đăng nhập Blogger.
2. Vào Thiết Kế => Phần Tử Trang => Thêm Tiện Ích
3. Chọn HTML/Javascript và paste toàn bộ đoạn code sau vào:

<!-- Code by tanchau123.blogspot.com -->
<style>
.khungdangnhap,
.khungdangnhap h1,
.khungdangnhap span,
.khungdangnhap input,
.khungdangnhap label {
margin: 0;
padding: 0;
border: 0;
outline: 0;
}
.khungdangnhap {
position: relative;
width: 260px;
height: 200px;
padding: 15px 25px 0 15px;
//margin-top: 5px;
cursor: default;
background-color: #141517;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0px 1px 1px 0px rgba(255,255,255, .2), inset 0px 1px 1px 0px rgb(0,0,0);
-moz-box-shadow: 0px 1px 1px 0px rgba(255,255,255, .2), inset 0px 1px 1px 0px rgb(0,0,0);
box-shadow: 0px 1px 1px 0px rgba(255,255,255, .2), inset 0px 1px 1px 0px rgb(0,0,0);
}

.khungdangnhap h1 {
line-height: 40px;
font-family: 'Myriad Pro', sans-serif;
font-size: 22px;
font-weight: normal;
color: #e4e4e4;
}
.khungdangnhap input[type=text],
.khungdangnhap input[type=password],
.khungdangnhap input[type=submit] {
line-height: 14px;
margin: 10px 0;
padding: 6px 15px;
outline: none;
font-family: Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-shadow: 0px 1px 1px rgba(255,255,255, .2);
line-height: 14px;
margin: 10px 0;
padding: 6px 15px;
border: 0;
outline: none;
        background:#4d90fe;
font-family: Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
border-radius: 26px;
        border: 1px solid #3079ED;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
-webkit-transition: all .15s ease-in-out;
-moz-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
}
.khungdangnhap input[type=submit2] {
        color:#FFF;
line-height: 14px;
margin: 10px 0;
padding: 6px 15px;
outline: none;
font-family: Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 14px;
margin: 10px 0;
padding: 6px 15px;
border: 0;
outline: none;
        background:#4d90fe;
font-family: Helvetica, sans-serif;
        text-shadow: 0px 1px 1px rgba(255,255,255, .2);
font-size: 12px;
font-weight: bold;
border-radius: 26px;
        border: 1px solid #3079ED;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
-webkit-transition: all .15s ease-in-out;
-moz-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
}
.khungdangnhap input[type=text],
.khungdangnhap input[type=password]
{
color: #686868;
width: 170px;
-webkit-box-shadow: inset 1px 1px 1px 0px rgba(255,255,255, .6);
-moz-box-shadow: inset 1px 1px 1px 0px rgba(255,255,255, .6);
box-shadow: inset 1px 1px 1px 0px rgba(255,255,255, .6);
background: #989898;
background: -moz-linear-gradient(top,  #ffffff 0%, #989898 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#989898));
background: -webkit-linear-gradient(top,  #ffffff 0%,#989898 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#989898 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#989898 100%);
background: linear-gradient(top,  #ffffff 0%,#989898 100%);
}
.khungdangnhap input[type=text]:hover,
.khungdangnhap input[type=password]:hover {
-webkit-box-shadow: inset 1px 1px 1px 0px rgba(255,255,255, .6), 0px 0px 5px rgba(255,255,255, .5);
-moz-box-shadow: inset 1px 1px 1px 0px rgba(255,255,255, .6), 0px 0px 5px rgba(255,255,255, .5);
box-shadow: inset 1px 1px 1px 0px rgba(255,255,255, .6), 0px 0px 5px rgba(255,255,255, .5);
}
.khungdangnhap input[type=text]:focus,
.khungdangnhap input[type=password]:focus {
background: #e1e1e1;
background: -moz-linear-gradient(top,  #ffffff 0%, #e1e1e1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e1e1e1));
background: -webkit-linear-gradient(top,  #ffffff 0%,#e1e1e1 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#e1e1e1 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#e1e1e1 100%);
background: linear-gradient(top,  #ffffff 0%,#e1e1e1 100%);
}
.khungdangnhap input[type=submit]
{
cursor: pointer;
color: #445b0f;
height: 28px;
line-height:0;
color: #DDD;
background: #4d90fe;
border: 1px solid #3079ED;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
.khungdangnhap input[type=submit2]
{
cursor: pointer;
color: #DDD;
height: 15px;
        width: 60px;
        text-align:center;
line-height:0;
color: #DDD;
background: #F90;
border: 1px solid #FFD700;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
.khungdangnhap input[type=submit]:hover {
background:#357AE8;
        border: 1px solid #2F5BB7;
        text-shadow:0 0 3px #FFF !important;
}
.khungdangnhap input[type=submit2]:hover {
background:#F60;
        border: 1px solid #2F5BB7;
        text-shadow:0 0 3px #FFF !important;
}
.khungdangnhap input[type=submit]:active {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
</style>
<div class="khungdangnhap">
<center>
<strong style="color:white;text-shadow:0 0 3px #FFF !important;">LOGIN FORM</strong>
<form action='https://www.google.com/accounts/ServiceLogin?service=blogger&amp;continue=https%3A%2F%2Fwww.blogger.com%2Floginz%3Fd%3Dhttp%253A%252F%252Fwww.blogger.com%252Fhome%26a%3DADD_SERVICE_FLAG&amp;passive=true&amp;alinsu=0&amp;aplinsu=0&amp;alwf=true&amp;ltmpl=start&amp;skipvpage=true&amp;rm=false&amp;showra=1&amp;fpui=2&amp;naui=8#s01' method='post'>
<input type="text" name="username" placeholder="Your Gmail" />
<input type="password" name="password" placeholder="Password" />
<input type="submit" value="Đăng nhập" /> <a href='https://www.blogger.com/signup.g' target='_blank'><input type="submit2" value="Đăng ký" /></a>
</form>
</center>
</div>
<!-- Code by tanchau123.blogspot.com -->

CHÚ Ý: Bạn có thể đổi lại màu nền của khung đăng nhập bằng cách thay thế mã màu của nó trong code background-color: #141517; 


Màu nền của khung đăng nhập trên là màu đen, để đổi lại màu khác các bạn VÀO ĐÂY  để lấy mã.

4. Cuối cùng lưu lại và thưởng thức.
Chúc các bạn thành công!!!