Tuts and Tips

Tất cả những gì bạn cần trong chuyên mục Tuts and Tips chứ không phải là một nơi khác!.

Bạn biết đấy, một url đường dẫn tốt sẽ được đánh giá SEO (Tối ưu hóa công cụ tìm kiếm) cao trong thuật toán của Google, Ngoài ra một URL đẹp cũng sẽ tạo một ấn tượng cho người dùng, với thủ thuật hay cho blogspot "Cách sửa url đường đẫn cho blogspot" tôi sẽ chia sẻ các bạn cách sửa và tối ưu 1 url tốt cho blogspot trong SEO.

Cách sửa url đường đẫn cho blogspot


1. Điều đầu tiên bạn cần làm đó là đăng nhập và bảng điều khiển blog của bạn tại blogspot.com
2. Khi viết 1 bài đăng mới bạn tiến đến phần "liên kết cố định" nhấn chọn "liên kết cố định tùy chọn" và tiến hành tùy chỉnh url như bạn mong muốn.
Cách sửa url đường đẫn cho blogspot

Lưu ý:
+ Chỉ có thể tùy chỉnh url của blogspot khi bạn viết 1 bài đăng mới, những bài viết đã được xuất bản bạn không thể chỉnh sửa được.
+ 1 URL đẹp và tốt trong SEO là 1 url càng ngắn càng đầy đủ càng tốt, trong url nên có chứa từ khóa muốn SEO.
+ Với blogspot nó sẽ lấy tên bài đăng làm url tự động, tuy nhiên với các ký tự như đ, đa... thì nó sẽ không thể tự chuyển được, do đó bạn nên chỉnh sửa lại url blogspot khi đăng bài để có 1 đường dẫn đẹp
3. Nhấp hoàn thành để lưu lại đường dẫn tùy chỉnh.

Chúc mừng bạn đã làm xong, Tôi hy vọng bài viết này sẽ giúp blog của bạn đẹp hơn và bạn rất thích bài viết Cách sửa url đường đẫn cho blogspot nếu như vậy, hãy Like và chia sẻ nó với bạn bè.

Widget hiển thị nhận xét mới cho blogspot dùng để hiển thị các nhận xét mới trong tất cả các bài đăng trong blog của bạn. Một khách truy cập vào website của bạn và để lại nhận xét điều đó đc đánh giá là tốt vì có sự tương tác qua lại với người sử dụng, điều đó cũng truyền cảm hứng tốt cho khách truy cập website của bạn sau này.

Với Widget comment gần đây bạn có thể thêm vào Sidebar hoặc Footer hoặc bất cứ nơi nào mà có thể thu hút khách truy cập của website.

Cách thêm Widget hiển thị nhận xét mới cho blogspot

1. Đăng nhập vào Bảng điều khiển Blogger
2. Chọn Bố cục-> Click vào Thêm Tiện ích
3. Thêm 1 HTML / Javascript mới
4.Dán đoạn code sau vào HTML/Javascrip mới

