TemBlogger chuẩn SEO và có giao diện Đẹp

 [giaban]50,000[/giaban][giagoc]250,000[/giagoc]

[motangan] 

TemBlogger chuẩn SEO và có giao diện đẹp của THCSGIAOAN.TK

 [/motangan]

[chitiet]

Template bán hàng dành cho blogspot đầy đủ chức năng nhất  bao gồm :
Giao diện đã được mình tích hợp sẵn nhiều tiện ích và tối ưu, chỉnh sửa lại rất nhiều theo mục đích sử dụng của mình. Giao diện Blogspot này được rất nhiều người ưa chuộng sử dụng trên toàn thế giới.

TemBlogger chuẩn SEO và có giao diện đẹp của THCSGIAOAN.TK

Download Mediafire: thcsgiaoan.tk Download 

Link Fshare dự phòng: thcsgiaoan.tk Download

Hướng dẫn tùy biến tamplate:

 1. Các Menu box đã được mình đánh dấu bằng thẻ:

 Update lại 15/03/2014:

Tìm

</div>
<div class=’body-info’>
<script>document.write(&quot;&lt;script src=&quot;/feeds/posts/default/-/Tư vấn Giáo dục?max-results=&quot;+7+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=helloximo02&quot;&gt;&lt;/script&gt;&quot;);</script>
</div>

Chú ý

/feeds/posts/default/-/Tư vấn Giáo dục

Thay Tư vấn Giáo dục thành tên label của bạn

Tìm

/feeds/posts/default/-/Labels

Thay thế Labels bằng tên các nhãn của bạn

VD: http://thcsgiaoan.tk/search/label/Blogger

Bạn chỉ cần thêm Blogger thay thế cho Labels. Chú ý một số bạn gõ tiếng việt bằng các bộ gõ không chuẩn Web 2.0 làm đường link bị lỗi thì bạn copy đuôi nhãn sau /search/label/ ở phần tử “nhãn” là chuẩn nhất, nếu không thì nó sẽ không hiển thị.

Thay thế các tên menu bằng tên menu tương ứng của bạn.

2. Tùy biến Plugin comment Facebook

Tìm đoạn:

Read more

Chia sẻ TemBlog Shop có cả tin tức 2015

 [giaban]000,000[/giaban][giagoc]50,000[/giagoc]

[motangan] 

Nếu bạn sử dụng Blogger và đang có ý định kinh doanh trên mạng, thì đây là  mẫu template bạn có thể tham khảo và sử dụng để tạo một trang  website bán hàng trức tuyến với  blogger – blogspot.

[/motangan]

[chitiet]

Template bán hàng dành cho blogspot đầy đủ chức năng nhất  bao gồm :
-trưng bày giá sản phẩm
-giỏ hàng
-thanh toán bằng paypal (bỏ qua vì ở Việt Nam ít người dùng)
- mục tin tức cửa hàng - cái này đặc biệt thêm vào vì hầu hết template bán hàng trên mạng share đều không có

Một số tính năng nổi bật của Template shop điện tử :

 2-a widget hỗ trợ online -dễ nhất- ở đây là yahoo: 

TemBlogger Shop có cả tin tức

  thêm widget->html chèn mã

<div style="margin-left:50px;"><a border="0" href="ymsgr:sendim?shimi@ymail.com"><img border="0" src="http://opi.yahoo.com/online?u=shimi@ymail.com&amp;t=14" /></a>
</div>
<br/>

2-b widget giỏ hàng và link đến giỏ hàng :

TemBlogger Shop có cả tin tức

      

 <style>

