thu-thuat-blogspot

Tổng hợp những thủ thuật blogspot hay nhất

Tổng hợp những thủ thuật blogspot hay nhất


[tintuc]

Cài đặt chat facebook cho blogspot mới nhất, tạo live chat facebook cho blogspot

Bước 1: copy mã sau dán dưới <body> nếu có sẵn thì xóa đi dán cái này vô

<div id='fb-root'></div>
<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId            : '176690452847426',
      autoLogAppEvents : true,
      xfbml            : true,
      version          : 'v2.12'
    });
  };
  (function(d, s, id){
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement(s); js.id = id;
     js.src = "https://connect.facebook.net/vi_VN/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>

Bước 2: Thay ID App của bạn vô dãy số trên. 176690452847426
Truy cập link: https://developers.facebook.com/apps
Nếu chưa có thì bạn phải tạo, cái này không hướng dẫn thêm

Bước 3: Copy dán trước </body>

<div class="fb-customerchat"
 page_id="135641763240991"
 logged_in_greeting="HOATRANWEB CÓ THỂ HỖ TRỢ GÌ CHO BẠN ?"
 logged_out_greeting="Chào bạn. Bạn đang cần xem chủ đề gì ?">
</div>

Trong đó dãy số là ID Fanpage của bạn. Cách lấy ID truy cập link https://findmyfbid.com
Dán link Fanpage của bạn vô và nhấn tìm, xong thì thay thế vô dãy số trên.


Bước 4: Truy cập vô fanpage của bạn và làm theo như hình sau

Cài đặt - Nền tảng Messenger - Miền được đưa vào danh sách hợp lệ




Xong nhấn lưu lại. Quay lại website và test.
Chúc bạn thành công.

[/tintuc]
Tran Hoa | 4/27/2018 11:04:00 CH | Be the first to comment!
Cập nhật ngày:
[tintuc]
Hướng dẫn tăng view blogspot tăng lượt truy cập blogger

Phần mềm có tác dụng là tăng view cho blogger, nhưng phản tác dụng là blog của bạn sẽ mất top
Tải phần mềm tại địa chỉ: http://www.ipts.com/download.php
Pass: 123456

Sau khi tải về, giải nén nhập pass 123456
Mở file ipts.exe sau đó các bạn add url trang web của bạn vô.

Lưu ý khi sử dụng: Phần mềm có thể có virut, Làm CPU cao

[/tintuc]
Tran Hoa | 4/22/2018 01:06:00 CH | Be the first to comment!
Cập nhật ngày:
[tintuc]



Copy đoạn code dán trước </body> và có thể chỉnh sửa một số giá trị cho phù hợp.

<style>
    .hotline {
    position: fixed;
    left: 15px;
    bottom: 10px;
    top: initial !important;
    list-style: none;
    background-color: #fff;
    padding: 10px 6px 4px;
    z-index: 99999;
    border-radius: 20px;
    border: 1px solid #77b3d4;
    }

    .hotline a {
        font-size: 18px;
        color: #d80027;
        font-weight: 600
    }

    .phone img {
        margin-top: -9px;
        vertical-align: middle
    }

    .number {
        color: #060
    }
</style>


<div class="hotline">
<a class="phone" href="tel:0971539681">
<img alt="Hotline" src="https://2.bp.blogspot.com/-b-vuGeTB8B8/Wo2b3xIhwaI/AAAAAAAAE18/MMGBIhSqTjc6opXxPyiVANIpuKh5tdRKACLcBGAs/s1600/phone-32.png" /><span class="number">0971539681</span></a>
</div>

[/tintuc]
Tran Hoa | 2/21/2018 11:20:00 CH | Be the first to comment!
Cập nhật ngày:
[tintuc]
Hướng dẫn tạo quảng cáo adsense cố định hai bên web blogspot.



Bước 1: Vô adsense tạo và lấy mã banner dọc 160 x 600 hoặc nhỏ hơn vì to quá sẽ không đủ chỗ
Bước 2: Copy dán trước </body>

<style>
    .float-ads {
        position: fixed;
        top: 75px;
        z-index: 9000
    }
@media screen and (max-width: 680px) {
    .float-ads {display:none;}
}
</style>
<div class='float-ads' style='left: 0px;margin-left: -7px;'>

ADS TRÁI

</div>
<div class='float-ads' style='right: 0px;margin-left: -7px;'>

ADS PHẢI

</div>

Các bạn chỉnh các thông số cho phù hợp

Sau đó lưu lại
[/tintuc]


Hoa Tran | 1/13/2018 12:17:00 CH | Be the first to comment!
Cập nhật ngày:
[tintuc]
Bài 1:  Hướng dẫn thiết kế template blogspot
Bài 2: Hướng dẫn sắp xếp làm đẹp bố cục blogpsot

Bài này mình hướng dẫn cách lấy bài viết ra ngoài trang chủ blogspot

Trước tiên các bạn quay lại blog các bạn vô viết vài bài để test nhé. Xong các bạn vô chủ đề tìm tới phần CỘT GIỮA (COL-6)


Các bạn xóa nội dung tạm bên trong đi và thêm dòng code sau vào nó

<b:section class='main' id='mainpost' showaddelement='yes'>
<b:widget id='Blog1' locked='false' title='Bài đăng trên Blog' type='Blog'/>
</b:section>

Sau đó nhấn lưu lại và view link blog lên xem kết quả, bài viết đã được load ra ngoài trang chủ. Tuy nhiên nó lại dài quá. Nên mình cần thu gọn bài viết lại.

Tiếp theo mình hướng dẫn cách thi gọn bài viết trên trang chủ:

Bây giờ các bạn vô trong giao diện nhấn Ctrl + F tìm <data:post.body/> Xong nhấn tìm cái đích cần tìm là cái <data:post.body/> thứ 2 từ trên xuống. Sau đó bạn thay code sau vô chữ  <data:post.body/>


<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div>
<b:if cond='data:post.thumbnailUrl'>
<img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' height='72px' width='72px'/>
<b:else/>
<img alt='no image' class='post-thumbnail' height='72px' src='https://lh3.googleusercontent.com/-AUxGwRmuU-E/U8ElIkyjdPI/AAAAAAAAITM/A2uBu8llLJ0/s0/noimage.jpg' width='72px'/>
</b:if>
<data:post.snippet/>
</div>
<div class='jump-link'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
<b:else/>
<data:post.body/>
</b:if>
<b:else/>
<data:post.body/>
</b:if>

Nhấn lưu lại, tiếp theo ta thêm 1 chút CSS cho nó nhé, copy css sau dán trước </head>

<style>
  .post-thumbnail{
width: 23%;
    float: left;}
.post-title {
    color: #494949;
    font-family: Raleway, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1em;
    text-decoration: none;
    text-align: left;
    margin-top: 25px;
}
  .jump-link a{float: right;}
</style>

sau đó nhấn lưu lại, view link blog và xem kết quả. CSS mình chỉ là tạm thời nên các bạn cần chỉnh sao cho đẹp, chuẩn.

Bây giờ bạn có thể vô bố cục add các tiện ích như: nhãn, phổ biến, hình, ....

Tổng kết: như vậy là mình đã hướng dẫn load dữ liệu bài viết ra trang chủ
[/tintuc]
Tran Hoa | 1/09/2018 06:23:00 SA | | Be the first to comment!
Cập nhật ngày:
[tintuc]

Tiếp theo bài 1: Hướng dẫn thiết kế template blogspot cơ bản
Bài này mình sẽ hướng dẫn làm đẹp bố cục blogpsot, sắp xếp sao cho hợp lý dễ thao tác và quản lý nó.

Dưới </b:skin> bạn thêm
    <b:template-skin>
      <![CDATA[
]]>
    </b:template-skin>

Sau đó bạn thêm b:version='2' class='v2' vào chỗ html đầu tiên như hình dưới. Sau đó nhấn lưu lại


Giải thích: Template muốn có thẻ

    <b:template-skin>
      <![CDATA[
]]>
    </b:template-skin>

Bắt buộc phải có dòng này  b:version='2' class='v2' phiên bản 2 ý


Tiếp theo bạn copy dòng này dán vô trong thẻ <b:template>

body#layout ul{list-style-type:none;list-style:none}
body#layout ul li{list-style-type:none;list-style:none}
body#layout .col-3 {width:25%; float:left}
body#layout .col-6 {width:50%; float:left;}

Giải thích nhé: 2 dòng đầu là xóa các dấu chấm xuất hiện ở bố cục
2 dòng sau là ta căn chỉnh độ rộng cho các cột (trai - phải)

Mẫu mình làm gồm có 3 cột (TRÁI - GIỮA - PHẢI)

TRÁI + PHẢI = 50% (chung class là .col-3)
GIỮA = 50% (class là .col-6)

Cách gọi CSS của bố cục là body#layout phía trước sau đó đến class css hoặc id css xem như trên



col-3 là 2 cột 2 bên (trái - phải)
col-6: là phần main nằm giữa hai cột kia (làm sau nhé)

Tổng kết: Với bài này mình đã hướng dẫn cách làm đẹp bố cục blogspot, hy vọng nó giúp ích cho các bạn mới bước chân vô blog.

Các bạn tải mẫu bài 2 tại đây : Link tải

Bài sau mình hướng dẫn cách lấy bài viết ra ngoài trang chủ

[/tintuc]
Tran Hoa | 1/09/2018 05:42:00 SA | | Be the first to comment!
Cập nhật ngày:
[tintuc]
Sau đây mình xin hướng dẫn thiết kế 1 template blogspot đơn giản, bao gồm cả thiết kế bố cục, cách lấy bài viết.

Mục đích bài viết là để cho các bạn hiểu cách hoạt động cấu trúc của 1 blogger. Chứ không phải thiết kế 1 giao diện chuẩn 100% rồi mang bán, cái đó còn phụ thuộc vào kiến thức của mỗi người. Bài này mình chỉ cách hướng dẫn cơ bản, cho những bạn muốn tìm hiểu, tự làm blogspot cho riêng mình.

Các bạn nhìn bên dưới, phần thân web được chia làm 3 cột: Trái - Main - Phải

Xem link mẫu: https://bai1-ht.blogspot.com/


Bước 1: Tạo mới 1 blog (đặt tên và link đường dẫn)
Sau khi tạo xong các bạn vô link Mẫu blogspot trắng tinh copy dán đè lên giao diện cũ vừa tạo sau đó nhấn lưu lại


Đó là cấu trúc của 1 template blogspot trắng tinh, mình thường bắt đầu đề thiết kế 1 mẫu mới
- Giải thích: 1 template bắt buộc phải có 1 thẻ <b:skin> và 1 thẻ <b:section> thì mới lưu được nhé, nếu thiếu template sẽ báo lỗi và không thể nào lưu được.

Bước 2: Thêm thẻ meta responsive mobile
Copy link dưới đặt dưới <head>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
Sau đó nhấn lưu lại


Bước 3: Thêm CSS mà mình đã chuẩn bị

* {
    box-sizing: border-box;
}
img {
    width: 100%;
    height: auto;
}
.row:after {
    content: "";
    clear: both;
    display: table;
}
[class*="col-"] {
    float: left;
    padding: 15px;
    width: 100%;
}
@media only screen and (min-width: 600px) {
    .col-s-1 {width: 8.33%;}
    .col-s-2 {width: 16.66%;}
    .col-s-3 {width: 25%;}
    .col-s-4 {width: 33.33%;}
    .col-s-5 {width: 41.66%;}
    .col-s-6 {width: 50%;}
    .col-s-7 {width: 58.33%;}
    .col-s-8 {width: 66.66%;}
    .col-s-9 {width: 75%;}
    .col-s-10 {width: 83.33%;}
    .col-s-11 {width: 91.66%;}
    .col-s-12 {width: 100%;}
}
@media only screen and (min-width: 768px) {
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
}
html {
    font-family: "Lucida Sans", sans-serif;
}
.header {
    background-color: #9933cc;
    color: #ffffff;
    padding: 15px;
}
.menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.menu li {
    padding: 8px;
    margin-bottom: 7px;
    background-color :#33b5e5;
    color: #ffffff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.menu li:hover {
    background-color: #0099cc;
}
.aside {
    background-color: #33b5e5;
    padding: 15px;
    color: #ffffff;
    text-align: center;
    font-size: 14px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.footer {
    background-color: #0099cc;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    padding: 15px;
}

  
Copy CSS ở trên dán vô trong thẻ <b:skin> CSS ở trên </b:skin>
Cách khác là bạn copy CSS ở trên cho vào trong thẻ <style> CSS ở trên </style> và đặt nó trước </head>
Thẻ <b:skin> khi chạy trên trình duyệt nó tự động đổi thành thẻ <style>

Bước 4: Tạo dòng chữ logo

Dưới <body> thêm html sau

<div class="header">
  <h1>Logo - Template blogspot</h1>
</div>

Sau đó nhấn lưu lại và view blog lên xem nó như thế nào. Đó là xong phần header giờ tới phần thân web bao gồm 2 cột TRÁI - MAIN - PHẢI

Dưới phần header vừa thêm các bạn copy html sau dán dưới nó

<div class="row">
    <div class="col-3 col-s-3 menu">
        CỘT TRÁI
    </div>

    <div class="col-6 col-s-9">
        MAIN
    </div>

    <div class="col-3 col-s-12">
        CỘT PHẢI
    </div>
</div>


Đó là mình chia làm 3 cột như ban đầu thiết kế. Tiếp theo mình làm phần cột trái, mình sẽ làm luôn phần widget bố cục cho nó luôn nhé.

A. PHẦN CỘT TRÁI

Bạn xóa chữ CỘT TRÁI đi và copy dòng sau dán vô chỗ cũ
    <b:section id='cot-trai'  showaddelement='yes'></b:section>

Sau đó nhấn lưu lại và xóa thẻ <b:section> phái dưới đi vì không cần nữa
<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='yes'/>
Sau đó vô bố cục xem. nó đã xuất hiện tiện ích widget tên cot-trai



Các bạn nhấn Thêm tiện ích - Chọn HTML/Javascript

Dán đoạn html sau vô rồi lưu lại

  <ul>
    <li>Nhãn 1</li>
    <li>Nhãn 2</li>
    <li>Nhãn 3</li>
    <li>Nhãn 4</li>
  </ul>

Rồi bạn view link blog lên và xem kết quả.

B. PHẦN CỘT PHẢI

Cũng tương tự như phần cột trái, các bạn copy code sau dán đè vô chữ CỘT PHẢI
    <b:section id='cot-phai' showaddelement='yes'></b:section>



Sau đó lưu lại và vô bố cục nó đã xuất hiện tiện ích widget tên cot-phai

Các bạn nhấn Thêm tiện ích - Chọn HTML/Javascript và copy đoạn html dưới dán vô và lưu lại

<div class="aside">
    <h2>Theme blogspot bán hàng</h2>
    <p>Chania is a city on the island of Crete.</p>
    <h2>Theme blogpsot BĐS</h2>
    <p>Crete is a Greek island in the Mediterranean Sea.</p>
    <h2>Theme blogpsot tin tức?</h2>
    <p>You can reach Chania airport from all over Europe.</p>
  </div>

Sau đó view link blog và xem kết quả

C. PHẦN FOOTER

Bạn thêm html như sau: trước </body>

<div class="footer">

</div>

Như hình dưới nhé, các bạn click vô con số bên trái  để nó thu gọn lại cho dễ nhìn


3 phần trên nó song song với nhau, trong "footer" bạn copy dán thẻ <b:section> để tạo widget
<b:section id='footer' showaddelement='yes'></b:section>


Sau đó lưu lại và vô bố cục xem nó xuất hiện chưa. Mình vô thì có nhé


Các bạn nhấn Thêm tiện ích - Chọn HTML/Javascript
Dán đoạn html sau và lưu lại
  <p>Template blogspot bán hàng chuẩn seo - www.hoatranweb.com</p>
View link blog và xem kết quả.


D. PHẦN MAIN

Phần này là để lấy dữ liệu từ bài post của blog ra, Bài 2 mình sẽ hướng dẫn sau.

Tạm thời bạn tìm chữ MAIN và thêm dòng html sau và lưu lại

        <h1>
          Thiết kế template blogspot
        </h1>
        <p>
          Template blogspot bán hàng chuẩn seo, rip blogspot chuyên nghiệp thiết kế web blogger theo yêu cầu
        </p>
        <img src="https://www.w3schools.com/css/img_chania.jpg" width="460" height="345"/>

Xem hình:


Sau đó lưu lại view link blog và xem kết quả
Đây là kết quả blog mình vừa tạo nhé: https://bai1-ht.blogspot.com/
Với bài hướng dẫn này mình đã tạo được 1 blogspot đơn giản responsive mobile.

Tải bản mẫu tại đây: 

Với bài sau mình hướng dẫn cách sắp xếp bố cục + cách lấy bài viết ra ngoài trang chủ.


[/tintuc]
Tran Hoa | 1/08/2018 12:28:00 CH | | 8 Comments so far
Cập nhật ngày:
[tintuc]
Tổng hợp mẫu giao diện template blogspot bán hàng chuẩn seo đẹp mới nhất được mình thiết kế. Đáp ứng nhu cầu sử dụng template blogspot làm website bán hàng đẹp. Những mẫu blogspot bán hàng chuẩn seo, chuẩn meta H1 H2 H3 H4... tối ưu code

Việc chọn những mẫu template blogspot phải chuẩn seo thì sẽ giúp cho website blogspot của bạn dễ top google hơn cho việc seo blogspot top google

Những mẫu blogspot template blogger bán hàng dưới đây có thể đáp ứng được việc seo blogspot top google

1. Template blogspot bán hàng mobile điện thoại, giao diện blogspot bán hàng đẹp nhất hiện nay
Xem chi tiết tại: Template blogspot điện thoại đẹp
2. Template blogspot bán hàng tết đẹp chuẩn responsive
Xem chi tiết tại: Theme blogspot bán hàng tết đẹp
3. Template blogspot bán hàng thời trang đẹp
4. Template blogspot bán hàng mỹ phẩm chuẩn seo đẹp nhất
5. Template blogspot bất động sản đẹp

[/tintuc]

Cập nhật ngày:
[tintuc]
Dịch vụ thiết kế rip blogspot đẹp theo yêu cầu, giao diện 90 - 98% so với bản gốc.
Rip template blogspot
Rip theme blogger
Rip blogspot
Rip blogger theme
Thiết kế blogpsot
Thiết kế theme blogger
Thiết kế web blogspot

Thời gian 1 - 2 ngày làm việc, Rip chuẩn, nhanh chóng

LH: Hòa Trần
ĐT: 097 1539 681

[/tintuc]
Cập nhật ngày:



[tintuc]

Các bạn hãy xóa hết các thẻ meta cũ đi. Thông thường nó sẽ nằm trong khoảng từ thẻ <head> cho đến thẻ <b:skin> trong Template của bạn.

<meta content='ID' name='google-site-verification'/>
<meta content='ID' name='msvalidate.01'/>
<meta content='ID' name='p:domain_verify'/>
<meta content='ID' name='yandex-verification'/>
<meta charset='utf-8'/>
<meta content='IE=edge' http-equiv='X-UA-Compatible'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<meta content='blogger' name='generator'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='index,follow' name='Googlebot'/>
<meta content='index,follow,noodp' name='robots'/>
<meta content='noodp' name='robots'/>
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
<meta content='https://www.facebook.com/ID/' property='article:publisher'/>
<meta content='https://www.facebook.com/ID/' property='article:author'/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<title><data:blog.pageName/></title>
<meta content='index,follow' name='robots'/>
<meta content='noodp' name='robots'/>
<link href='https://plus.google.com/+ID/posts' rel='publisher'/>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/></b:if>
<b:if cond='data:blog.searchLabel'>
<title><data:blog.pageName/></title>
<!-- TRANG LABEL -->
<meta content='THÊM Description' name='Description'/>
<meta content='THÊM keywords' name='keywords'/>
<meta content='index,follow' name='robots'/></b:if>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<meta expr:content='data:blog.metaDescription' name='description'/>
<link expr:href='data:blog.url' rel='canonical'/>
<meta content='noodp,noydir' name='robots'/>
<meta content='THÊM keywords' name='keywords'/>
<meta content='website' property='og:type'/>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.metaDescription' name='og:description'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='LINK ẢNH TRANG CHỦ' property='og:image'/>
<b:else/>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<title><data:blog.pageName/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta content='noodp' name='robots'/>
<link href='https://plus.google.com/+ID/posts' rel='publisher'/>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<meta expr:content='data:blog.postImageUrl' name='twitter:image'/>
<meta expr:content='data:blog.postImageUrl' itemprop='image'/></b:if>
<meta content='data:blog.pageName' property='og:site_name'/>
<meta content='article' property='og:type'/></b:if>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>Page Not Found</title></b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<meta content='noindex' name='robots'/></b:if>
<b:if cond='data:blog.isMobile'><meta content='noindex,nofollow' name='robots'/></b:if>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.pageTitle + &quot;, &quot; + data:blog.title' name='keywords'/></b:if></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.postImageThumbnailUrl'><link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/></b:if></b:if>
<meta content='ID' property='fb:app_id'/>
<meta content='ID' property='fb:admins'/>
<link href='https://plus.google.com/+ID/posts' rel='publisher'/>
<link href='https://plus.google.com/+ID/posts/about' rel='author'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<link expr:href='data:blog.url' expr:title='data:blog.pageName' rel='openid.delegate'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
<link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<script type='application/ld+json'>
{&quot;@context&quot; : &quot;http://schema.org&quot;,&quot;@type&quot; : &quot;WebSite&quot;,&quot;name&quot; : &quot;<data:blog.pageTitle/>&quot;,&quot;url&quot; : &quot;LINK TRANG CHỦ&quot;}
</script>
<link expr:href='data:blog.canonicalHomepageUrl' hreflang='vi-vn' rel='alternate'/></b:if>
<b:else/>
<b:if cond='data:blog.pageTitle != data:blog.title'>
<link expr:href='data:blog.canonicalUrl' hreflang='vi-vn' rel='alternate'/>
</b:if></b:if>
Trong đó các ID các bạn thay ID của blog, ID facebook

[/tintuc]
Tran Hoa | 8/30/2017 04:26:00 CH | 2 Comments so far
Cập nhật ngày:


[tintuc]

Bài đăng này hướng dẫn xóa bỏ CSS mặc định của Blogger (widget_css_bundle.css) và JS (widgets.js) khỏi blog của bạn, nhằm tăng tốc và cải thiện tốc độ load của trang.

Bước 1: Vào chủ đề tìm thẻ <html> nó nằm ngay đầu trang

thêm b:css = "false"

<html b:css = 'false' expr: dir = 'dữ liệu: blog.languageDirection' xmlns = 'http: //www.w3.org/1999/xhtml' xmlns: b = 'http: //www.google. Com / 2005 / gml / b 'xmlns: data =' http: //www.google.com/2005/gml/data 'xmlns: expr =' http: //www.google.com/2005/gml/expr ' >
Bước 2: Xóa js mặc định của blogspot

Tìm thẻ đóng </body>

Thay bằng &lt;!--</body>--&gt;&lt;/body&gt;

Với hai bước trên bạn đã xóa bỏ css và js mặc định của blogger

Kết luận: Một số blog có thể bị lỗi bố cục sau khi xóa css mặc định.. vì nó không còn css nữa nên nó không còn sắp xếp.
[/tintuc]
Tran Hoa | 8/30/2017 03:36:00 CH | Be the first to comment!
Cập nhật ngày:
[tintuc]
Giới thiệu 3 công cụ mình thường xuyên dùng để viết được 1 trang blogspot hoàn chỉnh.

Bài viết có thiếu gì mong bạn bổ sung :D

1. Mẫu blogspot trắng tinh của bác mộc

Các bạn xem tại đây: Link

2. Notepadd++
- Dùng viết code và nhiều chức năng khác.

Các bạn tải nó ở đây: Link




3. http://jsbeautifier.org
- Sắp xếp lại css html js cho đẹp



Sau đây mình hướng dẫn cách dùng notepadd++ cơ bản, các lệnh mình hay dùng nhất: (có rất nhiều chức năng, bạn tra google sẽ rõ)

1. Xóa khoảng trắng giữa các dòng

Nhấn Ctrl + A để bôi đen hết
=> Edit - > Line Operations -> Remove Empty Lines (Containing Blank characters)

Dùng để xóa dòng trắng.


Chức năng thứ 2:

Gom tất cả các dòng thành 1 dòng



Giống như nhiều file .js nó cũng gom lại




Ngoài ra notepadd++ mình thấy rất nhiều chức năng. Rất là hay
- Mã hóa
- Hoa - Thường
- .... Rất nhiều

Cơ bản là vậy còn rất nhiều cái khác nữa: Thẻ điều kiện cho blogspot

BÀI SAU MÌNH VIẾT HƯỚNG DẪN CÁCH RIP 1 BLOG DẠNG TIN TỨC

[/tintuc]
Hoa Tran | 6/18/2017 04:56:00 CH | Be the first to comment!
Cập nhật ngày:

[tintuc]

Cách sử dụng:

Các thẻ này dùng để thiết kế, tối ưu blogspot

<b:if cond='data:blog.pageType != "data:blog.isMobile"'>
// Đoạn code
</b:if>


1. Thẻ điều kiện cho trang chủ, trang search label, trang archive:

<b:if cond='data:blog.pageType == "index"'>

2. Thẻ điều kiện cho bài viết.

<b:if cond='data:blog.pageType == "item"'>

3. Thẻ điều kiện cho trang tĩnh:

<b:if cond='data:blog.pageType == "static_page"'>

4. Thẻ điều kiện cho trang lưu trữ:

<b:if cond='data:blog.pageType == "archive"'>

5. Thẻ điều kiện cho trang chủ:

<b:if cond='data:blog.url == data:blog.homepageUrl'>

6. Thẻ điều kiện cho URL nhất định:

<b:if cond='data:blog.url == "URL nhất định"'>

7. Thẻ điều kiện cho Page và Post:

<b:if cond='data:blog.url == data:post.url'>

8. Thẻ điều kiện cho tất cả Label:

<b:if cond='data:blog.searchLabel'>

9. Thẻ điều kiện cho Label nhất định

<b:if cond='data:blog.searchLabel == &quot;Tên nhãn&quot;'>

10. Hiển thị nội dung cho bài viết đầu tiên tại trang chủ

<b:if cond='data:post.isFirstPost'>

11. Thẻ điều kiện cho mobile:

<b:if cond='data:blog.pageType == "data:blog.isMobile"'>

12. Thẻ điều kiện cho trang báo lỗi 404

<b:if cond='data:blog.pageType == "error_page"'>

13. Thẻ điều kiện cho trang tìm kiếm

<b:if cond='data:blog.searchQuery'>


Các loại điều kiện


Ví dụ:


Điều kiện đúng:

<b:if cond='data:blog.pageType == "index"'>
Điều phủ định:
<b:if cond='data:blog.pageType != "index"'>
Một số thẻ khác
1. Thẻ điều kiện khi bài viết có nhãn nào đó
<b:if cond='data:post.labels any (l => l.name == "TÊN NHÃN")'>
2. Thẻ điều kiện IN
<b:if cond='data:blog.pageType in {"static_page","item"}'>

Nội dung chỉ hiển thị Trang Tĩnh và trang Bài Viết

</b:if>
3. Thẻ điều kiện NOT IN
<b:if cond='data:blog.pageType not in {"static_page","item"}'> 

Nội dung không hiển thị Trang Tĩnh và trang Bài Viết 

</b:if>
4. Thẻ điều kiện AND
<b:if cond='data:blog.pageType == "static_page" and data:blog.pageType == "item"'> 

Nội dung hiển thị Trang Tĩnh và Trang Bài Viết 

</b:if>
4. Thẻ điều kiện OR
<b:if cond='data:blog.pageType == "static_page" or data:blog.pageType == "item"'> 

Nội dung hiển thị hoặc Trang Tĩnh hoặc Trang Bài Viết 

</b:if>
[/tintuc]
Hoa Tran | 4/16/2017 06:02:00 CH | 2 Comments so far
Cập nhật ngày:


[tintuc]

Sau đây là mẫu blogspot trắng tinh, dùng để thiết kế các mẫu html, blogspot, landingpage...
Mình hay dùng nó để bắt đầu quá trình thiết kế 1 blogspot



<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html>
<head>
<title>
Tiêu đề trang web
</title>
<!-- Bắt đầu viết Css cho web -->
<b:skin>
<![CDATA[ /* Chèn Css vào đây */ ]]>
</b:skin>
</head>
<!-- Bắt đầu phần hiển thị trên web -->
<body>
Thêm nội dung trang web của bạn vào đây
<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='yes'>
</b:section>
</body>
<!-- Kết thúc phần hiển thị trên web -->
</html>
[/tintuc]
Hoa Tran | 4/06/2017 01:19:00 CH | Be the first to comment!
Cập nhật ngày:
[tintuc]
Hướng dẫn thay form đặt hàng và các biểu mẫu liên hệ như các trang landingpage.

Xem video để hiểu (video cập nhật ngày 10/08/2017)




Xin chào các bạn, mình sẽ hướng dẫn cách thay form đặt hàng trên website blogspot của mình, áp dụng cho tất cả các mẫu, biểu mẫu đặt hàng, form liên hệ.

Trước tiên bạn nhìn vào form đặt hàng có bao nhiêu ô (trường), ví dụ hình dưới đây là 5 ô cần tạo (có bao nhiêu ô thì tạo bấy nhiêu trường). Vì mỗi mẫu có thể là 1 form (giỏ hàng) khác nhau

Mẫu 1: Tạo 5 ô


Mẫu 2: Tạo 7 ô

Mẫu 3: Tạo 6 ô


Rất nhiều kiểu form khác nhau.

Tiếp theo truy cập trang: https://docs.google.com/forms/u/0/

Các bạn tạo các ô theo thứ tự như trên (ô sản phẩm bạn đặt tên là Sản phẩm mua)



Mình sẽ tạo các ô như sau:
1. Họ tên
2. Địa chỉ
3. Số ĐT
4. Email (có hoặc không, theo mẫu trên thì không có email)
5. Sản phẩm mua
6. Ghi chú

Lưu ý: Tất cả để là Trả lời ngắn, hoặc đoạn (không cần bắt buộc). không check, không gì hết.. để là đoạn ngắn hoặc dài.

Xem mẫu mình tạo: Tại đây

Sau khi tạo xong, các bạn nhấn qua TAB câu trả lời



Tiếp theo nhấn vào dấu + mình tô màu vàng, nó mở ra 1 link excel

Các bạn nhấn vào Công cụ -> Trình sửa tập lệnh



Ra 1 link mới, các bạn copy đoạn code sau dán đè lên đó

function guiBieuMau(e)
{
  // Thay thế bằng địa chỉ email của bạn
  var email = "diachimail@gmail.com";
  // Tiêu đề của email được gửi về
  var subject = "Đơn đặt hàng tại......";
  // Không rành thì đùng đụng vào code ở dưới nhé
  var s = SpreadsheetApp.getActiveSheet();
  var columns = s.getRange(1,1,1,s.getLastColumn()).getValues()[0];  
  var message = "";  
  // Lấy ra những thông tin nào có dữ liệu điền vào
  for ( var keys in columns ) {
    var key = columns[keys];
    if ( e.namedValues[key] && (e.namedValues[key] != "") ) {

      message += key + ' :: '+ e.namedValues[key] + "\n\n";
    }
  }
  // Dùng MailApp service của Google Apps Script để gửi về email của bạn.
  MailApp.sendEmail(email, subject, message);

}

Các bạn copy ở đây


Các bạn thay email của bạn vào đó. Sau đó nhấn lưu

Tiếp theo nhấn vô biểu tượng đồng hồ



Các bạn chọn như hình



Nhấn vô chữ Thông báo chọn Ngay lập tức, sau đó nhấn lưu, nó yêu cầu xét các quyền, bạn chọn ok... nhấn lưu và quay lại form ban đầu 



Nhấn vô biểu tượng con mắt mình tô màu vàng, nó sẽ ra link form, các bạn test thử xem nó có gửi về email chưa. Mình test thử và vô email kiểm tra



Email đã nhận thông báo.



Như vậy các bạn đã tạo xong form đặt hàng... Tiếp theo mình hướng dẫn thay form đặt hàng trên web.

Trên blog các bạn vô tìm tên là giỏ hàng hoặc thanh toán nằm ở Trang hoặc bài viết tùy theo mẫu của mình. (các mẫu landingpage nằm trực tiếp trong giao diện, form ô tô nằm trong giao diện)


Tab HTML

Nếu css nó lộn xộn bạn ctrl + A copy toàn bộ nó rồi vô trang http://jsbeautifier.org/ dán để sắp xếp lại css cho đẹp, dễ nhìn. xong bạn copy ngược lại dán đè vào chỗ cũ.



Link mình tô vàng là link form của bạn mới tạo



Copy link tô màu vàng thế vô link trong giỏ hàng (chừa phần /viewform lại), tiếp theo trên form này bạn nhấn Ctrl + U



Kéo hết xuống dưới bạn sẽ thấy các con số tương ứng với các ô bạn đã tạo



Con số này để làm gì, các bạn sẽ lấy nó thay vào các entry.số giỏ hàng (thanh toán, biểu mẫu)

Các bạn thay các con số tương ứng với bên giỏ hàng.. (sản phẩm mua tương ứng với tổng đơn hàng)



Theo thứ tự: Họ tên, địa chỉ, số ĐT, Sản phẩm, Ghi chú

Xong lưu lại và lên web test đặt hàng

[/tintuc]
Hoa Tran | 3/16/2017 05:53:00 CH | Be the first to comment!
Cập nhật ngày: