Skype cho Windows Phone 8.1 có cập nhật

Mới đây chúng ta nhận được tin Skype trên Android nhận bản cập nhật mới thì ngay bây giờ, Microsoft cũng tung ra một bản cập nhật cho Skype chạy trên các smartphone Windows Phone 8.1.

Read more »

Người đăng: Unknown 02:15 1 nhận xét

5 Template Blogspot tải trang cực nhanh

Một website không chỉ quan trọng về SEO, giao diện, nội dung... mà tốc độ tải trang là một yêu cầu gần như bắt buộc. Tốc độ tải trang đóng một vai trò quan trọng trong việc thu hút người dùng bên cạnh các yếu tố trên đã nêu.

Bạn chẳng thích thú gì, khi vào trang web mà tốc độ tải trang nó quá chậm, hay vượt ngưỡng chịu đựng của bạn. Dù nội dung tốt thế nào nhưng tốc độ tải quá chậm làm cho người xem ức chế, và 1 đi không trở lại là điều đương nhiên!

Bài viết này mình sẽ cung cấp cho các bạn 5 template blogspot có tốc độ tải trang cực nhanh, phù hợp với nhu cầu của những bạn cần một website load nhanh và xem được chứ không phải một giao diện quá nặng nề.
1. Template Seo fix:

Đọc tên là thấy có gì rồi ^^, Seo fix ngoài việc chuẩn SEO thì nó còn có tốc độ tải trang cực kỳ nhanh, gần như là chớp mắt. Ngoài ra Seo fix còn có giao diện đẹp, rõ ràng và khá đơn giản. Nó có thể dùng để làm web về tạp chí, hướng dẫn, game...

Dưới đây là một số thông tin khác về Seo fix:

• Hoàn toàn miễn phí
• Tải nhanh và thiết kế rõ ràng.
• Đơn giản và dễ nhìn với mắt màu sắc thân thiện
• Tối ưu hóa cho seo.
• Tương thích với tất cả các trình duyệt.
• Bố trí quản trị đơn giản.
• Quảng cáo có sẵn, Breadcrumbs và các nút chia sẻ xã hội.
• Thanh menu xổ xuống

Demo:
http://seofix-templatoid.blogspot.com/

http://1drv.ms/1JgXpFi

2. Template Excelencia:

Excelencia là một template blogspot đã tối ưu hóa cho SEO, tải rất nhanh. Nó có tích hợp các tiện ích như bài viết gần đây, bình luận gần đây. Excelencia được thiết kế responsive với hiệu ứng tự động-zoom. Template này thích hợp cho các trang web tạp chí, âm nhạc, tin tức, hướng dẫn.

Một số thông tin khác về template Excelencia:

• Hoàn toàn miễn phí
• Tối ưu SEO
• Thiết kế với màu sắc trang nhã.
• Thiết kế dạng lưới và responsive

Demo:
http://excelencia-ivy.blogspot.in/

http://1drv.ms/1JgYfBY

3. Template GoGreen:

Ngay từ tên template là "GoGreen" đã thể hiện màu sắc thân thiện của nó. GoGreen có màu xanh và nó là một template full chiều rộng. Nó có thiết kế dạng lưới và có tất cả các tính năng mà tất cả các blogger muốn. Đây là template tốt nhất cho blog tạp chí, blog tin tức.

Một số thông tin khác về template GoGreen:

• Nhìn rất ấn tượng ^_^
• Phiên bản này miễn phí, tuy nhiên bạn có thể mua bản đầy đủ nếu muốn (30$)
• Tốc độ tải trang nhanh
• Đã tối ưu hoàn toàn cho SEO
• Thiết kế responsive hoàn toàn
• Một template phong cách lưới

Demo:
http://gogreentheme.blogspot.com/

http://1drv.ms/1JgZ2mB

4. Template TriVusion:

TriVusion tải rất nhanh, chỉ trong mili giây. Nó có một thiết kế tốt với giao diện rõ ràng và đẹp. Template này dùng tốt cho các trang web tin tức, giáo dục, hướng dẫn,...

Một số thông tin khác về TriVusion:

• Hoàn toàn miễn phí
• Các vị trí đặt quảng cáo đã sẵn sàng
• Tải rất nhanh (mili giây)
• Tối ưu SEO
• Mẫu này có hai menu, trên và dưới phần logo
• Mắt màu sắc thân thiện
• Dễ nhìn

Demo:
http://trivusion-templatoid.blogspot.com/

http://1drv.ms/1LhJN15

5. Template Dollar Sense:

Template này cũng tương tự như TriVusion với một vài sự khác biệt nhỏ ở các nút chia sẻ, màu sắc và không gian quảng cáo. Dollar Sense có thiết kế tốt, với giao diện thân thiện người dùng.

Một số thông tin khác về Dollar Sense:

• Hoàn toàn miễn phí
• Tải nhanh và thiết kế rõ ràng
• Tối ưu SEO và có sẵn các vị trí quảng cáo
• Nút chia sẻ xã hội
• 2 thanh menu, tương tự như TriVusion
• Tương thích với hầu hết các trình duyệt

Demo:
http://dollarsense-templatoid.blogspot.com/

http://1drv.ms/1LhKoQg

Người đăng: Unknown 01:45 0 nhận xét

Template Blogspot - Bright - Responsive - phong cách tạp chí

Bright là một template blogspot phong cách tạp chí nhanh, hiện đại và miễn phí. Bright có thiết kế hoàn toàn responsive đi kèm với phần slider cũng hoàn toàn responsive full chiều rộng, , 3 vị trí quảng cáo và có thể tùy chỉnh số lượng widgets các bài viết.

Read more »

Người đăng: Unknown 18:47 1 nhận xét

Cách chống copy nội dung bài viết cho Blogspot

Copy nội dung bài viết là một trong những vấn đề nhức nhối nhất với tất cả các anh em làm web hiện nay, trong đó các Blogger cũng không ngoại lệ, các bài viết dễ dàng bị copy nội dung, người copy không phải chỉ copy ý tưởng mà copy cả nguyên văn bài viết để mang về làm của họ. Chính vì thế rất nhiều người tìm cách chống copy trên trang web của mình, và đây là hướng dẫn dành cho ae Blogger chúng ta, chỉ dùng CSS!

Read more »

Người đăng: Unknown 01:30 1 nhận xét

[CB Ninja Coming] Ngọc - Stone và công dụng của nó

Bài viết này sẽ nói về những viên Ngọc (Mặc dù trong game là Stone (đá), nhưng gọi ngọc cho nó sang nhé) trong game Ninja is Coming. Những viên ngọc giờ là một phần không thể thiếu với bất kỳ ninja nào. Những viên ngọc tác động rất lớn tới sức mạnh của 1 ninja và của toàn đội!

Read more »

Người đăng: Unknown 19:30 0 nhận xét

Danh sách trang web lấy backlink bình luận cực tốt (P.1)

Dưới đây là danh sách các trang web cho các bạn lấy backlink bình luận. Những trang web này cực chất, hầu hết đều có PR >3 và các chỉ số PA, DA >45, thậm chí có những trang chỉ số PA, DA đều trên 70 ^_^

Chú ý nhé: Đây là danh sách các trang web về ngành thời trang và là web nước ngoài. Nên các bạn nên bình luận bằng tiếng Anh, và chỉ nên chèn 1 anchortext vào 1 bình luận. Và tuyệt đối không spam nhé. Đừng để họ chặn IP từ Việt Nam, ảnh hưởng không chỉ bạn mà rất nhiều thành viên khác :)

Vào chủ đề chính, danh sách các trang web lấy backlink bình luận cực tốt (P.1):

PR   PA   DA   Index
5 55 46 1500                  http://www.zoella.co.uk/
34 23     426                    http://www.thatpommiegirl.com/
5 51 67 407                    http://5inchandup.blogspot.co.uk/
71    65 14600 http://www.theblondesalad.com/
6 55 58 11700                http://stylebubble.co.uk
50 67 312                    http://atlantic-pacific.blogspot.co.uk/
5 66 59 2500 http://www.songofstyle.com/
2 35    32 70300 http://glossfashion.com/
3 49 40 877                    http://www.shewearsfashion.com/
5 67 60 3300 http://sincerelyjules.com/
5 52    43     13900 http://www.disneyrollergirl.net/
3 43 32     2030                  http://www.inthefrow.com/
6      54 45     3470 http://www.facehunter.org/
6 75    70 5700                  http://www.manrepeller.com/
57 67 1020                  http://advancedstyle.blogspot.co.uk/
6      76 72 5000000            http://hypebeast.com/
6 61 53 3120                  http://www.parkandcube.com/
47 67 500                    http://fredbutlerstyle.blogspot.co.uk/
5 60    60 36200 http://kingdomofstyle.typepad.co.uk
6 75 70 7700                  http://www.manrepeller.com/
6 58 63 3900                  http://intothegloss.com/

Đây là danh sách 20 trang web lấy backlink bình luận, các bạn nhớ theo dõi các phần sau nhé :)

Chia sẻ ở đâu nhớ ghi nguồn Trần Bá Đạt (_CTPG_) là được

Người đăng: Unknown 05:00 4 nhận xét

Template Blogspot - Digbug - Responsive

Digbug là một template blogspot phong cách thanh lịch, phòng trưng bày và danh mục phù hợp với các trang web video của bạn. Digbug rất nhạy và nhanh chóng trên tất cả các màn hình thiết bị. Đây là template hỗ trợ video trực tuyến từ Youtube, Vimeo.

Template Digbug cho blogspot là một sự lựa chọn hoàn hảo cho bài hát video, ảnh, danh mục và các trang web liên quan đến bộ phim.

Read more »

Người đăng: Unknown 02:00 1 nhận xét

Template Blogspot - Sevida Magazine - Responsive cực đẹp

Sevida là một template blogspot tạp chí, tin tức và các danh mục cao cấp. Đây là một template hoàn toàn responsive với các tính năng như - in CSS, chia sẻ qua mail, thay đổi kích cỡ văn bản và nhiều hơn nữa.

Template Sevida có thể được sử dụng trên các tạp chí, tin tức, danh mục đầu tư và các trang web theo định hướng nội dung.

Một số thông tin chi tiết về template Sevida cho Blogspot:

Thiết kế Tạp chí và danh mục đầu tư
Giao diện Responsive
Không giới hạn màu và ảnh nền
Mỗi tag có 10+ bài viết
Viết - In CSS, Chia sẻ qua email, thay đổi kích thước, bài viết liên quan, chia sẻ...
3 hệ thống Bình luận - Blogger, Facebook và Disqus
Slider những bài nổi bật
Có thể tùy chỉnh Slider trên
Hai chế độ xem - Danh sách và Grid
Các widget tùy chỉnh như - Bình luận mới nhất, bài viết liên quan
Kích hoạt tính năng thay đổi kích thước chữ cho khách
Tối ưu hóa SEO
Hỗ trợ các ngôn ngữ RTL
Lựa chọn lý tưởng cho các tạp chí, tin tức, danh mục đầu tư, nhiếp ảnh và blog
Tương thích với các trình duyệt được ưa thích
Version nhẹ Included
Giao diện quản trị dễ sử dụng
Demo:
http://sevida-satankmkr.blogspot.com/

Link download template Sevida Magazine cho Blogspot:

http://1drv.ms/1GgvzXR

Người đăng: Unknown 19:15 0 nhận xét

Template Blogspot - Throne Magazine - Responsive

Throne Magazine là một template blogspot cao cấp miễn phí, được đơn giản hóa và thủ công blogger template. Các mô hình nội dung đặc trưng, kiểu chữ, thanh menu cố định và màu sắc làm cho template blogspot này trông mạnh mẽ  hơn.

Throne là một sự lựa chọn hoàn hảo cho nhiếp ảnh, thời trang và blog cá nhân.

Read more »

Người đăng: Unknown 21:18 0 nhận xét

Template Blogspot - Dream Grid rất đẹp

Dream Grid là một template cho blogspot theo dạng lưới. Template này có thiết kế hấp dẫn và được thiết kế để giới thiệu tác phẩm nghệ thuật. Dream Grid cũng được tối ưu hóa cho SEO và tương thích với hầu hết các trình duyệt phổ biến.

Read more »

Người đăng: Unknown 19:49 0 nhận xét

Windows 10 Mobile build 10166 đến tay người dùng Insider

Như thường lệ, vào lúc 0h sáng sớm thứ 7, Microsoft tiếp tục tung ra Windows 10 Mobile build 10166 cho người dùng Insider Fast Ring. Cách đây 2 tuần, hãng đã tung ra build 10149 với độ ổn định cao hơn rất nhiều so với các phiên bản trước đó.

Read more »

Người đăng: Unknown 15:28 0 nhận xét

Template Blogspot - GearCrowd - Responsive

GearCrowd là một template cho blogspot thiết kế theo phong cách tạp chí, danh mục đầu tư và gallery. Template GearCrowd có 2 chế độ xem là lưới và danh sách để giới thiệu bài viết. Facebook like box được thêm vào bài viết để giúp tăng người theo dõi cũng như người nhận thông tin mới qua email.

Read more »

Người đăng: Unknown 06:27 0 nhận xét

Thêm nút chia sẻ mạng xã hội vào bài viết Blogspot

Thêm nút chia sẻ lên mạng xã hội vào các bài viết luôn rất quan trọng đối với trang web nào. Điều này giúp thu hút người biết đến website của bạn, những nút chia sẻ mạng xã hội này sẽ là công cụ giúp người xem có thể chia sẻ những bài viết của bạn lên MXH một cách nhanh chóng.

Read more »

Người đăng: Unknown 02:00 0 nhận xét

Cách hiển thị ảnh Blogspot dù bị VNPT chặn

Như các bạn đã biết, hiện Blogspot ở Việt Nam chúng ta đang bị nhà mạng VNPT chặn truy cập, vì có nhiều thành phần chống đối nhà nước sử dụng Blogspot làm công cụ để phát tán tin tức xấu. Điều này làm ảnh hưởng đến cả những Blogger chân chính như chúng ta, điều này rõ ràng là không đáng xảy ra.

Vậy phải có cách gì đó cho chúng ta có thể tồn tại chứ, không thể cứ nhìn trang web mỗi lần bị chặn lại sụt giảm 30% lượt view như vậy được! Nhiều bạn có thể đã biết, để tránh bị VNPT chặn thì đầu tiên là nên trỏ tên miền về cho Blog, cái này mình không nói đến nữa, vì nó chính xác hoàn toàn rồi.

Nhưng... trỏ tên miền xong thì chưa đủ, vì những hình ảnh trên web chúng ta đều có đuôi .blogspot.com, chính vì thế, cũng bị nhà mạng VNPT chặn nốt. Vào trang web mà ảnh thì chẳng có cái nào, xem bài viết ảnh toàn lỗi, vậy nếu là bạn bạn có out ngay cho khỏe không? Câu trả lời là có!

Chính vì thế, mình viết bài hướng dẫn này, giúp các bạn hiển thị ảnh trên Blogspot cho dù VNPT có chặn hay không! Cách này rất đơn giản, không cần phải sử dụng bất kỳ trang upload ảnh nào khác!

Vậy cách hiển thị ảnh Blogspot dù bị VNPT chặn làm thế nào?

