Share Popular Posts Style Cực Đẹp

Tổng chào các đọc giả của tôi, thời gian vừa qua có quá nhiều chuyện cần giải quyết nên mình không viết bài cũng như không đi tương tác với các blog bạn bè được. Hôm nay mình đi quờ quạn thì thấy cái bài viết liên quan của HongHaiBlog hơi bị đẹp nên mình rip về và edit sơ lại và share cho các bạn đây. Cái này đơn giản vô cùng, làm theo mình nhé!

Thay Đổi Avatar Khi Bình Luận Nặc Danh

Hello mấy bạn, lâu quá rồi mấy bạn chưa có đọc bài nào do chính tay của mình viết phải không? Tại dạo gần đây bận quá nên lười viết bài ấy mà =)). Còn bây giờ thì xong rồi nha nên các bạn đừng bơ mình nữa :) mình sẽ cố gắn ra bài nhiều hơn cho các bạn tham khảo!

Thôi vào bài luôn nha! Do là hôm bữa phần css comments của mình nó bị lỗi hiển thị hình ảnh khi bình luận Nặc Danh (Anonymous) và mình cũng muốn thay hình ảnh khi cmt Nặc Danh. Mình đã tham khảo một số cách trên google nhưng tất cả đều không được mà thậm chí còn làm lỗi form comments. Vì vậy nên mình đã ngồi nghiên cứu và cuối cùng thì cũng thay được rồi nên mình quyết định share cho các bạn tham khảo ngay và luôn =))

Để thay đổi avatar khi bình luận Nặc Danh thì các bạn làm theo hướng dẫn bên dưới đây.

Đầu tiên thì như bao thủ thuật blogger khác, bạn truy cập vào trang quản trị blog ➝ Chủ Đề ➝ Chỉnh Sửa HTML

Các bạn tìm đến đoạn css comments của các bạn hoặc tìm thẳng đến:

comments .avatar-image-container img

Và thay đoạn css định dạng trong {} phía sau nó thành:

 [src="//img1.blogblog.com/img/blank.gif"] {content: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_wVBTyD1C4z1gayZwHpyccI2_wadOcYWv6oJdrQwwQBPCPZkEzjIO74aK4tJuXjTFdjiahVKj-ofa_2sWU5OjakFzzSBLtPnMIRz7Vb5azWDWuXo4xzt9av4e4LljMFYsdReCJ-3_WmbI/s1600/21-44-52-globalspy-730x482-01.jpeg) !important;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_wVBTyD1C4z1gayZwHpyccI2_wadOcYWv6oJdrQwwQBPCPZkEzjIO74aK4tJuXjTFdjiahVKj-ofa_2sWU5OjakFzzSBLtPnMIRz7Vb5azWDWuXo4xzt9av4e4LljMFYsdReCJ-3_WmbI/s1600/21-44-52-globalspy-730x482-01.jpeg);background-position: 0px 38px;background-size: 38px;}

 Chú ý: Thay link mình đã bôi đỏ thành link mà bạn muốn hiển thị khi bình luận Nặc Danh!
 Và còn nếu Blog các bạn chưa mở tính năng bình luận Nặc Danh thì có thể tham khảo bài của anh Phan Niệm Tại Đây
Thế thôi còn dưới đây là một số đoạn code mà mình tham khảo mà đã không thành công.

[src="http://img1.blogblog.com/img/blank.gif"] {content: url(LINK ẢNH BẠN ĐẶT);background-image: url('LINK ẢNH BẠN ĐẶT');background-size: cover;}

Đoạn này thì mình hoàn toàn không thể sử dụng được mà còn bị lỗi hình ảnh khi mình cmt bằng tài khoản google. Nhưng có khi là nó không thể khả dụng trong template của mình do temp mình là temp mặc định của Blogger chỉnh sửa lại còn temp các bạn thì có khi được đó. Hoặc là nó chỉ hiển thị trên một số trình duyệt nào đó thì mình không biết. Các bạn có thể test!

Còn trong quá trình mình tìm cách chỉnh thì mình khám phá ra cái này cũng khá hay đó là Mặc Định Avatar Cho Tất Cả Các Bình Luận trên blog của mình nên mình xin phép hướng dẫn cho các bạn luôn.

Các bạn làm theo mình như ở trên hướng dẫn cho đến bước 2.
Tiếp theo đến bước 3 bạn thay thế đoạn code ở trên thành:

