Bài đăng

Hiển thị các bài đăng có nhãn Thủ Thuật Blogspot
Hình ảnh

Hướng Dẫn Tạo Link Động Ở Trang Chủ Chuyên Nghiệp Trên Blogspot

Mở ĐầuXin chào các bạn, hôm nay mình sẽ hướng dẫn các bạn thêm tạo link động hiển thị ở trang chủ như Blog của mình, mình khuyên chỉ nên áp dụng ở trang chủ , nếu áp dụng với các trang bài viết, trang tĩnh có thể sẽ gặp lỗi 404 NOT FOUND. Code này do mình Leech từ site index của ROX3T5 ( Thanh Chí Lâm ).
Hướng DẫnBạn thêm đoạn Javascript này trước thẻ đóng </body> hoặc thẻ đóng </head> :
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<script>        var counter = 0;
        var interval_set = 0;
        var anbus = ["1945VN-Team"]
        function changeTitle()
        {
           var d = new Date();
           var ts = d.getDate()+"/"+(d.getMonth()+1)+"/"+d.getFullYear()+"_"+d.getHours()+":"+d.getMinutes()+":"+d.getSeconds();
           var msg = "" + anbus[counter%anbus.length] + "/@/" + ts;
           history.pushState("","","/")
           histor…
Hình ảnh

Hướng Dẫn Mở Chặn Link Website Trên Facebook 2018

Mở đầuHello xin chào anh em, hôm nay mình sẽ hướng dẫn anh em kháng chặn link Facebook mới nhất 2018, cách kháng này là lợi dụng đường trung gian của support để kháng cáo một cách nhanh chóng. Hướng DẫnĐầu tiên bạn cần chuẩn bị 3 nick Facebook trắng có avatar + bìa + 1 status bất kỳ kèm theo 1 ảnh mặt thật trên wall, tên gì cũng được.
Nick 1 bạn tạo 1 fanpage bất kỳ liên quan đến domain của bạn đang bị chặn, ví dụ như NhanBlogger.Com thì bạn tạo fanpage tên Nhân Blogger hoặc Nhan Blogger , bạn up avatar và bìa lên cho trang ( lưu ý hãy up ảnh doanh nghiệp hoặc logo, tuyệt đối không up ảnh có gương mặt nào ), bạn vào cập nhật link website, bạn tiến hành rút gọn link như vnlink.top để không bị spam, bạn cập nhật link web xong, tiến hành sử dụng thủ thuật Spam link bằng cách vào avatar và bìa fanpage cmt link mà bạn vừa rút gọn xong ( vì là fanpage nên không sao ) Nick 2 bạn tiến hành chuẩn bị 1 cmnd chuyên rename account, bạn vào phần rename và fake ip Germany để đổi tên, bạn đổi tên khi …
Hình ảnh

Cách thêm nút "XEM" vào thumbnail cho blog

Cách Làm - Vào HTML tìm từ khóa :    <a expr:href='data:post.url' expr:title='data:post.title'>, sẽ có 1 - 2 thẻ này , bạn thêm html vào sau thẻ đầu tiên.

<div class='account_price' style='background:rgba(0,0,0,0) url(https://i.imgur.com/A1z8i4D.png) repeat scroll 0 0;bottom:0;color:#ff4f53;height:23px;left:50%;line-height:23px;margin-left:-52px;position:absolute;text-align:center;width:104px'>Xem</div> - Hình demo :  - Lưu lại và tận hưởng thành quả !
Hình ảnh

Hướng dẫn chèn menu tiện ích khi trượt trong bài viết cho Blogspot

Mở đầu - Hello xin chào các bạn, đã lâu rồi mình không ra thủ thuật blogspot cho anh em rồi, hôm nay nhân tiện ghé blog BacSiWindows thấy cái menu tiện ích khi trượt trong bài viết chất quá nên rip về share cho anh em. Cách thêm menu Thêm toàn bộ code này vào sau thẻ body
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='share-this'>
<div class='share-content'>
<div class='share-btn'>
<a class='fbs ripple' expr:href='&quot;//m.facebook.com/sharer/sharer.php?u=&quot; + data:blog.url' onclick='window.open(this.href, &quot;_blank&quot;, &quot;height=430,width=640&quot;); return false;' target='_blank' title='Chia sẻ bài viết lên Facebook'><i class='fab fa-facebook-f'/><span>Share</span></a>
<a class='gps ripple' expr:href='&quot;//plus.google.com/share?url=&quot; + data:blog.url' onclick…
Hình ảnh

Hướng dẫn làm hiệu ứng loading chuyên nghiệp cho blogspot

Hello xin chào anh em :P, Xì Ta Nhân đã comeback blog đây :3 và còn mang theo một số thủ thuật và code có ích mà mình đã rip từ các website nước ngoài, hôm nay mình sẽ chia sẻ code loading chuyên nghiệp trên nền tảng blogspot.

Hướng dẫn cách làm Anh em cho toàn bộ code bên dưới vào sau thẻ <body> <style>
#loader-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000}#loader-wrapper .loader-section{position:fixed;top:0;width:51%;height:100%;background:#eceff1;z-index:1000;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}#loader-wrapper .loader-section.section-left{left:0}#loader-wrapper .loader-section.section-right{right:0}#loader{display:block;position:relative;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;border:3px solid transparent;border-top-color:#3498db;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;z-index:1001}#loader:before{content:&quot;&…
Hình ảnh

Intro hiển thị hình ảnh hiệu ứng đẹp mắt cho Blogspot

Hello anh em, hôm nay đi dạo trên Codepen thì mình đã vô tình phát hiện được một code hiệu ứng đẹp mắt mà anh em có thể dùng để trang trí cho Blog của mình, đoạn code này có dạng ảnh 3 cột và có hiệu ứng hover rất đẹp, nó có thể dùng làm label langding cho blog của bạn nếu bạn biết cách tùy biến.
Đoạn code Để thêm vào blog , bạn hãy đặt đoạn code này vào nơi nào mà bạn thích ( có thể là dưới menu hoặc footer )  <b:if cond='data:blog.url == data:blog.homepageUrl'>
 <b:if cond='data:blog.isMobileRequest == &quot;false&quot;'>
<style class="cp-pen-styles">@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);
@import url(https://fonts.googleapis.com/css?family=Arial:700);
.snip1543 {
background-color: #fff;
    color: #ffffff;
    display: inline-block;
    font-family: 'Arial', sans-serif;
    font-size: 16px;
    margin: 10px 5px;
    max-width: 405px;
    min-width: 230px;
    overflow: hidden;
    position: r…
Hình ảnh

Hướng dẫn tạo intro hiệu ứng hover đẹp mắt trên Blogspot

- Xin chào các bạn, hôm này mình sẽ đăng bài về thủ thuật blog để hướng dẫn các bạn cách thêm intro hiệu ứng hover đẹp , hiệu ứng này mình lấy từ codepen.io và chia sẻ lại cho các bạn nên bạn nào có copy code ghi nguồn codepen.io nhé.
Hướng dẫn cách làm - Bạn cho toàn bộ code sau vào nơi cần đặt intro hoặc chữ , thường là dưới menu hoặc footer. <b:if cond='data:blog.url == data:blog.homepageUrl'>

<style class="cp-pen-styles">.center {
  display: flex;
  width: 100vw;
  height: 40vh;
  background-color: black;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.center__text {
  margin: auto;
  font-family: 'Montserrat', sans-serif;
  font-size: 120px;
  text-transform: uppercase;
}
.glitch {
  position: relative;
  color: white;
  mix-blend-mode: lighten;
}
.glitch:before, .glitch:after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  width: 100%;
  background: black;
  clip: rect(0, 0, 0, 0);
}
.glitch:before {
  left: -1…
Hình ảnh

Cách cho hình ảnh hiển thị giữa bài viết cho Blogspot - Tối ưu thumbnail

Xin chào các bạn, vừa rồi thì mình có đi thăm vài blog và thấy một số blog bị lỗi ảnh trong bài viết không nằm ra giữa, mình sẽ lấy ví dụ của blog Chánh Đức Blog như sau :
Các bạn có thể thấy là nó dư một khoảng trống giữa content-wrapper với ảnh, để fix lỗi này, mình sẽ có hai cách để tối ưu thumbnail của bạn đồng thời sửa lỗi này.
Cách làm- Ở trang tạo bài viết trên Dashbroad của chúng ta, bạn tiến hành tải một bức ảnh lên, mặc định của nó khi mới tải lên sẽ là như này sẽ là như này : Nó sẽ bị dư hai bên , bạn tiến hành nhấn vào ảnh và chọn : Kích thước ban đầu :
Xuất bản và xem có bị lỗi nữa không nhé :D Cách tối ưu ảnh- Để tối ưu ảnh này một cách chuẩn nhất thì khi Design ảnh bằng Photoshop bạn nên đặt kích thước là 1000x500 thì sẽ chuẩn với bố cục bài viết, chúc anh em thành công !
Hình ảnh

Cách cho hình ảnh hiển thị giữa bài viết cho Blogspot - Tối ưu thumbnail

Xin chào các bạn, vừa rồi thì mình có đi thăm vài blog và thấy một số blog bị lỗi ảnh trong bài viết không nằm ra giữa, mình sẽ lấy ví dụ của blog Chánh Đức Blog như sau :
Các bạn có thể thấy là nó dư một khoảng trống giữa content-wrapper với ảnh, để fix lỗi này, mình sẽ có hai cách để tối ưu thumbnail của bạn đồng thời sửa lỗi này.
Cách làm - Ở trang tạo bài viết trên Dashbroad của chúng ta, bạn tiến hành tải một bức ảnh lên, mặc định của nó khi mới tải lên sẽ là như này sẽ là như này : Nó sẽ bị dư hai bên , bạn tiến hành nhấn vào ảnh và chọn : Kích thước ban đầu :
Xuất bản và xem có bị lỗi nữa không nhé :D Cách tối ưu ảnh - Để tối ưu ảnh này một cách chuẩn nhất thì khi Design ảnh bằng Photoshop bạn nên đặt kích thước là 1000x500 thì sẽ chuẩn với bố cục bài viết, chúc anh em thành công !
Hình ảnh

Hướng dẫn chèn quảng cáo Adtech vào Blogger

Xin chào các bạn,chào mừng các bạn trở lại với Star Nhân IT hôm nay mình sẽ hướng dẫn anh em cách chèn quảnh cáo từ Adtech , loại quảng cáo chuyên nghiệp có style giống quảng cáo của Google do LinkThuThuat và cụ thể là Khanh Blogger ( Nguyễn Trọng Khanh ) đã viết được, đặt quảng cáo này trên blog sẽ giúp cho blog của bạn trở nên chuyên nghiệp và cũng như quảng cáo giúp các blogger khác có thêm một lượng người truy cập Website lớn.
Cách chèn Javascript Adtech vào Blogger- Để chèn loại quảng cáo đẹp mắt và chuyên nghiệp này bạn hãy thêm đoạn JS sau trước thẻ </head> , lưu ý là đoạn js này rất quan trọng vì nó sẽ lấy dữ liệu bài viết từ https://adtech.ltt.doubleclick.linkthuthuat.com/ và hiển thị trên blog của chúng ta.

<script>var idayltt = "2018/04"; var idpub = 4323</script><script async='async' src='https://cdn.rawgit.com/nbtkhanh/linkthuthuat/master/adtechlinkthuthuat.js' type='text/javascript'></script>Cách chèn javascri…
Hình ảnh

Hướng dẫn chèn quảng cáo Adtech vào Blogger

Xin chào các bạn,chào mừng các bạn trở lại với Star Nhân IT hôm nay mình sẽ hướng dẫn anh em cách chèn quảnh cáo từ Adtech , loại quảng cáo chuyên nghiệp có style giống quảng cáo của Google do LinkThuThuat và cụ thể là Khanh Blogger ( Nguyễn Trọng Khanh ) đã viết được, đặt quảng cáo này trên blog sẽ giúp cho blog của bạn trở nên chuyên nghiệp và cũng như quảng cáo giúp các blogger khác có thêm một lượng người truy cập Website lớn.
Cách chèn Javascript Adtech vào Blogger - Để chèn loại quảng cáo đẹp mắt và chuyên nghiệp này bạn hãy thêm đoạn JS sau trước thẻ </head> , lưu ý là đoạn js này rất quan trọng vì nó sẽ lấy dữ liệu bài viết từ https://adtech.ltt.doubleclick.linkthuthuat.com/ và hiển thị trên blog của chúng ta.

<script>var idayltt = "2018/04"; var idpub = 4323</script><script async='async' src='https://cdn.rawgit.com/nbtkhanh/linkthuthuat/master/adtechlinkthuthuat.js' type='text/javascript'></script> Cách chèn java…
Hình ảnh

Hướng dẫn tạo menu share chạy dọc trong bài viết cho blogspot

Xin chào các bạn, hôm qua thì mình có ghé thăm blog demo của Bác Sĩ Windows để xem có gì mới không thì mình chợt phát hiện một Widget rất đẹp mà có thể các anh em Blogger sẽ thích đó là một thanh menu nằm ngang và chạy dọc mỗi khi bạn cuộn chuột và thanh menu này hoạt động trong bài viết.
Cách làmBạn thêm đoạn code này vào sau thẻ <body> : <b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='bsw_post_outer wow fadeInUp' data-wow-delay='0.3s'>
<style>
.bsw_post-info3{z-index:99;display:inline-block}
.bsw_post-info3 .comment_info{
    height: 38px;
    width: 38px;
    line-height: 38px;
    padding: 0;
margin:0 3px;
    float: left;
    text-align: center;
    border-radius: 50%;
    font-weight: 400;
    color: #666!important;
    transition: .345s;
    font-size: 18px!important;
cursor:pointer
}
.bsw_post-info3 .comment_info:hover,.bsw_post-info3 .comment_info:focus{background:#ededed}
.bsw_arrow-alert{position:absolute;background:#ddd;pa…