vietnamese Tiếng Việt english English
Hôm nay:

Hướng dẫn cách chat nhóm trên Facebook (FB)

21:11 |
Mạng xã hội Facebook hiện nay được đánh giá là 1 phương tiện liên lạc rất thuận tiện, khi lượng người sử dụng Facebook ngày càng tăng chóng mặt thì việc dùng Facebook để liên hệ, chát nhóm với bạn bè là thích hợp hơn...
- Cũng giống như những mạng xã hội khác, Facebook cho phép chát trong nhóm và lựa chọn bạn vào chat trong cùng 1 nhóm. Để trả lời cho câu hỏi LÀM THẾ NÀO ĐỂ CHÁT NHÓM TRÊN FACEBOOK, đội itviet360 hướng dẫn các bạn cách chát nhóm trên FB.
Để thực hiện điều này các bạn làm theo hướng dẫn sau:
Bước 1: Mở khung chat với 1 bạn và lựa chọn "Thêm bạn vào cuộc trò chuyện" như hình dưới đây
Chat group FB, Group chat on Facebook

Bước 2: Gõ tên bạn muốn thêm vào nhóm (Chỉ cần gõ chữ cái là có lựa chọn bạn rồi nhé)
Hướng dẫn cách chat nhóm trên Facebook (FB) Group
Các bạn thêm bạn bè của mình vào chat nhóm Group tùy ý nhé
Read more…

Hướng dẫn cách chụp ảnh màn hình trên Windows 8

01:04 |
Làm thế nào để chụp ảnh màn hình trên Windows 8? Mình sử dụng Win8 và muốn chụp ảnh màn hình mà không cần phần mềm? Chỉ cho mình cách chụp ảnh màn hình trong Windows 8...
- Windows 8 là 1 hệ điều hành đẹp mắt nhưng hơi xa lạ với những ai bắt đầu sử dụng nó. Vậy làm thế nào để làm quen với nó nhanh nhất...
itviet360 sẽ hướng dẫn các bạn những cách để các bạn quen thuộc với hệ điều hành này hơn...
CÁC BƯỚC THỰC HIỆN
Bước 1: Tại màn hình Start Screen, Click chọn ứng dụng muốn mở
Hướng dẫn cách chụp ảnh màn hình trên Windows 8

Ví dụ mình muốn chụp ứng dụng Hotmail
Hướng dẫn cách chụp ảnh màn hình trên Windows 8
Bước 2: Để chụp ảnh màn hình hiện tại, bạn nhấn nút PrtSc (Print Screen), phía bên phải hàng phím trên cùng.
Nhấn tổ hợp phím Win + E để mở Explorer và điều hướng tới thư viện ảnh trong bảng nằm phía bên trái. Tại đây, bạn sẽ thấy một thư mục mới tạo tên là “Screenshots”. Nhấp đúp chuột vào thư mục đó để mở ra.
Hướng dẫn cách chụp ảnh màn hình trên Windows 8

Trong đó, bạn sẽ tìm thấy tất cả ảnh chụp màn hình mình vừa tạo ra. Ảnh được liệt kê theo trình tự thời gian.
Hướng dẫn cách chụp ảnh màn hình trên Windows 8

Với chuyên mục Thủ thuật Windows 8. itviet360 hy vọng chia sẻ những gì cần thiết của hệ điều hành này.

Read more…

Cách cài đặt Password cho Windows 8 - mật khẩu User Admin

08:55 |
Làm thế nào để cài đặt được mật khẩu máy tính sử dụng Win 8? Tôi muốn bảo vệ dữ liệu máy tính của mình với việc cài đặt password? Em dùng Windows 8 nhưng chưa biết cách cài đặt pass nó ở đâu...
- Nhiều câu hỏi xoay quanh việc cài đặt Password Win8. Bài viết này itviet360 hướng dẫn các bạn cách cài mật khẩu cho máy tính sử dụng windows 8
Bước 1: Start Menu > Nhấn vào User ở góc trên bên phải. > Sau đó chọn Change account picture
Cách cài đặt Password cho Windows 8 - mật khẩu User Admin, start Windows8


Tiếp đến chọn tab Users. Ở màn hình bên phải chọn Create password
Cách cài đặt Password cho Windows 8 - mật khẩu User Admin

Ở màn hình mới hiện ra bạn điền mật khẩu của bạn vào. ở mục Password hint điền gợi ý của bạn để có thấy nhớ lại mật khẩu khi quên.
Cách cài đặt Password cho Windows 8 - mật khẩu User Admin
Chúc vui vẻ :)
Read more…

Xem Blogspot với nhiều giao diện khác nhau

09:01 |
Tình cờ xem giao diện của trang Blog Hình ảnh đẹp thì mình có thấy 1 điều thú vị trong giao diện này, điều này tuy cũ nhưng hiện tại mình tới biết tới nên muốn chia sẻ cùng cộng đồng Blogger...
- Khi tạo Blogger chắc các bạn đã biết đến giao diện mặc định của Blog, đó là giao diện auto chuyển đổi được nhiều giao diện khác nhau. Nhưng chúng ta không sử dụng temp đó mà sử dụng temp do thiết kế riêng.
Ở đây itviet360 chia sẻ với các bạn về việc xem Blogspot vẫn ở dạng auto đó mà vẫn sử dụng được những mẫu thiết kế riêng.
- Dạng Temp auto

Ví dụ trên trang itviet360 các bạn có thể xem giao diện này bằng cách thêm sau Domain 1 cái View...
Thêm sinh động hơn phải không các bạn...
Chúc các bạn vui vẻ!





Read more…

Ký tự đặc biệt đẹp chèn vào trong Yahoo, Facebook...

02:23 |
Làm thế nào để có được những ký tự đặc biệt theo ý mình muốn? Cách tạo ký tự đặc biệt trong Yahoo như thế nào? Ký tự đặc biệt trên Facebook?...
- Bài viết này itviet360 hướng dẫn cách tạo ký tự đặc biệt sử dụng trong yahoo, Facebook, ....

Những ký tự này bạn hoàn toàn có thể sử dụng để dùng trong Blog của mình để tạo sự thu hút hơn...

