CHƯA TỐT NGHIỆP TRƯỜNG ĐỜI.

Hiển thị các bài đăng có nhãn THỦ THUẬT BLOGSPOT. Hiển thị tất cả bài đăng
Hiển thị các bài đăng có nhãn THỦ THUẬT BLOGSPOT. Hiển thị tất cả bài đăng

Thứ Ba, 25 tháng 12, 2012

Giải pháp đơn giản cho người dùng VNPT truy cập Blogger và Wordpress bị chặn.

Giải pháp đơn giản cho người dùng VNPT truy cập Blogger và Wordpress bị chặn.(tt)




Phần tham khảo thêm không nhất thiết:
TÙY CHỈNH DNS

Chỉnh DNS để truy cập được vào Blog (sưu tầm từ blogtruyen.com)
Đầu tiên cho win7 trước nhé.
Đầu tiên mở Local Area Connection ra.
 Nhấn Nút Propertis
 Chọn Internet Protocol version 4
 Nhập DNS là 4.2.2.3 và nhấn ok.
đã xong cho win 7. Tiếp theo là cho winXP

Cách 2:
Preferred DNS serer:   4.2.2.3
Alternate DNS server : 4.2.2.4

Cách 3:
Preferred DNS serer:   4.2.2.1
Alternate DNS server : 4.2.2.2

Cách 4:
Preferred DNS serer:   4.2.2.5
Alternate DNS server : 4.2.2.6



Hoặc:
Vào Network Connections > > >. Thay đổi cặp bằng thông số DNS:
216.239.32.21
216.239.34.21
hoặc
216.239.36.21

216.239.38.21
Xem hình:

Tiếp chiêu nữa:



Hướng dẫn làm theo ảnh động này:

TRUY CẬP WORDPRESS:
Tạm thời thêm chứ s vào sau chữ http ở đầu tên miền, 
Ví dụ: http://anhbasam.wordpress.com
Thành: https://anhbasam.wordpress.com
(lưu ý bạn, vào được nhưng chậm hơn)

Vài đường vượt tường lửa truy cập Blogger lẫn Wordpress, qua trung gian trang web khác: 
Ẳng thì ẳng, chơi vẫn chơi , phải hông.
Vài lưu ý nhỏ:
- Bạn thử dùng, sàng lọc, rút kinh nghiệm, chọn một lối đi đơn giản, phù hợp thói quen của mình.
- Tất cá con đường đều về La Mã, đi đường vòng ắt phải chậm hơn một chút so với đường chính là dĩ nhiên.
- Khi không cần thiết, bạn nên trở về chính ngạch hoặc tạm thời vô hiệu hóa nó bằng cách nháy chuột tạm dừng tiện ích vượt rào của trình duyết web để tải trang nhanh hơn.   
- Nếu bạn đang dùng Hotspot Shield thì cần tắt nó (OFF) thì các tiện ích giúp vượt rào trên trình duyệt web mới hoạt động được.
 
________

             CÙNG GỐC                                                                                  


Copy từ: Trần Hùng 

Thứ Năm, 20 tháng 12, 2012

Cách dùng hộp comment để nhận xét


Chào bạn!
Tuỳ theo chủ blog tạo trên nền blog và dùng hệ thống comment nào nên có nhiều loại hộp comment. Về cơ bản giống nhau tuy nhiên cũng có vài chi tiết khác biệt làm cho người muốn comment chưa quen có thể bỡ ngỡ. Tranhung09 qua quá trình hát dạo có vài kinh nghiệm nhận dạng và chia sẻ với Bạn chưa quen về cách sử dụng chúng.

Cách dùng hộp comment của Blogspot
Nhập nội dung:
Gõ nội dung bạn muốn phản hồi vào Hộp trống nhận xét.
Nếu bạn cần để lại link (liên kết) đến một trang weblog nào đó, mà người khác nhấp vào sẽ đến thẳng link đó luôn - Bạn cóp đoạn mã sau, dán vào: <a href="Link trang weblog">Tên bài</a> . Thay dòng chữ "Link trang weblog" và "Tên bài". ví dụ: 
<a href="http://tranhung09.blogspot.com/2009/04/cach-dung-hop-comment-e-nhan-xet.html">Cách dùng hộp comment của Blogspot</a>.

Nhận xét với tư cách:
Để khi nó hiển thị, chủ blog cùng bạn đọc biết bạn là ai và người khác click vào Tên sẽ dẫn đến nhà bạn. Bạn có thể chọn một trong các tuỳ chọn sau:
- Tên blog bạn (Google). Mặc định nếu blog bạn tạo trên nền Blospot. Click vào sẽ đến hồ sơ blog của người đã comment.
- Chọn OpenID (sẽ hiển thị đến trang blog của bạn) - Điền địa chỉ blog bạn. Cửa sổ khác mở tiếp hỏi bạn: Dùng một lần hay luôn luôn khi comment. Nếu bạn chọn luôn luôn thì lần sau Bạn chỉ gõ ký tự đầu là mạng đã nhớ đưa ra gợi ý địa chỉ blog của bạn để nhấp chọn.
- Chọn Tên/URL: Gõ tên và địa chỉ blog bạn vào. Bạn đọc click vào sẽ mở thẳng đến trang chủ của bạn.
* Đối với blogger đang xài nền Blogspot

