SEO hiệu quả, thủ thuật SEO SEO

[Blogspot] 7 thanh cuộn scrollbar tuyệt đẹp cho blogspot

Mình mới sưu tầm được cho các bạn 7 thanh scrollbar (thanh cuộn) tuyệt đẹp cho blogspot. Nhờ nó mà blog của bạn sẽ trông khác lạ hơn, độc đáo hơn và bắt mắt hơn.
Đặc biệt, thanh cuộn chỉ dùng Css nên sẽ không làm ảnh hưởng đến tốc độ tải trang đâu nên các bạn hãy cứ yên tâm nhé :)
7 mẫu scrollbar đẹp cho blogger/blogspot
Cách thực hiện: Bước 1: Truy cập quản trị blogger - Chủ đề - Chỉnh sửa HTML.
Bước 2: Chọn 1 trong 7 mẫu thanh scrollbar bên dưới, copy và dán Css của mẫu đó trước thẻ ]]></b:skin> rồi lưu template lại.
Mẫu 1:
::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: #F5F5F5;
}
::-webkit-scrollbar
{
width: 12px;
background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #000000;
}
Mẫu 2:
::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F5F5F5;
}
::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #000000;
}
::-webkit-scrollbar
{
width: 10px;
background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb
{
background-color: #FF0000;
}
Mẫu 3:
::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F5F5F5;
border-radius: 10px;
}
::-webkit-scrollbar
{
width: 10px;
background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb
{
border-radius: 10px;
background:#c9d5ea;
background:linear-gradient(135deg,#000000 0,#FF0000 50%,#FFFF00 50%,#000000 100%);
}
Mẫu 4:
::-webkit-scrollbar-track{
-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
background:#fff 0% 0% repeat scroll;
}
::-webkit-scrollbar{
width:12px;
background-color:#FFF
}
::-webkit-scrollbar-thumb{
background-color:#00ACF5;
background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent)
}
::-webkit-scrollbar-thumb:hover{
background:#008BC5;
}
::-webkit-scrollbar-thumb:active{
background:#00ACF5;
-webkit-box-shadow:inset 1px 1px 2px rgba(0,0,0,.3)
}
Mẫu 5:
::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F5F5F5;
}
::-webkit-scrollbar
{
width: 10px;
background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb
{
background-color: #F90;  background-image: -webkit-linear-gradient(45deg,
rgba(255, 255, 255, .2) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, .2) 50%,
rgba(255, 255, 255, .2) 75%,
transparent 75%,
transparent)
}
Mẫu 6:
::-webkit-scrollbar
{
width: 10px; /*——Change width of scrollbar——*/
background-color: #F5F5F5;
}
::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F5F5F5;  /*——Change background color of scrollbar track ——*/
}
::-webkit-scrollbar-thumb
{
background-color: #0ae;
background-image: -webkit-gradient(linear, 0 0, 0 100%,
color-stop(.5, rgba(255, 255, 255, .2)),
color-stop(.5, transparent), to(transparent));  /*—— Scrollbar Thumb color ——*/
}
::-webkit-scrollbar-thumb:hover{
background-color: #0ae;
background-image: -webkit-gradient(linear, 0 0, 0 100%,
color-stop(.5, transparent), to(transparent)); /*——Scrollbar Thumb Hover color ——*/
}
Mẫu 7:
::-webkit-scrollbar {
width:12px; /*——Change width of scrollbar——*/
height:8px; /*——Change height of scrollbar——*/
}
::-webkit-scrollbar-track {
background:#111;
background:linear-gradient(135deg,#111 0,#444 50%,#444 50%,#111 100%);  /*——Change background color of scrollbar track ——*/
-webkit-box-shadow:inset 1px 1px 2px #E0E0E0;
border:1px solid #D8D8D8;
}
::-webkit-scrollbar-thumb {
background:#c9d5ea;background:linear-gradient(135deg,#d3416f 0,#6217ed 50%,#6217ed 50%,#d3416f 100%); /*—— Scrollbar Thumb color ——*/
-webkit-box-shadow:inset 1px 1px 2px rgba(155,155,155,0.4);
}
::-webkit-scrollbar-thumb:hover {
-webkit-box-shadow:inset 1px 1px 10px rgba(0,0,0,0.4);
background:#c9d5ea;background:linear-gradient(135deg,#6f9ded 0,#d3416f 50%,#d3416f 50%,#6f9ded 100%); /*——Scrollbar Thumb Hover color ——*/
}
::-webkit-scrollbar-thumb:active {
background:#c9d5ea;
background:linear-gradient(135deg,#6f9ded 0,#d3416f 50%,#d3416f 50%,#6f9ded 100%); /*——Scrollbar Thumb Active color ——*/
-webkit-box-shadow:inset 1px 1px 2px rgba(0,0,0,0.4);
}
Kết luận: Vậy là mình vừa giới thiệu xong cho các bạn 7 mẫu scrollbar tuyệt đẹp rồi đấy. Ngoài ra, bạn có thể tham khảo thêm bài viết về scrollbar trước đây của mình nhé.

Xem thêm: Tùy chỉnh thanh cuộn scrollbar
Source code: Mybloggerguides
Bạn hãy ghi nguồn tsmzzz.blogspot.com khi copy bài viết nhé để tôn trọng công sức tác giả nhé!


Xem tiếp

Full video Highlight 49 trận bất bại của Arsenal (2003 – 2004)

Thống kê chi tiết kỉ lục 49 trận bất bại của Arsenal Thành tích bất bại 49 trận đấu liên tiếp của Arsenal bắt đầu từ tháng 5 năm 2003 tới tháng 10 năm 2004, phá vỡ kỉ lục trước đó của Nottingham Forest với 42 trận bất bại kéo dài từ tháng 11 năm 1977 tới tháng 11 năm 1978. Hành trình kết thúc tại Old Trafford, khi arsenal thất bại 2 – 0 trong một trận đấu có nhiều tranh cãi vào tháng 10 năm 2004.
(Nguồn: arsenal.com)
Để hoàn thành điều này, Arsenal đã có nguyên một mùa giải không thua, thành tích ngang bằng với Preston North End, đội cũng đã có một mùa giải bất bại vào năm 1888 – 1889. Mặc dù Preston North End chỉ thi đấu 22 trận trong một mùa giải, trong khi arsenal là 38. Trong mùa giải 2003-2004 Arsenal chỉ thất bại trong việc ghi bàn ở 4 trận đấu, đó là những trận hòa 0 - 0 với Birmingham, Newcastle, Fulham và Manchester United. Trước trận đấu với Fulham, Arsenal đã ghi bàn trong 46 trận đấu trên sân nhà liên tiếp.
Bạn hãy ghi nguồn tsmzzz.blogspot.com khi copy bài viết nhé để tôn trọng công sức tác giả nhé!


Xem tiếp

[Blogspot] Tạo thông báo đẩy (Push Notifications) tuyệt đẹp từ OneSignal cho Blogger

Đối với mỗi website/blog, mỗi quản trị viên đều muốn gửi tới bạn đọc cũng như những người theo dõi (followers) những bài viết cùng những thông báo quan trọng, mới nhất để mọi người có thể cập nhật được những tin tức đó từ blog/website của bạn.
Ngoài việc đăng kí bài viết mới từ tiện ích Subcribe box có sẵn trong Blogspot thì ta có thể dùng một loại khác vừa độc đáo, tiện lợi và cũng không kém phần bắt mắt, đó chính là thông báo đẩy (Push Notifications).
Các website cung cấp dịch vụ này ví dụ như PushCrew, Goroost, PushAssist, Mixpanel....
Tuy nhiên hôm nay mình sẽ giới thiệu một website mới cũng cung cấp chức năng, dịch vụ tạo thông báo đẩy cho blog chính là OneSignal.
Đặc điểm của OneSignal Dịch vụ OneSignal không chỉ hoàn toàn miễn phí, mà nó còn hỗ trợ khá nền tảng mà bạn có thể cài đặt trên cùng 1 website, bao gồm:

  • Apple iOS
  • Google Android
  • Windows Phone 8.0
  • Windows Phone 8.1
  • Amazon Fire
  • Mac OS X
  • Google Chrome Extension
  • Google Chrome & FireFox
  • Safari
Bên cạnh đó, nó cũng hỗ trợ rất nhiều chức năng hay như:

  • Tự soạn thông báo đẩy theo ý thích.
  • Hẹn giờ gửi thông báo.
  • Tạo segment lọc người dùng đăng ký.
  • Hỗ trợ template thông báo.
  • Hỗ trợ A/B Testing.
Cách thực hiện: Bước 1: Các bạn truy cập OneSignal.com và đăng kí cho mình 1 tài khoản bằng cách click vào Sign Up Free (ở cuối trang).

Điền đầy đủ thông tin và click chọn Create account.


Đến đây, bạn phải xác minh tài khoản của mình bằng cách vào hòm thư (inbox) rồi click link xác nhận từ trang chủ.
Bước 2: Tạo app và cài đặt trên blog:
Sau khi xác nhận xong bạn sẽ được chuyển hướng thẳng đến 1 giao diện như hình dưới, hãy chọn Add a new app để tiếp tục:

Điền tên app tại App Name như hình dưới và Create (tùy bạn chọn nhưng thường sẽ đặt là tên của blog bạn luôn đó)


Tiếp đến, tích chọn Website PushNext.


Thông thường, mọi người hay lướt web bằng trình duyệt Google Chrome và Firefox nên ta tích chọn Google Chrome and Mozzila Firefox rồi Next.


Sau khi Next, bạn sẽ được chuyển sang giao diện cung cấp info. Tại đây:

  • Site URL: địa chỉ blog của bạn
  • Default Notification Icon URL: hình ảnh hiển thị trên thông báo (thông thường sẽ để logo blog bạn)


Lưu ý: Nếu blog bạn sử dụng domain mặc định thì thường sẽ là https:// còn là domain khác sẽ là http:// thôi. Nên theo mình, hãy tích chọn My site is not fully HTTPS khi là domain mặc định và không tích chọn khi là http nhé.
Ví dụ như blog mình là https://tsmzzz.blogspot.com/ thì mình sẽ tích chọn để sang bước thêm code :)
Khi tích chọn rồi thì hãy điền tên domain vào Choose Subdomain. Hãy ghi nhớ tên này để thực hiện bước dành cho địa chỉ https:// nhé.

Chọn Save để sang bước tiếp.
Đến đây, tích chọn Website PushNext:


Sau khi Next ta thấy 1 giao diện cung cấp cho bạn ID tại Your App ID, copy ID ra Notepad hay gì đó để sử dụng:


Hãy giữ nguyên như này và thực hiện bước chèn code và kích hoạt app như sau:
Truy cập quản trị blogger - Chủ đề - Chỉnh sửa HTML - Copy và dán đoạn Javascript bên dưới lên trước thẻ </body>
 - Đối với domain dùng http://
<script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" async='async'></script>
  <script>
    var OneSignal = window.OneSignal || [];
    OneSignal.push(["init", {
      appId: "YOUR_APP_ID",
      autoRegister: false, /* Set to true to automatically prompt visitors */
      httpPermissionRequest: {
        enable: true
      },
      notifyButton: {
          enable: true /* Set to false to hide */
      }
    }]);
  </script>
Thay ID bạn đã lưu ra Notepad thay vào YOUR_APP_ID.
 - Đối với domain dùng https://
<script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" async='async'></script>
  <script>
    var OneSignal = window.OneSignal || [];
    OneSignal.push(["init", {
      appId: "YOUR_APP_ID",
      autoRegister: false, /* Set to true to automatically prompt visitors */
      httpPermissionRequest: {
        enable: true
      },
      notifyButton: {
          enable: true /* Set to false to hide */
      },
      subdomainName: "your_subdomain_value" /* Value you added from step 1.4 of the HTTP setup guide, do not use the https:// nor the .os.tc */
    }]);
  </script>
Cũng thay ID bạn đã lưu ra Notepad thay vào YOUR_APP_ID. Ngoài ra, bạn phải thay tên subdomain tại your_subdomain_value (chỉ là tên thôi, ở bài này của mình thì là testblog và không hề có .os.tc hay https:// đâu nhé)
Xong xuôi hết thì lưu template lại.
Đến bước này, hãy truy cập blog của bạn và để ý ở phần cuối blog sẽ có biểu tượng hình cái chuông màu đỏ, click vào đó chọn Allow để cho phép nhận thông báo mới nhất từ blog (phần này để test xem thông báo đẩy có hoạt động hay không để hoàn thành nốt bước cuối).


Nếu Allow thành công, bạn quay lại OneSignal, tại chỗ giao diện mình bảo giữ nguyên như hình dưới này:


Click vào Check Subscribed Users, nếu thành công sẽ ra thông báo sau:


Chọn Done và kết thúc :)
Kết luận: Như vậy là mình đã vừa hướng dẫn cho các bạn xong cách đăng kí, cài đặt và sử dụng chức năng thông báo đẩy từ OneSignal rồi đó.
Thực ra là còn nhiều tùy chỉnh nữa nhưng do mình không có thời gian nên chưa thể hướng dẫn thêm cho các bạn được. Nếu có thời gian rảnh, các bạn hãy tự mình mày mò ra những chức năng khác như thay đổi màu quả chuông, thông báo đăng kí thành công, vị trí chuông....
Chúc các bạn thành công và hãy ghé thăm blog mình thường xuyên nhé :) Many thanks!
Bạn hãy ghi nguồn tsmzzz.blogspot.com khi copy bài viết nhé để tôn trọng công sức tác giả nhé!


Xem tiếp

Thủ thuật mở tài khoản Facebook đã bị khóa 2017

Mạng xã hội Facebook là một mạng xã hội lớn nhất thế giới hiện này. Ở Việt Nam cũng có rất rất nhiều người sử dụng Facebook hàng ngày, hàng giờ để cập nhật thông tin cũng như chia sẻ trạng thái như là một cuốn nhật kí di động và công cộng để từ đó nhận được sự tương tác, có lợi lẫn nhau từ mọi bên tham gia.
Nhưng đôi khi, vì một trò chơi ác ý hay một lần trót dại click linh tinh mà tài khoản Facebook của bạn bị khóa. Vậy thì để mở lại tài khoản, chúng ta sẽ làm gì? Bài viết hôm nay của mình sẽ giúp các bạn trả lời câu hỏi đó.
Cách thực hiện: - Đầu tiên đăng nhập vào tài khoản của bạn, gửi ảnh chụp mặt bạn lên.
- Sau khi gửi ảnh, nó sẽ hiện dòng chữ "You can't login right now" cùng nút đăng xuất, các bạn không bấm nút đăng xuất, vào link:
https://www.facebook.com/help/contact/183190208381429
- Lưu ý chỉ tài khoản bị checkpoint mới vào được link thôi, tài khoản bình thường nó sẽ hiện "Trang này không khả dụng".
- Các bạn vào link đó, chọn giấy tờ tuỳ thân (chứng minh thư, thẻ học sinh, thẻ sinh viên,…) rồi tải lên, nhớ giữ lại link của case sau khi gửi giấy tờ.
- Sau khi case có hồi đáp, bạn trả lời như sau:
"Hello,
- I read Facebook's community standards, I think I do not violate the terms.
- Maybe my Facebook account is disabled is wrong.
- I hope Facebook will review and reactivate my account.
- Below are some of my personal information.
My name: ………………………………….
My birthday: ………………………………………"
By: Vu Thanh Nguyen

Bạn hãy ghi nguồn tsmzzz.blogspot.com khi copy bài viết nhé để tôn trọng công sức tác giả nhé!


Xem tiếp

8 công cụ vô cùng hữu ích cho marketing, bán hàng và tìm thêm kiến thức online

Ba ngày rồi chưa post bài vì mình bận thí nghiệm đầu kì quá, lại sợ tạch nữa nên tập trung vào học hơn, năm cuối rồi mà.
Hôm nay có thời gian rảnh rảnh, mò mẫm thì tìm được 8 công cụ cực kì có ích đối với các bạn làm về marketing, bán hàng hoặc tìm kiếm thêm kiến thức trên mạng.
Tổng hợp công cụ này từ bạn Simba - 1 thành viên của group công nghệ.

8 công cụ hữu ích
1 – Tạo Logo chỉ trong 30 giây
Tất cả những gì bạn cần là: nhập tên brand, nhập tag chuyên môn – liên quan của brand, chọn tông màu.

Link: https://goo.gl/FLtxMJ

2 – Thư viện data của Google
Gồm rất nhiều data thuộc các nhóm/lĩnh vực: Xu hướng người dùng, mobile, bán lẻ, tìm kiếm, video.
Ngoài ra bạn còn có thể tìm kiếm các lĩnh vực theo từng tag nhỏ như quảng cáo, kinh doanh, điện tử, tài chính, thời trang, giáo dục, thể thao, du lịch…

Link: https://goo.gl/BMmRoo

3 – Thư viện UX Tools
Bạn sử dụng các phần mềm liên quan đến thiết kế, nhưng đã thực sự biết được ưu nhược điểm của những phần mềm đó?
Dưới đây là một website có tính năng so sánh các tools thiết kế, được so sánh theo từng module, từng nền tảng. Hy vọng có thể giúp ích cho bạn, trong việc hạn chế “dùng dao mổ trâu để giết gà”
Bạn hãy ghi nguồn tsmzzz.blogspot.com khi copy bài viết nhé để tôn trọng công sức tác giả nhé!


Xem tiếp

[Blogspot] Thủ thuật mở tất cả link sang tab mới

Thông thường, khi click vào 1 link bất kì trong blog bạn thường sẽ truy cập luôn tại tab hiện hành mà không mở link đó sang tab mới. Đôi khi điều này sẽ bất tiện nếu như ta muốn xem nhiều bài viết cùng 1 lúc mà blog đó lại có mã Javascript chống click chuột phải. Như vậy thì chắc chắn sẽ không thể chuột phải vào link và chọn Open link in new tab (Mở liên kết trong tab mới) có phải không?
Do đó, hôm nay mình sẽ chia sẻ cho các bạn 1 mẹo vô cùng nhanh gọn mà giải quyết được vấn đề nêu trên.
Cách thực hiện: Bước 1: Truy cập quản trị Blogger.
Bước 2: Sử dụng 1 trong 2 cách sau đây (tùy bạn lựa chọn):
Cách 1: Bố cục - Thêm tiện ích - HTML/Javascript - Dán toàn bộ đoạn code dưới đây vào khung nội dung:
<script type='text/javascript'>
var arr = document.getElementsByTagName("a"); //get all the links on a page(var i = 0; i < arr.length; i++)
{
if(arr[i].href.indexOf("https://tsmzzz.blogspot.com/") < 0 //​​instead link on this page
&& arr[i].href.indexOf("javascript:") < 0) // link
arr[i].target = "_blank";
}
</script>

Thay thế https://tsmzzz.blogspot.com/ thành địa chỉ blog của bạn rồi lưu lại.
Cách 2: Chủ đề - Chỉnh sửa HTML - Dán dòng dưới lên trước thẻ </head> rồi lưu template lại:
<base target='_blank'/>

Kết luận: Vậy là mình vừa hướng dẫn xong cho các bạn thủ thuật nho nhỏ để mở toàn bộ link truy cập sang 1 tab mới. Theo cá nhân thì mình sẽ chọn cách 2 vì vừa nhanh gọn lại vừa đỡ phải thêm 1 widget (tiện ích) nữa. Còn bạn thì hãy làm theo cách bạn thích :)
Chúc các bạn thành công!
Bạn hãy ghi nguồn tsmzzz.blogspot.com khi copy bài viết nhé để tôn trọng công sức tác giả nhé!


Xem tiếp

Share miễn phí bộ video Cách tán đổ người mình thích trong 30 ngày cực chất

Thế hệ bây giờ học hành căng thẳng, yêu đương lại càng là 1 vấn đề. Mà không yêu thì không hưởng trọn vẹn cảm xúc của 1 cuộc đời. Hôm nay, để giúp anh em thoát khoải kiếp FA thì mình có 1 bộ video cực khủng và chất lượng bày cho Cách tán đổ người mình thích (hay còn gọi là Crush) trong 30 ngày.
Link download: Cái này tùy thuộc theo phương pháp đời thực của anh em nữa nhé :)) Cố mà thành công đừng để FA dài dài như mình nha!
Bạn hãy ghi nguồn tsmzzz.blogspot.com khi copy bài viết nhé để tôn trọng công sức tác giả nhé!


Xem tiếp
Please Enable Javascript!Enable JavaScript