<script style=text/javascript src="http://netoopscodes.googlecode.com/svn/branches/Js files/recent_comments_netoopsblog_min.js"></script><script style=text/javascript >var a_rc=5;var m_rc=false;var n_rc=true;var o_rc=100;</script><script src=http://ibloggerviet.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments ></script>
<a style="display:none" href=http://ibloggerviet.blogspot.com>Nhận xét mới nhất</a><style type=text/css>
.rcw-comments a {text-transform: capitalize;}
.rcw-comments {border-bottom: 1px solid #666; padding-top: 6px!important; padding-bottom: 6px!important;}
</style>

Thay đoạn đánh dấu màu đỏ bằng tên blog của bạn, và đoạn đánh dấu màu xanh bằng tên widget bạn muốn hiển thị

Nhấn lưu để hoàn thành.

Chúc mừng bạn đã làm xong, Tôi hy vọng bài viết này sẽ giúp blog của bạn đẹp hơn và bạn rất thích bài viết này nếu như vậy, hãy Like và chia sẻ nó với bạn bè.


Cách giải mã/UnPacker javascript dạng eval(function(p,a,c,k,e,r)


Với loại mã hóa này các bạn search mạng sẻ ra rất nhiều trang cho phép bạn giải mã online

Ơ đây mình giới thiệu trang mà hay dùng nhất http://matthewfl.com/unPacker.html

Tuy nhiên để tôn trọng quyền tác giả bạn không nên chỉnh sửa bản quyền của họ.

Chắc hẳn nhiều bạn đã từng tự mình muốn thay đổi 1 số mã code hoặc tìm các thủ thuật blogspot trên mạng và bắt gặp đoạn : "nhấn Ctrl + f và Tìm với từ khóa ]]></b:skin> và thêm vào trên nó đoạn code sau:". Nhưng có 1 số bạn đã nhầm lẫn Ctrl + f của trình duyệt và Ctrl + f của Blogspot nên không tìm ra đoạn mã trên để thay đổi. iBloggerViet sẽ chia sẻ cùng bạn cách tìm như thế nào cho đúng để bạn có thể dễ dàng tìm và thay mã code trong blogspot.

1. Phân biệt Ctrl + f của trình duyệt và Ctrl + f của Blogspot:

Ctrl + f của trình duyệt
Khi nhấn Ctrl + f  nếu trình duyệt của bạn hiện như thế này thì đó là trình tìm kiếm của trình duyệt google chrome
Trình tìm kiếm của trình duyệt web
Trình tìm kiếm của trình duyệt web
Ctrl + f của Blogspot
Khi nhấn Ctrl + f  nếu trình duyệt của bạn hiện như thế này thì đó là trình tìm kiếm của trình Blogspot
Trình tìm kiếm của Blogspot
Trình tìm kiếm của Blogspot
Với trình tìm kiếm của trình duyệt bạn sẽ không tìm ra được đoạn code ]]></b:skin> mà bạn phải tìm kiếm ở trình tìm kiếm của Blogspot.

2. Cách dùng trình tìm kiếm của Blogspot:

Bạn để con trỏ chuột trong khung code (mã) của Blogspot và nhấn Ctrl + f, Khi đó trình tìm kiếm của Blogspot mới hiện ra.
Để trỏ chuột (dấu nháy chuột) tại điểm bất kỳ
Để trỏ chuột (dấu nháy chuột) tại điểm bất kỳ trong giao diện mã code blogspot và nhấn Ctrl +F

Khi đó bạn nhấn Enter sẽ hiện ra 1 dấu hiệu màu vàng nhạt và bạn có thể thực hiện thay thế đoạn mã code đó

3. Nhấn Lưu để lưu lại sửa đổi

Rất dể dàng bạn có thể tìm và thay mã code trong blogspot, bạn cũng có thể tìm link hình ảnh hay bất kỳ đoạn text nào bạn muốn. Chúc bạn thành công

Cách khắc phục lỗi mất ảnh trên Blogspot, lỗi dấu chấm than trong hình trên blogspot sửa như thế nào, cách khắc phục lỗi xóa hình ảnh trong blogspot và có dấu chấm than.

Nếu bạn dùng blogspot để up hình ảnh thì chắc hẳn bạn đã từng mắc phải tình trạng mất hình ảnh trên blog của bạn rồi phải không? (Xuất hiện dấu chấm than), lỗi thì mình cũng chưa biết rõ là lỗi gì, có thể là do Google đã xóa bỏ hình ảnh đó của bạn
Mất hình ảnh và các khắc phục sự cố
Mất hình ảnh và các khắc phục sự cố

Blogger Help - Mất hình ảnh và các khắc phục sự cố

Hãy trả lời tất cả câu hỏi 8.