Nếu không có tài khoản, bạn vẫn có thể nhận xét:
Bằng cách Chọn hồ sơTên/URL hay Ẩn danh.
- Bạn nên chọn Tên/URL để bạn đọc biết bạn là ai: Gõ tên mình, bỏ qua URL, rồi nhấp Tiếp tục.
- Bạn có thể chọn Ẩn danh để "đá đểu" cũng được nhưng vui lòng đừng "mất dép dơ miệng mình"!
(Vui lòng gõ tiếng Việt có dấu để mọi người không hiểu nhầm so thành sờ, mo thành mò.)

Xem trước:
Tuỳ, Bạn là người cẩn thận cần xem lại nội dung Bạn đã gõ (cần nếu Bạn có nhập mã, để xem nó hiển thị có đúng không).

Đăng nhận xét:
Là ô kê con gà đen mà thỉnh thoảng gà trắng cũng không chừng - đọc tiếp lý do:
Lưu ý: Theo kinh nghiệm của tui, trước khi đăng nhận xét: Nên nháy chuột vào nội dung, bấm phím Ctrol + A rồi Ctrol + C nhằm copy nội dung - Đề phòng lỡ hệ thống comment trục trặt hoặc mạng rớt, ta có thể Ctrol + V dán làm lại nhận xét để khỏi toi công, rồi tắc lưỡi như thạch sùng! Còn gia chủ cũng tiếc vì không biết bạn đã ghé thăm và giao lưu.
Theo dõi phản hồi:
Nhấp chuột vào Đăng ký qua email để có thông tin phản hồi Nhận xét tiếp theo, nó sẽ tự động gửi đến hộp thư của Bạn.
Nếu bạn muốn nó gửi cả Nhận xét của mình cùng với phản hồi tiếp theo, thì bạn chọn Đăng ký qua email, trước khi nhấp vào Đăng nhận xét.
Comment trong nền blog khác: 
Đại loại khá giống nhau: Nhập nội dung xong khai báo thông tin người comment. Có blog yêu cầu email, có blog cho phép ẩn danh. 
Lưu ý thêm về việc hiển thị tên người nhận xét:
Cái này rất đa dạng, tuỳ vào nền và hệ thống comment mà chủ blog đó cài vào.
- Bạn không có email và không chơi blog riêng: Mặc định sẽ hiển thị ẩn danh (nặc danh).
- Bạn có email nhưng không có bog: Sẽ hiển thị liên kết đến email của bạn.
- Bạn có blog và muốn để lại liên kết đến nhà mình:
+ Trên thẻ (Tab) trình duyệt web, bạn phải mở tài khoản của mình, chẳng hạn như email, blog hoặc Bảng điều khiển (cài đặt blog): Sẽ hiển thị link đến hồ sơ chủ blog cùng ảnh đại diện (nếu là nền Blogspot)...
+ Trên thẻ (Tab) trình duyệt web, bạn không mở tài khoản của mình, buột bạn phải nhập Tên và URL (liên kết): Sẽ hiển thị Tên và Link blog bạn, không có ảnh đại diện.

Copy từ: Trần Hùng

Thứ Bảy, 15 tháng 12, 2012

Tạo nhiều chuyên mục cho bài viết ở trang chủ.


  Võ Quốc An 
Cùng với việc cho ra đời simple magazine template mình cũng share đoạn code để tạo box phân loại bài viết cho blog có nhiều chuyên mục tạo vẻ ngoài chuyên nghiệp hơn cho blogger chúng ta.




