Tạo hộp thông báo dạng popup chỉ xuất hiện 1 lần khi vào trang web blogspot

Hôm nay, mình sẽ hướng dẫn các bạn tạo code tạo popup thông báo hay banner thông báo,quảng cáo...chỉ lần đầu tiên vào website không xuất hiện thêm nữa khí vào đọc các bài viết khác nhau để không gây khó chịu cho người dùng

Đọc thêm »

More about →

Tạo phong cách thời trang cho hộp RSS Subscription trên blog

Bài hướng dẫn này sẽ giúp bạn cách làm thế nào để thêm phong cách tiện ích đăng ký Rss với các biểu tượng hồ sơ phương tiện truyền thông xã hội. Bằng cách sử dụng thức ăn phụ tùng đăng ký RSS này, bạn có thể liên kết phương tiện truyền thông xã hội của bạn hồ sơ cá nhân Facebook, Twitter và RSS và đăng ký lĩnh vực. Nó sẽ giúp để có được các bản cập nhật mới của emails. bạn có thể kiểm tra xem nó từ Demo bên dưới.

Demo

Làm thế nào để thêm RSS Subscription Box Đối với Blogger:

1. Đăng nhập vào tài khoản blogger và nhấp thả xuống.
Đọc thêm »

More about →

Tạo Widget truyền thông xã hội màu xanh cho Blogger

Bài viết này sẽ hướng dẫn bạn cách làm thế nào để thêm hộp đăng ký nguồn cấp dữ liệu RSS cho các blogger với icons.hope xã hội. Bằng cách sử dụng, người dùng có thể đăng ký theo dõi blog của bạn. Vì vậy, nó sẽ giúp người dùng có được các bài cập nhật mới trên blog của bạn qua email. Tiện ích sử dụng CSS và HTML cho widget. bạn có thể kiểm tra mẫu qua Demo giới thiệu bên dưới.

Demo

Thêm Widget đăng ký xã hội  màu xanh cho blogger

1. Đăng nhập vào tài khoản blogger và nhấp thả xuống.

Đọc thêm »

More about →

Tạo nút truyền thông xã hội nền gỗ cho Blogger

Trong bài viết này sẽ giải thích làm như thế nào để thêm nút chia sẻ xã hội phong cách gỗ cho blog của bạn. Đây chỉ là widget. Bạn có thể thêm nó vào blog của bạn dễ dàng. Tôi chỉ sử dụng 
Css với HTML. Bạn có thể xem trực tiếp tiện ích qua Demo bên dưới.

Demo

Tạo nút truyền thông xã hội nền gỗ cho Blogger:

1. Đăng nhập vào tài khoản blogger và nhấp thả xuống.
Đọc thêm »

More about →

Tùy chỉnh hộp popup cho các nút xã hội trên Blogger

Trong bài viết này sẽ giải thích cách làm thế nào để thêm hộp popup tùy chỉnh cho các blogger. Trên thực tế đây chỉ là widget. Bạn có thể thêm nó vào blog của bạn dễ dàng. Mẫu dưới đây bao gồm Google+, Facebok và Twitter counters. Hãy bấm xuống dưới liên kết để xem bản demo.

Demo

Đề nghị Widget xã hội cho Blogger:

1. Đăng nhập vào tài khoản blogger và nhấp thả xuống.
Đọc thêm »

More about →

Tạo Tabbed Navigation CSS3 đẹp cho Blogger

Trong bài viết này sẽ hướng dẫn bạn làm thế nào để thêm CSS3 tab chuyển hướng cho các blogger.Bạn có thể thêm nó vào blogger như widget. Nếu bạn muốn thêm vào như trang fan hâm mộ, các nút xã hội hoặc các mã số để nút cá nhân, bạn có thể thêm nó bằng cách thay thế mô tả. Tiện ích này chỉ sử dụng CSS3 và hỗ trợ HTML

Demo

Thêm CSS3 Tabbed Navigation cho Blogger

1. Đăng nhập vào tài khoản blogger và nhấp thả xuống.
Đọc thêm »

More about →

Tạo widget Hồ sơ xã hội sử dụng Css dạng trượt cho blogger

Trong bài viết này sẽ giải thích làm thế nào để thêm danh sách các biểu tượng xã hội css dạng trượt cho các blogger. Bằng cách sử dụng Css dạng trượt, bạn có thể liên kết phương tiện truyền thông xã hội trong hồ sơ cá nhân Facebook, Twitter và Google,  Rss cộng, RSS và StumbleUpon của bạn. Kiểm tra bản demo từ liên kết bên dưới .