Chú ý: Tất cả hình ảnh mà bạn tải lên thông qua blogger được lưu trữ trong Picasa / Google +
1) Bạn đã thực hiện bất kỳ thay đổi Picasa Cài đặt / Quyền?
2) Bạn đã tải lên các hình ảnh cho bản thân hoặc người khác đã tải chúng lên?
3) Khi là lần cuối cùng rằng những hình ảnh hiển thị chính xác?
4) Bạn đã loại bỏ chúng khỏi Picasa?
5) Bạn đã thực hiện bất kỳ thay đổi bất kỳ tài khoản Google / Blogger của bạn?
6) Bạn đã sử dụng / gỡ bỏ chúng khỏi Google+
7) Nếu bạn đi đến album Picasa của bạn ( https://picasaweb.google.com/ nhà ) Bạn xem các bức ảnh?
8) Có bạn xóa chúng khỏi điện thoại của bạn / Tablet?

Và để tìm hiểu vấn đề này, bạn truy cập vào địa chỉ này để có câu trả trời thỏa đáng cho bạn:

Chúc bạn sớm tìm được nguyên nhân và cách khắc phục lỗi mất ảnh trên Blogspot.


Tiện ích nút chia sẻ trượt dọc cho blogspot sẽ 1 phần giúp blog bạn chuyên nghiệp hơn, đồng thời cũng sẽ giúp người đọc có thể dễ dàng chia sẻ thông tin với bạn bè làm tăng trafic cho web/blog. Hôm nay mình chia sẻ bài viết Thêm nút chia sẻ trượt dọc cho blogspot làm đẹp cho blog của bạn



Đăng nhập vào quản trị blogspot. Vào Mẫu >> Chỉnh sửa html >> Tìm với từ khóa ]]></b:skin> và thêm vào trên nó đoạn code sau:

.social-buttons {
position: fixed;
top: 130px;
width: 45px;
z-index: 9999;
}
.button-left {
left: 0;
}
.button-right {
right: 0;
}
.social-buttons #twitter-btn .social-icon,
.social-buttons #facebook-btn .social-icon,
.social-buttons #google-btn .social-icon,
.social-buttons #rss-btn .social-icon,
.social-buttons #pinterest-btn .social-icon,
.social-buttons #youtube-btn .social-icon {
background-color: #33353B;
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaQ9uOzdwUC6NmyjPLfMr-E25nTHNr7WI8TaXg173JvrTkwcyr-0vsfaEaeVPUGSJ9TAO4smsuw6IfEWMJ9hWs5ehMpmHtXw2peVc6RtzMJW0xHyp5v44iVfk22ywrCgtFByjl-Uk5cnc/s1600/mas-icons.png);
}
.button-left #facebook-btn span {
background-position: right 10px;
}
.button-left #twitter-btn span {
background-position: right -35px;
}
.button-left #google-btn span {
background-position: right -127px;
}
.button-left #rss-btn span {
background-position: right -80px;
}
.button-left #pinterest-btn span {
background-position: 11px -177px;
}
.button-left #youtube-btn span {
background-position: 11px -223px;
}
.button-right #facebook-btn span {
background-position: 12px 10px;
}
.button-right #twitter-btn span {
background-position: 11px -35px;
}
.button-right #google-btn span {
background-position: 10px -127px;
}
.button-right #rss-btn span {
background-position: 11px -80px;
}
.button-right #pinterest-btn span {
background-position: 11px -177px;
}
.button-right #youtube-btn span {
background-position: 11px -223px;
}
.social-buttons #facebook-btn:hover .social-icon {
background-color: #3B5998;
}
.social-buttons #twitter-btn:hover .social-icon {
background-color: #62BDB2;
}
.social-buttons #google-btn:hover .social-icon {
background-color: #DB4A39;
}
.social-buttons #rss-btn:hover .social-icon {
background-color: #FF8B0F;
}
.social-buttons #pinterest-btn:hover .social-icon {
background-color: #D43638;
}
.social-buttons #youtube-btn:hover .social-icon {
background-color: #C4302B;
}
.social-buttons a:hover .social-text {
display: block;
}
.button-left .social-icon {
-moz-transition: background-color 0.4s ease-in 0s;
-webkit-transition: background-color 0.4s ease-in 0s;
background-repeat: no-repeat;
display: block;
float: left;
height: 43px;
margin-bottom: 2px;
width: 43px;
}
.button-left .social-text {
display: none;
float: right;
font-size: 1em;
font-weight: bold;
margin: 11px 40px 11px 0px;
white-space: nowrap;
}
.button-right .social-icon {
-moz-transition: background-color 0.4s ease-in 0s;
-webkit-transition: background-color 0.4s ease-in 0s;
background-repeat: no-repeat;
display: block;
float: right;
height: 43px;
margin-bottom: 2px;
width: 43px;
}
.button-right .social-text {
display: none;
float: left;
font-size: 80%;
font-weight: bold;
margin: 11px 0 11px 40px;
white-space: nowrap;
}
.social-buttons .social-text {
color: #FFFFFF;
}