{content: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_wVBTyD1C4z1gayZwHpyccI2_wadOcYWv6oJdrQwwQBPCPZkEzjIO74aK4tJuXjTFdjiahVKj-ofa_2sWU5OjakFzzSBLtPnMIRz7Vb5azWDWuXo4xzt9av4e4LljMFYsdReCJ-3_WmbI/s1600/21-44-52-globalspy-730x482-01.jpeg)}

Chỉ với một mẹo đơn giản như vậy thôi là các bạn đã có thể tạo một style avatar comments cực chất cho blog của mình rồi phải không? Nếu có thắc mắc hay cản trở nào khi thực hiện các bạn có thể Bình Luận bên dưới để mình giải đáp (12h).
  Chúc các bạn thành công.
 Chào tạm biệt và hẹn gặp lại các bạn trong bài tiếp theo!

Tạo Thống Kê Ảo Với Số Lượng View Khủng Cho Blogspot

Đã là một Blogger thì chắc chắn bạn phải có riêng cho mình một blog và ít nhiều gì thì lượt xem hay comment cũng có phải không nào? Và không phải bạn có cái thống kê của bạn ở trang chủ quản trị mà bạn cần tạo cho website của mình một bảng thống kê riêng.
Và cũng do một số yêu cầu của các bạn bè của mình nên hôm nay mình sẽ share khung Thống kê blogspot cực chất. Và nó có rất nhiều điều hay ho các bạn cùng tham khảo nhé!

Tiện ích thống kê này được mình edit lại từ Tiện ích giới thiệu của anh Ngô Quang Trường (Truongblogger.com) và thêm vào đó một số tính năng nói chung là hay ho để cho nó được bá đạo và đẹp mặt hơn

Thôi vào bài luôn nha, dài dòng nãy giờ đủ rồi 😀

Đầu tiên để tạo 1 widget thì chúng ta phải truy cấp vào Blogger => Bố cục (layout) => Thêm Tiện ích => HTML/Javascript rồi paste các đoạn code bên dưới vào nhé

1. Thống Kê Ảo All

Đây  là một dạng thống kê khá hay và đáng để cho các bạn thử. Nó khá là đơn giản bởi vì mình chỉ sử dụng lại các đoạn code mà anh Trường đã cung cấp ngay trong widget.
Cái này phần lớn là dành cho các bạn sống ảo thôi nhé :v

Code:

<style>

#ketnoi{margin:0 0 -5px;width: 100%;box-sizing: border-box;display: inline-block;position: relative;color: #333;line-height: normal;text-align: center; border: 2px solid #eee;font-weight: 700;font-size:12px}

#ketnoi a{color:#333}

#ketnoi-col-1{width: 33.3333%;float: left;}

#ketnoi-col-1 span,#ketnoi-col-1 p{margin:0;padding:0}