Demo

Tạo widget Hồ sơ xã hội sử dụng Css dạng trượt cho blogger:

Đọc thêm »

More about →

Tạo phong cách hoạt hình jquery Tabs Widget cho Blogger

Vật dụng tab luôn luôn giúp đỡ để tiết kiệm khong gian cho website . Hướng dẫn này giải thích làm thế nào để thêm phụ tùng tab juery độc đáo  cho blogger. Tôi sử dụng css và jQuery để thực hiện widget này. Tab này làm việc với tất cả các phụ tùng web hiện đại. However của nó không làm việc với trình duyệt IE. Bạn có thể hãy xem trong trang demo để có được ý tưởng như thế nào nó hoạt động. 

Demo

Đọc thêm »

More about →

Chèn box nhỏ hiển thị các bài liên quan vào ngay trên đầu bài viết

Bài viết sẽ hướng dẫn các bạn tạo 1 box nhỏ chứa các bài viết liên quan tới bài đang đọc (giống như trang vietnamnet.vn). Để tránh trùng lặp với tiện ích các bài liên quan ở phía dưới của bài viết, thủ thuật này mình sẽ dùng tiện ích các bài ngẫu nhiên từ nhãn để truy xuất cho box này.

Thủ thuật này chỉ hiện thị tốt nhất cho các bài viết có 1 nhãn , nếu 1 bài viết có nhiều nhãn thì các bài hiển thị trong box này cũng sẽ tăng theo. Ví dụ ta thiết lập cho 1 nhãn hiển thị trong box là 4 bài, thì với 2 nhãn ta sẽ có 8 bài.
Đọc thêm »

More about →

Tìm hiểu về thẻ META trong HTML

Thẻ META là một thành phần quan trọng trong file HTML, nó chứa các thông tin về file HTML đó như tên tác giả, các từ khoá, các thông tin mô tả site đó… Và có thể có 1 số thông tin điều khiển trình duyệt, chỉ định cho các máy tìm kiếm...

Thẻ Meta có có cấu trúc như sau:

Đọc thêm »

More about →

Chỉ hiển thị tiện ích với quản trị blog

Đây là 1 thủ thuật cũng khá đơn giản, tương tự như với nút edit widget. Chỉ khi đã đăng nhập quyền quản trị blog thì khi load blog bạn mới thấy được widget mà bạn đã ẩn đi. Lưu ý là chỉ nhưng người được cấp quyền admin cho blog mới thấy được tiện ích, còn những tác giả thông thường cũng sẽ không thấy được tiện ích này.

Hình ảnh minh họa :

Đọc thêm »

More about →

Tạo bóng đổ cho ảnh hoặc các khối nội dung

Ở bài này mình sẽ sử dụng lệnh position để tạo bóng đổ cho ảnh hoặc cho các khối văn bản. Làm cho ảnh hoặc vùng văn bản đó trở nên bắt mắt hơn. Thủ thuật để tạo bóng đổ trong bài này là ta sẽ tạo các background nằm dè lên nhau, và lệch nhau vài pixel, như thế sẽ tạo nên hiệu ứng bóng đổ.

Ví dụ ở đây mình sẽ dùng 3 class để tạo bóng. Class đầu tiên sẽ là màu nền chính, các class tiếp theo sẽ có màu nền nhạt dần vào lệch với class đầu tiên.

Ví dụ ta có đoạn code CSS và HTML sau :
Đọc thêm »

More about →

Hướng dẫn tạo thumbnail cho ảnh với CSS

Thông thường khi muốn tạo ảnh thumbnail ta thường dùng cách bóp ảnh lại bằng việc sử dụng các lệnh width, height. Khi bóp ảnh như thế, nếu bóp theo 2 chiều (width và height) thì ảnh thường bị méo dạng (không còn tỉ lệ với ảnh gốc), nếu không muốn gặp hiện tượng này thì chỉ nên bóp theo 1 chiều. Tuy nhiên, ở những phần, ví dụ như tiện ích recent post, các bạn muốn các ảnhthumbnail được đều nhau, và có cùng kích cỡ thì việc bóp ảnh theo 1 chiều không đáp ứng được. Và hôm nay mình sẽ giới thiệu cho các bạn 1 các để lấy ảnh thumbnail từ ảnh gốc mà chỉ cần dùng CSS.

Đọc thêm »

More about →