(¯`·.º-:¦:-† itviet360 †-:¦:-º.·´¯)

๑۩۞۩๑ (itviet360) ๑۩۞۩๑


ε[-ิิ_•ิ]з DEL ε[-ิิ_•ิ]з

/̵͇̿̿/̿̿"̿̿̿̿̿ ̿̿̿̿ (itviet360) ̿̿̿̿̿̿̿'̿̿̿̿̿'\̵͇̿̿\

ҳ̸Ҳ̸ҳ (Nick) ҳ̸Ҳ̸ҳ

๑۩۞۩๑ (Nick) ๑۩۞۩๑

ıllıllı (Nick) ıllıllı

ε[-ิิ_•ิ]з itviet360 ε[-ิิ_•ิ]з

|̲̲̲͡͡͡ ̲▫̲͡ ̲̲̲͡͡π̲̲͡͡ ̲̲͡▫̲̲͡͡ ̲|̡̡̡ ̡ ̴̡ı̴̡̡ ̡͌l̡ ̴̡ı̴̴̡ ( Nick) ̡l̡*̡̡ ̴̡ı̴̴̡ ̡̡͡|̲̲̲͡͡͡ ̲▫̲͡ ̲̲̲͡͡π̲̲͡͡ ̲̲͡▫̲̲͡͡ ̲|

( ̲̅:̲̅:̲̅:̲̅[̲̅ ̲̅]̲̅:̲̅:̲̅:̲̅ ) (Nick) ( ̲̅:̲̅:̲̅:̲̅[̲̅ ̲̅]̲̅:̲̅:̲̅:̲̅ )

۞۞ (Nick) ۞۞

●±‡±● (Nick) ●±‡±●

●๋• (Nick) ●๋•

[̲̅ə̲̅٨̲̅٥̲̅٦̲̅] (Tu nick) [̲̅ə̲̅٨̲̅٥̲̅٦̲̅]

۰۪۪۫۫●۪۫۰ (Nick) ۰۪۪۫۫●۪۫۰

(¯`·._.·[ (your nickname here) ]·._.·´¯)
¨°o.O (your nickname here) O.o°
×÷·.·´¯`·)» (your nickname here) «(·´¯`·.·÷×
· ··^v´¯`×) (your nickname here) (×´¯`v^·· ·
,.-~*'¨¯¨'*·~-.¸-(_ (your nickname here) _)-,.-~*'¨¯¨'*·~-.¸
- - --^[ (your nickname here) ]^-- - -
•·.·´¯`·.·• (your nickname here) •·.·´¯`·.·•
`·.¸¸.·´´¯`··._.· (your nickname here) `·.¸¸.·´´¯`··._.·
(¯`·._) (your nickname here) (¯`·._)
¯¨'*·~-.¸¸,.-~*' (your nickname here) ¯¨'*·~-.¸¸,.-~*'
Oº°‘¨ (your nickname here) ¨‘°ºO
׺°"˜`"°º× (your nickname here) ׺°"˜`"°º×
.·´¯`·-> (your nickname here)
- -¤--^] (your nickname here) [^--¤- -
._|..|_. (your nickname here) ._|..|_.
..|....|..
-·=»‡«=·- (your nickname here) -·=»‡«=·-
•°o.O (your nickname here) O.o°•
––––•(-• (your nickname here) •-)•––––
(¯`•¸·´¯) (your nickname here) (¯`·¸•´¯)
··¤(`×[¤ (your nickname here) ¤]×´)¤··
—(•·÷[ (your nickname here) ]÷·•)—
·ï¡÷¡ï· (your nickname here) ·ï¡÷¡ï·
·!¦[· (your nickname here) ·]¦!·
°º¤ø,¸¸,ø¤º°`°º¤ø,¸ (your nickname here) °º¤ø,¸¸,ø¤º°`°º¤ø,¸
»-(¯`v´¯)-» (your nickname here) »-(¯`v´¯)-»
°l||l° (your nickname here) °l||l°
•°¤*(¯`°(F)( (your nickname here) )(F)°´¯)*¤°•
—¤÷(`[¤* (your nickname here) *¤]´)÷¤—
¸.´)(`·[ (your nickname here) ]·´)(` .¸
·÷±‡± (your nickname here) ±‡±÷
+*¨^¨*+ (your nickname here) +*¨^¨*+

Các kí tự đặc biệt - ngộ nghĩnh
--------------------------------------------------------------------------------

Các bạn có thể làm cho bài viết của mình sinh động hơn hoặc khẳng định cá tín của bạn bằng cách chèn các kí tự đặc biệt vào trong bài viết của bạn hoặc tên của bạn.
VD : Nick của mình sau khi được thêm chút hoa lá hẹ ^^

(¯`·.º-:¦:-† itviet360 †-:¦:-º.·´¯)

(¯`'•.¸(¯`'•.¸† itviet360 †¸.•'´¯)¸.•'´¯)

¸.·'´¯) ¸,ø¤°``°¤ø,¸(¯`'·.¸itviet360¸.·'´¯) ¸,ø¤°``°¤ø,¸(¯`'·.¸

¸.•´¯`•.¸¸.¤itviet360-¤-:¦:-´¯))--»

ஐnamknaஐ

๑۩۞۩๑[♥๑۩۞۩๑ (¯`•♥itviet360♥•´¯) ๑۩۞۩๑[♥๑۩۞۩๑


____♥♥♥_____♥♥♥_____
__♥_____♥_♥_____♥___
__♥______♥______♥___
___♥___itviet360__♥____
_____♥_______♥______
_______♥___♥________
_________♥__________
_______♥___♥________
_____♥_______♥______
___♥___itviet360__♥____
__♥______♥______♥___
__♥_____♥_♥_____♥___
____♥♥♥_____♥♥♥_____

¸ .?'´¯) ¸,ø¤°``°¤ø,¸(¯`'?.¸
¸ .?'´¯),ø¤°``°¤ø,¸¸,ø¤°`°¤ø,¸(¯`' ?.¸
¸¸,ø¤°``°¤ø,¸¸,ø¤°``°¤ø,¸,ø¤°` `°¤ø,¸¸ ,
[IT]viet360
``°¤ø,¸©¸,ø¤°`°¤ø,¸¸,ø¤°`°¤ø,� �©¸¸,ø¤°´´
(_¸.?°´'`°¤,¸.?*´`*?.¸,¤°´'`°?.¸_)
°`°¤ø,¸¸,ø¤°`°

(`'•.¸(`'•.¸¤*¤¸.-'´)¸.•'´)
«´¨`•..¤ itviet360 :¤..•´¨`»
(¸.•'´(¸.•'´¤*¤`'•.¸)`'•.¸)

Các bạn có thể tham khảo thêm như thế này để có thêm nhiều kí đặc biệt:
Start --> Programs --> Accessories --> System tools --> Character Map

Hoặc có thể dùng mã để tạo ra 1 kí tự đặc biệt bằng cách ấn Alt + mumber
VD : Alt + 0153 = ™
Alt + 3 = ♥
Ký tự đặc biệt, ky tu dac biet
Ký tự đặc biệt
Cách này đòi hỏi bạn phải thuộc mã T_T

Và cách đơn giản hơn cả là các bạn cứ copy mấy cái VD của mình rồi sửa lại thành tên của mình la được

Ťŕµ๑иġ Mªm ŋ๏и•§µии¥•ßäߥ ξµŋfå ßµ ޵ä ŋġøäи»

๑۩۞†ậþ ðøàñ Iññøx ๑۩۞YooNa[wÁ khƯ' kO tÔt' đẸp]

♣αcħi♣©۰[pё Pε' xĭћЌ xįńЌ]۰|~30/6*|

╩».:þ/-\ ĢÅï ]-[ộ¥:♥ ×๑☼ ζ¥ ЯŲ`Д ¶«Øи иØ.1 ☼๑×

๑♥๑®¥ñ •»iêu«• †€¶)๑♥๑|®¥ñ hâm ngàn độ°|

♥♥♥♥♥§/\߀€ [GiGi]♥♥♥♥♥

—»(¯™°•¤_kµ†€_£øñ€_ £¥_¤•°™¯) ¯ßuNyE JEn???´¯)

♀▒♥▒ ñhØc chü†▒♥▒ ♂

×๑----»[Ŧµ` £ÿ`] ¥êµ [Ñhöç] £ä`:...©°*•€m•*°©

♥☺...©°*•New ßlog Tù Lỳ nÀ•*°©...☻♥

╬٭۩٭♂ doŋcr¥_ђỘj♀╬ ßαŋg Çђủ ╬doŋcr¥_****er

ƒ®€€ðø¶\/¶ ђø¥_§ư’ ¥å 21_mphuong9x

╬٭۩٭♂ doŋcr¥_ђỘj♀╬ Người Xấu ╬

-‘๑’ EndLessLove‘๑’-

╬٭۩٭♂ђỘj doŋcr¥♀╬ Yeu Vo*

☆♥.:.•*BELLA*•.:.♥☆

ƒ®€€ðø¶\/¶ ђø¥__§ư’ ¥å 6_Th€_ßlµ€-M®_JØñ€§

ƒ®€€ðø¶\/¶ ђø¥_§ư’ ¥å 19_Nhóknai

†♥°♥† Bo †♥°♥†

§¶«¥..[UnNi]...[♥chOg chÓg cẦu vÒg♥]

ßД₪G †AñG¶_ë† V$ ☆GђØ$†☆¯¶¯rµØ₪G
ßД₪GÇД₪[)ÿ

♥•.ღ°• BaBy •.ღ°•♥

♥☆.•° *Tjny* °•.☆♥

...(**$**$**)...

ஜ.:Иo Иame .ஜ

^0^**Er0s**^0^

♂¯†¯º•¶«eñ♥♥♥ñh0ck •º¯†¯♂

**~7ra^u P3o'~**

╬™¶╖º̃ˆ¶«▪v0*¯¶¯▪ l0v3̃•™╬ch0^ng` ¶³€ Ѝ¶╖╫

♥♀[p]3 [T]h40♥♀ ¶«µ†€ ♂♥♀+♂♥ღ

♀♪™_nhóc ßµị_™♪♀

๑۩۞۩๑----- H&N™ -----๑۩۞۩๑

º¤♥--»[φ]€ ▬╬ [w]å¥ º¤♥--»

¶™ßæπ§ ¢hû ¢áï ßæπ§™¶

♥[Z]♥[a]♥[n]♥[y]♥ ๑۩۞۩๑NoCry™๑۩۞۩๑

Phần Bạn đọc đóng Góp:
- Ký tự tiếp theo này là của bạn Trung Troang

٩(•̮̮̃•̃)۶ ٩(-̮̮̃ -̃) ٩(̾●̮̮̃̾•̃̾)۶٩(͡๏̯͡๏)۶ ٩(•̮̮̃•̃)۶

Read more…

Page number Navigation - Code phân trang đẹp cho blogspot

00:17 |
Thủ thuật tạo phân trang cho Blog, Website là 1 điều rất quan trọng cho mỗi site. Khi số lượng bài viết quá nhiều thì các bạn có thể phân trang cho trang chủ, label của blogspot để nhìn nó gọn hơn.

Thủ thuật hôm nay itviet360 chia sẻ với các bạn sử dụng Blogger là cách phân trang hay còn gọi là Page number Navigation của blogger với mẫu đẹp.

Page number Navigation - Code phân trang đẹp cho blogspot

HƯỚNG DẪN THỦ THUẬT

1. Vào bảng điều khiển Blogger -> Bố cục (Layout) -> Thêm tiện ích (Add a Widget) -> HTML/Javascript

2. Dán Code dưới đây vào tiện ích vừa thêm

<style type='text/css'>

.blog-pager,#blog-pager{font-family:"Times New Roman", Times, serif;font-weight:normal;font-size:12px;width:700px;padding:17px;}
.showpageNum a,.showpage a {background: rgb(15, 124, 241);color:#FFF; margin-right:.6em;text-decoration:none;font-size:15px;font-weight:bold;line-height:0;text-align:center;padding:7px 13px 7px;-moz-border-radius:36px;-webkit-border-radius:8px;border-radius:8px;}
.showpageNum a:hover,.showpage a:hover {background: rgb(0, 49, 247); color:#000000; margin-right:.6em;text-decoration:none;font-size:15px;font-weight:bold;line-height:0;text-align:center;padding:7px 13px 7px;-moz-border-radius:36px;-webkit-border-radius:12px;border-radius:12px;}
.showpageOf{margin:0 8px 0 0;font-family:'Coming Soon', cursive;text-decoration:none;font-size:100%;}
.showpagePoint {background: rgb(0, 49, 247); color:#FFF; margin-right:.6em;text-decoration:none;font-size:15px;font-style:italic;line-height:0;text-align:center;padding:7px 13px 7px;-moz-border-radius:36px;-webkit-border-radius:8px;border-radius:8px;}

</style>

<script type='text/javascript'>

var home_page_url = location.href;

var pageCount=1;
var displayPageNum=3;
var upPageWord ='Previous';
var downPageWord ='Next';

function showpageCount(json) {
var thisUrl = home_page_url;
var htmlMap = new Array();
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';

for(var i=0, post; post = json.feed.entry[i]; i++) {

var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);
timestamp = encodeURIComponent(timestamp1);

var title = post.title.$t;

if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'&max-results='+pageCount;
}
}
itemCount++;
}
for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}
fFlag++;
}
if(p==(thisNum-1)){
html += '<span class="showpagePoint">'+thisNum+'</span>';
}else{
if(p==0){
html += '<span class="showpageNum"><a href="/">1</a></span>';

}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +'</a></span>';
}
}
if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}}}
if(thisNum>1){
html = ''+upPageHtml+' '+html +' ';
}
html = '<div class="showpageArea"><span class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;
if(thisNum<(postNum-1)){
html += downPageHtml;
}
if(postNum==1) postNum++;
html += '</div>';
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");
if(postNum <= 2){
html ='';
}
for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}
if(pageArea&&pageArea.length>0){
html ='';
}

if(blogPager){
blogPager.innerHTML = html;
}}
function showpageCount2(json) {

var thisUrl = home_page_url;
var htmlMap = new Array();
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';

var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';
var thisUrl = home_page_url;

for(var i=0, post; post = json.feed.entry[i]; i++) {

var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);
timestamp = encodeURIComponent(timestamp1);

var title = post.title.$t;

if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'&max-results='+pageCount;
}}itemCount++;}
for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}fFlag++;}
if(p==(thisNum-1)){
html += '<span class="showpagePoint">'+thisNum+'</span>';
}else{
if(p==0){
html = labelHtml+'1</a></span>';
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +'</a></span>';
}}
if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}}}
if(thisNum>1){
if(!isLablePage){
html = ''+upPageHtml+' '+html +' ';
}else{
html = ''+upPageHtml+' '+html +' ';
}}
html = '<div class="showpageArea"><span class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;
if(thisNum<(postNum-1)){
html += downPageHtml;
}
if(postNum==1) postNum++;
html += '</div>';
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");
if(postNum <= 2){
html ='';
}
for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}
if(pageArea&&pageArea.length>0){
html ='';
}
if(blogPager){
blogPager.innerHTML = html;
}}
</script>
<script type='text/javascript'>
var thisUrl = home_page_url;
if (thisUrl.indexOf("/search/label/")!=-1){
if (thisUrl.indexOf("?updated-max")!=-1){
var lblname1 = thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"));
}else{
var lblname1 = thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"));
}}
var home_page = "/";
if (thisUrl.indexOf("?q=")==-1){
if (thisUrl.indexOf("/search/label/")==-1){
document.write('<script src="'+home_page+'feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" ><\/script>')
}else{document.write('<script src="'+home_page+'feeds/posts/full/-/'+lblname1+'?alt=json-in-script&callback=showpageCount2&max-results=99999" ><\/script>')
}}
</script>
</script>


- Lưu tiện tích vừa thêm và xem kết quả nhé :)
Read more…

Sửa lỗi bàn phím PC, Laptop bị khóa trên win 7, XP, 8

09:35 |
Máy tính của mình đang dùng bình thường nhưng đột nhiên bàn phím bị khóa liệt không gõ được bất kỳ phím chữ nào nữa ?
Laptop Dell của tớ đang dùng thì bàn phím bị vô hiệu...
- Có thể nói đây là 1 dạng lỗi chung do vô tình hoặc có 1 tác động nào đó đã khóa bàn phím PC của các bạn. Thường thì người ta chọn cách khởi động lại máy tính nhưng ở bài viết này itvit360 hướng dẫn các bạn
cách đơn giản để khắc phục sự cố này.
Khóa bàn phím. Keyboad locked

Lưu ý: Cách khắc phục không phân biệt bạn dùng PC, Laptop Dell, Acer, Asus, HP, Sony WIO, Toshiba,...hay bất kỳ nhãn hiệu nào hết
- Không phân biệt chạy trên nền Windows 7,8 hay XP gì hết.
HƯỚNG DẪN CÁCH KHẮC PHỤC LỖI BÀN PHÍM BỊ KHÓA
(hướng dẫn trên nền Windows 7 bởi itviet360)
1. Lựa chọn Start -> Control Panel
2. Lựa chọn Ease of Access Center
3. Lựa chọn Make the keyboad easier to use
Sau đó chúng ta bỏ check hết mũi tên như hinh dưới đây
Sau đó bấm OK là xong rồi :)

Read more…

Khung chia sẻ bài viết blogspot hiển thị chi tiết tác giả bài viết

00:28 |
Thủ thuật thêm chia sẻ bài viết dưới mỗi bài viết của blogspot đã được itviet360 giới thiệu qua Like và chia sẻ bài viết blogspot theo mẫu của itviet360 version1. Bài viết này mình đã chỉnh sửa và thay luôn chia sẻ cho trang itviet360.
Khung chia sẻ bài viết blogspot hiển thị tác giả, phong vu computer


- Với thủ thuật này chúng ta có:
+ Làm thủ thuật đơn giản
+ Tự động cập nhật tác giả bài viết
+ Sử dụng Like & Share của Addthis nhẹ nhàng, đủ các mạng xã hội + trang chia sẻ
+ Tùy biến dễ dàng
CÁCH THÊM THỦ THUẬT:
1. Vào bảng điều khiển Blogger -> Mẫu (Template) -> Chỉnh sửa HTML (Edit HTML)
2. (Ctrl + F) tìm đến 
<div class='post-footer-line post-footer-line-1'/>
(Nếu có 3 dòng như thế này thì chọn dòng thứ 2 từ trên xuống)
3. Dán đoạn code dưới đây xuống đoạn code vừa tìm được ở trên

<!-- Chia se moi -->

<style>

.botpost{margin-left:-15px;width:666px;height:68px;border-top:1px solid #0443A1;border-bottom:1px solid #0443A1;background: #EDF7CD;padding-top:5px;margin-bottom:10px}

.nhan {float:left;width:160px;padding:0 10px 0 10px}
.sendmailp {float:left;width:130px}
.google {float:left;width:260px}
.wdt_button{float:left;margin:5px}
.itviet360 {float: left; width: 95px}
</style>
<div class='botpost'>
<div class='nhan'>
Đăng bởi <a expr:href='data:post.authorProfileUrl' expr:title='data:post.author' rel='author' target='_blank'><data:post.author/></a>
</div>
<div class='sendmailp'>
<b>Like</b> hoặc <b>Share</b> ủng hộ những bài viết của itviet360 nhé <img src='http://2.bp.blogspot.com/-lMjnz4PUgRo/T5LxjMggATI/AAAAAAAAB8Y/Iawz5yYuv3w/s1600/muiten.gif'/>→
</div>
<div class='google'>
<div class='wdt_button'><a class='addthis_button_facebook_like' fb:like:layout='box_count'/></div>
<div class='wdt_button'><a class='addthis_button_tweet' tw:count='vertical'/></div>
<div class='wdt_button'><a class='addthis_button_google_plusone' g:plusone:size='tall'/></div>
<div class='wdt_button'><a class='addthis_counter'/></div>
</div>
<div class='itviet360'>ITViet360 chia sẻ thông tin và kết nối</div>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4d2267003d6799cf' type='text/javascript'/>
<!-- AddThis Button END -->
<!-- Ket thuc chia se moi -->

Trong đó: các con số lưu ý trong phần bôi vàng các bạn tùy chỉnh rộng phù hợp với blog của mình nhé.

Read more…

Tùy chình tiện ích nhãn (label Widget) màu đen cho blogspot

02:52 |
Đã khá quen với label của blogspot, làm cho màu sắc của label bắt mắt hơn cũng là 1 cách để người xem blog của bạn thích thú hơn.
Bài viết chia sẻ thủ thuật tùy chỉnh nhãn blogger theo phong cách màu đen. Với phong cách này phù hợp với blog có nền đen.
label Widget for blogspot

Xem thêm:
Tùy chỉnh nhãn (Labels) cho blogspot - Thủ thuật
Tùy chỉnh nhãn (Labels) cho blogspot V2 - Thủ thuật
Hiển thị nhãn (label) phong cách màu tím cực nổi cho blogspot [V3]

Hướng dẫn thủ thuật:
Bước 1: Vào Bố cục (Layout) -> Thêm tiện ích (Add a widget) -> Nhãn (Labels)
Bước 2: Tùy chỉnh thiết lập tiện ích Labels theo lựa chọn hình dưới đây.

Lưu lại.
Bước 3: Vào mẫu (Template) -> Chỉnh sửa HTML (Edit HTML)
Dán đoạn code dưới đây ngay bên trên ]]></b:skin>



Code:

/*----- hướng dẫn thủ thuật itviet360.com ----*/

#Label1 a{float:left;
height:18px;
line-height:18px;
position:relative;
font-size:12px;
margin-bottom: 9px;
margin-left:10px;
padding:5px;
background: rgb(69,72,77); /* Old browsers */
background: -moz-linear-gradient(top, rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
color:#fff;
text-decoration:none;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;}
#Label1 a:hover{fbackground: rgb(73,192,240); /* Old browsers */
background: -moz-linear-gradient(top, rgba(73,192,240,1) 0%, rgba(44,175,227,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(73,192,240,1)), color-stop(100%,rgba(44,175,227,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(73,192,240,1) 0%,rgba(44,175,227,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(73,192,240,1) 0%,rgba(44,175,227,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(73,192,240,1) 0%,rgba(44,175,227,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(73,192,240,1) 0%,rgba(44,175,227,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49c0f0', endColorstr='#2cafe3',GradientType=0 ); /* IE6-9 */}
.label-size{line-height:1.5;align:left;}
.h2head-text {margin:-40px 10px 8px 55px;color:#666666;font-family:arial;font-size:13px;}

#Label1{width:320px;;border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #D8D8D8;}

Bước 4: Lưu mẫu lại và xem kết quả nhé :)


Read more…

CSS3 hiệu ứng đổi hình ảnh đẹp cho Web, blogspot

00:02 |
Với thủ thuật thêm 1 đoạn code CSS3 sẽ làm cho hình ảnh và trang Web, blog của bạn thêm sống động hơn.
bài viết này mình giới thiệu về đoạn code CSS3 thay đổi hình ảnh khá đẹp mắt khi rê chuột vào.
CSS3 hiệu ứng hình ảnh

Demo: http://360anhdep.blogspot.com/p/a.html
Code:

<style type="text/css">

a.nowandthen{
position:relative;
display: block;
overflow:hidden;
cursor: pointer;
width: 650px;
height: 434px;
}

a.nowandthen img{
position:absolute;
left:0;
top:0;
width: 100%;
height: 100%;
-moz-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
z-index: 2;
clip: rect(0,650px,434px,0);
}


a.nowandthen img:nth-of-type(2){
z-index: 1;
}


a.nowandthen:hover img:nth-of-type(1){
clip: rect(0,0,434px,0);
opacity: 0;
}

</style>

<a class="nowandthen" href="http://itviet360.com">
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMtBka2e4co90NoFM_QfY1XKGYXkutbMLuhJLy5DcIVMgPD8XuBSiiJqMJpEwDLbPm8WLIrOUWpsaJj8InDJ88do4fSd0J9GrDzM2jYRS-Tbr1BTf7Mtct6N0lpAHhpWwUKVvdsTgXudE/s1600/sunset-sunrise-btrix+(1).jpg" />
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLEU7nenIZVGCX-ZFHKzlMLDgQJf_mal_QtZxWp3aki4MbhUEQWHu0OWqRKymbnabxRmDtHBepiP86_9t2UBiD1G5hhLDYyE2R3BFPwaDvJytQLDZdi9prx7vHUj5xCRT4i7LORJ71fc4/s1600/sunset-sunrise-btrix+(2).jpg" />
</a>

- Dán code đó vào vị trí các bạn cần thêm nhé/
Read more…

Sửa lỗi (error ) phân trang (pagenavi) trong Blogspot

00:58 |
Nhiều bạn có thắc với mình về blogspot của bạn phân trang ngoài trang chủ và trang Label bị lỗi hoặc gặp những lỗi như hiển thị bài đăng ngoài trang chủ không đúng số lượng.
error, lỗi phân trang blogger


Việc khắc phục lỗi này khá đơn giản nhưng lại cần phải nhớ và làm nhiều. Đó là khi chúng ta soạn thảo bài viết mới thì chúng ta để dấu ngắt nhảy trong quá trình soạn thảo. Bài nào cũng cần thiết.
Ví dụ:
Sửa lỗi (error ) phân trang (pagenavi) trong Blogspot
Read more…

Template Blogspot Responsive cực đỉnh cho blog hình ảnh, sản phẩm

14:05 |
Responsive đã được biết đến rất nhiều với những mẫu thiết kế của các dạng mã nguồn khác như Wordpess.
Mới đây Template Blogger cũng xuất hiện loại giao diện cực đẹp này.


DEMO tại Blog: Hình ảnh đẹp 360
Ưu điểm của template này:
- Giao diện rộng toàn trang, tự động điều chỉnh theo kích thước màn hình
- Tính năng Responsive: Khi bạn co trình duyệt lại thì giao diện tự động rớt hình ảnh xuống giúp Blog sống động và không cần phải kéo thanh cuộn ngang của trình duyệt.
- Menu trái gọn.
- Trang trong bài viết trình bày hấp dẫn.
...
Hợp với site hình ảnh, show sản phẩm, blog cá nhân thích du lịch khám phá...
 Download: https://docs.google.com/file/d/0B4bsUgW5hT9xYW1hZVEySElLdDA/edit?usp=sharing
Read more…

Một số vấn đề thường gặp khi sử dụng blogspot

18:21 |
cài đặt thủ thuật blogspot, itviet360
Trong quá trình chỉnh sửa tùy biến Blogger hẳn không ít lần bạn mắc phải sai lầm khiến phát sinh lỗi ngoài ý muốn. Bạn không biết nên làm lại từ đâu và sửa chữa như thế nào ? Bài viết này có thể sẽ giúp được bạn, đây là tổng hợp một số vấn đề mà rất nhiều người dùng Blogger thường mắc phải, kèm theo cách giải quyết.

Điều quan trọng nhất trước khi chỉnh sửa template là sao lưu một bản gốc để có thể phục hồi lại khi cần thiết. Nếu sau khi tùy biến mà bạn nhận ra template của mình bị mất một số thành phần (avatar, label, .v.v...) thì có thể hoàn nguyên mẫu tiện ích về mặc định để "lấy lại những gì đã mất".

1/ Bị mất bài ở trang chủ
Đây là vấn đề mà rất nhiều người mắc phải, nguyên nhân là do tính năng auto-paginationcủa Blogger tự động cắt bớt số bài đăng để blog của bạn load nhanh hơn. Đặc biệt nếu ở trang chủ có các bài đăng chứa nhiều hình ảnh thì khả năng mất bài là khá cao.

Cách giải quyết: dùng tính năng read more (đọc thêm) của Blogger để thu gọn nội dung các bài đăng ở trang chủ (đừng nhầm lẫn với auto-readmore, nó chắc chắn không giúp bạn giải quyết được vấn đề này). Nếu không thấy tính năng này thì bạn vào phần cài đặt củaBlogger rồi chọn cập nhật trình chỉnh sửa bài đăng.

2/ Số bài đăng của mỗi nhãn hiển thị không chính xác
Cách giải quyết : tìm trong template dòng sau

<a expr:href='data:label.url' rel='tag'>

Sửa nó thành:

<a expr:href='data:label.url + "?&max-results=10"' rel='tag'>

10 là số bài đăng tối đa mà bạn muốn hiển thị trên từng nhãn.

3/ Mục bài đăng cũ hơn, bài đăng mới hơn không hiển thị
Lỗi này do nhiều nguyên nhân, cách giải quyết thường là hoàn nguyên mẫu tiện ích về mặc định, nếu vẫn không được thì bạn kiểm tra trong template xem đã có dòng này hay chưa :
#blog-pager { clear : both; }

4/ Tiện ích phân trang không hoạt động
Blog của bạn phải có một số lượng bài đăng nhất định thì tiện ích phân trang mới hoạt động. Ngoài ra nếu bạn cài đặt blog ở trạng thái chỉ có tác giả xem được thì cũng sẽ không thấy phân trang.

5/ Tiện ích Popular Posts không hiển thị ảnh thumbnail
Mặc dù tất cả các bài đăng phổ biến của bạn đều chứa hình ảnh nhưng tiện ích Popular Posts của Blogger vẫn không hiển thị ảnh đại diện. Khi bạn đăng bài và dùng tính năng chèn hình ảnh của Blogger thì chúng được tự động upload lên Picasa, và tiện ích Popular Posts chỉ lấy các ảnh này làm ảnh đại diện thu nhỏ. Do vậy nếu bạn copy link ảnh từ các trang web khác (không phải từ Picasa) thì sẽ không thấy ảnh thumbnail. Đây cũng là cách mà Blogger khuyến khích người dùng tự viết bài và không nên đi sao chép của người khác.

6/ Ảnh trong bài đăng quá to và lấn sang sidebar
Bạn có thể điều chỉnh kích thước tối đa của ảnh chứa trong bài đăng bằng đoạn CSSsau:
.post img { max-width: 600px; }

Đoạn code trên có nghĩa là nếu bài nào chứa ảnh mà có kích thước quá lớn thì sẽ tự động thu nhỏ (resize) bề rộng còn 600px. Các ảnh nhỏ hơn 600px vẫn giữ nguyên kích thước.

7/ Blog load quá chậm
Có rất nhiều nguyên nhân gây chậm, thường là do bạn không dùng tính năng đọc thêm (read-more) của Blogger mà lại dùng auto-readmore script. Việc phải tải toàn bộ nội dung của tất cả bài đăng ở trang chủ khiến tốc độ blog giảm rất nhiều. Ngoài ra, việc lạm dụng quá nhiều tiện ích bên ngoài như Bài đăng mới, Bài đăng theo nhãn, bài đăng ngẫu nhiên (có ảnh đại diện)... cũng gây chậm đáng kể. Sử dụng các tiện ích do chính Blogger cung cấp là tốt nhất. Bạn có thể tham khảo bài viết này để cải thiện tốc độ cho blog của mình.

8/ Các tiện ích có dùng js không hoạt động
Các link .js trong template của bạn đã die, bạn cần upload chúng lên một host khác (Dropbox, Google Code...). Hoặc bạn có thể chèn trực tiếp đoạn mã trong file js vào thẳng trong template. Cách này có ưu điểm là nhanh, không phụ thuộc vào host nhưng nhược điểm là dễ khiến bọ của Google nhầm lẫn giữa nội dung bài với đoạn mã mà bạn đã chèn, ảnh hưởng tới SEO.

9/ Chuyển toàn bộ Blog sang một tài khoản khác, làm thế nào ?
Đăng nhập vào Blogger -> Cài đặt -> Quyền , ở mục Tác giả blog bạn nhập địa chỉ tài khoản mới (email). Cấp quyền quản trị (Admin) cho tài khoản đó, đăng nhập vào hộp thư tài khoản mới để xác nhận, cuối cùng bạn gỡ bỏ quyền quản trị của tài khoản cũ và remove nó đi. Khi bạn muốn xóa một blog nào đó mà không muốn phải đợi đến 90 ngày thì cũng có thể dùng cách này.

Trên đây là các vấn đề thường gặp của Blogger, cách giải quyết có thể chưa phải là tối ưu. Nếu bạn có ý kiến khác thì có thể bổ sung ở dưới đây, chắc chắn nó sẽ có ích cho nhiều người.
Read more…

Xóa chữ "đọc thêm..." mặc định ngoài trang chủ và trang Label blogspot

11:02 |
Làm thế nào để xóa dòng chữ "Đọc thêm..." hoặc "Read more..." ngoài trang chủ blogspot??
Nhiều Blogger khi sử dụng dấu ngắt nhảy trong khi soạn thảo để bài đăng hiển thị ra ngoài trang chủ ngắn gọn và đưa nội dung ngắn theo ý của mình thì gặp vấn đề là không muốn thấy chữ "Đọc thêm..." mặc định của blogger vì Template các bạn lấy trên mạng về đã có "Đọc thêm..." sẵn rồi.
Ví dụ như trường hợp của Blog: Thuốc và cách chữa mụn trứng cá | Kem điều trị mụn trứng cá

Đọc thêm blogger, xóa read more

Như vậy chúng ta nên xóa đọc thêm của mặc định Blogger
- Cách xóa:
1. Vào bảng điều khiển Blogger -> mẫu (Template) -> Chỉnh sửa HTML (Edit HTML)
2. (Ctrl + F) tìm tới <div class='jump-link'> và xóa cả đoạn liên quan tới nó đi (là đoạn bên dưới)
<div class='jump-link'>
        <a expr:href='data:post.url + &quot;#more&quot;'><data:post.jumpText/></a>  
      </div>
3. Lưu lại mẫu và xem kết quả nhé :)
Read more…

Cách cài đặt Domain (tên miền) cho blogspot không bị chặn

23:07 |
Đã có rất nhiều bạn thắc mắc với mình về vấn đề blogger bị chặn và khó chịu về vấn đề đó. Càng bức xúc hơn khi các bạn đổi tên miền bị chặn nhiều hơn nữa
nhà mạng chặn Blogger


- Nhiều bạn hỏi mình là vì sao Domain của itviet360 sử dụng lại không bị chặn mặc dù mình dùng blogger. Bài viết này mình chia sẻ cách thoát khỏi cách chặn của nhà mạng.
- Hầu hết nhà mạng chặn blogspot theo IP và CName của Google. Vì thế để không bị nhà mạng chặn thì chúng ta cấu hình Domain riêng.
itviet360.com hướng dẫn các bạn cách cài đặt Domain cho Blogspot không lo bị nhà mạng chặn
Hướng dẫn được thực hiên trên Domain của itviet360.com
Bước 1: Lấy địa chỉ IP của Domain.
- Vào Run gõ lệnh CMD
run windows 7
sau đó gõ config tên miền tương ứng

ping www.itviet360.com -t


Chúng ta có được con số địa chỉ IP như hình dưới
Ping config Windows 7

Bước 2: Thay đổi trong cấu hình Domain
- Trong phẩn quản trị DNS manager của Domain các bạn chỉ cần tùy chỉnh ở phần Record A (host) theo đó chỉ cần trỏ www và @ về địa chỉ IP tương ứng với tên miền lấy ở trên là được

@ 74.125.135.121
www 74.125.135.121

Xem hình:
Lưu lại cấu hình.
Mất khoảng thời gian ngắn (tối đa là 48h) để Domain cập nhật Record này nhé.
Các bạn sẽ không còn lo bị nhà mạng chặn.
Chúc các bạn vui vẻ !
Read more…

Xóa dòng chữ "hiển thị tất cả bài đăng có nhãn..." trong blogspot

10:32 |

LÀm thế nào để Xóa dòng chữ "hiển thị tất cả bài đăng có nhãn..." trong blogspot

Blogger quản lý các bài viết cùng chuyên mục theo nhãn (Label), khi chúng ta nhấp vào 1 label nào đó thì có xuất hiện dòng thông báo ở vị trí trên tất cả bài đăng của nhãn đó là "hiển thị các bài đăng có nhãn...hiển thị tất cả bài đăng". Nếu để như thế thì có vẻ nó hơi xấu.
Hiển thị tất cả bài đăng có nhãn, itviet360.com

- Bài viết này itviet360 chia sẻ các bạn thủ thuật để xóa bỏ dòng thông báo đó đi giúp giao diện trang label trở nên đẹp và chuyên nghiệp hơn.
Bài viết theo yêu cầu của anh blog: Thuốc và cách chữa mụn trứng cá | Kem điều trị mụn trứng cá
Phần Demo thì các bạn xem label của Blog Ảnh bìa FB đẹp
HƯỚNG DẪN THỦ THUẬT:
1. Vào bảng điều khiển Blogger -> Mẫu (Template) -> Chỉnh sửa HTML (Edit HTML)
2. (Ctrl + F) tìm 'top' name thấy nó nằm ở dòng <b:include data='top' name='status-message'/> thì xóa cả dòng này đi
3. Lưu lại mẫu và vào 1 trang label xem kết quả nhé :)
Read more…

Template tin tức giải trí tuổi trẻ [tiin] cho blogspot

09:06 |
Template tin tức giải trí chuyên nghiệp luôn được nhiều bạn thích sử dụng cho blog của mình. Blog được phân ra làm nhiều chuyên mục thì mẫu hiển thị bài viết theo Label của blogger là 1 lựa chọn tốt.
- Lang thang internet mình có gặp 1 template dạng tin tức như trang tiin. Đây là 1 mẫu được thiết kế rất chuyên nghiệp.
Demo trực tiếp tại Blog: Tin giới trẻ


Tuy nhiên ở 1 số trang đã chia sẻ Template này chưa có hướng dẫn cài đặt và chỉnh sửa chi tiết.
Bài viết này mình cập nhật lại link và cách cài đặt chi tiết cho temp này.
Download Template:
Download tại đây
- Hướng dẫn cài đặt.
Sau khi các bạn tải về. Các bạn tiến hành Cài đặt template cho blogspot như bình thường.
Các đoạn Code các bạn cần lưu ý chỉnh sửa sao cho phù hợp với Label của Blog mình.
Vị trí:
- Menu các bạn tìm tới code và thay link nhé.
- Tin mới: tự động lấy auto bài viết mới đăng (nên code khu vực này không cần thay đổi)
- Phía bên cạnh tin mới: Đây là phần tin thuộc 1 nhãn (Label) của blog. Cụ thể trong code nó là Label HOT với đoạn code tương ứng:
<script>    
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/HOT?max-results=&quot;+6+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts66\&quot;&gt;&lt;\/script&gt;&quot;);
    </script> 
- Tương tự khu vực Tin sao,...cũng là những Label được quy định trong bài viết blog. Các bạn thay thế tương ứng với Label của mình. Ví dụ cho "Tin sao"
 <script>    
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/SAO?max-results=&quot;+6+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts44\&quot;&gt;&lt;\/script&gt;&quot;);
    </script>

Nếu gặp vấn đề gì về template thì hãy để lại comment nhé. :)

Read more…

Rss Feed Subscription đẹp - Nhận tin theo dõi Blogspot

18:34 |
Rss Feed Subscription tạm được hiểu là người theo dõi có thể đăng ký nhận thông tin qua những trang khác nhau, theo dõi qua mạng xã hội như Google Plus, Facebook, twitter...
Vậy làm thế nào để thêm cho blogspot 1 box để người dùng có thể đăng ký theo dõi Blog của bạn??
Thủ thuật hôm nay Dịch vụ SEO itviet360 chia sẻ với các bạn cách thêm Rss Feed Subscription với những mạng xã hội
Rss Feed Subscription đẹp
Demo tại Blog: Demo thủ thuật Blogspot
- Cách làm thủ thuật:
1. Vào bảng điều khiển Blogger -> Bố cục (Layout) -> Thêm tiện ích (Add a Widget) -> HTML/ Javascript
2. Dán Code dưới đây vào tiện ích vừa thêm

<center>
<div align="center" id="bloggertrix1-Subscribe-wrapper">
<div id="ig-subscription-optin" style="border: 3px solid #000000; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55AAEE', endColorstr='#003366',GradientType=0 ); width: 250px;">

<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=bloggertrix', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<a class="social-icons" href="https://facebook.com/itviet360"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJf544uDY0DqsboRzoNEHDcyg2J_V179b45xS7dnTV-OvOTDZfQXz8mYk8GSQp-8jPzpYrRRGaoHvnY3yhl25rPzzlUOmvcX6jWuKSe-rS3iBHD3f_cOfYAPkRINtgWd5d5Ugc4VjEGjOA/s1600/Bloggertrix-facebook.png" /></a>
<a class="social-icons" href="https://twitter.com/Twittercuaban"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5zrAcKfCK5G8ntRTXuAvBhnnB50VcjUd8-tUHZFm3Xh0mEwxJ0V2GAWibc_iSdSnHeNlU_9jWgZ1TNsKW4B53ZLriK7mPNuZkOGu32gY8F8z-5vKN1zrMh5-vit2BZWBtWYNBZPBpWWFe/s1600/bloggertrix-twitter.png" /></a>
<a class="social-icons" href="https://plus.google.com/117290973503680239179"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDXcqtlGfirVOKCuw7vAxl_dr4nbTq932XLMHruEdxiULoaOm4N1LKXnM3Go5TJB_cd2Chcex2PIRsDkqPajjk8CeYwnGoOnCVSda6kZOUxtZnrl-rZZiz2duJN0NRpv4RGPJXP7a2eibN/s1600/Bloggertrix-Googleplus.png" /></a>
<a class="social-icons" href="http://feeds.feedburner.com/itviet360"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs4pW5KzNL5sqg2P0YTwXyYW571Bsn1UsIY0mJzomhrSwfaoQ-_2AsfSL-Nk52PeALg9RDb542gI7tSSZeRtcMnVDeZej3I1zPlwySs7cNwDA_JyjbEfX2YkIPyJnwAQVDQSxQxfwsUWzU/s1600/Bloggertrix-Rss.png" /></a>

<input class="email" id="bloggertrix_Subscriber_email" name="from" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" style="width: 130px;" type="text" value="Enter Email Address" /><br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<input name="uri" type="hidden" value="itviet360" /><input name="loc" type="hidden" value="en_US" /> <input id="digitalhubinc_Submit_Text" style="height: auto; padding: 5px 0;" type="submit" value="Nhận tin hàng hàng" /></form>
</div>
</div>
</center>
<style>
a.social-icons {margin-right: 5px; height:40px;width:40px;}
a.social-icons:hover {opacity: .7;filter:alpha(opacity=70); }
#ig-subscription-optin {margin: 0px;padding: 10px;background: #2A6DA9;
background: -moz-linear-gradient(top, #5AE, #036);background: -webkit-gradient(linear, left top, left bottom, from(#5AE), to(#036));height: auto!important;color: white !important;padding: 20px 15px !important;
text-align: center !important;font-family: Georgia, Times, "Times New Roman", serif !important;margin: 10px;margin: 0px;padding: 10px;
margin: 8px 0 0 !important;line-height: 22px;font-family: Georgia, Times, "Times New Roman", serif;padding: 5px;border: none;}#ig-subscription-optin p {margin: 8px 0 0 !important;line-height: 22px;font-family: Georgia, Times, "Times New Roman", serif;
padding: 5px;border: none;}#ig-subscription-optin input.name {
background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXjbnSpURUN7F1Tk6m8GJSGZuGM22NBfJCevcMGwkp7YIvUJUTVfg2PTeWuTc7R6eW7cXg7L0xtRkxW1pf7UfnrHWkX8GHoSucIYzMcuRMGZol2ByIYTnEE-nT3pjR-knAs1WPRAaGn4NB/s1600/subscribe-name.png) no-repeat center right;}
#ig-subscription-optin input[type="text"] {border: 1px solid #111 !important;
font-size: 15px !important;margin-bottom: 10px !important;padding: 8px 28px 8px 10px !important;width: 80% !important;height: auto !important;}
#ig-subscription-optin input.email {background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlMsQhYs5fg916v-yCB5CAR_R8lClYTfs2kHYGFw1Zb3gM7tpIleG-NL8PrUtN3cxFMuwn_GU1KpEJuCOrRSeKelXmD5vXExC65553BOZ66jMrWumug3tWgrGiRnbIJZo2FTiObr4eMFou/s1600/subscribe-email.png) no-repeat center right;}#ig-subscription-optin input {
font-family: Georgia, Times, "Times New Roman", serif;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;box-shadow: 0 2px 2px #111;-moz-box-shadow: 0 2px 2px #111;-webkit-box-shadow: 0 2px 2px #111;margin: 0px;padding: 0px;}#ig-subscription-optin h3 {margin-top: 10px !important;margin-bottom: 8px !important;margin-left: 10px !important;margin-right: 10px !important;
font-weight: bold !important;line-height: 26px !important;letter-spacing: normal;
text-transform: none;text-decoration: none;
text-align: center !important;font-family: Georgia, Times, "Times New Roman", serif;
border: none;padding: 0px !important;float: none;}input:hover[type="submit"] {
background-color: #0094D2;border: 1px solid #0094D2;color: white;text-decoration: none;}input[type="submit"] {background-color: #00A7ED;border: 1px solid #0094D2;
color: white;cursor: pointer;font-family: 'Droid Sans', sans-serif !important;font-size: 13px;font-weight: normal;padding: 5px;text-decoration: none;}input {
color: #333;font-family: 'Droid Sans', sans-serif;}#ig-subscription-optin input[type="submit"] {background: #960E17 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzToMzN0kZuWywZSgRH6DrNLcVXR0StvbSiMyUbJf16fKnWE0w0-MJQ4sHqiD0u9ItAYeO0zCMbQk8pF2gwnvzihxOdeQmOkvut9p58bEi-HOQSCeU1LYUwf8EDV-d49wEh9MXeZXyZ9Ir/s1600/subscribe-red.png) repeat-x top;border: 1px solid #111 !important;color: white;cursor: pointer !important;font-size: 18px !important;font-weight: bold !important;
padding: 6px 0 !important;text-shadow: -1px -1px #3A060A !important;width: 90% !important;height: auto !important;line-height: 24px !important;}
#ig-subscription-optin input[type="submit"]:hover {color: #FFA5A5;}</style>

Trong đó có các tùy chỉnh được bôi màu vàng các bạn thay thế bằng ID tương ứng

Chúc các bạn vui vẻ

Read more…

Thêm tác giả, quyền Admin cho blogspot

11:46 |
Làm thế nào để thêm được tác giả, cộng tác viên, quyền quản trị Blogspot cho người dùng khác?
Cũng như mã nguồn Blog hoặc Website khác. Blogspot cho phép 1 Blog có thể nhiều tác giả, nhiều quản trị viên và phân quyền cao thấp ngay bên trong trang điều khiển Admin của Blogger.
- Bài viết này itviet360 hướng dẫn thêm tác giả, thêm quản trị viên cho 1 blog đang hoạt động.
Các bước làm đơn giản như sau:
1. Vào bảng điều khiển Blogger -> Cài đặt (Cơ bản) -> Quyền (Tác giả Blog)
Thêm Admin cho blogspot

Sau khi Email được mời đồng ý tham gia vào Blog thì các bạn có thể đặt quyền cho Email đó.
* Đối với quyền quản trị viên (Admin): được toàn quyền trên Blog
* Đối với quyền tác giả: Người được phân quyền tác giả chỉ có chức năng thêm bài viết, xóa hoặc sửa bài viết của mình đã thêm.
Read more…

Thêm Slide bài viết mới chạy ngang cho Blogspot

00:10 |
Làm thế nào để thêm jquery chạy ảnh bài viết mới nhất cho blogger?
Nhiều Blogger rất muốn thêm những bài viết ở 1 nhãn cố định hoặc những bài viết mới đăng gần đây nhất làm nổi nên trên. Có nhiều thủ thuật blogspot được chia sẻ.
Hôm nay itviet360 chia sẻ thủ thuật thêm Slide chạy bài viết mới hoặc bài viết ở 1 nhãn (Label) cố định với hiệu ứng trượt ngang tự động rất đẹp

Demo: Ảnh bìa Facebook tình yêu đẹp
- Hướng dẫn thủ thuật
1. Vào bảng điều khiển Blogger -> Mẫu (Template) -> Chỉnh sửa HTML (Edit HTML)
2. (Ctrl + F )Tìm đến ]]></b:skin> và dán Code dưới đây ngay trên nó
Code:

#carousel{width:950px;height:185px;margin-bottom:0px;position:relative;display:block}
#carousel .container{position:absolute;left:49px;width:895px;height:185px;overflow:hidden;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkfQctNLmASngL9ydJXLWj-OOZhCgFst5XBLTlx3CI3jXzyIeNoh9VZPP2K4KZ7gidcxdzaaXNyTMTyUaNDViTKfaYUZOQEa-ibE7zAn5wi4p6xC6fGaTM6Lnj5V23jKQLV7SM4gHwXNM/s1600/scroller-bg.png) repeat center}
#carousel #previous_button{position:absolute;width:49px;height:185px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6GHiMuSj4xJ0Bkz_LTtPyeiO-EKBl_uTQGgYGFYImVuyp08jMS9e1OSD2aKlF_0zsX0dNu6SqS4PjxsCGw7cRX7eXqxdl2YO2KMC8KgGntdA7X8XggLQbKJrJCslwWBYU5G2k_YzZ_2A/s1600/prev.png) center;z-index:100;cursor:pointer;border-right:1px solid #ccc}
#carousel #previous_button:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZTXUMtoY_nXMKA5gTDgQAuhhj8nWFiNfS3K0-O1brIzYIpKbHmWoKRV8T_enr9uCE5YLTOzxoWmV1EBg4rUI557KLgvLS9GyiHwAwO-CTE3cXF3RZ66bryLN_aCB1F7KlGl7OW9yJA_A/s1600/prev.png) center}
#carousel #next_button{position:absolute;right:0;width:49px;height:185px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9XR0Nl65tmCcZ9snKlQdquWrbFPbPGp6CxZA6CDnIg9TQX83TfvPP00Mo55TiLpJ-7rNYu4firjlwiNw3oML50-iUY8rTdroDDisoWO0SM6wK95vCNmrJhyphenhyphenl4jWJA_VtLMUG8zNUGEK4/s1600/next.png) center;z-index:100;cursor:pointer;border-left:1px solid #ccc}
#carousel #next_button:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNuOo_2DROc3qCzXn4Vrx5rzV7PBB0xjURfogbr5i6RRjb_KrfYFmUOBqDojMEAfQd_dtESmCtuJlk4cBblte2OmmtzEresy_8H7qXXwyOSPW_bmyhYm-w30-QyUuIEpSLGcyC0o3noLM/s1600/next.png) center}
#carousel ul{width:100000px;position:relative;margin-top:10px}
#carousel ul li{background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFZMDV7-4qIT4NOBsu9KqlHlg3nzXX2UfxcvH_da6pePx3ot0Qh8jAKxHOeIB4wTHAj_tHuVRXXFRX_eO-YsDRMw8DbGTPPlK56SRYcMQXg6-vkzd_Cxv-8-9Dk5Ym6mZNoXZRYN6DCL0/s1600/main.png) repeat-x top;display:inline;float:left;text-align:center;font-weight:700;font-size:.9em;line-height:1.2em;border:1px solid #ccc;width:145px;height:150px;margin:0 4px 20px 7px;padding:6px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
#carousel ul li:hover{filter:alpha(opacity=75);opacity:.75;}
#carousel ul li a.slider_title{color:#222;display:block;margin-top:5px}
#carousel ul li a.slider_title:hover{color:#cd1713}
#carousel a img{display:block;background:#fff;margin-top:0}

3. Tìm tới </head> và dán code dưới đây ngay trên nó
Code:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script src='http://yourjavascript.com/265232511102/carousellite.js' type='text/javascript'/>

<script type='text/javascript'>
//<![CDATA[
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg09jpsHkwucn2d4x5XRuamj-vT-vMBXF_fIRv9IWH4HEFUsbDFl7dWaUddPNO74chY_MWu5HljMqS5Hq6OS1cVyFB4_pZN7qsA0S3z1q9ynsavPxKm1rmWasxfWCgxkGdRtDP2DNti6Q4/s1600/no+image.jpg";
showRandomImg = true;

aBold = true;

summaryPost = 140;
summaryTitle = 25;

numposts1 = 15;
label1 = "news";

function removeHtmlTag(strx,chop){
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}

s = s.join("");
s = s.substring(0,chop-1);
return s;
}
function showrecentposts(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img = new Array();
document.write('<ul>');
for (var i = 0; i < numposts1; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var pcm;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}

for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
pcm = entry.link[k].title.split(" ")[0];
break;
}
}

if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
postdate = entry.published.$t;
if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';
var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];
for(var u2=0;u2<month.length;u2++){
if(parseInt(m)==month[u2]) {
m = month2[u2] ; break;
}
}

var daystr = day+ ' ' + m + ' ' + y ;
var trtd = '<li class="car"><div class="thumb"><a href="'+posturl+'"><img width="145" height="100" class="alignnone" src="'+img[i]+'"/></a></div><p><a class="slider_title" href="'+posturl+'">'+posttitle+'</a></p></li>';

document.write(trtd);
j++;
}
document.write('</ul>');
}
//]]>
</script>

» Tùy chỉnh theo ý bạn:
numposts1 = 15; là số bài sẽ được gọi từ feed..
label1 = "news"; là tên của nhãn muốn gọi.
summaryPost = 140; là số ký tự mô tả
summaryTitle = 25; là số ký tự phần tiêu đề ngay bên dưới hình ảnh.
width="145" height="100" là chiều rộng và chiều cao của ảnh thumbnail.
showRandomImg = true; là lấy ảnh thumbnail ngẫu nhiên trong bài viết. Nếu muốn lấy ảnh đầu tiên thì hãy sửa true thành false.
4. Tìm đến <div id='main-wrapper'> và dán code dưới đây ngay dưới nó
Code:

<b:if cond='data:blog.pageType != "item"'>
<div id='carousel'>
<div id='previous_button'/>
<div class='container'>
<script>
document.write("<script src=\"/feeds/posts/default/-/"+label1+"?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script>
<div class='clear'/>
</div>
<div id='next_button'/>
</div>
<script type='text/javascript'>
(function($) { $(document).ready(function(){
$("#carousel .container").jCarouselLite({
auto:4000,
scroll: 1,
speed: 800,
visible: 5,
start: 0,
circular: true,
btnPrev: "#previous_button",
btnNext: "#next_button"
});
})})(jQuery)
</script>
</b:if>

Trong đó tùy chỉnh:

Nếu muốn lấy bài viết mới  thì xóa phần /-/"+label1+". đi nhé
auto:4000,
scroll: 1, số bài viết cuộn mỗi lần.
speed: 800, Thời gian chuyển ảnh (tính bằng phần nghìn giây).
visible: 5, Số bài viết (ảnh thumbnail và tiêu đề) hiển thị trên trang chính.
start: 0,
circular: true,
Lưu ý: Trong Demo trực tiếp mình chỉ cho tiện ích này hiển thị ở trang bài viết. Nếu bạn cũng muốn làm như thế thì tham khảo bài viết Hiển thị Widget

Read more…