Blogspot, mặc định nó có 1 công cụ upload ảnh, tuy rằng, các bạn khi kiểm tra HTML của nó, thì ảnh có đuôi là .blogspot.com. Tuy nhiên, không phải, trang web lưu ảnh của chúng ta upload lên là Picasa chứ không phải Blogspot, nhiệm vụ của Blogspot chỉ là đổi đường link ảnh mà thôi :)

- Sau khi upload ảnh, viết bài đầy đủ rồi, thì đừng public vội, hãy chuyển sang tab html:

- Tìm hết những đường link ảnh mà bạn đã upload, và thay toàn bộ phần này:

1.bp.blogspot.com
2.bp.blogspot.com
3.bp.blogspot.com
4.bp.blogspot.com

thành lh3.ggpht.com  hoặc lh3.googleusercontent.com --->> Chú ý: lh3, các bạn có thể thay số 3 thành 3-6 đều được nhé, hiện các subdomain này đều đang được Picasa sử dụng :)

- Và giờ thì bạn đã có thể public bài viết, những đường link ảnh đã được chuyển về đúng dạng của nó, và tất nhiên là sẽ hiển thị ảnh dù VNPT có chặn hay không, vì VNPT chỉ chặn blogspot.com thôi ^_^

Người đăng: Unknown 20:35 0 nhận xét

Template Blogspot - Movieism Entertainment - Responsive

Movieism là một template blogspot giải trí miễn phí với phong cách độc đáo. Movieism được xây dựng với HTML5 mới nhất, CSS3 và jQuery mã hóa. Với cách bố trí của nó và các tùy chọn quản trị bạn có thể dễ dàng tạo ra một trang chủ đẹp và tùy theo nhu cầu của bạn.

Một số thông tin về template Moviesm Entertainment:

• Thiết kế theo phong cách Gallery
• Giao diện 2 cột
• Có sẵn vị trí các banner quảng cáo
• Tối ưu hóa công cụ tìm kiếm
• 100% Responsive - Thích nghi với bất kỳ kích thước màn hình nào 
• Widget bài viết phổ biến 
• Widget bài viết liên quan
• Thanh điều hướng đẹp
• Sidebar bên phải
• Hệ thống bình luận Google+
• Bài viết ở trang chủ nổi bật
• Icon chia sẻ mạng xã hội
• Không có footer
• Thanh menu trên top
• Hộp tìm kiếm ở sidebar
• Tương thích với hầu hết các trình duyệt phổ biến
• Trang web lý tưởng để xem phim, trailer phim và video trang web album 
• Màu chủ đạo là Trắng, xanh dương, đen

Demo:
http://moviezees.blogspot.com

Link download Template Blogspot - Movieism Entertainment:

https://goo.gl/UclQ4J

Người đăng: Unknown 18:52 0 nhận xét

Cách phục hồi bài viết đã xóa trong blogspot

Đôi khi trong quá trình quản trị bài viết ở blogspot, các bạn có thể click nhầm dẫn đến việc bài viết bị xóa mà không tìm ra được cách phục hồi. Vì thế mình viết bài này để hướng dẫn các bạn cách phục hồi bài viết đã xóa trong Blogspot.
Read more »

Người đăng: Unknown 05:30 0 nhận xét

Cách tạo widget bình luận mới nhất (Recent comments) blogspot

Bài viết này mình sẽ hướng dẫn cách tạo widget bình luận mới nhất (Recent comments) cho blogspot. Vì với blogspot thì việc quản lý bình luận khá khó khăn, hoặc bạn phải thường xuyên theo dõi mail của mình và rất dễ bị spam mail vì thông báo bình luận từ trang web.

Read more »

Người đăng: Unknown 23:42 0 nhận xét

Template Blogspot - Smartify Gallery - Responsive

Smartify là một template blogspot đẹp, thanh lịch và nhanh. Với Smartify, bạn vô cùng dễ dàng để cấu hình và tùy chỉnh rất linh hoạt khi được mã hóa bằng cách sử dụng HTML5và CSS3 mới nhất .

Smartify là một lựa chọn lý tưởng cho bộ sưu tập, danh mục đầu tư và làm web cung cấp template.

Read more »

Người đăng: Unknown 23:31 0 nhận xét

Cách làm menu xổ xuống (Drop down) Blogspot

Bạn có thích 1 thanh menu đẹp để áp dụng cho thanh menu cố định khi cuộn trang lung thị linh hơn? ^_^ Ở đây mình sẽ chia sẻ cách làm menu xổ xuống (drop down) cơ bản nhất cho Blogspot. Sau khi hoàn thành bạn sẽ có 1 thanh menu ấn tượng!

Chú ý là tất cả hướng dẫn ở đây chỉ áp dụng cho những mẫu có sẵn khu vực navigation ở top, còn những mẫu template khác thì các bạn phải tùy biến nhiều hơn mới có kết quả!

Làm thế nào để làm menu xổ xuống (Drop down)?

- Truy cập vào trang quản trị Blogger > Design (Thiết kế)  > Page Elements (Bố cục)

- Hãy chọn thêm HTML/JavaScript như ảnh trên, và paste đoạn code này vào:

<div id='drnavbar'> 

      <ul id='drnav'> 

        <li> 

          <a href='#'>Trang chủ</a> 

        </li> 

        <li> 

          <a href='#'>Chém gió</a> 

        </li> 

        <li> 

          <a href='#'>Liên hệ</a> 

        </li> 

        <li> 

           <a href='#'>Menu</a>

            <ul> 

                <li><a href='#'>Menu 1</a></li> 

                <li><a href='#'>Menu 2</a></li> 

                <li><a href='#'>Menu 3</a></li> 

              </ul> 

        </li>

      </ul> 

    </div>

Trong đó:

+ Những dấu # sẽ được thay bằng các đường dẫn đến các chủ đề mà các bạn muốn nó xuất hiện

+ Chữ màu xanh là nội dung hiển thị của các chủ đề

+ Thẻ <ul>...</ul> là thẻ dùng để mở rộng tạo menu xổ xuống (drop down). Như đoạn code trên thì khi  trỏ chuột vào Menu, sẽ xổ xuống các Menu 1,2,3

Sau đó lưu lại đi!

- Giờ thì đến Design (Mẫu)> Edit HTML (Chỉnh sửa HTML)

- Giờ thì nên backup toàn bộ code trước khi chỉnh sửa nhé, để khi cần còn có thể phục hồi lại như cũ

- Tìm kiếm đến thẻ ]]></b:skin> và thêm đoạn CSS này lên trên nó:

/*----- Drop Down Menu ----*/

#drnavbar { 

    background: #060505; 

    width: 960px; 

    color: #FFF; 

        margin: 0px; 

        padding: 0; 

        position: relative; 

        border-top:0px solid #960100; 

        height:35px;

}

#drnav { 

    margin: 0; 

    padding: 0; 

} 

#drnav ul { 

    float: left; 

    list-style: none; 

    margin: 0; 

    padding: 0; 

} 

#drnav li { 

    list-style: none; 

    margin: 0; 

    padding: 0; 

        border-left:1px solid #333; 

        border-right:1px solid #333; 

        height:35px; 

} 

#drnav li a, #drnav li a:link, #drnav li a:visited { 

    color: #FFF; 

    display: block; 

   font:normal 12px Helvetica, sans-serif;    margin: 0; 

    padding: 9px 12px 10px 12px; 

        text-decoration: none; 

        

} 

#drnav li a:hover, #drnav li a:active { 

    background: #BF0100; 

    color: #FFF; 

    display: block; 

    text-decoration: none; 

        margin: 0; 

    padding: 9px 12px 10px 12px; 

        

    

        

}

#drnav li { 

    float: left; 

    padding: 0; 

} 

#drnav li ul { 

    z-index: 9999; 

    position: absolute; 

    left: -999em; 

    height: auto; 

    width: 160px; 

    margin: 0; 

    padding: 0; 

} 

#drnav li ul a { 

    width: 140px; 

} 

#drnav li ul ul { 

    margin: -25px 0 0 161px; 

} 

#drnav li:hover ul ul, #drnav li:hover ul ul ul, #drnav li.sfhover ul ul, #drnav li.sfhover ul ul ul { 

    left: -999em; 

} 

#drnav li:hover ul, #drnav li li:hover ul, #drnav li li li:hover ul, #drnav li.sfhover ul, #drnav li li.sfhover ul, #drnav li li li.sfhover ul { 

    left: auto; 

} 

#drnav li:hover, #drnav li.sfhover { 

    position: static; 

}

#drnav li li a, #drnav li li a:link, #drnav li li a:visited { 

    background: #BF0100; 

    width: 120px; 

    color: #FFF; 

    display: block; 

    font:normal 12px Helvetica, sans-serif; 

    margin: 0; 

    padding: 9px 12px 10px 12px; 

        text-decoration: none; 

z-index:9999; 

border-bottom:1px dotted #333;

    

} 

#drnav li li a:hover, #drnavli li a:active { 

    background: #060505; 

    color: #FFF; 

    display: block;     margin: 0; 

    padding: 9px 12px 10px 12px; 

        text-decoration: none; 

}

Các đoạn CSS có #... là màu của các thành phần trong thanh menu nhé, màu thế nào là tùy các bạn. Bạn có thể thay đổi font chữ tại đoạn code màu xanh

Cuối cùng là lưu template lại và tận hưởng thành quả :D Nhưng nhớ là có không vừa ý thì cũng tự hiểu rằng đây chỉ là đoạn code cơ bản để làm menu xổ xuống (Drop down) cho Blogspot thôi ^_^ Bạn phải tùy chỉnh một vài nội dung nữa nó mới hợp với trang web của bạn!

Người đăng: Unknown 18:30 0 nhận xét

Hướng dẫn tạo thanh menu cố định (Sticky menu) khi cuộn trang

Nay tiếp tục với phần hướng dẫn các thủ thuật dành cho blogspot. Các bạn luôn muốn trang web mình trở nên hiện đại và đẹp, các bạn thấy nhiều trang web có cái thanh menu mỗi khi cuộn trang xuống là nó tự dính vào phía trên của màn hình và trượt theo... như web của mình ^_^ Thanh menu này sẽ giúp mọi người dễ dàng chuyển qua lại giữa các nội dung.

Và bài viết này là để hướng dẫn các bạn làm điều đó: Tạo thanh menu cố định (Sticky Menu) khi cuộn trang

