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
Hiển thị các bài đăng có nhãn Tiện ích cho blog. Hiển thị tất cả bài đăng
Hiển thị các bài đăng có nhãn Tiện ích cho blog. Hiển thị tất cả bài đăng
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
Người đăng: buonkhongem on Chủ Nhật, 27 tháng 4, 2014
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
Tạo đếm lượt người xem bài viết trong Blogspot
Người đăng: buonkhongem on Chủ Nhật, 9 tháng 3, 2014
Blogger ngày càng khẳng định sức mạnh bởi sự đơn giản trong thiết kế cũng như việc quản lý. Việc thống kê số lượt xem trên mỗi bài viết cũng được khá nhiều bạn quan tâm. Trong bài viết này mình sẽ hướng dẫn bạn cách đếm lượt truy cập trên mỗi bài viết. Các bài hướng dẫn tạo bộ đếm truy cập Blog thì khá nhiều nhưng bài hướng dẫn đếm số lượt xem của độc giả ở các bài viết của mình trên Blog thì khá hiếm.
Tôi muốn trang bị cho Blog của mình bộ đếm số người xem bài viết của mình nhưng tìm mãi trên mạng không có cái nào. Có cái cứ vào blog là các bài viết đồng loạt được tăng lên một cả. Tìm mãi tôi mới thấy thủ thuật này là hay vì chỉ vào bài viết nào thì bài đó mới được tăng lượt dếm còn các bài khác không vào số đếm vẫn được giữ nguyên ! Có điều con số tăng chỉ hiện lên sau lần vào sau thôi không hiện ngay lúc ta vào.
Tuy vậy tôi vẫn chưa ưng ý với bộ đếm này lắm vì mỗi lần Reload thì bộ đếm vẫn xem như ta đã vào bài viết này và chỉ đếm được kể từ khi ta lập bộ đếm này thôi còn trước đó thì không !
Tôi xin viết tút lại rất cụ thể với hình ảnh minh họa để các bạn không quen với việc chỉnh sữa HTML của Blog lắm dễ sử dụng thủ thuật hơn. Trong quá trình áp dụng thủ thuật này tôi đã được sự giúp đỡ nhiệt tình của bạn Minh Anh với đ/c mail : connect@erhay.com. Tôi xin có lời cảm ơn !
Đầu tiên mời bạn xem Demo:
Tôi muốn trang bị cho Blog của mình bộ đếm số người xem bài viết của mình nhưng tìm mãi trên mạng không có cái nào. Có cái cứ vào blog là các bài viết đồng loạt được tăng lên một cả. Tìm mãi tôi mới thấy thủ thuật này là hay vì chỉ vào bài viết nào thì bài đó mới được tăng lượt dếm còn các bài khác không vào số đếm vẫn được giữ nguyên ! Có điều con số tăng chỉ hiện lên sau lần vào sau thôi không hiện ngay lúc ta vào.
Tuy vậy tôi vẫn chưa ưng ý với bộ đếm này lắm vì mỗi lần Reload thì bộ đếm vẫn xem như ta đã vào bài viết này và chỉ đếm được kể từ khi ta lập bộ đếm này thôi còn trước đó thì không !
Tôi xin viết tút lại rất cụ thể với hình ảnh minh họa để các bạn không quen với việc chỉnh sữa HTML của Blog lắm dễ sử dụng thủ thuật hơn. Trong quá trình áp dụng thủ thuật này tôi đã được sự giúp đỡ nhiệt tình của bạn Minh Anh với đ/c mail : connect@erhay.com. Tôi xin có lời cảm ơn !
Đầu tiên mời bạn xem Demo:
Sau đây là các thao tác thực hiện (Kích vào ảnh để xem ảnh to hơn)
Bước 1: Tạo một tài khoản Firebase
Nhấn vào đây để đăng ký
Bước 1: Tạo một tài khoản Firebase
Nhấn vào đây để đăng ký
Bước 2: Tạo trang Firebase.
Đọc thêm »Tùy chỉnh hộp bình luận cho blogger với nền đẹp theo ý
Người đăng: buonkhongem on Chủ Nhật, 19 tháng 1, 2014
Trên thực tế, các hộp bình luận mặc định không được hấp dẫn cho lắm. vậy làm cách nào để tùy chỉnh cho nó trở nên bắt mắt hơn? Bài viết này sẽ giúp bạn tùy chỉnh hộp bình luận với màu nền không phải mặc định mà được tùy chỉnh theo ý thích của bạn.
Bạn hãy làm theo các bước đơn giản sau để thêm nó vào blog của bạn:
1. Đăng nhập vào blogger Thiết kế > . Chỉnh sửa HTML
2. Tìm thẻ này bằng cách sử dụng tổ hợp phím Ctrl + F ]]> </ b: skin>
3. Dán mã dưới đây trước thẻ : ]]> </ b: skin> :
#mbt-form iframe{
background:#ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6t14WvcEq8LzZdTxUQ-lTH7R9rYkFzAffnQxkgtvg2DWfTiWzJuJ96fmhOokZtnfjMU3LYMjt-U6POrJTx5j58e4pYdPsc4v2ev-x91e5sDfYTHJA4T1HwBDPO8MrSDCBAoiiQZowJcZT/s400/11.png) repeat-x;
border:1px solid #ddd;
-moz-border-radius:6px;
-webkit-border-radius:6px;
box-shadow: 5px 5px 5px #CCCCCC;
padding:5px;
font:normal 12pt "ms sans serif", Arial;
color:#2F97FF;
width:560px; height:213px !important;
}
#mbt-form a{
color:#fff;
}* Lưu ý: Bạn có thể thay thế dòng link ảnh màu đỏ bằng link ảnh khác bạn yêu thích.4. Tìm lại mã sau bằng cách sử dụng tổ hợp phím Ctrl + F: <div class='comment-form'>
5. Bây giờ thay thế <div class='comment-form'> với mã dưới đây:
<div id='mbt-form'>6. Bây giờ lưu mẫu của bạn.
Chúc bạn thành công !...
Tham khảo từ: bloggertrix.com
Tùy chỉnh hộp popup cho các nút xã hội trên Blogger
Người đăng: buonkhongem on Thứ Tư, 1 tháng 1, 2014
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.
Đề nghị Widget xã hội cho Blogger:
Đọc thêm »
Tạo Tabbed Navigation CSS3 đẹp cho Blogger
Người đăng: buonkhongem
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 »
Tạo phong cách hoạt hình jquery Tabs Widget cho Blogger
Người đăng: buonkhongem on Chủ Nhật, 29 tháng 12, 2013
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.
Đọc thêm »
Chỉ hiển thị tiện ích với quản trị blog
Người đăng: buonkhongem on Thứ Bảy, 28 tháng 12, 2013
Đâ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 »
Tạo bóng đổ cho ảnh hoặc các khối nội dung
Người đăng: buonkhongem
Ở 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 »
Hướng dẫn tạo thumbnail cho ảnh với CSS
Người đăng: buonkhongem
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.
Tạo hiệu ứng mô tả cho link liên kết trên blog
Người đăng: buonkhongem on Thứ Năm, 26 tháng 12, 2013
Ở các thủ thuật trước mình có hướng dẫn các bạn tạo hiệu ứng mô tả chỉ dùng CSS, ở bài viết này mình sẽ giới thiệu việc tạo hiệu ứng mô tả dùng JS. Với thủ thuật này thì popup mô tả sẽ di chuyển theo con chuột, không như cách ta dùng CSS, popup chỉ hiển thị ở 1 vị trí cố định.
Hình ảnh minh họa:
Sau đây là các bước thực hiện :
1. Vào bố cục
2. Vào chỉnh sửa code HTML
3. Chèn đoạn code bên dưới vào trước thẻ đóng </head>
Đọc thêm »
Sript đổi màu nền cho blog
Người đăng: buonkhongem
Bài này mình sẽ giới thiệu cho các bạn 1 đoạn script nhỏ làm thay đổi màu nền của blog. Với đoạn script này, màu nền sẽ tự động thay đổi 1 cách tuần tự sau 1 khoảng thời gian mà chúng ta đã định trước.Để tạo nên hiệu hứng đổi màu cho đẹp và liên tục, các bạn sẽ tạo 1 mảng các trị màu thay đổi 1 cách tuần tự.
Để thực hiện thủ thuật này, các bạn chỉ cần chèn đoạn code JS bên dưới vào trước thẻ đóng </head> hoặc sau thẻ mở <head>
Đọc thêm »
Khắc phục sự cố không hiện thị được Favicon
Người đăng: buonkhongem on Thứ Bảy, 21 tháng 12, 2013
Dưới đây là 1 số cách nho nhỏ để khắc phục tình trạng này.
1. Phải chắc rằng phần mở rộng của file fải là .ico , nếu file của bạn có đuôi .gif hoặc .jpg thì Favicon cũng xuất hiện, nhưng đôi khi nó biến mất.
Đọc thêm »
Hướng dẫn tạo favicon cho web /blog
Người đăng: buonkhongem
www.favicon.cc là 1 web site cho phép bạn thiết kế 1 file favicon.ico trực tuyến. Với việc hỗ trợ thiết kế đến từng pixel, sẽ cho bạn một favicon sắc nét.
Để tạo 1 favicon riêng cho blog của mình, bạn hãy vào trang :http://www.favicon.cc/Khi bạn vào web, sẽ thấy giao diện như hình bên dưới:
Đọc thêm »
Tạo Form Liên hệ chèn vào blog - style 4
Người đăng: buonkhongem on Thứ Sáu, 20 tháng 12, 2013
Bài viết trước, mình đã hướng dẫn Chèn Form Liên hệ từ kontactr.com vào blog. Hôm nay, mình xin giới thiệu một trang Web khác và hướng dẫn cách làm để các bạn chỉ trong vài bước đơn giản sau là bạn đã có thể tạo ra cho mình một Form liên hệ ưng ý.
Hình thức liên lạc ở Web này dễ dàng, miễn phí cho trang web hoặc blog của bạn. Đặc biệt, hơn, các hình thức liên lạc cho website của bạn với bảo vệ chống thư rác được tích hợp!
Chọn hình thức liên hệ với các lĩnh vực của bạn và quyết định họ là bắt buộc hay không.
Đọc thêm »
Tạo trang Liên hệ cho blog - style 3
Người đăng: buonkhongem on Thứ Năm, 19 tháng 12, 2013
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.comBước 1: Đăng ký một tài khản trên kontactr:
Đọc thêm »
Liên hệ Quảng cáo
Người đăng: buonkhongem
Chào mừng các bạn đến với trang Liên hệ quảng cáo của Thu thuat vi tinh ! Với giao diện trang nhã, thân thiện với người dùng, nội dung đa dạng, phong phú, dễ tìm kiếm, Thu thuat vi tinh đáp ứng khá toàn diện nhu cầu học tập của bạn đọc ở mọi tầng lớp, lứa tuổi có mong muốn tìm hiểu các thủ thuật về sử dụng vi tính, công nghệ số và mạng Internet. Hiện nay, Thu thuat vi tinh nhận quảng cáo cho các cá nhân và doanh nghiệp dưới các hình thức sau: 1. Nhận post bài quảng bá sản phẩm và tex-link có nội dung định sẵn do đối tác cung cấp. 2. Nhận viết bài quảng bá sản phẩm và tex-link theo nội dung do đối tác gợi ý. 3. Nhận đặt banner quảng cáo ở các vị trí khác nhau trên blog như đầu trang, chân trang, cuối bài viết, side bar,... 4. Nhận đặt popup nhằm quảng bá và tăng lượt view cho web/ blog của đối tác. *Điều khoản hợp tác: Điều 1: Các bài viết, banner không vi phạm pháp luật nước CHXHCN Việt Nam, không chứa nội dung phản động, đồi trụy, lừa đảo. Các tex-link không dẫn đến các trang web/blog đen, có chứa mã độc, có nội dung đồi trụy, lừa đảo, phản động, vi phạm pháp luật Việt Nam. Điều 2: Nếu đối tác vi phạm các nội dung đã ghi ở Điều 1 thì Thu thuat vi tinh sẽ đơn phương chấm dứt việc đặt quảng cáo trên blog mà không cần thông báo hoặc sự đồng ý của đối tác. Điều 3: Chi phí cho dịch vụ quảng cáo do đối tác tự liên hệ đặt giá và thỏa thuận. Điều 4: Thanh toán qua tài khoản ngânlượng.vn, baokim.vn, Agribank hoặc thẻ cào điện thoại của Viettel hoặc Vinaphon. Giao dịch đơn giản, thuận tiện – Giá cả phải chăng . Hân hạnh được phục vụ quý khách !... Thân ái ! Admin: Ngân Giang foxyform |
Hiện bình luận Facebook trên Tabs trong Blogger (phần 2)
Người đăng: buonkhongem on Thứ Ba, 17 tháng 12, 2013
Đâ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 »
Hiện bình luận Facebook trên Tabs trong Blogger (phần 1)
Người đăng: buonkhongem
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 »
Thêm Facebook Comments Box cho blogger
Người đăng: buonkhongem
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.Tùy chỉnh mẫu Blogger Comment - style2
Người đăng: buonkhongem
Đối với một số nhà thiết kế tùy biến các mẫu bình luận Blogger là việc cần thiết nhằm thu hút khách. Sau khi một số thử nghiệm và sai sót, chúng tôi thực sự đã thành công trong việc thay đổi chính thức mã hóa CSS Blogger. Chúng tôi rất vui đã mang lại cho bạn một hướng dẫn mà thực sự sẽ cho phép bạn có một mẫu bình luận tùy chỉnh tốt hơn so với Wordpress, Typad vv...Hãy có một cái nhìn tại một số ví dụ dưới đây:
Đọc thêm »