.ketnoi-icon{display: block;width: 50px;height: 50px;line-height: 50; text-align: center;background: #333;color: #fff;margin: 0 auto 5px;border-radius: 100%;transition: .3s;font-size: 22px;}

.ketnoi-pageview,.ketnoi-post,.ketnoi-comments,.{padding: 10px 0;}

.ketnoi-pageview,.ketnoi-post,.ketnoi-comments{border-bottom: 1px solid #eee}

.ketnoi-pageview,.ketnoi-post,.ketnoi-comments{border-left: 1px solid #eee;border-right: 1px solid #eee;}

.ketnoi-pageview i{background: #39599f}

.ketnoi-post i{background:#9b59b6}

.ketnoi-comments i{background:#1abc9c}

</style>

<div id='ketnoi'>

<div id='ketnoi-col-1'>

<div class='ketnoi-pageview'>

<i class="fa fa-eye ketnoi-icon"></i>

<span>6.682.293</span><p>Lượt Xem</p></a>

</div>

</div>

<div id='ketnoi-col-1'>

<div class='ketnoi-post'>

<i class="fa fa-pencil-square-o ketnoi-icon"></i><span>51</span><p>Bài Viết</p></a>

</div>

</div>

<div id='ketnoi-col-1'>

<i class="fa fa-comments ketnoi-icon"></i><span>828/span><p>Bình luận</p></a>

</div>

</div></div>

Tùy theo ý thích mà các bạn chỉnh sửa các con số mà mình in đậm trong code nhé!

2.Thống Kê Nữa Ảo Nữa Thật

Ok, cái này cũng là một cái thống kê nhưng cái này nó cao cấp hơn, Tại sao?. Bởi vì khung thống kê này được mình nâng cấp lại các phần và chú ý rằng cái đoạn code này mình có dùng đến  JavaScript (js) nên có lẽ nó sẽ ảnh hưởng đến việc load trang blog bạn đấy nhé

Code:

<style>

#ketnoi{margin:0 0 -5px;width: 100%;box-sizing: border-box;display: inline-block;position: relative;color: #333;line-height: normal;text-align: center; border: 2px solid #eee;font-weight: 700;font-size:12px}

#ketnoi a{color:#333}

#ketnoi-col-1{width: 33.3333%;float: left;}

#ketnoi-col-1 span,#ketnoi-col-1 p{margin:0;padding:0}

.ketnoi-icon{display: block;width: 50px;height: 50px;line-height: 50px;text-align: center;background: #333;color: #fff;margin: 0 auto 5px;border-radius: 100%;transition: .3s;font-size: 22px;}

.ketnoi-facebook,.ketnoi-post,.ketnoi-comments,.{padding: 10px 0;}

.ketnoi-facebook,.ketnoi-post,.ketnoi-comments{border-bottom: 1px solid #eee}

.ketnoi-post,.ketnoi-lienhe{border-left: 1px solid #eee;border-right: 1px solid #eee;}

.ketnoi-facebook i{background: #39599f}

.ketnoi-post i{background:#9b59b6}

.ketnoi-comments i{background:#1abc9c}

</style>

<div id='ketnoi'>

<div id='ketnoi-col-1'>

<div class='ketnoi-facebook'>

<i class="fa fa-eye ketnoi-icon"></i> <a> <script type='text/javascript'>document.write(Math.floor((Math.random()*2738)+500000));</script></a>

<p>Lượt Xem</p>

</div>

</div>

<div id='ketnoi-col-1'>

<div class='ketnoi-post'>

<i class="fa fa-file-pencil-square-o ketnoi-icon"></i><span><script style="text/javascript">function showpostcount(t){document.write(parseInt(t.feed.openSearch$totalResults.$t,10))}</script><script src="/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script></span><p>Bài viết</p>

</div>

</div>

<div id='ketnoi-col-1'>

<div class='ketnoi-comments'>

<i class="fa fa-comments ketnoi-icon"></i><span><script style="text/javascript">function numberOfComments(e){document.write(e.feed.openSearch$totalResults.$t)}</script><script src="/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></span><p>Bình luận</p>

</div>

</div></div>

Nói luôn cho các bạn khỏi tò mò rằng đoạn code này chỉ thống kê chính xác số lượng comments và số lượng post trên blog thôi nhé, còn số lượng view blog là random tự động đấy nhé.
Đừng có dại mà chụp màng hình số lượng views lại rồi đăng lên các trang mạng xã hội nhé, bị ném đá sml đó

3.Thống Kê Hoàn Hảo - Chuẩn All

Phần này là vì code có hạn nên mình sẽ  để trống nhé =). Nếu sau này mình tìm ra được đoạn code thống kê tổng lượt xem trang thì mình sẽ update.

Ok! Mình đã giúp các bạn tạo một thống kê cho Blog rồi đấy, bây giờ phần thực hành là của các bạn. Các bạn cũng có thể phối các đoạn code lại với nhau để tạo cho mình một thống kê riêng với style của các bạn.

Còn bây giờ thì mình xin chào các bạn nhé!
Chúc các bạn thành công nhé! Có gì không được thì cứ bình luận bên dưới mình sẽ giải đáp nhé. Cảm ơn các bạn!

Cách Tạo Thông Báo Chữ (Text) Chạy Cho Blogspot - Blogger

Bạn là một blogger với một lượng truy cập hàng ngày cũng kha khá và một ngày nào đó blog bạn bị sự cố và bạn muốn thông báo đến tất cả khách hàng mà bạn lại không muốn viết một bài đăng quá ngắn để thông báo. Vậy bạn sẽ làm cách nào? Đó chính là tạo ngay một thông báo đẩy ngay tại chỗ dễ thấy nhất trên blog của các bạn. Và vì thế hôm nay mình sẽ Share cho các bạn một số đoạn code  như thế.

Xin lưu ý các bạn, các đoạn mã này chỉ hoạt động trên các trình soạn thảo văn bản có hỗ trợ ngôn ngữ HTML thôi nhé (Mình thấy đa phần trình soạn thảo trên các hệ thống Blog miễn phí đều hỗ trợ HTML, riêng diễn đàn hầu như là không).

1. Chữ Chạy Ngang Từ Phải Qua Trái
Đây là đoạn mã cơ bản nhất, bạn chỉ việc để dòng chữ cần cho chạy vào giữa 2 thẻ MARQUEE là được.
Đoạn mã:

<marquee>Star Phúc Blog</marquee>

Star Phúc Blog

2. Chữ Chạy Ngang Từ Trái Qua Phải
Đoạn mã:

<marquee direction="right">Star Phúc Blog</marquee>

Star Phúc Blog

3. Chữ Chạy Từ Trên Xuống Dưới
Đoạn mã:

<marquee direction="down">Star Phúc Blog</marquee>

Star Phúc Blog

4. Chữ Chạy Từ Dưới Lên Trên
Đoạn mã:

<marquee direction="up">Star Phúc Blog</marquee>

Star Phúc Blog

5. Chữ Chạy Qua Lại
Đoạn mã:

<marquee behavior="alternate">Star Phúc Blog</marquee>

Star Phúc Blog


6. Chữ Chạy Có Màu Nền

Đoạn mã:

<font ><marquee direction="left" style="background:orange">Star Phúc Blog</marquee></font>

Star Phúc Blog

7. Chữ Chạy Có Khung Xung Quanh
Đoạn mã:

<marquee style="border:blue 2px SOLID">Star Phúc Blog</marquee>

Star Phúc Blog
8. Chữ Chạy Ngang, Dừng Lại Khi Rê Chuột
Đoạn mã:

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2">Star Phúc Blog</marquee>

Star Phúc Blog
• Các bạn thay số 2 thành số bạn muốn để chỉnh tốc độ chạy cho " Chữ Chạy Ngang, Dừng Lại Khi Rê Chuột" nhé

Cảm ơn bạn đã đọc bài viết của tôi, hãy để lại bình luận nếu có thắc mắc gì nhé.
Chúc các bạn thành công với những đoạn code của mình.

Nguồn: DoPhuQuy.Com

Cách Khắc Phục Lỗi Chuyển Hướng Trang Tĩnh Đến Liên Kết Ngoài Cho Blogspot

Như đã hứa ở bài đăng trước trên BFG  thì hôm nay mình sẽ chỉ cho các bạn cách khắc phục lỗi chuyễn hướng trang tĩnh nhé vì mình thấy trên đó có một số bạn cần.

Khi các bạn down một số Template từ các blog khác trên internet, họ có một số thủ thuật nhỏ để tăng view cho blog của họ đó là chuyển hướng trang tĩnh của bạn đến website của họ. Và như thế thì họ đã có thêm 1 lượt view còn bạn thì mất toi một lượt view rồi. Vì lý do đó hôm nay mình sẽ chỉ cho các bạn một mẹo nhỏ để khắc phục nó.

Đầu tiên các bạn vào trang quản trị Blogger  => Chủ Đề => Chỉnh Sửa HTML.

Các bạn click vào trang HTML và bấm tổ hợp CTRL+F  để mở hộp tìm kiếm của trình duyệt.
các bạn tìm kiếm với từ khóa

 String.fromCharCode

 và xóa đoạn code được mã hóa màu vàng ấy đi. ( mình đã gỡ bỏ nên không có ảnh minh họa )

Sau đó tiếp tục tìm đến từ khóa

$(document).ready(function () {   

sẽ được như hình sau;

Điều bạn cần làm bây giờ là xóa đoạn code đó đi và lưu Template lại là xong thôi.

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

Có Thể Bạn Quan Tâm:

• Xem Thêm: Cách Reset Case OR Mail Đã Bị Spam 
• Xem Thêm: Unlock CheckPonit 72h Cho Account Đăng Ký SĐT
• Xem Thêm: Cách thêm button menu DEMO và DOWLOAD cho blogspot

Tạo Tiện Ích (Widget) Bình Luận Gần Đây Cho Blogspot

Ý là hôm bữa Template cũ bị lỗi, lười fix quá nên down cái templaye mới của Toicode về sài mà thấy nó có cái tiện ích (widget) 'Bình Luận Gần Đây' đẹp quá nên ăn cắp về và share cho các bạn luôn 😀😀

Hình Ảnh Demo:

Hoặc Demo Tại Đây

Nó rất đơn giản thôi, các bạn chỉ cần thềm tiện ích javascrip/html vào và paste đoạn code dưới đây vào thôi vì đoạn code này đã được các admin trước edit thành liên kết tương đối

Bước 1: Truy cập vào Blogger.com => Bố cục => Thêm tiện ích => Javascript/html
Bước 2: Paste đoạn code này vào:

<style>
.nxmoi{color: #ccc;}
.nxmoi li{margin:0;padding:10px;border-left: 2px solid #ccc;}
.nxmoi li:before {content: "";width: 8px;height: 8px;display: block;border: 2px solid #ccc;border-radius: 50%;float: left;left:-5px;position: absolute;background: #065381;}
.nxmoi span a{color: #ddd;font-weight:600;transition: color .3s;}
.nxmoi span a:hover{color:#fff;transition: color .3s;}
</style>
<script>//<![CDATA[
var sl_nhanxet = 6,
    kt_nhanxet = 70;
// Recent Comment
function nhanxetmoi(json) {
    var entry, commurl, commsum;
    document.write('<ul class="nxmoi">');
    for (var i = 0; i < sl_nhanxet; i++) {
        entry = json.feed.entry[i];
        if (i == json.feed.entry.length) break;
        for (var k = 0; k < entry.link.length; k++) {
            if (entry.link[k].rel == 'alternate') {
                commurl = entry.link[k].href;
                break;
            }
        }
        commsum = ("content" in entry) ? entry.content.$t : ("summary" in entry) ? entry.summary.$t : "";
        commsum = commsum.replace(/<.*?>/g, "");
        if (commsum.length > kt_nhanxet) commsum = commsum.substring(0, kt_nhanxet) + "...";
        document.write('<li><span><a href="' + commurl + '" rel="nofollow">' + entry.author[0].name.$t + ' </a></span> <span>' + commsum + '</span></li>');
    }
    document.write('</ul>');
}
//]]></script>
<script src="/feeds/comments/summary?alt=json-in-script&amp;callback=nhanxetmoi"></script>

Bước 3: Lưu Template lại và xem thành quả thôi. Chúc các bạn thành công

Có Thể Bạn Quan Tâm:

• Xem Thêm: Code F12 Facebook
• Xem Thêm: Cách Get Token Không Dính CheckPoint
• Xem Thêm: Tut Unlock CheckPoint Account ĐK SĐT

Cách Thay Đổi Nền Thành Mã Code Chạy Cho Blogspot

Chắc hẳn ai làm blog như mình cũng đều mong muốn blog của mình trở nên đẹp đẽ và dễ coi hơn phải ko. Đặc biệt là các blog chuyên về thủ thuật hay hacker thì càng  muốn blog của mình càng trở nên ảo diệu phải ko nào?

Vì lí do đó nên hôm nay mình sẽ viết một bài về chủ đề đó. Đó chính là cách thay đổi nền blog, thay đổi từ nền trắng trở thành nền kỹ thuật số chạy như mình đây.

Thực ra nó khá là đơn giản nha các bạn, không có gì khó cả. Các bạn chỉ cần thực hiện như mình là sẽ được thôi

Đầu tiên các bạn vào Blog của mình và vào phần Chủ Đề => chỉnh Sửa HTML
Trên bàn phím các bạn bấm tổ hợp CTRL+F trên trình duyệt và bấm B. Body thì ta sẽ được như hình dưới

Thay cái liên kết đầu tiên của phần Body đó thành cái liên kết dưới đây:
Liên kết tại đây

Tùy các bạn có thể thay liên kết bên trên thành liên kết đến hình ảnh khác tùy theo ý muốn của các bạn.

Cuối cùng là lưu Template lại và lên blog xem thành quả.
Chúc các bạn thành công nhé.

Có Thể Bạn Quan Tâm:

• Xem Thêm: Tut Dame Câm Lặng Cực Thốn
• Xem Thêm: PSD Người Lạ Ơi
• Xem Thêm: Tut Unlock App All Dạng

Các Website Hữu Ích Cho Tất Cả Mọi Người

Xin chào tất cả mọi người, hôm nay rảnh quá ngồi lướt google thì vô tình thấy một bài viết hay của bạn kia nên mình xin copy về và paste lại cho anh em tham khảo luôn

mà chủ đề chính của bài viết này là share cho anh em mấy cái web giúp giải trí tý ấy mà, không cs gì hay ho đâu :))

Thôi mình vào chủ đề luôn nha, không dài dòng nữa :)

SỬA ẢNH

http://www.fotor.com/
https://www.befunky.com/
https://pixlr.com/
http://fotoflexer.com/
http://www.photoshop.com/tools/

SỬA VIDEO

https://www.magisto.com/
https://wideo.co/en/
https://clipchamp.com/en
http://web.creaza.com/
http://online-video-cutter.com/vi/
https://www.powtoon.com/

SỬA NHẠC AUDIO

http://mp3cut.net/
https://twistedwave.com/online/
https://soundation.com/

HỌC TOÁN

wolframalpha.com
projecteuler.net
mathrun.net
https://www.mathway.com/

HỌC NGOẠI NGỮ

duolingo.com
memrise.com
livemocha.com
busuu.com
verbling.com

CUNG CẤP ẢNH ĐẸP

https://unsplash.com/
https://picjumbo.com/
http://littlevisuals.co/
http://www.lifeofpix.com/
https://www.pexels.com/

KHOÁ HỌC ONLINE MIỄN PHÍ

Coursera.org
Ureddit.com
Udacity.com
Edx.org

LẬP TRÌNH

codeacademy.com
learncodethehardway.com
net.tutsplus.com
htmldog.com
trypython.org

NHỮNG TRANG WEB KÌ LẠ KHÁC

- Tự làm phim hoạt hình: http://www.dvolver.com/moviemaker/
- Chơi với nước: http://madebyevan.com/webgl-water/
- Cảm giác như ở quán café: http://rainycafe.com/
- Vẽ vòng xoáy Neon: https://29a.ch/sandbox/2011/neonflames/
- Vẽ với cát:https://thisissand.com/
- Trải nghiệm thế giới rối ren: http://zoomquilt.org/
- Lật ngược ký tự: http://en.fliptext.net/
- Nghe tiếng mưa gió (cho mấy bạn thất tình): http://www.rainymood.com/
- Vẽ vời rằn ri linh tinh: http://weavesilk.com/
- So sánh giá trị dinh dưỡng giữa 2 món ăn:http://www.twofoods.com/
- Xóa mọi thông tin cá nhân ở các trang web nổi tiếng: http://www.accountkiller.com/en/

Nguồn: Nguyễn Duy Blog

Có Thể Bạn Quan Tâm:

• Xem Thêm: Cách Thay Đổi Nền Blog
• Xem Thêm: Cách Thêm Hiệu Ứng Loading Cho Blog
• Xem Thêm: Code F12 FAcebook - Tổng Hợp ALL Chức Năng

Cách Để Google Index Bài Viết Nhanh Chóng

Chắc hẳn làm SEO hay khi đăng bài nên web ai cũng mong muốn web/bài viết của mình được google index (lập chỉ mục) nhanh ,tác dụng của việc index rất tốt cho web và việc SEO của bạn.  Bài viết này mình sẽ chỉ cho bạn những phương pháp để Google index trang web hay bài viết của bạn nhanh chóng. Bạn cần lưu ý hoàn thiện 100% nội dung trang web trước khi thực hiện thông báo với Google.

CÁCH GOOGLE INDEX NHANH #1: SUBMIT

1. Copy URL (địa chỉ)  trang web
2. Truy cập https://www.google.com/webmasters/tools/submit-url
3. Nhập URL, Catcha và Submit

CÁCH GOOGLE INDEX NHANH #2: PING SITEMAP

1. Đưa URL bài viết mới vào sitemap.xml
2. Copy URL của file sitemap; Ví dụ :  https://hphuc216.blogspot.com/
3. Gõ địa chỉ sau trên trình duyệt
   http://google.com.vn/ping?sitemap=[URL_SITEMAP]
   Ví dụ : http://google.com.vn/ping?sitemap=http://phucstar-it.tk/

Hoặc truy cập http://sitemap.vn và nhập URL của sitemap.

CÁCH GOOGLE INDEX NHANH #3: PING URL

1. Tập hợp danh sách các URL cần thông báo với công cụ tìm kiếm.
2. Truy cập vào Pingfarm.com  , pingomatic.com , ping.in , pingler.com
3. Paste các URL vào, rồi bấm Ping.

CÁCH GOOGLE INDEX NHANH #4: LINK BUILDING

1. Đặt liên kết từ trang web có nội dung thay đổi thường xuyên.
2. Chia sẻ link lên mạng xã hội: Google+, Facebook, Twitter,..
3. Đăng ký địa chỉ RSS của website lên tin.vn
4. Tự động cập nhật bài viết lên Facebook Fanpage.

CÁCH GOOGLE INDEX NHANH #5: CHÈN THẺ META

Bạn cần chèn thẻ vào phần header của web,mục đích là thông báo cho con bọ của google index nội dung của bạn,cái này nhiều có thể không có nhưng tất nhiên có vẫn tốt hơn bạn nhé.

Chỉ cần bạn áp dụng 5 cách nêu trên, bài viết của bạn sẽ được Google Index nhanh chóng, giúp khách hàng dễ dàng tìm thấy và truy cập vào website của bạn.

Chúc các bạn thành công và hớ ghé thăm blog thường xuyên nhé.

Nguồn:giaminhit.tk

Có Thể Bạn Quan Tâm:

• Xem Thêm: Code Tổng Hợp ALL Chức Năng Fb
• Xem Thêm: Ảnh Bìa Người Lạ Ơi
• Xem Thêm: Share 2 Link Unlock 5S

Công cụ thiết kế website đơn giản

Chào các bạn hôm nay mình xin chia sẽ  Công Cụ Thiết Kế Website Đơn Giản mà bên blog ThuThuatPc4x và Hưng Star-IT cũng có share rồi nên hôm nay cũng xin phép share lại cho bạn nào chưa đọc được. Không dài dòng nữa mình vào thẳng vấn đề luôn nhé .

CÔNG CỤ

Đây là giao diện chính của Site:

Các Member tìm mẫu thích hợp như dưới hình:

Chọn mẫu theo ý bạn :) nếu muốn edit code hãy vào mục source và chỉnh nhé

Sau đó các bạn copy code lại và Update lên website thôi

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

Tham khảo thêm tại: ThuthuatPC4x

Cách Thêm Hiệu Ứng Loading Đẹp Cho Blogspot

Để hiển thị hình ảnh khi load trang như ở trên bạn thêm code sau vào trước thẻ  
/b:skin trong Template

#st-loader {
position: fixed!important;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9999;
background:#0C0C0C
url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimg_uVMcgQF0kXwfkj3eJOVa6qWhrg5BHtzJF285cJcRs7WGRTSee3qYF0BNm9OJBdCew1Afvuya0cHpghsQyhfDvoCrdzjIHX7_tB-EmNnxiHXTqTN-IU7KTysfWUzUJoRSA_MyKaXGc/s1600/loading.gif')
no-repeat 50% 30%;
color: #FFF;
display: none;
font: 0/0 a;
text-shadow: none;
padding: 1em 1.2em;
}

Bạn có thể thay thế  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimg_uVMcgQF0kXwfkj3eJOVa6qWhrg5BHtzJF285cJcRs7WGRTSee3qYF0BNm9OJBdCew1Afvuya0cHpghsQyhfDvoCrdzjIHX7_tB-EmNnxiHXTqTN-IU7KTysfWUzUJoRSA_MyKaXGc/s1600/loading.gif thành link ảnh muốn hiện khi chuyển trang

• Gợi ý :3 Hiệu Ứng Loading Đẹp Cho Blogspot

Chèn đoạn code bên dưới trước thẻ đóng body:

Link Script

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

Có Thể Bạn Quan Tâm:

• Xem Thêm: 3 Hiệu Ứng Loading Đẹp Cho Blogspot 
• Xem Thêm: Share Template Smooth Gird - Blogger Cá Nhân Chuẩn SEO
• Xem Thêm: Share 2 PSD Bìa Người Lạ Ơi

3 Hiệu Ứng Loading Đẹp Cho Blogspot

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgaGB0Fju3JylTOwi8LgIDZPQhyiV0eN5TPvcrWB6Rn7XNCBSOnpFwT_CDcVvlWo_uMUcxBEWK5GMgbgEcdcSzqUwWHoMFx7gxSu2cbeaKOwRUo5w_ybK5wVBH9JvMstLwaSIshKKGYr7G/s320/tumblr_nln3scL0XO1

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimg_uVMcgQF0kXwfkj3eJOVa6qWhrg5BHtzJF285cJcRs7WGRTSee3qYF0BNm9OJBdCew1Afvuya0cHpghsQyhfDvoCrdzjIHX7_tB-EmNnxiHXTqTN-IU7KTysfWUzUJoRSA_MyKaXGc/s1600/loading.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWMjQI8M6HH-d1upEgzxs_9ZxHWK_4evqagH-AkQfPaBU27KeVkR570qTRIUNEpmpsAle5u3ewuZm7J-LOvW1s8U1VfW09rwm1AtUTCkS2V_KefRA6VwcNBxmkgnUCI_rx6PrcrG8SGgIj/s1600/loading.gif

Cách thêm button menu DEMO và DOWLOAD cho blogspot

Bước 1: Truy cập vào Blogger > Mẫu > Chỉnh sửa HTML
Bước 2: Kiểm tra xem template của bạn có đoạn code bên dưới chưa, nếu chưa thì chèn thêm nó vào trước thẻ đóng </head>

<script src='//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js'/>

Bước 3: Tìm đến trước thẻ đóng ]]></b:skin> hoặc </style> chèn đoạn css bên dưới vào.

#wrap {
margin: 20px auto;
text-align: center;
} #wrap br {
display: none;
} .btn-slide, .btn-slide2 {
position: relative;
display: inline-block;
height: 50px;
width: 200px;
line-height: 50px;
padding: 0;
border-radius: 50px;
background: #fdfdfd;
border: 2px solid #0099cc;
margin: 10px;
transition: .5s;
} .btn-slide2 {
border: 2px solid #efa666;
} .btn-slide:hover {
background-color: #0099cc;
} .btn-slide2:hover {
background-color: #efa666;
} .btn-slide:hover span.circle, .btn-slide2:hover span.circle2 {
left: 100%;
margin-left: -45px;
background-color: #fdfdfd;
color: #0099cc;
} .btn-slide2:hover span.circle2 {
color: #efa666;
} .btn-slide:hover span.title, .btn-slide2:hover span.title2 {
left: 40px;
opacity: 0;
} .btn-slide:hover span.title-hover, .btn-slide2:hover span.title-hover2 {
opacity: 1;
left: 40px;
} .btn-slide span.circle, .btn-slide2 span.circle2 {
display: block;
background-color: #0099cc;
color: #fff;
position: absolute;
float: left;
margin: 5px;
line-height: 42px;
height: 40px;
width: 40px;
top: 0;
left: 0;
transition: .5s;
border-radius: 50%;
} .btn-slide2 span.circle2 {
background-color: #efa666;
} .btn-slide span.title,
.btn-slide span.title-hover, .btn-slide2 span.title2,
.btn-slide2 span.title-hover2 {
position: absolute;
left: 90px;
text-align: center;
margin: 0 auto;
font-size: 16px;
font-weight: bold;
color: #30abd5;
transition: .5s;
} .btn-slide2 span.title2,
.btn-slide2 span.title-hover2 {
color: #efa666;
left: 80px;
} .btn-slide span.title-hover, .btn-slide2 span.title-hover2 {
left: 80px;
opacity: 0;
} .btn-slide span.title-hover, .btn-slide2 span.title-hover2 {
color: #fff;
}

Bước 4: Save Template (Lưu mẫu) lại.

Bước 5: Khi viết bài viết, để chèn nút Demo và Download thì bạn chuyển qua chế độ HTML sau đó dán đoạn HTML sau vào tương ứng:

<div id="wrap"><a class="btn-slide" href="http://hphuc216.blogspot.com/" target="_blank"> <span class="circle"><i class="fa fa-rocket"></i></span> <span class="title">Demo</span> <span class="title-hover">Click here</span> </a> <span class="circle"><i class="fa fa-rocket"></i></span> <span class="title">Demo</span> <span class="title-hover">Click here</span></a> <a class="btn-slide2" href="http://hphuc216.blogspot.com/" target="_blank"> <span class="circle2"><i class="fa fa-download"></i></span> <span class="title2">Download</span> <span class="title-hover2">Click here</span> </a> </div> <span class="circle2"><i class="fa fa-download"></i></span> <span class="title2">Download</span> <span class="title-hover2">Click here</span></a></div>

Lưu ý: Thay đường link https://hphuc216.blogspot.com  thành đường link của bạn.

Demo
Click here