Trước khi vào bài viết, mình lưu ý rằng chỉ áp dụng cho những blog có sẵn thanh navigation bar, hay gọi là thanh điều hướng trang như của mình nha. Còn nếu không có thì bạn có thể tạo ra nó, bằng cách... đợi bài hướng dẫn tiếp theo của mình :))

Bắt đầu vào hướng dẫn tạo sticky menu thôi: 

- Đầu tiên phải tạo CSS cho nó, bạn vào Edit HTML là thêm đoạn CSS này phía trên thẻ ]]></b:skin> nhé:

/* Bắt đầu Stick Nav */

sticknav {

background: #ffffff;

height: 30px;

width: 100%;

margin-right: 0px;

margin-left: 0px;

left: 0px;

right: 0px;

position: relative;

z-index: 9999;

}

.fixed { position:fixed;}

/* Kết thúc Stick Nav */

2 cái bên trong dấu /* */ chỉ dùng để báo cho bạn biết code bên trong nó nói về gì thôi, nên không cần quan trọng đâu ^^

- Giờ thì tìm đến đoạn code chứa navigation bar của các bạn, ví dụ như của mình thì chính là đoạn code chứa navitions này:

Hãy đặt toàn bộ code của navigation bar vào trong thẻ:

<sticknav>

(Đoạn code của navigation bar ở đây)

</sticknav>

- Cuối cùng là đặt đoạn code này trên thẻ </body> :

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>

<script type="text/javascript">

$(document).ready(function() {

var aboveHeight = $('header').outerHeight();

    $(window).scroll(function(){

        if ($(window).scrollTop() > aboveHeight){

        $('sticknav').addClass('fixed').css('top','0').next().css('padding-top','60px');

        } else {

       $('sticknav').removeClass('fixed').next().css('padding-top','0');

        }

    });

});

</script>

Trong đó:
+ Với đoạn js màu xanh kia. Nếu trong blog bạn đã có dòng nào tương tự (Khác phiên bản 1.6.4 cũng được) thì bỏ nó đi nhé.
+ Còn đoạn màu tím nếu để nguyên như thế thì mỗi khi bạn cuộn xuống thì thanh navigation sẽ tự nhảy để chuyển thành sticky nav. Còn nếu bạn muốn quy định khi cuộn xuống bao nhiêu px thì nó mới thành sticky nav thì dùng đoạn code này thay vào đó:

var aboveHeight = 300;

Cuối cùng là lưu lại và bạn đã có được thanh menu cố định ( Sticky menu) khi cuộn trang rồi đấy, nó sẽ nằm trên cùng và trượt theo bạn!

Người đăng: Unknown 01:30 0 nhận xét

Template Blogspot - SpotCommerce Shopping - Template bán hàng

SpotCommerce là template blogspot bán hàng cao cấp. Nó là một template blogspot dễ dàng sử dụng và thiết kế bố trí có tùy biến cao.

• Xem thêm: Template Blogspot - Theme bán hàng BetaCommerce

SpotCommerce là một sự lựa chọn hoàn hảo cho doanh nghiệp nhỏ mua sắm trực tuyến của bạn và có thể được sử dụng để trưng bày, trang web danh mục đầu tư.

Read more »

Người đăng: Unknown 20:16 0 nhận xét

Hướng dẫn thay đổi template cho blogspot

Hôm trước mình có viết bài hướng dẫn các bạn cách tạo ra một trang blog cho mình bằng Blogspot. Đó mới chỉ là tạo ra blog và sử dụng những template có sẵn mà Blogger cung cấp cho chúng ta. Nay với bài viết này, mình sẽ hướng dẫn các bạn cách thay đổi template mặc định của blog bằng những template tùy chỉnh khác đẹp hơn.

Hướng dẫn thay đổi template cho Blogspot:

- Đầu tiên bạn hãy download những template blogspot cực đẹp được share tại Trần Bá Đạt (_CTPG_)
- Tiếp theo hãy truy cập vào trang quản trị blog của bạn tại: https://www.blogger.com
- Chọn blog của bạn, và làm theo ảnh này:

Click vào Mẫu (Templates), tại đây chúng ta có nhiều tùy chọn. Từ những tùy chỉnh mà template cung cấp, cho đến chỉnh code của template và các template có sẵn...

Hãy chọn vào Sao lưu/ Khôi phục ở góc bên phải (Vị trí số 2 trên ảnh), đây là khu vực cho bạn có thể export code của toàn bộ trang blog của mình ra file xml và cũng là nơi bạn import những file template có sẵn (xml) vào để thay thế code hiện tại.

- Sau khi vào đó, hãy click vào phần Chọn tệp (Choose file), và duyệt đến file template blog mà bạn đã tải ở trên (Nó là file xml nha). Và tiếp hành Tải lên (Upload). Đợi 1 tí thì sẽ có thông báo thành công (hoặc lỗi :v :v ).

Đây là cách tải lên template bằng công cụ có sẵn của blog, tuy nhiên, bạn có thể thay đổi template blogspot bằng cách khác. Nhất là khi việc Upload lên bị lỗi:

- Đầu tiên vẫn là tải template về, sau đó hãy giải nén ra. Chúng ta sẽ có một hoặc nhiều template có sẵn trong đó.
- Tiếp hành mở các template này, bằng notepad có sẵn (Code sẽ lộn xà bần lên ^^)  hoặc sử dụng một công cụ lập trình khác như Notepad ++ (Mình đang dùng cái này)