Thêm chức năng Reactions cho bài viết trên blogspot

Chức năng reactions của blogger cung cấp giúp cho đọc giả thể hiện phản ứng của mình khi xem 1 bài viết nào đó. Chức năng này đã được tích hợp sẵn trong widget "bài đăng trên blog" (Blog1). Nhưng nó thường ở chế độ ẩn (disable), nếu bạn muốn sử dụng nó cho các bài viết của mình thì các bạn phảienable nó lên.

Bài hướng dẫn này cũng rất cơ bản, và có cũng có nhiều blog đã đăng rồi.

Hình ảnh minh họa :

Để Enable tính năng reaction các bạn thực hiện các bước như bên dưới:
1. Vào phần thiết kế -> nhấp chọn vào phần chỉnh sửa widget của tiện ích "Bài đăng trên blog"
2. Và click chọn để enable như hình bên dưới :

- Các bạn có thêm nhiều phản ứng (reaction) để người khác vote bằng cách nhấp vào dòng chữ chỉnh sửa của tính năng Reactions. Sau đó thêm vào, lưu ý là các phản ứng cách nhau bằng dấu phẩy.

3. Save chỉnh sửa lại.

Sau khi save lại và mở bài viết ra để xem thành quả. Và 1 số có lẽ sẽ thất vọng khi nó không hiển thị, các bạn không phải lo lắng. Nó không hiển thị là do template của bạn đã được mod lại (chỉnh sửa). Đa số là code của phần reactions đã bị xóa đi. Để hiển thị nó ta chỉ việc thêm lại phần code của nó là xong.

Sau đây là các bước add lại code của nó:
1. Vào phần thiết kế -> chỉnh sửa HTML -> nhấp chọn mở rộng mẫu tiện ích.
2. Tìm đến dòng code này:

<div class='post-footer-line post-footer-line-3'>

- nếu blog bạn không có dòng này, cũng không sao, bạn có thể tìm đến dòng này :

<data:post.body/>

3. Sau khi tìm được dòng code ở bước 2, các bạn add code của tính năng reactions vào ngay sau dòng code vừa tìm được. Bên dưới là code của nó:

<span class='reaction-buttons'>
<b:if cond='data:top.showReactions'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
<span class='reactions-label'>
<data:top.reactionsLabel/></span></td>
<td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
</tr></table>
</b:if>
</span>

4. Save template lại. và mở lại xem bài viết để thấy kết quả.

                                                                                               Theo: Fandung

More about →

Hướng dẫn chèn link Google Search vào footer của bài viết

Ở thủ thuật này, theo như yêu cầu, mình sẽ tạo 1 link text nhỏ ở dưới mỗi bài viết. Khi click vào link này thì lập tức sẽ mở ra 1 cửa sổ mới của trang Google với nội dung tìm kiếm chính là tiêu đề bài viết mà bạn đang xem. Như yêu cầu thì tiện ích sẽ thay thế cho việc copy tiêu đề bài viết và dán vào google để tìm kiếm. Thủ thuật này cũng là 1 cách để cho các bạn có thể kiểm tra xem bài biết của bạn đứng thứ bao nhiêu trong kết quả tìm kiếm của google (với từ khóa chính là tiêu đề bài viết).

Sau đây là các bước thực hiện :
Đọc thêm »

More about →

Bảo mật data blogger

Vấn đề này tuy cũ và nhiều người biết nhưng lại không thấy ai nhắc đến khiến một số bạn mới tham gia Blogger nản lòng khi bị người khác Rip mất data, mất đi công sức bao lâu. Nay mình xin hướng dẫn cho các bạn chưa biết để bảo vệ data của chính mình.

Hiện tại Google Chrome có thể view data các bạn thông qua RSS chính vì vậy ta sẽ tùy biến cách hiện thị RSS của blogger để ko hiện thị toàn bộ nội dung bài viết.

Trước tiên bạn cần vào Cài đặt -> Nguồn cấp Trang Web -> Cho phép Nguồn cấp dữ liệu Blog -> Chọn: Cho đến dấu ngắt.
Vậy là xong  từ bây giờ khi post bài nếu ở chế độ HTML chỉ cần thêm <!--more-->  vào giữa bài viết hoặc trên cùng nội dung bài viết.
Còn nếu post ở chế độ WYSIWYG thì bạn có thể sử dụng ngay nút redmore của blogger để ngăn cách

 Bây giờ hãy xem lại RSS của bạn sẽ thấy sự  khác biệt : http://tenmiencuaban/rss.xml