Bước 2: Bạn tìm với từ khóa </head> và đặt đoạn code sau vào trước nó:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js' type='text/javascript'/><script>
$(window).load(function(){
$(&#39;.social-buttons .social-icon&#39;).mouseenter(function(){
$(this).stop();
$(this).animate({width:&#39;160&#39;}, 500, &#39;easeOutBounce&#39;,function(){});
});
$(&#39;.social-buttons .social-icon&#39;).mouseleave(function(){
$(this).stop();
$(this).animate({width:&#39;43&#39;}, 500, &#39;easeOutBounce&#39;,function(){});
});
});
</script>
Chú ý: Nếu thủ thuật Thêm nút chia sẻ trượt dọc cho blogspot không hoạt động bạn bỏ thử phần mình đã đánh dấu màu cam phần trên
Bước 3: Sau đó tìm với từ khóa </body> và chèn vào đoạn code sau vào trước nó

<div class='social-buttons button-right hidden-phone hidden-tablet'>
<a class='itemsocial' href='https://www.facebook.com/your FB' id='facebook-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Facebook</span></span></a>
<a class='itemsocial' href='https://twitter.com/your twitter' id='twitter-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Twitter</span></span></a>
<a class='itemsocial' href='https://plus.google.com/your G+' id='google-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Google</span></span></a>
<a class='itemsocial' href='http://pinterest.com/your ID' id='pinterest-btn' target='_blank'><span class='social-icon'>
<span class='social-text'>Follow via Pinterest</span></span></a>
<a class='itemsocial' href='https://www.youtube.com/user/your ID' id='youtube-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Youtube</span></span></a>
<a class='itemsocial' href='http://feeds.feedburner.com/your feed' id='rss-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via RSS</span></span></a>
</div>
Bạn chỉnh sửa ở các phần mình đánh dấu màu đỏ cho phù hợp với mình nhé

Hey! Chào mọi người, lâu rồi mình không viết bài cho blog, hôm nay iBloggerViet tiếp tục chia sẻ cho các bạn 1 số thủ thuật blogspot nhỏ để tạo một blogspot đẹp
Chắc hẳn đa số các bạn khi tải 1 Template blogspot (thường là từ các trang nước ngoài) về cài đặt xong file xml, ra xem cái giao diện blog của mình nó thế nào thì thốt lên rằng...Ôi nó đẹp quá,.... nhưng sao cái font này nó lại méo mó, thậm chí là có các ô vuông, hoặc không hài lòng lắm với kiểu font như vậy? làm sao để thay đổi font chữ đây?
Cách thay đổi font chữ trong blogspot
Cách thay font chữ trong blogspot

Mình sẽ chia sẻ cách đơn giản nhất để có thể chỉnh sửa font chữ trong blogspot. Cách này khá cơ bản chỉ cần bạn hiểu sơ qua 1 số mã css là bạn có thể chỉnh sửa tùy ý theo ý của mình.

Thay font chữ trong blogspot

(Một số thuộc tính css của font bạn có thể tham khảo ở trang sau đây: Http://www.w3schools.com/css/css_font.asp)

Để có thể sửa font cách nhanh nhất bạn có thể dùng trình duyệt Chrome  và sử dụng chức năng Developer Tools (nhấn phím 12 hoặc bấm chuột phải chọn "kiểm tra phần tử")

Bạn nhấn chuột phải vào dòng chữ cần chỉnh font >> kiểm tra phần tử
thay đổi font chữ trong blogspot
Khi đó trình duyệt của bạn sẽ hiện lên 1 khung ở dưới trình duyệt của bạn:

Cách thay đổi font chữ trong blogspot

Ví dụ: mình muốn chỉnh font chữ của dòng chữ" Follow Share And Tricks " Trên blog Chiase-thuthuat.blogspot.com luôn nhé:

Bạn chú ý, sau khi nhấn kiểm tra phần tử , sẽ xuất hiện nay ở trong khung trên 1 đoạn code như sau:
Nhìn sang phía bên phải sẽ thấy 1 đoạn code nhỏ như thế này:
Cách thay đổi font chữ trong blogspot

Đây chính là phần mà bạn cần thay đổi:

Ở trên font của mình sẽ hiện đang là font Tahoma và mẫu chữ sẽ là

 giờ mình sẽ chuyển qua font Times xem có gì thay đổi không: (Để đổi font bạn kick vào dòng font muốn đổi )
đổi font chữ trong blogspot

Giờ xem kết quả:
Bạn đã thấy sự khác nhau chưa?

Nhưng chú ý: đây chỉ là chỉnh sửa hiện thị trực quan trên trình duyệt của bạn thôi, template của bạn chưa hề thay đổi gì cả, giờ chỉ cần bạn nhấn f5 là blogs của bạn sẽ trở về ban đầu mà không hề sứt mẻ gì. Vậy nãy giờ làm công cốc à? Không ! giờ đến bước quan trọng đây.
Bạn giữ nguyên như vậy, chú ý phần mình khoanh màu xanh nhé:
Bạn copy lại, vào phần quản trị blogspot >> mẫu >> chỉnh sửa html >> nhấn ctrl + f

Khi đó nó sẽ hiện 1 khung tìm kiếm ở góc phần sửa html, dán đoạn lúc nãy đã copy và nhấn Enter

Sẽ được như hình sau:


Bạn thấy giống gì lúc nãy không? giờ bạn có thể tùy chỉnh font chữ cần sửa như ý muốn.

Khi sửa xong hãy luôn nhớ 1 điều là nhấn nút lưu mẫu để hoàn thành

Ngoài ra bạn có thể thêm 1 số thuộc tính như Font-size, font-weightm, Color.... Tùy ý đến khi thấy hài lòng.

Rất phức tạp phải không, giờ bạn đang cảm thấy hào hứng hay chán nản? Nếu hào hứng hãy share bài viết này cho bạn bè của mình, còn đang chán nản hãy comment ở dưới để mình có thể hỗ trợ.

Chúc bạn có thể dễ dàng thay font chữ trong blogspot của mình được hài lòng và hài hòa nhất.

Google ads Main JS widget

y

Kien Ung Trung

{picture#https://lh3.googleusercontent.com/-rxJI9e1-Pr4/WpepcSHp45I/AAAAAAAACq4/m_z058bFRE4H2l-BCTPhSDy-6m1BxuYFgCEwYBhgL/w140-h140-p/k.jpg} Xin chào! Tôi là Kiên, kẻ đứng sau blog này. Tôi là một nhân viên văn phòng thực thụ. Tôi thích chia sẻ cùng bạn bè. Tìm hiểu thêm về Kiên tại đây . Bạn cũng có thể kết nối với Kiên qua Facebook , Twitter, và LinkedIn. {facebook#https://www.facebook.com/ungtrungkien90} {twitter#https://twitter.com/ungtrungkien} {google#https://plus.google.com/110213252467704423062} {pinterest#https://www.pinterest.com/ungtrungkien/} {youtube#https://www.youtube.com/channel/UCn7VmDmYKRw9GbLkaK3JVJg}
Được tạo bởi Blogger.