1. Chèn đoạn css sau phía trên thẻ ]]></b:skin>
.boxhome{width:700px}
.boxhome ul {margin:0; padding:0}
.box1{overflow:hidden;}
.box1-left{width:380px; float:left; height:400px; border-right:1px solid #777; padding:10px}
.box1-left h2 {margin-bottom:5px}
.box1-left img{margin-bottom:5px;  height:250px; width:380px}
.box1-right{height:49px; width:279px; float:right; padding: 10px; line-height:23px; border-bottom:1px solid #777; }
.box2-right:hover, .box1-right:hover {background:#999}
.box2-right:hover a , .box1-right:hover a {color: #fff; text-shadow:1px 1px 3px #000}
.box1-right img {float:left; height:49px; width:72px; margin-right:10px}
.box2{margin-top:10px; overflow:hidden}
.box2-left{width:380px; float:left; height:140px; padding:10px; border-right:1px solid #777; }
.box2-left a{font-weight:bold;}
.box2-left img{margin-right:5px;  height:100px; width:160px;float:left}
.box2-right{height:29px; width:289px; float:right;  border-bottom:1px solid #777; padding:5px; line-height:15px;}
.box2-right img {float:left; height:29px; width:48px; margin-right:5px}
.box1-left-info, .box2-left-info{ text-align:justify;}
.box1 img, .box2 img {box-shadow: 1px 1px 2px 1px #666;}
.menu{overflow: hidden; width: 100%; border-bottom:1px solid #777; background:#eee;}
.menu li{float: left; list-style: none;}
.menu a{padding: 5px 5px 5px 25px; float: left; text-decoration: none; position: relative;}
.menu li:first-child a{padding-left: 15px; background:#888; color:#eee}
.menu li:first-child a::after{border-left-color: #888;}
.menu li:first-child a:hover{background:#444; color:#fff}
.menu li:first-child a:hover::after { border-left-color: #444;}
.menu a:hover{background: #aaa;}
.menu a::after, .menu a::before{content: ""; position: absolute; top: 50%; margin-top: -1.5em; border-top: 1.5em solid transparent; border-bottom: 1.5em solid transparent; border-left: 1em solid; right: -1em;}
.menu a::after{z-index: 2; border-left-color: #eee;}
.menu a::before{border-left-color: #bbb; right: -1.1em; z-index: 1; }
.menu a:hover::after{ border-left-color: #aaa;}
Lưu ý:
Mặc định box này được đặt trong class boxhome có chiều rộng 700px. Bạn cần thay đổi chiều rộng này lại cho phù hợp với mẫu template trên blog của bạn.
Ở bước 1 mình đánh dấu các đoạn code màu đỏ là chiều rộng của các thành phần bạn thay đổi lại cho phù hợp với blog của bạn.
Nếu có chổ nào không hiểu bạn để lại comments bên dưới mình sẽ trả lời trong thời gian sớm nhất có thể.
2. Chèn đoạn code sau phía trên thẻ </head>
<b:if cond='data:blog.url == data:blog.homepageUrl'>      
<script src='http://voquocan.googlecode.com/files/boxhome-v1.0.js' type='text/javascript'/>
<script type='text/javascript'>
var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 300;
summary_img = 160;
img_thumb_height = 85;
img_thumb_width = 124;
</script>
<script type='text/javascript'>
//<![CDATA[
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('l m(a,b){6(a.5("<")!=-1){3 s=a.O("<");N(3 i=0;i<s.4;i++){6(s[i].5(">")!=-1){s[i]=s[i].8(s[i].5(">")+1,s[i].4)}}a=s.J("")}b=(b<a.4-1)?b:a.4-2;A(a.v(b-1)!=\' \'&&a.5(\' \',b)!=-1)b++;a=a.8(0,b-1);t a+\'...\'}l r(a){3 b=D.p(a);3 c="";3 d=b.q("7");3 e=u;6(d.4>=1){c=\'<k w="x:y; z:j B 0 j;;C:-P 0 0 0"><7 E="ẢF G họa" g="\'+d[0].g+\'" H="\'+I+\'9" K="\'+L+\'9" /></k>\';e=M}3 f=c+\'<n>\'+m(b.o,e)+\'</n>\';b.o=f}',52,52,'|||var|length|indexOf|if|img|substring|px|||||||src|||0px|span|function|removeHtmlTag|div|innerHTML|getElementById|getElementsByTagName|createSummaryAndThumb||return|summary_noimg|charAt|style|float|left|padding|while|10px|margin|document|alt|nh|minh|width|img_thumb_width|join|height|img_thumb_height|summary_img|for|split|38px'.split('|'),0,{}))
//]]>
</script>
<style type='text/css'>
#blog1{display:none}
</style>
</b:if> 
3. Dùng từ khóa blog1 tìm đoạn code tương tự như sau: (những đoạn màu đỏ có thể khác nhau tùy blog)
<b:section class='mainpost' id='mainpost' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Bài đăng trên Blog' type='Blog'/>
</b:section>
Chèn đoạn code sau phía trên đoạn code vừa tìm được.
<b:if cond='data:blog.url == data:blog.homepageUrl'><div class='boxhome'>
<div class='box1'>                                          
<script src='/feeds/posts/default?max-results=7&amp;orderby=published&amp;alt=json-in-script&amp;callback=box1'/>   
<div style='clear:both;'/>     
</div>
<div class='box2'>     
<ul class='menu'>
    <li><a href='http://template.voquocan.com/'>Blogger Template</a></li>
    <li><a href='http://template.voquocan.com/p/magazine-template.html'>Magazine Template</a></li>
    <li><a href='http://template.voquocan.com/p/shopping-template.html'>Shopping Template</a></li>
    <li><a href='http://template.voquocan.com/p/movie-template.html'>Movie Tempalte</a></li>
</ul>                                      
<script src='/feeds/posts/default/-/Label1?max-results=5&amp;orderby=published&amp;alt=json-in-script&amp;callback=box2'/>
<div style='clear:both;'/>
</div>
<div class='box2'>               
<ul class='menu'>
    <li><a href='http://www.voquocan.com/'>Thủ Thuật Blog</a></li>
    <li><a href='http://www.voquocan.com/search/label/Blogger?max-results=5'>Blogger</a></li>
    <li><a href='http://www.voquocan.com/search/label/css-html?max-results=5'>CSS - HTML</a></li>
    <li><a href='http://www.voquocan.com/search/label/Tổng Hợp?max-results=5'>Tổng Hợp</a></li>
</ul>                            
<script src='/feeds/posts/default/-/Label2?max-results=5&amp;orderby=published&amp;alt=json-in-script&amp;callback=box2'/>
<div style='clear:both;'/>
</div>
</div></b:if>
Trong đoạn code trên mình tạo 1 box lớn (hiển thị các bài viết mới nhất) và 2 box con (2 chuyên mục). Đề tạo thêm chuyên mục bạn tạo thêm các mục box2 là được.
Nếu có vấn đề gì bạn để lại comment bên dưới mình sẽ trả lời trong thời gian sớm nhất có thể.




Copy từ: Thủ Thuật Blogger













Thứ Năm, 13 tháng 12, 2012

Hướng dẫn thay đổi hình nền cho blogger blogspot



Để thay đổi hình nền cho blog thì không có gì quá khó, đặc biệt là bạn sử dụng mẫu template có sẵn của blogger / blogspot. Nhưng nếu bạn tải một cái template từ đâu về add lên thì khi đổi hình nền gặp một số vấn đề nho nhỏ đối với các bạn không chuyên về mã nguồn blog / web.

Công việc của bạn là cần một hình nền blog có độ phân giải đủ lớn, bạn có thể search trên google với từ khóa "backgroun blogger" hoặc "background blogspot".
Sau khi có hình nền rồi thì các bạn vào "Mẫu" chọn "Chỉnh sửa HTML" chọn "Tiếp tục" rồi đánh dấu check vào ô "Mở rộng mẫu tiện ích" > bấm tổ hợp phím "Crtl + F" tìm từ khóa " body{background "

Nó trông giống thế này
body{background: #E9F0F3 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxWp0YBlfDZS06WrlpZ2Gckswgw2YIaSZcSAwDX26WHRWvaVK2n65VvPL5d_KbIe-HjuAcT96KxtNmjxCHoDMSG9fpJHAwLqvwhizXgoC-Q6OeAlDvDELIgSij-2JiM_IO2kwjhIxEEJ8/s0/background.png)

Bạn cần thay đổi cái link ảnh màu đỏ bằng link ảnh mình thích là ok. Uh, bạn phải úp hình nền blog lên rồi lấy link để thay thế link màu đỏ đó nữa. Bạn có thể úp ảnh nền của bạn lên upanh.com hoặc trực tiếp lên bài đăng trong blog của bạn, khi up lên blog nó sẽ có 2 link ảnh, bạn copy link ảnh đầu tiên.

Còn cái mã màu #E9F0F3 bạn cũng cần thay đổi luôn cho nó phù hợp với hình nền nếu hình nền của bạn kéo không hết trang. Các bạn có thể search trên google với từ khóa mã màu HTML để kiếm mã màu phù hợp.

Một số template có mã nguồn khác chút xíu, bạn có thể vào trang chính của blog mình click chuột phải chọn View background để xem link ảnh nền là gì, rồi copy link ảnh nên đem vào chỗ HTML để search ra cái link đó.

Chúc thành công




Copy từ: Hướng dẫn Blog


 

Hướng dẫn thay đổi template cho blogspot

 Hướng dẫn thay đổi template cho blogspot
Blogspot có khá nhiều mẫu tempate có sẵn, nhưng có thể nó không phù hợp với sở thích của bạn. Để thay đổi template có sẵn trong blogspot thì bạn chỉ cần vào mục "Thiết kế" > chọn "Thiết kế mẫu" có tất cả là 7 mẫu và mỗi mẫu sẽ có khoảng 3-5 màu. Ngoài ra bạn có thể dùng chức năng chỉnh sửa năng cao bên phía tay trái trong phần này để thay đổi màu chữ, kích thước của các cột trong blog.

Nếu những mẫu này chưa làm hài lòng bạn được thì bạn có thể vào google search từ khóa "blogspot templates" thì có rất nhiều site chuyên thiết kế blogspot miễn phí, bạn chỉ việc tải về và úp lên.

Các bước để tải lên một template mới
- Tải template về máy, giải nén nếu có (tập tinh có đuôi thường là .xml"
- Từ giao diện điều khiển của blogspot bạn chọn "Thiết kế" > chọn "chỉnh sửa html" > chọn tập tin templates > click chuột chọn "tải lên" > Save.



Nhưng bạn nên chú ý: đây là template tiếng anh, nên có thể bạn cần chỉnh sửa một chút như từ "read more" chẳn hạn, tiếng việt thì nó là "đọc tiếp".
Chúc bạn thành công



Copy từ: Hướng dẫn Blog




Thứ Hai, 10 tháng 12, 2012

Tạo menu nhiều tab cho blogspot

Có nhiều kiểu menu trong thiết kế web và menu nhiều tab là một kiểu rất được ưa chuộng bởi vì nó giúp tiết kiệm không gian bố trí cho trang web. Bạn có thể dễ dàng thêm tab mới cho menu kiểu này.

Menu nhiều tab có thể được dùng cho blogspot.

Để tạo kiểu menu này, bạn hãy thực hiện theo các bước sau đây.

Bước 1. Đăng nhập Blogger, vào Design >> Edit HTML.

Đặt đoạn code dưới đây vào trước thẻ </head>.

<script type='text/javascript'>
//<![CDATA[
document.write('<style type="text/css">.tabber{display:none;}<\/style>');
function tabberObj(argsObj)
{
var arg;
this.div = null;
this.classMain = "tabber";
this.classMainLive = "tabberlive";
this.classTab = "tabbertab";
this.classTabDefault = "tabbertabdefault";
this.classNav = "tabbernav";
this.classTabHide = "tabbertabhide";
this.classNavActive = "tabberactive";
this.titleElements = ['h2','h3','h4','h5','h6'];
this.titleElementsStripHTML = true;
this.removeTitle = true;
this.addLinkId = false;
this.linkIdFormat = '<tabberid>nav<tabnumberone>';
for (arg in argsObj) { this[arg] = argsObj[arg]; }
this.REclassMain = new RegExp('\\b' + this.classMain + '\\b', 'gi');
this.REclassMainLive = new RegExp('\\b' + this.classMainLive + '\\b', 'gi');
this.REclassTab = new RegExp('\\b' + this.classTab + '\\b', 'gi');
this.REclassTabDefault = new RegExp('\\b' + this.classTabDefault + '\\b', 'gi');
this.REclassTabHide = new RegExp('\\b' + this.classTabHide + '\\b', 'gi');
this.tabs = new Array();
if (this.div) {
this.init(this.div);
this.div = null;
}
}

tabberObj.prototype.init = function(e)
{

var
childNodes,
i, i2,
t,
defaultTab=0,
DOM_ul,
DOM_li,
DOM_a,
aId,
headingElement;
if (!document.getElementsByTagName) { return false; }
if (e.id) {
this.id = e.id;
}
this.tabs.length = 0;
childNodes = e.childNodes;
for(i=0; i < childNodes.length; i++) {
if(childNodes[i].className &&
childNodes[i].className.match(this.REclassTab)) {
t = new Object();
t.div = childNodes[i];
this.tabs[this.tabs.length] = t;


if (childNodes[i].className.match(this.REclassTabDefault)) {
defaultTab = this.tabs.length-1;
}
}
}
DOM_ul = document.createElement("ul");
DOM_ul.className = this.classNav;

for (i=0; i < this.tabs.length; i++) {

t = this.tabs[i];


t.headingText = t.div.title;

if (this.removeTitle) { t.div.title = ''; }

if (!t.headingText) {


for (i2=0; i2<this.titleElements.length; i2++) {
headingElement = t.div.getElementsByTagName(this.titleElements[i2])[0];
if (headingElement) {
t.headingText = headingElement.innerHTML;
if (this.titleElementsStripHTML) {
t.headingText.replace(/<br>/gi," ");
t.headingText = t.headingText.replace(/<[^>]+>/g,"");
}
break;
}
}
}

if (!t.headingText) {

t.headingText = i + 1;
}


DOM_li = document.createElement("li");


t.li = DOM_li;


DOM_a = document.createElement("a");
DOM_a.appendChild(document.createTextNode(t.headingText));
DOM_a.href = "javascript:void(null);";
DOM_a.title = t.headingText;
DOM_a.onclick = this.navClick;


DOM_a.tabber = this;
DOM_a.tabberIndex = i;


if (this.addLinkId && this.linkIdFormat) {


aId = this.linkIdFormat;
aId = aId.replace(/<tabberid>/gi, this.id);
aId = aId.replace(/<tabnumberzero>/gi, i);
aId = aId.replace(/<tabnumberone>/gi, i+1);
aId = aId.replace(/<tabtitle>/gi, t.headingText.replace(/[^a-zA-Z0-9\-]/gi, ''));

DOM_a.id = aId;
}


DOM_li.appendChild(DOM_a);


DOM_ul.appendChild(DOM_li);
}


e.insertBefore(DOM_ul, e.firstChild);


e.className = e.className.replace(this.REclassMain, this.classMainLive);


this.tabShow(defaultTab);


if (typeof this.onLoad == 'function') {
this.onLoad({tabber:this});
}

return this;
};


tabberObj.prototype.navClick = function(event)
{


var
rVal,
a,
self,
tabberIndex,
onClickArgs;

a = this;
if (!a.tabber) { return false; }

self = a.tabber;
tabberIndex = a.tabberIndex;


a.blur();


if (typeof self.onClick == 'function') {

onClickArgs = {'tabber':self, 'index':tabberIndex, 'event':event};

/* IE uses a different way to access the event object */
if (!event) { onClickArgs.event = window.event; }

rVal = self.onClick(onClickArgs);
if (rVal === false) { return false; }
}

self.tabShow(tabberIndex);

return false;
};


tabberObj.prototype.tabHideAll = function()
{
var i;


for (i = 0; i < this.tabs.length; i++) {
this.tabHide(i);
}
};


tabberObj.prototype.tabHide = function(tabberIndex)
{
var div;

if (!this.tabs[tabberIndex]) { return false; }


div = this.tabs[tabberIndex].div;


if (!div.className.match(this.REclassTabHide)) {
div.className += ' ' + this.classTabHide;
}
this.navClearActive(tabberIndex);

return this;
};


tabberObj.prototype.tabShow = function(tabberIndex)
{


var div;

if (!this.tabs[tabberIndex]) { return false; }


this.tabHideAll();


div = this.tabs[tabberIndex].div;


div.className = div.className.replace(this.REclassTabHide, '');


this.navSetActive(tabberIndex);


if (typeof this.onTabDisplay == 'function') {
this.onTabDisplay({'tabber':this, 'index':tabberIndex});
}

return this;
};

tabberObj.prototype.navSetActive = function(tabberIndex)
{



this.tabs[tabberIndex].li.className = this.classNavActive;

return this;
};


tabberObj.prototype.navClearActive = function(tabberIndex)
{



this.tabs[tabberIndex].li.className = '';

return this;
};


function tabberAutomatic(tabberArgs)
{

var
tempObj,
divs,
i;

if (!tabberArgs) { tabberArgs = {}; }


tempObj = new tabberObj(tabberArgs);




divs = document.getElementsByTagName("div");
for (i=0; i < divs.length; i++) {


if (divs[i].className &&
divs[i].className.match(tempObj.REclassMain)) {


tabberArgs.div = divs[i];
divs[i].tabber = new tabberObj(tabberArgs);
}
}

return this;
}
function tabberAutomaticOnLoad(tabberArgs)
{

var oldOnLoad;

if (!tabberArgs) { tabberArgs = {}; }

oldOnLoad = window.onload;
if (typeof window.onload != 'function') {
window.onload = function() {
tabberAutomatic(tabberArgs);
};
} else {
window.onload = function() {
oldOnLoad();
tabberAutomatic(tabberArgs);
};
}
}


/* Run tabberAutomaticOnload() unless the "manualStartup" option was specified */

if (typeof tabberOptions == 'undefined') {

tabberAutomaticOnLoad();

} else {

if (!tabberOptions['manualStartup']) {
tabberAutomaticOnLoad(tabberOptions);
}

}

//]]>
</script>
<style type='text/css'>
.tabberlive{
margin:0;
padding:5px;
clear:both;
background:#f8f8f8;
border:1px solid #DDD;
}
.tabbernav {
margin:0;
padding: 3px 0;
border-bottom: 1px solid #ddd;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
}
.tabbernav li {
list-style:none;
margin:0;
display:inline;
}
.tabbernav li a {
padding:3px 0.5em;
margin-right:1px;
border:1px solid #DDD;
border-bottom:none;
background:#6c6c6c;
text-decoration:none;
color:#ffffff;
}
.tabbernav li a:hover {
color:#6c6c6c;
background:#ffffff;
border:1px solid #DDD;
text-decoration:none;
}
.tabbernav li.tabberactive a,
.tabbernav li.tabberactive a:hover {
background:#ffffff;
color:#6c6c6c;
border-bottom: 1px solid #ffffff;
}
.tabberlive .tabbertab {
padding:5px;
border:1px solid #DDD;
border-top:0;
background:#ffffff;
}
.tabberlive .tabbertab h2,
.tabberlive .tabbertabhide {
display:none;
}
.tabbertab .widget-content ul{
list-style:none;
margin:0 0 10px 0;
padding:0;
}
.tabbertab .widget-content li {
border-bottom:1px solid #ddd;
margin:0 5px;
padding:2px 0 5px 0;
}
</style>

Lưu Template.

Bước 2. Chọn Page Elements và Nhấp chọn Add a Gadget bên phần sidebar. ChọnHTML/JavaScript rồi đặt đoạn code dưới đây vào phần Content của tiện ích.

<div class='tabber'>

<div class='tabbertab section' id='tab1'>
<h2>Tiêu đề 1</h2>

Nội dung 1 / Code 1

</div>
<div class='clear'></div>

<div class='tabbertab section' id='tab2'>
<h2 class='title'>Tiêu đề 2</h2>

Nội dung 2 / Code 2

</div>
<div class='clear'></div>

<div class='tabbertab section' id='tab3'>
<h2>Tiêu đề 3</h2>

Nội dung 3 / Code 3

</div>
<div class='clear'></div>

<div class='tabbertab section' id='tab4'>
<h2 class='title'>Tiêu đề 4</h2>

Nội dung 4 / Code 4

</div>
<div class='clear'></div>

</div>

Trong đoạn code trên, bạn cần đặt tiêu đề cùng với nội dung code cho các tab. Ví dụ tab1 là tiện ích Bài viết mới nhất, tab2 là Bình luận mới nhất …

Bạn có thể thêm tab vào theo định dạng như sau.

<div class='tabbertab section' id='tabX'>
<h2 class='title'>Tiêu đề X</h2>

Nội dung X / Code X

</div>
<div class='clear'></div>


Copy từ: NguyỄN Hữu Dũng

Hướng dẫn tạo bài viết liên quan cho blogspot



Tiện ích này rất hay giúp cho khách viến thăm lưu lại blog của bạn lâu hơn và đọc nhiều bài viết hơn. Đặc biết là những bài viết có chủ để tương tự và được đặt cùng trong một nhãn.


Bước 1: Thêm đoạn mã dưới đây vào trước thẻ ]]></b:skin> trong template của bạn.
#related-posts{float:left}
#related-posts ul{margin:0;padding:0;list-style-type:none}
#related-posts ul li{padding:10px 0}
#related-posts ul li:hover img{width:42px;height:42px;padding:0}
#related-posts img{float:left;border:1px solid #BBB;margin-right:10px;width:36px;height:36px;background:#FFF;padding:3px}
#related-posts h3{margin:0;font-size:14px}

Bước 2: Thêm đoạn mã dưới đây vào sau thẻ <div class='post-footer'> trong template của bạn.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='clear:both'/>
<div id='related-posts'>
<script type='text/javascript'>var ry='<h2>Bài viết liên quan</h2>';rn='<h2>Không có Bài viết liên quan</h2>';rcomment='Nhận xét';rdisable='Tắt Nhận xét';commentYN='yes';</script>
<script type='text/javascript'>
//<![CDATA[
var dw='';titles=new Array();titlesNum=0;urls=new Array();timeR=new Array();thumb=new Array();commentsNum=new Array();comments=new Array();function related_results_labels(c){for(var b=0;b<c.feed.entry.length;b++){var d=c.feed.entry[b];titles[titlesNum]=d.title.$t;for(var a=0;a<d.link.length;a++){if('thr$total' in d){commentsNum[titlesNum]=d.thr$total.$t+' '+rcomment}else{commentsNum[titlesNum]=rdisable};if(d.link[a].rel=="alternate"){urls[titlesNum]=d.link[a].href;timeR[titlesNum]=d.published.$t;if('media$thumbnail' in d){thumb[titlesNum]=d.media$thumbnail.url}else{thumb[titlesNum]='http://lh4.ggpht.com/_u7a1IFxc4WI/TTjruHJjcfI/AAAAAAAAAk0/i11Oj6i_bHY/no-image.png'};titlesNum++;break}}}}function removeRelatedDuplicates(){var b=new Array(0);c=new Array(0);e=new Array(0);f=new Array(0);g=new Array(0);for(var a=0;a<urls.length;a++){if(!contains(b,urls[a])){b.length+=1;b[b.length-1]=urls[a];c.length+=1;c[c.length-1]=titles[a];e.length+=1;e[e.length-1]=timeR[a];f.length+=1;f[f.length-1]=thumb[a];g.length+=1;g[g.length-1]=commentsNum[a]}}urls=b;titles=c;timeR=e;thumb=f;commentsNum=g}function contains(b,d){for(var c=0;c<b.length;c++){if(b[c]==d){return true}}return false}function printRelatedLabels(a){for(var b=0;b<urls.length;b++){if(urls[b]==a){urls.splice(b,1);titles.splice(b,1);timeR.splice(b,1);thumb.splice(b,1);commentsNum.splice(b,1)}}var c=Math.floor((titles.length-1)*Math.random());var b=0;if(titles.length==0){dw+=rn}else{dw+=ry;dw+='<ul>';while(b<titles.length&&b<20&&b<maxresults){if(commentYN=='yes'){comments[c]=' - '+commentsNum[c]}else{comments[c]=''};dw+='<li><img alt="'+titles[c]+'" src="'+thumb[c]+'"/><div><a href="'+urls[c]+'" rel="nofollow"><h3>'+titles[c]+'</h3></a><span>'+timeR[c].substring(8,10)+'/'+timeR[c].substring(5,7)+'/'+timeR[c].substring(0,4)+comments[c]+'</span></div></li><div style="clear:both"></div>';if(c<titles.length-1){c++}else{c=0}b++}dw+='</ul>'};urls.splice(0,urls.length);titles.splice(0,titles.length);document.getElementById('related-posts').innerHTML=dw};
//]]>
</script>
<b:loop values='data:post.labels' var='label'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&quot;' type='text/javascript'/>
</b:loop>
<script type='text/javascript'>var maxresults=6;removeRelatedDuplicates();printRelatedLabels('<data:post.url/>');</script>
</div>
<div style='clear:both'/>
</b:if>


Copy từ: Hướng dẫn Blogspot

Hướng dẫn chèn nhạc nền blog - list nhạc blog

Hướng dẫn chèn nhạc nền blog - list nhạc blog(OK luôn)

Các bạn copy doạn code bên dưới và dán vào module hoặc bài viết đều được, bạn nào chưa biết tạo module thì xem ở đây nha

Các bạn chú ý cần chỉnh sửa lại một chút
Thay vị trí AAAA trong đoạn code bằng một link 1 bài hát hoặc link một album

Các bạn truy cập vào mp3.zing.vn để lấy link nhạc.

- Nếu chỉ cần một bài thì chỉ cần copy link trên trình duyệt rồi dán vào vị trí AAAA bên dưới
ví dụ đây là code của một bài
http://mp3.zing.vn/bai-hat/Tim-Lai-Bau-Troi-Tuan-Hung/ZWZEB0C7.html

Còn đây là code của một album
http://mp3.zing.vn/album/Tu-Tinh-Que-Huong-2-Cam-Ly/ZWZ9EIBU.html

chú thích thêm code bên dưới
- height=300" là độ cao của khung nền nhạc
- width="400" là chiều rộng của nền nhạc
Nếu bạn muốn ẩn luôn thì chỉnh hai thông số height và width ="0"

<center><embed type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="never" src=http://i173.photobucket.com/albums/w49/chiplove9xpro/Flash/chiplovenctyou.swf flashvars=file=http://music.phanvanphu.com/vn.360plus.yahoo.com/phu.phu51?id=AAAA%26type=you&config=http://music.phanvanphu.com/config.php?config=ok%26backcolor=0xE3007B%26frontcolor=0xFFFFFF%26lightcolor=0xFFFFFF%26autostart=true%26shuffle=false%26repeat=true%26jpgfile=http://img156.imageshack.us/img156/3092/20080408144139675001tn7.swf width="400" height="300" wmode="transparent"/></embed></center>



Các bạn có thể copy đoạn code này và dán vào blog để xem thử (đây là code của một album Cẩm Ly)

<center><embed type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="never" src=http://i173.photobucket.com/albums/w49/chiplove9xpro/Flash/chiplovenctyou.swf flashvars=file=http://music.phanvanphu.com/vn.360plus.yahoo.com/phu.phu51?id=http://mp3.zing.vn/album/Tu-Tinh-Que-Huong-2-Cam-Ly/ZWZ9EIBU.html%26type=you&config=http://music.phanvanphu.com/config.php?config=ok%26backcolor=0xE3007B%26frontcolor=0xFFFFFF%26lightcolor=0xFFFFFF%26autostart=true%26shuffle=false%26repeat=true%26jpgfile=http://vn.pijaja.com/Portals/0/UserFiles/User4204/5808472lr5.swf width="400" height="300" wmode="transparent"/></embed></center>

bạn nào không làm được pm cho mình nick YM: huongdanblog
Huong dan chen nhac nen blog lam list nhac blog 

Copy từ: Hướng dẫn Blogspot

Hướng dẫn thay đổi hình nền cho blogger blogspot

Hướng dẫn thay đổi hình nền cho blogger blogspot

Để thay đổi hình nền cho blog thì không có gì quá khó, đặc biệt là bạn sử dụng mẫu template có sẵn của blogger / blogspot. Nhưng nếu bạn tải một cái template từ đâu về add lên thì khi đổi hình nền gặp một số vấn đề nho nhỏ đối với các bạn không chuyên về mã nguồn blog / web.

Công việc của bạn là cần một hình nền blog có độ phân giải đủ lớn, bạn có thể search trên google với từ khóa "backgroun blogger" hoặc "background blogspot".
Sau khi có hình nền rồi thì các bạn vào "Mẫu" chọn "Chỉnh sửa HTML" chọn "Tiếp tục" rồi đánh dấu check vào ô "Mở rộng mẫu tiện ích" > bấm tổ hợp phím "Crtl + F" tìm từ khóa " body{background "

Nó trông giống thế này
body{background: #E9F0F3 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxWp0YBlfDZS06WrlpZ2Gckswgw2YIaSZcSAwDX26WHRWvaVK2n65VvPL5d_KbIe-HjuAcT96KxtNmjxCHoDMSG9fpJHAwLqvwhizXgoC-Q6OeAlDvDELIgSij-2JiM_IO2kwjhIxEEJ8/s0/background.png)

Bạn cần thay đổi cái link ảnh màu đỏ bằng link ảnh mình thích là ok Uh, bạn phải úp hình nền blog lên rồi lấy link để thay thế link màu đỏ đó nữa. Bạn có thể úp ảnh nền của bạn lên upanh.com hoặc trực tiếp lên bài đănt trong blog của bạn, khi up lên blog nó sẽ có 2 link ảnh, bạn copy link ảnh đầu tiên.

Còn cái mã màu #E9F0F3 bạn cũng cần thay đổi luôn cho nó phù hợp với hình nền nếu hình nền của bạn kéo không hết trang. Các bạn có thể search trên google với từ khóa mã màu HTML để kiếm mã màu phù hợp.

Một số template có mã nguồn khác chút xíu, bạn có thể vào trang chính của blog mình click chuột phải chọn View background để xem link ảnh nền là gì, rồi copy link ảnh nên đem vào chỗ HTML để search ra cái link đó.

Chúc thành công nha.


Copy từ:Hướng dẫn Blogspot