Ngoài ra để tùy chình nút  Đọc thêm » khi view rss bạn hãy vào Thiết kế ->Phần tử Trang -> Bài đăng trên Blog -> Chọn Chỉnh sửa và thay bằng nội dung muốn hiện thị.
Ví dụ: Click vào đây để xem tiếp... hoặc  Click vào đây để xem bộ phim này... v.v...
Bây giờ RSS blog của bạn đã hiện thị 1 cách đẹp và chuyên nghiệp hơn, không còn lo sợ người khác Rip data nữa rồi. 
                                                                                                     Theo: fandung.

More about →

Tạo trang Liên hệ cho blog - style 3

Trang liện hệ rất quan trọng với các blogger nếu muốn hướng đến sự chuyên nghiệp. Đây là trang thông tin phản hồi giữa các độc giả và admin của blog. Nếu có một trang liên hệ tiện lợi và sự phản hồi, tương tác tốt từ 2 phía sẽ giúp blog của bạn ngày càng phát triển và giữ chân được nhiều độc giả hơn. Sau đây mình hướng dẫn tạo form liên hệ từ trang web kontactr.com

Bước 1: Đăng ký một tài khản trên kontactr:

Đọc thêm »

More about →

Hiện bình luận Facebook trên Tabs trong Blogger (phần 2)

Đây là phần thứ hai của loạt bài của chúng tôi trên Facebook Bình luận plugin. Facebook bình luận bây giờ được tối ưu hóa và dễ dàng lập chỉ mục và thu thập thông tin công cụ tìm kiếm. Facebook bình luận xuất hiện trong kết quả tìm kiếm và có thể lưu lượng truy cập của bạn cả hai từ 845 triệu người sử dụng đã đăng ký của mình và cũng từ Mega Công cụ tìm kiếm Google. Tôi đã chia sẻ một hướng dẫn về làm thế nào để đếm số lượng các ý kiến Facebook và hiển thị nó trên trang chủ blog của bạn và hôm nay chúng tôi sẽ sử dụng cùng một kịch bản, nhưng với một thiết kế khác nhau và cảm nhận.Thêm bình luận truy cập này là rất dễ dàng. Tất cả các bạn cần làm là để theo dõi các bước sau cho đúng. Xin vui lòng xem một bản demo đầu tiên,
Đọc thêm »

More about →

Hiện bình luận Facebook trên Tabs trong Blogger (phần 1)

Facebook Bình luận plugin đã nhanh chóng thay thế phần thứ ba hệ thống bình luận như Disqus và những người khác. Họ bây giờ cũng được thu thập và chỉ số bởi các robot tìm kiếm. Hướng dẫn đầu tiên của chúng tôi trên hộp ý kiến facebook  được đánh giá cao rộng rãi bởi một lượng lớn khán giả và giúp hầu hết các bạn. Hôm nay chúng ta có một cái gì đó thú vị hơn. Nhờ James chúng tôi đã học được một phương pháp mới để hiển thị bình luận facebook trong blog blogger. Chúng tôi sẽ sử dụng một cách tiếp cận khác nhau ở đây và chỉ bằng cách sử dụng mã javascript và mã CSS từ james và giữ các thiết lập khác hoàn toàn khác nhau.
Đọc thêm »

More about →

Thêm Facebook Comments Box cho blogger

Trong năm 2009 các nhà phát triển Facebook giới thiệu Plugin xã hội tốt nhất của họ được gọi là " Facebook Ô ". Plugin này có thể được nhúng vào bất kỳ trang web hoặc blog và du khách có thể sử dụng ID của họ về Facebook, Yahoo, AOL và Hotmail để lại comment tại trang web của bạn. Plugin này đã cho thấy rất nhiều vấn đề khi nó được nhúng vào trong Blogger. Nhưng bây giờ nhờ người bạn đồng nghiệp của chúng tôi tối đa từ Allblogtools plugin này đã được làm việc hoàn hảo với bất kỳ tổ chức Blogger blog. Tôi đã chỉnh sửa mã hóa tối đa trong một số lĩnh vực và đã đề cập đến một số tùy chọn thú vị hơn sẽ giúp bạn sử dụng Facebook bình luận hộp song song với nó là hình thức bình luận Blogger để bạn không bị mất đi bình luận trước và cung cấp cho người sử dụng với nhiều tùy chọn cho ý kiến từ khác nhau nền tảng.

Đọc thêm »

More about →