.hudbtn.primary{
    border-color:#3D7530;
    background: #97c865; /* Old browsers */
    background: -moz-linear-gradient(top,  #97c865 0%, #44933d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#97c865), color-stop(100%,#44933d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #97c865 0%,#44933d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #97c865 0%,#44933d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #97c865 0%,#44933d 100%); /* IE10+ */
    background: linear-gradient(top,  #97c865 0%,#44933d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97c865', endColorstr='#44933d',GradientType=0 ); /* IE6-9 */
    -webkit-box-shadow:inset 0 1px 0 #D8E994;
    -moz-box-shadow:inset 0 1px 0 #D8E994;
    box-shadow:inset 0 1px 0 #D8E994;
    color:#fff;
}
.hudbtn.primary:hover{
    background: #91bf61; /* Old browsers */
    background: -moz-linear-gradient(top,  #91bf61 0%, #3f8738 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#91bf61), color-stop(100%,#3f8738)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #91bf61 0%,#3f8738 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #91bf61 0%,#3f8738 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #91bf61 0%,#3f8738 100%); /* IE10+ */
    background: linear-gradient(top,  #91bf61 0%,#3f8738 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91bf61', endColorstr='#3f8738',GradientType=0 ); /* IE6-9 */
}
.hudbtn.primary:active{
    background: #3f8738; /* Old browsers */
    background: -moz-linear-gradient(top,  #3f8738 0%, #91bf61 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3f8738), color-stop(100%,#91bf61)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #3f8738 0%,#91bf61 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #3f8738 0%,#91bf61 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #3f8738 0%,#91bf61 100%); /* IE10+ */
    background: linear-gradient(top,  #3f8738 0%,#91bf61 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f8738', endColorstr='#91bf61',GradientType=0 ); /* IE6-9 */
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
}
.cartInfo:hover{
    background-color:#e8eaed;
}
.cartInfo.open{
    background-position:-218px -26px;
}
.left{
float:left;}
.right{
float:right;}
#cartPopover{
float:left;
height:auto;
}
.simpleCart_quantity{
float:left;
font-weight:bolder;
}
.simpleCart_total{
font-weight:bolder;

}
</style>

<div style="float:left;width:230px;height:50px;margin-bottom:10px;">
        <div style="float:left;margin:5px">
        <img src="http://3.bp.blogspot.com/-I4Rz2CCnHVA/UEi9mBlKf4I/AAAAAAAACtk/rBxl5AyGljo/s600/f.png" height="40px" width="40px"/>
        </div>
<div style="float:left;width:170px;height:50px;margin-left:5px;">
        <div class="cartInfo" id="cartInfo" ></div>
            <div id="cartPopover">
                    <div id="cartData" class="clearfix" style="margin:5px;">
                                                 <div class="left" >
                                <strong>Hiện Bạn Có:    </strong>
                                </div>                <div class="left">
                                <span class="simpleCart_quantity" style="color:RED"></span>
                                                                </div>
                                                                                 <div class="left" >
                                <strong> Sản Phẩm    </strong>
                                </div>
                                                              <br/>   
                                                              <br/>   
                                       <div class="left"><strong>Tổng:   </strong><span class="simpleCart_total" style="color:RED"></span>
                               
                                                        </div>
                    </div>
     </div>

</div>
</div>
<div style="float:left;width:230px;margin-bottom:5px;">
                    <div id="popoverButtons" class="clearfix" style="margin-bottom:5px;">
                        <a href="http://crytalsoga.blogspot.com/p/gio-hang.html" class="hudbtn left">Chi Tiết Hàng Bạn Chọn </a>
                        <a href="#" class="simpleCart_checkout hudbtn right">Liên Hệ </a>
                    </div>
</div>

Read more

CHIA SẺ TEMPLATE SHOP BÁN HÀNG ĐẸP

 [giaban]000,000[/giaban][giagoc]50,000[/giagoc]

[motangan] 

Nếu bạn sử dụng Blogger và đang có ý định kinh doanh trên mạng, thì đây là  mẫu template bạn có thể tham khảo và sử dụng để tạo một trang  website bán hàng trức tuyến với  blogger – blogspot.

[/motangan]

[chitiet]

  Blogger ngày càng có nhiều người sử dụng hơn bởi tính ổn định, dễ tùy biến, quản lý, dể dàng tạo ra một blog các nhân, trang nghe nhạc, trang phim ảnh,.... một cách nhanh chống và tất nhiên là cũng có thể tùy biến nó thành một gian hàng trực tuyến cho riêng mình. Nếu bạn sử dụng Blogger và đang có ý định kinh doanh trên mạng, thì đây là mẫu template bạn có thể tham khảo và sử dụng để tạo một trang  website bán hàng trức tuyến với  blogger – blogspot.

Một số tính năng nổi bật của Template shop điện tử :

§  Hỗ trợ seo tốt : Đã tối ưu các thẻ H1,H2,H3...Có thể xem tại đây

§  Sử dụng ít Javascrip lên load rất nhanh.

§  Slider hình ảnh với hiệu ứng đẹp và tự động cập nhật bài viết theo nhãn.

§  Bố cục đơn giản, giao diện thoáng

§  Dễ dành sử dụng và thay đổi

§  Tích hợp sẵn Breadcrumbs

§  Tích hợp thanh toán NganLuong, Baokim, Paypal

§  Có sẵn Form đặt hàng tự động gửi về mail . (sử dụng form liên hệ của google , dễ dàng thay đổi)

§  Comment Facebook

§  Tự động tính % giảm giá và hiện ở trang chủ

§  .....

Nhược điểm : Nhược điểm lớn nhất và thiếu sót lớn nhất của Template bán hàng này là không có chuyên mục tin tức. Tức là chỉ có thể hiển thị sản phẩm bán hàng thôi còn tin tức thì không được. Đây cũng là thiếu sót khi mình thiết kế. Tới giờ vẫn chưa khắc phục ( Cơ bản là vì lười làm lại :v - Mọi người thông cảm ). Tuy đây là thiếu sót rất lớn nhưng Template vẫn là 1 Template bán hàng rất tốt ....

Read more

10 Template bán hàng Miễn phí cho Blogspot

Template bán hàng MiễnTemplate bán hàng Miễn

[giaban]000,000[/giaban][giagoc]50,000[/giagoc]

[motangan] 

Nếu bạn sử dụng Blogger và đang có ý định kinh doanh trên mạng, thì đây là 10 mẫu template bạn có thể tham khảo và sử dụng để tạo một trang  website bán hàng trức tuyến với  blogger – blogspot.

[/motangan]

[chitiet]

  Blogger ngày càng có nhiều người sử dụng hơn bởi tính ổn định, dễ tùy biến, quản lý, dể dàng tạo ra một blog các nhân, trang nghe nhạc, trang phim ảnh,.... một cách nhanh chống và tất nhiên là cũng có thể tùy biến nó thành một gian hàng trực tuyến cho riêng mình. Nếu bạn sử dụng Blogger và đang có ý định kinh doanh trên mạng, thì đây là 10 mẫu template bạn có thể tham khảo và sử dụng để tạo một trang  website bán hàng trức tuyến với  blogger – blogspot.
1. Blogger Store

Template bán hàng Miễn

Demo Download

2. Catalogspot K2ECOMMERCE

Template bán hàng Miễn

Demo Download 

3. Johny Magstore

Template bán hàng Miễn

Demo Download

4. Blogger Store

Read more

Hướng dẫn Upload file Js và CSS lên host Google Drive

[giaban]000,000[/giaban][giagoc]50,000[/giagoc]

[motangan] 

Sau khi đã hoàn thành cho mình một Website, Blog (Blogspot chẳng hạn) thì việc tìm nơi lưu trữ các file Css và Js (Javascripts) là điều tất yếu và cực kỳ cần thiết. Trong bài viết này mình sẽ hướng dẫn các bạn 10 bước để upload file Css và Javascripts lên host Google Drive...

[/motangan]

[chitiet]

Trước đây, khi upload các file Css hay js người ta thường nghĩ ngay đến code.google.com, nhưng hiện nay, dường như Google Code đã ngừng hỗ trợ việc Upload. Vậy nên Google Drive (Dịch vụ lưu trữ của Google) là lựa chọn số một.

·         Vậy tại sao phải upload những file này lên web host (Google Drive)?

- Thứ nhất, thông thường khi download, tải các template từ trên mạng về, các file js và css mặc định đã được upload sẵn lên một trang nào đó, và việc bạn phải dùng chung các file đấy với nhiều người khác sẽ làm chậm tốc độ truy xuất, làm chậm tốc độ tải trang của bạn.

- Thứ hai, vào một ngày đẹp trời, Website, hay blogspot của bạn bỗng nhưng gặp hiện thượng lạ, bố cục, layout bị vỡ, hiện thị lung tung, hay các tiện ích javascripts không chạy, nguyên nhân có thể là link đến các file Css hay Javascripts bị die, hoặc chủ sở hữu ngừng chia sẻ, lúc này nếu may mắn bạn vẫn có thể tìm thấy các file đó bằng cách Google search thần chưởng :D còn không thì =,=!

- Google Driver của Google nên về độ uy tín thì khỏi phải bàn, cho phép upload 5GB mỗi tài khoản, có nhiều công cụ đi kèm (khá giống như tiện ích addon của Google Chrome hayFirefox), bạn hoàn toàn có thể dễ dàng chia sẻ, chỉnh sửa các file lưu trữ của mình, bảo mật cực tốt, và điều cuối cùng: FREE.

Cácbước upload file Css và Javascripts lên Google Drive

1.Đầu tiên, truy cập vào địa chỉ của dịch vụ Google Drive tại:

https://drive.google.com/

2.Đăng nhập bằng tài khoản Gmail, có thể tải xuống phiên bản dành cho máy tính hoặc dùng trực tiếp, riêng mình thích dùng trực tiếp trên Web hơn.

3.Để dễ dàng quản lý, ta nên tạo các thư mục, thông thường mỗi blog mình tạo một thư mục chứa tất cả Css và js cho nó.

4.Đặt tên cho thư mục sao cho dễ dàng quản lý.

Read more

Chỉ số blogID, userID, postID, commentID của Blogspot

[giaban]000,000[/giaban][giagoc]349,000[/giagoc]

[motangan] Cách tìm các chỉ số blogID, userID, postID, commentID của Blogspot:

    Các tham số quan trọng như: blogID, userID, postID, commentID,... là những chỉ số ít được chú ý tới nhưng nó có ý nghĩa đặc biệt quan trọng khi muốn viết mã phát triển cho blogger. Những blogger khi mới vào nghề thường không để ý gì tới nó và cũng không biết tìm nó ở đâu! Một số pro blogger viết mã widget hoặc tiện ích đôi khi phải sử dụng tới những ID này và đòi hỏi người sử dụng phải biết được ID của mình để thay thế vào cho đúng. Bài viết này mục đích chính là chỉ cách giúp các blogger còn "yếu" cách tìm chúng.

 [/motangan]

[chitiet]

Hướng dẫn Tìm các chỉ số blogID, userID, postID, commentID của Blogspot:

     Sau đây THCS Giao An sẽ Hướng dẫn Cách tìm các chỉ số blogID, userID, postID, commentID của Blogspot: các bạn nhé:
 Sau khi login vào trang quản lý tại địa chỉ http://www.blogger.com/home, trang Dashboard của bạn sẽ hiện ra, bên dưới liệt kê tất cả các blog hiện có của bạn, và bên phải là thông tin Profile của bạn, xem hình ví dụ:

Chỉ số blogID, userID, postID, commentID của Blogspot

- Để lấy blogID, bạn kê chuột vào ngay menu Posts (màu đỏ, hình) của blog đó, đồng thời nhìn xuống thanh Status Bar, dưới cùng của trình duyệt, sẽ thấy 1 link có dạng như sau:

http://www.blogger.com/posts.g?blogID=2293242415565517678

và dễ thấy blogID của bạn chính là 2293242415565517678

- Để lấy userID, bạn kê chuột vào chỗ View bên dưới ảnh profile của bạn (mũi tên đỏ ở hình trên), tương tự rà chuột vào và xem dưới thanh trạng thái của trình duyệt, sẽ thấy 1 link dạng như sau:

http://www.blogger.com/profile/00706053954740645003

userID của bạn chính là 00706053954740645003

- Để lấy postID của 1 bài viết nào đó, ta phải mở bài viết đó ra. Kê chuột vào link Post A Comment dưới bài viết rồi cũng rà chuột vào đó, xem link dưới thanh trạng thái, cái nào nằm sau chữ postID= thì là postID của bài đó. Một blog có nhiều bài viết nên có rất nhiều postID khác nhau, postID đại diện cho bài viết.

- commentID : bạn tự tìm.

Theo Hướng dẫn Thiết kế Web của THCS Giao An

Thông tin sản phẩm:

- Tên sản phẩm: Cách tạo sitemap cho blogspot

- Xuất xứ: Chia sẻ TemBlog Seo 2015

- Kiểu dáng: Học Thiết Kế WebBlog

[/chitiet]

Read more

Tối ưu file robots.txt cho blogspot

[giaban]000,000[/giaban][giagoc]349,000[/giagoc]

[motangan] Tìm hiểu file robots.txt là gì?

File robots.txt là một dạng file rất đơn giản có thể được tảo bởi công cụ Notepad. Để các bộ máy tìm kiếm quản lý index nội dung của website bạn...

Cấu trúc của robots.txt của blogspot.

User-agent: Mediapartners-Google
Disallow: 
User-agent: *
Allow: /
Disallow: /search
User-agent: Cho những robot tìm kiếm từ Google, Yahoo và MSN nên sử dụng hướng dẫn này của bạn để tìm kiếm trang web.
Allow: / Dòng code này cho phép công cụ tìm kiếm index đọc tất cả nội dung
Disallow: /search: Dòng code này báo cho công cụ tìm kiếm biết nó không nên “lục lọi” ở những file này [/motangan]

[chitiet]

Hướng dẫn tạo và sử dụng file robots.txt cho blogspot

1.                    Bước 1: Đăng nhập blogspot

2.                    Bước 2: Kéo chuột xuống dưới bên tay trái vào "Cài đặt" [Hình 1]

3.                   

4.                    Bước 3: Chọn "Tùy chọn tìm kiếm" trong menu cài đặt

5.                    Bước 4: Chọn "Trình thu thập thông tin và lập chỉ mục" bên tay phải của Tùy chọn tìm kiếm [Hình 2]

6.                   

7.                    Bước 5: Chọn "Robots.txt tùy chỉnh" >> "Bật nội dung robots.txt tùy chỉnh"

8.                    Bước 6: Copy đoạn code chuẩn này vào khung nhập text và sau đó nhấp "lưu lại"

Chú ý:

Mediapartners-Google
Disallow: 
User-agent: *
Allow: /
Disallow: /search
Disallow: /*?updated-max=*
Disallow: *archive.html 
Sitemap: http://blogcuaban/feeds/posts/default?orderby=UPDATED

Còn tùy vào blog bạn chặn trang hoặc thưc mục các bạn tùy chỉnh nhé.
Gợi ý cho các bạn.
Chặn 1 thư mục và mọi thứ nằm trong nó
Disallow: /search
Chặn 1 trang lưu trữ
Disallow: *archive.html 
Cũng không khó lắm phải không. Quan trọng là biết dùng đúng cách sao cho phù hợp.
Nếu chưa hiểu hoặc gặp khó khăn khi tạo các bạn cứ comment bên dưới để mình trả lời.

Thông tin sản phẩm:

- Tên sản phẩm: Cách tạo sitemap cho blogspot

- Xuất xứ: Chia sẻ TemBlog Seo 2015

- Kiểu dáng: Học Thiết Kế WebBlog

[/chitiet]

Read more