- Hãy copy toàn bộ code trong đó

- Và vào Mẫu (Template) -> Chỉnh sửa HTML (Edit HTML), hãy chọn toàn bộ code trong đó và paste toàn bộ code đã copy lúc nãy vào và lưu lại

OK, sau khi lưu lại xong thì hãy vào xem sự thay đổi của trang blog của mình nhé. Tuy nhiên, với nhiều template, thì bạn cần phải tùy chỉnh nhiều mới có thể được đúng như ảnh demo. Chính vì thế nếu cần support gì thì cmt bên dưới nhé :)

Người đăng: Unknown 01:30 0 nhận xét

Template Blogspot - Spraymag - Responsive

Spraymag là một template blogspot tạp chí với các tính năng hiện đại. Thiết lập trang web bằng cách sử dụng tùy chọn trong bảng điều khiển cực kỳ dễ dàng.

• Xem thêm: Template tạp chí DecoMag Magazine cực đẹp

Spraymag blogger template là một sự lựa chọn hoàn hảo cho các tạp chí trực tuyến, công nghệ, tin tức và các trang web thích hợp nội dung.

Read more »

Người đăng: Unknown 19:55 0 nhận xét

Template Blogspot - Altis - Responsive

Altis là template blogspot phong cách tạp chí được cung cấp miễn phí bởi Oddthemes. Altis đi kèm với quảng cáo ngang và thanh sidebar, nơi mà bạn có thể đưa nội dung và banner quảng cáo một cách dễ dàng.

• Xem thêm: Template Giáng sinh cực đẹp

Altis blogger template là một sự lựa chọn hoàn hảo cho các tạp chí, bộ sưu tập, danh mục đầu tư, nhiếp ảnh và bất kỳ trang web theo định hướng hình ảnh.

Read more »

Người đăng: Unknown 00:42 0 nhận xét

Template Blogspot - Extremis - Responsive

Extremis là  một template blogspot dạng lưới mạnh mẽ và thanh lịch. Template này đáp ứng rất tốt với tính năng nhiều tác giả, thân thiện với người dùng và đã được tối ưu với từ khóa tìm kiếm.

• Xem thêm: Template Blogspot - MeTon Magazine - Responsive

Extremis blogger template là một sự lựa chọn hoàn hảo cho các tạp chí trực tuyến, xem xét, tin tức, công nghệ cao và các blog cá nhân.

Một số thông tin về template Extremis:

• Thiết kế dạng lưới thanh lịch và mang phong cách tạp chí
• Giao diện 2 cột
• Có sẵn vị trí các banner quảng cáo
• Có widget bài đăng phổ biến
• Có widget Bài viết liên quan
• Footer 3 cột
• Có widget Theo dõi / Bản tin 
• Tối ưu hóa công cụ tìm kiếm
• Giao diện responsive toàn bộ
• Tự động resize ảnh thu nhỏ
• Slider nổi bật
• Có nút Scroll to Top
• Có widget tác giả bài viết
• Giao diện quản trị thân thiện
• Trang 404
• Sidebar bên phải
• Tương thích với các trình duyệt được ưa thích
• Nút chia sẻ mạng xã hội
• Hộp tìm kiếm
• Điều hướng trang
• Hệ thống bình luận G+
• Màu chủ đạo: Đen, xanh, xám và trắng

Demo:
http://extremis-themexpose.blogspot.com

Link download template Extremis:

https://onedrive.live.com/redir?resid=FCE5F64522833FA2!174&authkey=!AGUk0Rq_Oitzkls&ithint=file%2crar

Người đăng: Unknown 19:47 0 nhận xét

Template Blogspot - Personalist - Responsive

Personalist là một template blogspot đầy đủ và hiện đại. Đây là một template miễn phí tốt với phong cách đẹp. Personalist cũng được tối ưu hóa cho người sử dụng điện thoại di động và máy tính để bàn.

• Xem thêm: Template Blogspot - Logbook - Responsive

Mẫu này có thể được sử dụng cho cá nhân, nhiếp ảnh, thư viện, danh mục đầu tư và tạp chí các trang web.

Một số thông tin chi tiết về Personalist Template:

• Thiết kế phong cách Lưới
• Giao diện 2 cột
• Có sẵn vị trí đặt banner quảng cáo
• Có widget bài phổ biến
• Có widget bài viết liên quan
• Không có Footer
• Tối ưu hóa SEO
• Giao diện Responsive đầy đủ 
• Tự động resize ảnh đại diện cho bài viết
• Có widget bảng tin
• Có thông tin người viết
• Trang quản trị dễ sử dụng
• Trang 404 
• Sidebar bên phải
• Tương thích với các trình duyệt phổ biến
• Các nút follow và share lên mạng xã hội
• Sidebar mở rộng - Icons mạng xã hội, Menu và Hộp tìm kiếm
• Thanh menu top
• Điều hướng trang
• Bình luận bằng G+
• Phù hợp nhất cho cá nhân, nhiếp ảnh, thư viện, danh mục đầu tư và các trang web tạp chí.
• Màu chủ đạo: đen, trắng và trắng xanh

Demo:

http://personalist-themexpose.blogspot.com/

Link download template Personalist cực đẹp:

https://goo.gl/67RjKl

Người đăng: Unknown 06:30 0 nhận xét

Template Blogspot - TechBlog - Responsive

TechBlog là một template dành cho blogspot phục vụ cho các trang công nghệ cao và tạp chí. Techblog có giao diện đẹp rất phong cách và hợp xu hướng thiết kế bây giờ. Mỗi thành phần được tạo ra hoàn hảo với nội dung. TechBlog là một template blogspot 3 cột đi kèm với nhiều tính năng mới mẻ.
Read more »

Người đăng: Unknown 01:30 0 nhận xét

Cách truy cập vào Safe Mode bằng phím F8 trên Windows 8, 8.1

Như các bạn đã biết, mặc định trên Windows 7 thì mỗi khi khởi động máy, bấm liên tục phím F8 sẽ đưa bạn đến một menu boot đó là Advanced Boot Options, tại đây chúng ta có nhiều tùy chọn như sửa lỗi Windows, truy cập vào Safe Mode...
Read more »

Người đăng: Unknown 18:30 0 nhận xét

File Robot.txt chuẩn nhất cho Blogspot

Robot.txt là một dạng text chứa các câu lệnh để điều hướng cho các robot tìm kiếm của các công cụ tìm kiếm được phép và không được phép Index nội dung nào trên website.
Read more »

Người đăng: Unknown 02:00 0 nhận xét

Template Blogspot - Escalate Gallery - Responsive

Escalate Gallery là một mẫu blogger miễn phí đi kèm với giao diện bố trí 2 cột và với thiết kế dạng lưới. Đây là mẫu blogspot đã được tối ưu hóa tìm kiếm và responsive toàn trang.

• Xem thêm: Template Blogspot - Deco Mag Magazine - Responsive

Template Blogspot - Escalate Gallery - Responsive

Escalate Gallery có hiệu ứng đặc biệt. Mô tả và link bài viết sẽ được hiển thị khi di chuyển chuột vào ảnh đại diện của bài viết.

Một số thông tin chi tiết khác:

• Giao diện Gallery
• Thiết kế Responsive
• Layout 2 cột
• Hộp tìm kiếm nằm trong thanh menu ẩn bên trái
• Footer chỉ có các liên kết
• Tối ưu hóa công cụ tìm kiếm
• Có slider cho cả ảnh nền
• Bài viết liên quan 
• Sidebar bên phải và Sidebar ẩn bên trái
• Tương thích với nhiều trình duyệt
• Có sẵn banner quảng cáo
• Thông tin về tác giả
• Thanh menu drop có khả năng responsive
• Hiển thị theo ô
• Hệ thống bình luận
• Màu chủ đạo đen và trắng

Demo:
http://escalate-oddthemes.blogspot.com/

Link down load template Escalate Gallery:

https://onedrive.live.com/redir?resid=FCE5F64522833FA2!169&authkey=!AI18bSSMq_VqQfw&ithint=file%2crar

Người đăng: Unknown 20:47 0 nhận xét

Hướng dẫn tạo nút Scroll to top cho blogspot

Nút (Button) Scroll to top là gì? Đó chính là cái button giúp chúng ta cuộn lên đầu trang 1 cách nhanh chóng khi click vào nó. Như các bạn thấy ở website Trần Bá Đạt (_CTPG_) này, nó chính là cái nút màu đỏ có mũi tên trắng hướng lên, bên phải, phía dưới, xuất hiện mỗi khi các bạn cuộn trang xuống dưới.
Read more »

Người đăng: Unknown 00:00 0 nhận xét

Template Blogspot - Logbook - Responsive

Logbook là một mẫu blogspot một cột rất chuyên nghiệp và thanh lịch trong thiết kế. Logbook hoàn toàn đáp ứng được mọi yêu cầu, đã được tối ưu SEO và tải trang rất nhanh chóng. Bạn có thể thêm hình nền riêng, logo của bạn, thay đổi màu sắc trang web và các thông số khác từ dễ dàng từ trang quản trị.

• Xem thêm: Template Blogspot - Theme bán hàng BetaCommerce

Template Logbook là một sự lựa chọn hoàn hảo để chụp ảnh, viết blog và trang web cá nhân.

Một số thông tin khác:

• Template thiết kế thanh lịch
• Giao diện một cột
• Hỗ trợ Video - Youtube, Vimeo và Dailymotion
• Tối ưu hóa công cụ tìm kiếm
• Thiết kế hoàn toàn Responsive
• Social Share Icons và Follow Buttons
• Mã hoá với HTML5 và CSS3 mới nhất
• Có thể mở rộng Sidebar bên phải
• Không Footer
• Thanh điều hướng trang
• Hệ thống bình luận bằng G+
• Thanh menu nằm trên top
• Thông tin về người viết
• Tương thích với hầu hết các trình duyệt ưa thích
• Màu chủ đạo là đen và trắng

Demo:

http://w2tlogbook.blogspot.com/

Link download Template Logbook Responsive:

https://onedrive.live.com/redir?resid=FCE5F64522833FA2!166&authkey=!AAmvHq9n1XhoOAQ&ithint=file%2crar

Người đăng: Unknown 18:56 0 nhận xét