FGiảm giá thiết kế nhận diện thương hiệu tại bắc ninh

7/28/2016

Tổng hợp các plugin quản lý quảng cáo, banner trên WordPress

Xin chào các bạn, với mỗi blog thì nhu cầu quảng cáo, nhất là banner luôn tồn tại, có thể là chủ blog quảng cáo cho một bài viết nào đó, có thể do khách hàng mua quảng cáo, nhưng làm sao để quản lý quảng cáo tiện lợi nhất mà không phải viết code ỳ ạch trong các widget ? Sau đây mình xin giới thiệu các plugin cho phép bạn làm điều ấy nha:

#1, AdRotate

Plugin Adrotate
Plugin Adrotate
Là một trong những plugin được dùng khá nhiều, phải có lý do riêng của nó để 50 ngàn người có thể chọn plugin này làm hệ thống quản lý quảng cáo cho website của họ !
Có hàng tá các loại chức năng nằm trong bộ plugin này như:
  1. Có thể thêm Ảnh tĩnh, Javascript
  2. Hỗ trợ Google Adsense
  3. Hỗ trợ quảng cáo riêng cho di động
  4. Có group quảng cáo theo nhóm
  5. Hỗ trợ shortcode
  6. Đặt giới hạn hiển thị cho quảng cáo !
Lượt download 50.000
Download: https://wordpress.org/plugins/adrotate/

#2, Easy Ads Lite

Plugin Easy Ad Lite
Plugin Easy Ad Lite
Plugin này cho phép bạn quản lý quảng cáo của bên thứ ba như Google Adsense, Chikita, Bidvertiser … Bạn chỉ cần nhập thông tin tài khoản rồi chọn kích thước, mọi việc sau đó như hiển thị quảng cáo và quản lý quảng cáo sẽ do plugin này quản lý !
Lượt download: 900+
Download tại đây: https://wordpress.org/plugins/easy-ads-lite/

#3, Banner Upload

Plugin Banner Upload
Plugin Banner Upload
Plugin này là một plugin chuyên hiển thị quảng cáo chứ không có quản lý hay theo dõi gì hết, nhưng lại rất tiện lợi, sau khi cài xong nó sẽ sinh ra một Widget ở trong phần quản trị > Giao diện > WIdget, bạn chỉ cần kéo và thả vào nơi cần hiển thị, upload ảnh lên và chọn kích thước thế là xong, plugin này khá đơn giản, nhưng có một số lỗi của plugin bạn cần phải chỉnh sửa thêm mới dùng nâng cao được, còn không cứ dùng cơ bản thì okey !
Lượt download: 3000+
Download tại đây: https://wordpress.org/plugins/banner-upload/

#4, Simple Ads Manager

Plugin Simple Ad Manager
Plugin Simple Ad Manager
Simple Ads Manager hoạt động bằng cách tạo các vị trí hiển thị quảng cáo trên blog của bạn hoặc bạn cũng có thể tự tạo các vị trí hiển thị phù hợp với blog. Các tính năng chính của Plugin này:
  • Tùy chỉnh các quảng cáo mặc định cho mỗi vị trí hiển thị.
  • Có thể chèn mã quảng cáo của Google DoubleClick for Publisher (DFP).
  • Hỗ trợ chèn code [HTML], [Javascript], [PHP].
  • Hiển thị quảng cáo trên các widget.
  • Hỗ trợ short code chèn vào widget, bài viết…
  • Hỗ trợ hàm giúp chèn quảng cáo vào bất cứ vị trí nào trên Blog.
  • Tùy chọn hiển thị hoặc giới hạn quảng cáo trên từng trang, trên bài duy nhất hoặc các trang lưu trữ, tags…
  • Thống kê lượng truy cập và click chuột.
Và nhiều chức năng khác nữa, các bạn tự khám phá nhé, download tại đây: https://wordpress.org/plugins/simple-ads-manager/

#5, WordPress Ad Widget

Adwidget
Nếu bạn nào không thích phức tạp mà chỉ đơn giản là upload ảnh banner lên và thả vào đâu đó trong Sidebar thì hãy sử dụng plugin tên là WordPress Ad Widget này nha, plugin này cho phép bạn kéo thả Widget quảng cáo vào vùng quảng cáo mà bạn chọn, đơn giản là vậy thôi !
Lượt tải: 20,000 +
Download tại đây: https://wordpress.org/plugins/ad-widget/
Chúc các bạn tìm được cho mình một plugin quảng cáo miễn phí và đúng nhu cầu của bạn ! Chúc các bạn thành công !
Nguồn tham khảo : http://www.jamviet.com/
Share:

7/27/2016

TÔI ĐÃ THẤY Ở KHE SANH, HÀ GIANG, MA LÂM, BÌNH PHƯỚC...


Tôi đã thấy
Những linh hồn chiến binh nhớ mẹ
Đang vất vưỡng, lang thang ven suối, ven đồi...
Hồn nguyên quán Thái Bình dật dờ, hồn sinh ở Phan Rang khóc kể...
Có những hồn thở dài nhớ nước Mỹ xa xôi...

Có những hồn cứ tưởng mình đang sống
Hễ gặp hồn ai cũng nhoẻn miệng cười
Rồi cất tiếng ca mơ ngày chiến thắng
Mong về nhà để mẹ dắt đi chơi...
Tôi đã thấy
Cả rừng hồn chưa siêu thoát
Họ choàng vai nhau như không phải cựu thù
Thường họ hát, kể mỗi ngày về cô gái cạnh nhà, về con đường làng và mẹ...
Bốn mươi mấy năm rồi họ vẫn khóc, hát, kể say mê...

Tôi đã thấy ở Hà Giang bữa đó
Hồn hỏi hồn sao ta phải hy sinh?
Sao người sống không cho hồn tử trận?
Hồn vị quốc vong thân chứ đâu phải chết bất thình lình...

Những cuộc chiến trên đất nước này như chưa hề siêu thoát
Người chết chắc đã cho qua nhưng người sống cứ bươi xới oán thù
Trong hương khói tôi nguyện cầu cho mẹ
Đón đủ mấy đứa con về từ muôn nẻo âm u.
-Sưu tầm-.
Share:

7/20/2016

Thủ tục đăng kí tạm trú, khai báo tạm vắng mới nhất

Theo quy định pháp luật, phải đăng ký tạm trú khi sinh sống tại một địa điểm thuộc xã, phường, thị trấn nhưng không thuộc trường hợp được đăng ký thường trú.
Về vấn đề khai báo tạm vắng, đăng ký tạm trú
Về đối tượng và trường hợp phải khai báo tạm vắng, Điều 32  Luật cư trú 2006 quy định: Khai báo tạm vắng
1. Bị can, bị cáo đang tại ngoại; người bị kết án phạt tù nhưng chưa có quyết định thi hành án hoặc được hoãn, tạm đình chỉ chấp hành hình phạt tù; người bị kết án phạt tù được hưởng án treo; người bị phạt cải tạo không giam giữ; người đang bị quản chế; người đang chấp hành biện pháp giáo dục tại xã, phường, thị trấn; người bị áp dụng biện pháp đưa vào cơ sở giáo dục, cơ sở chữa bệnh, trường giáo dưỡng nhưng đang được hoãn chấp hành hoặc tạm đình chỉ thi hành khi đi khỏi nơi cư trú từ một ngày trở lên có trách nhiệm khai báo tạm vắng.
2. Người trong độ tuổi làm nghĩa vụ quân sự, dự bị động viên đi khỏi huyện, quận, thị xã, thành phố thuộc tỉnh nơi mình cư trú từ ba tháng trở lên có trách nhiệm khai báo tạm vắng.
3. Người quy định tại khoản 1 và khoản 2 Điều này phải khai báo tạm vắng tại Công an xã, phường, thị trấn nơi người đó cư trú. Khi đến khai báo tạm vắng phải xuất trình giấy chứng minh nhân dân và ghi vào phiếu khai báo tạm vắng.
4. Công an xã, phường, thị trấn có trách nhiệm hướng dẫn nội dung khai báo, kiểm tra nội dung khai báo, ký xác nhận vào phần phiếu cấp cho người khai báo tạm vắng.
Theo quy định tại Khoản 2 Điều 32  Luật cư trú 2006, chỉ những trường hợp người đi khỏi quận, huyện, xã, thành phố nơi mình đang cư trú đến quận, huyện, xã, thành phố khác từ 03 tháng trở lên mới phải khai báo tạm vắng.
Về đối tượng phải đăng ký tạm trú, Điều 30  Luật cư trú 2006 quy định: Đăng ký tạm trú
1. Đăng ký tạm trú là việc công dân đăng ký nơi tạm trú của mình với cơ quan nhà nước có thẩm quyền và được cơ quan này làm thủ tục đăng ký tạm trú, cấp sổ tạm trú cho họ.
2. Người đang sinh sống, làm việc, lao động, học tập tại một địa điểm thuộc xã, phường, thị trấn nhưng không thuộc trường hợp được đăng ký thường trú tại địa phương đó thì trong thời hạn ba mươi ngày, kể từ ngày đến phải đăng ký tạm trú tại Công an xã, phường, thị trấn.
3. Người đến đăng ký tạm trú phải xuất trình giấy chứng minh nhân dân hoặc giấy tờ có xác nhận của Công an xã, phường, thị trấn nơi người đó đã đăng ký thường trú; giấy tờ chứng minh quyền sở hữu hoặc sử dụng nhà ở đó; nộp phiếu báo thay đổi hộ khẩu, nhân khẩu, bản khai nhân khẩu; trường hợp chỗ ở hợp pháp là nhà do thuê, mượn hoặc ở nhờ của cá nhân thì phải được người cho thuê, cho mượn, cho ở nhờ đồng ý bằng văn bản.
4. Trưởng Công an xã, phường, thị trấn trong thời hạn ba ngày làm việc, kể từ ngày nhận đủ giấy tờ quy định tại khoản 3 Điều này phải cấp sổ tạm trú theo mẫu quy định của Bộ Công an.
Sổ tạm trú được cấp cho hộ gia đình hoặc cá nhân đã đăng ký tạm trú, có giá trị xác định nơi tạm trú của công dân và không xác định thời hạn.
Việc điều chỉnh thay đổi về sổ tạm trú được thực hiện theo quy định tại Điều 29 của Luật này. Sổ tạm trú bị hư hỏng thì được đổi, bị mất thì được cấp lại. Trường hợp đến tạm trú tại xã, phường, thị trấn khác thì phải đăng ký lại.
5. Trường hợp người đã đăng ký tạm trú nhưng không sinh sống, làm việc, lao động, học tập từ sáu tháng trở lên tại địa phương đã đăng ký tạm trú thì cơ quan đã cấp sổ tạm trú phải xoá tên người đó trong sổ đăng ký tạm trú.
Theo quy định Khoản 2 Điều 30, phải đăng ký tạm trú trong trường hợp di chuyển ra ngoài phạm vi xã, phường, thị trấn nơi đang cư trú. Nếu nơi cư trú mới vẫn nằm trong phạm vi xã nơi hiện đang cư trú thì không cần làm thủ tục đăng ký tạm trú.
Thủ tục đăng ký tạm trú, khai báo tạm vắng - Ảnh 1

Thủ tục đăng ký tạm trú, khai báo tạm vắng

Thủ tục khai báo tạm vắng, đăng ký tạm trú
Thủ tục khai báo tạm vắng
- Hồ sơ khai báo tạm vắng bao gồm:
+ Phiếu khai báo tạm vắng
+ Xuất trình chứng minh nhân dân
- Nơi nộp hồ sơ: Cơ quan Công an xã, phường, thị trấn nơi đang cư trú
- Thời hạn giải quyết: Ngay trong ngày làm việc kể từ khi nhận đủ hồ sơ hợp lệ . Trường hợp cần xác minh, thời hạn giải quyết là 02 ngày làm việc kể từ khi nhận đủ hồ sơ hợp lệ.
- Lệ phí khai báo tạm vắng: Không
Thủ tục đăng ký tạm trú
- Trong thời hạn 30 ngày kể từ ngày chuyển đến công dân phải làm thủ tục đăng ký tạm trú.
- Hồ sơ đăng ký tạm trú bao gồm:
+ Bản khai nhân khẩu
+ Phiếu báo thay đổi hộ khẩu, nhân khẩu
 + Giấy tờ chứng minh chỗ ở hợp pháp (trừ trường hợp được chủ hộ có sổ hộ khẩu hoặc sổ tạm trú đồng ý cho đăng ký tạm trú thì không cần xuất trình giấy tờ về chỗ ở). Đối với trường hợp thuê, mượn, ở nhờ chỗ ở hợp pháp thì khi đăng ký tạm trú phải có ý kiến đồng ý cho đăng ký tạm trú của người cho thuê, cho mượn, cho ở nhờ tại phiếu báo thay đổi hộ khẩu, nhân khẩu, ký, ghi rõ họ tên và ngày, tháng, năm.
+ Xuất trình chứng minh nhân dân hoặc giấy tờ có xác nhận của Công an xã, phường, thị trấn nơi người đó đăng ký thường trú.
- Nơi nộp hồ sơ: Công an xã, phường, thị trấn nơi tạm trú.
- Thời hạn giải quyết: Trong thời hạn 03 ngày làm việc kể từ ngày nộp đủ hồ sơ công dân sẽ được đăng ký tạm trú, cấp sổ tạm trú.
- Lệ phí đăng ký tạm trú: Theo quy định của Ủy ban nhân dân cấp tỉnh, thành phố.
Không đăng ký tạm trú, tạm vắng phạt bao nhiêu?
Vi phạm quy định về đăng ký và quản lý cư trú bị áp dụng mức xử phạt tại Điều 8, Nghị định số 167/2013/NĐ-CP như sau:
1. Phạt tiền từ 100.000 đồng đến 300.000 đồng đối với một trong những hành vi sau đây:
a) Cá nhân, chủ hộ gia đình không thực hiện đúng quy định về đăng ký thường trú, đăng ký tạm trú hoặc điều chỉnh những thay đổi trong sổ hộ khẩu, sổ tạm trú;
b) Cá nhân, chủ hộ gia đình không thực hiện đúng quy định về thông báo lưu trú, khai báo tạm vắng;
c) Không chấp hành việc kiểm tra hộ khẩu, kiểm tra tạm trú, kiểm tra lưu trú hoặc không xuất trình sổ hộ khẩu, sổ tạm trú, giấy tờ khác liên quan đến cư trú theo yêu cầu của cơ quan có thẩm quyền.
2. Phạt tiền từ 1.000.000 đồng đến 2.000.000 đồng đối với một trong những hành vi sau đây:
a) Tẩy, xóa, sửa chữa hoặc có hành vi khác làm sai lệch nội dung sổ hộ khẩu, sổ tạm trú, giấy tờ khác liên quan đến cư trú;
b) Cung cấp thông tin, tài liệu sai sự thật về cư trú;
c) Thuê, cho thuê sổ hộ khẩu, sổ tạm trú, giấy tờ khác liên quan đến cư trú để thực hiện hành vi trái quy định của pháp luật;
d) Sử dụng sổ hộ khẩu, sổ tạm trú, giấy tờ khác liên quan đến cư trú để thực hiện hành vi trái quy định của pháp luật;
đ) Cơ sở kinh doanh lưu trú không thực hiện việc thông báo lưu trú với cơ quan công an theo quy định khi có người đến lưu trú;
e) Tổ chức kích động, xúi giục, lôi kéo, dụ dỗ, môi giới, cưỡng bức người khác vi phạm pháp luật về cư trú.
3. Phạt tiền từ 2.000.000 đồng đến 4.000.000 đồng đối với một trong những hành vi sau đây:
a) Khai man, giả mạo hồ sơ, giấy tờ để được đăng ký thường trú, tạm trú, cấp sổ hộ khẩu, sổ tạm trú;
b) Làm giả sổ hộ khẩu, sổ tạm trú hoặc giả mạo điều kiện để được đăng ký thường trú;
c) Sử dụng sổ hộ khẩu, sổ tạm trú giả;
d) Cho người khác đăng ký cư trú vào chỗ ở của mình để vụ lợi hoặc trong thực tế người đăng ký cư trú không sinh sống tại chỗ ở đó;
đ) Cá nhân, chủ hộ gia đình cho người khác nhập hộ khẩu vào cùng một chỗ ở của mình nhưng không bảo đảm diện tích tối thiểu trên đầu người theo quy định;
e) Ký hợp đồng lao động không xác định thời hạn với người lao động không thuộc doanh nghiệp của mình để nhập hộ khẩu;
g) Sử dụng hợp đồng lao động trái với quy định của pháp luật để nhập hộ khẩu;
h) Không khai báo tạm trú cho người nước ngoài thuê nhà để ở.
4. Hình thức xử phạt bổ sung:
Tịch thu tang vật, phương tiện vi phạm hành chính đối với hành vi quy định tại điểm a Khoản 2; điểm a, b, c Khoản 3 Điều này.
5. Biện pháp khắc phục hậu quả:
a) Buộc thu hồi sổ hộ khẩu, sổ tạm trú, giấy tờ khác liên quan đến cư trú đối với hành vi quy định tại điểm a Khoản 2; điểm a Khoản 3 Điều này;
b) Buộc hủy bỏ thông tin, tài liệu sai sự thật đối với hành vi quy định tại điểm b Khoản 2 Điều này;
c) Buộc nộp lại số lợi bất hợp pháp có được do thực hiện hành vi vi phạm hành chính quy định tại điểm d Khoản 3 Điều này;
d) Buộc hủy bỏ hợp đồng lao động trái quy định của pháp luật để nhập hộ khẩu quy định tại điểm e, g Khoản 3 Điều này.
Luật gia ĐỒNG XUÂN THUẬN
Share:

7/19/2016

Nên đăng ký tên miền .COM hay .VN?

Khi bắt tay xây dựng website việc lựa chọn giữa tên miền .com hay .vn luôn là điều đắn đo suy tính của nhiều người.
Tên miền .COM là tên miền phổ biến nhất trên thế giới. Nói đến website người ta liên tưởng đến tên miền .com và đương nhiên các công cụ tìm kiếm như Google hay Yahoo, Bing đều nêu cao giá trị của tên miền .COM.
Nên đăng ký tên miền .COM hay .VN?
Tên miền tiếng việt và việc chọn lựa .com hay .vn cho website của bạn
Còn tên miền .VN là tên miền thuộc cấp quốc gia hay thường được gọi là local domain. Trước đây thì loại tên miền quốc gia này luôn bị xếp thứ hạng thấp trong mắt các công cụ tìm kiếm trên internet, nhưng hiện tại thì tên miền .VN được Google xem trọng vì chính sách Local hóa.
Ưu điểm mua tên miền .VN sẽ được pháp luật bảo hộ hơn là mua tên miền .com. Nếu bạn có tên miền .VN và bị người khác lấy mất thì bạn có thể trình giấy tờ chứng minh quyền hợp pháp và bạn sẽ lấy lại tên miền. Tên miền .COM là phải đăng ký quốc tế, quản lý dựa trên tài khoản của bạn qua email cá nhân và có khả năng bị đánh cắp nếu để lộ thông tin
Tên miền .COM hay .VN đều thuộc hạng top theo đánh giá chung. Tùy thuộc vào định hướng website muốn hướng tới thị trường nào để lựa chọn đúng tên miền và nếu có đủ chi phí, tốt nhất bạn nên đăng ký cả tên miền .COM, .VN cho website của mình.
Share:

7/14/2016

Code tạo banner quảng cáo chạy dọc 2 bên website

Chắc đã có lần các bạn vào một website nào đó thấy có 2 banner quảng cáo chạy 2 bên website rồi đúng không? Hôm nay Bchiase.com sẽ hướng dẫn các bạn tạo banner quảng cáo chạy dọc 2 bên website chỉ bằng HTML và CSS một cách đơn giản và cũng rất chuyên nghiệp.
Tất nhiên, các bạn sẽ tìm thấy rất nhiều code trên mạng nhưng code này mình đã tối ưu tối đa trên mọi màn hình thiết bị khác nhau nên nó sẽ phù hợp với các độ phân giải màn hình. Tiện đây chia sẻ luôn đến các bạn hay làm web nhé, code này khá tiện lợi vì khi gặp màn hình vuông (độ phân giải 768×1024) thì banner sẽ không bị chèn vào trong gây khó chịu vướng víu mà nó sẽ tự mất đi, chỉ những ai sử dụng màn hình dài mới thấy được quảng cáo.

Để sử dụng code này các bạn copy về đặt ở cuối website thông thường là file footer. Nhưng lưu ý là nhớ đặt trước thẻ đóng </body> nhé. (Các bạn cũng có thể page code này vào thẻ <head> nhưng mình khuyên các bạn để cuối trang để tối ưu cho việc seo website)
Dưới đây là code quảng cáo chạy 2 bên website.
<style>#divAdRight{display:none; width:0px;}#divAdLeft{display:none; width:0px;}@media (min-width:1024px) {#divAdRight{display: block; position: fixed; top: 5px; width: 120px; right: 0px; padding: 20px;}#divAdLeft{ display: block; position: fixed; top: 5px; width: 120px; padding: 20px;}}</style>
<!--ADS RIGHT LEFT -->
    <div id='divAdRight'>
      YOUR CODE ADS 
    </div>
    <div id='divAdLeft' >
       YOUR CODE ADS
    </div>
Bạn chèn code Adsense hoặc code ảnh vào phần  YOUR CODE ADS 
Với đoạn style các bạn để ý mục @media (max-width:1024px) với màn hình lớn hơn 1024px thì code ads sẽ hiện ra còn trên các màn hình nhỏ hơn tương ứng với các màn hình trên mobile code ads này sẽ ẩn đi 
Các bạn nhớ thay đổi các thông số phù hợp trước khi chạy. Chúc các bạn thành công !
Share:

7/07/2016

Tạo thông báo trên PushCrew cho website

Chắc các bạn đã có nghe nói đến công cụ tạo thông báo trình duyệt cho blog khi truy cập blog với ứng dụng này thực sự với cá nhân mình nhận thấy nó không phát huy tác dụng nhiều. Điều đó càng khẳng định hơn khi tới 90% người dùng sẽ nhận không cho phép bật thông báo trên trình duyệt của họ khi được hỏi. Và một số blogger không hiểu tác dụng của cái ứng dụng này.
Với trình duyệt trong cài đặt nội dung cũng có mục thông báo mặc định là "Hỏi khi trang web muốn hiển thị thông báo (nên chọn)".
Cài đặt thông báo trình duyệt
Tiếp theo các bạn chèn đoạn mã nhận thông báo vào blog.
Tuy nhiên sau đó các bạn không nhận được phản hồi gì từ website nữa cái lỗi này là do chúng ta chưa cài đặt đúng. Vậy chúng ta cần tùy chỉnh thêm trong cấu hình 
Các bạn đăng nhập PushCrew và làm theo các bước sau:

B1: Các bạn vào mục RSS-to-Push thêm link rss của blog các bạn vào hệ thống thông báo.

Tạo Push-to-rss
Dạng link như sau: http://www.bchiase.com/feeds/posts/default?alt=rss 
Bạn cũng có thể thêm nhiều link rss khác như: 
http://www.bchiase.com/feeds/posts/default 
http://www.blogger.com/feeds/4998696588925426578/posts/default
Nhớ thay tên miền blog của bạn vào mục chữ đỏ nhé
Để lấy được link này các bạn Ctrl+U để xem nhé.
Và mỗi khi bạn đăng bài mới sẽ có thông báo hiện lên Giống thông báo của fb nếu bạn nào chấp nhận thông báo của facebook nó sẽ có dạng như sau 

B2: Tạo thông báo chào mừng cho PushCrew

Các bạn vào mục Welcome Notification. Tích chọn Enable Welcome Notification
Nhập thông tin cho thông báo chào mừng như: Tiêu đề, thông điệp, ảnh logo hiển thị chọn Lưu lại
Các bạn có thể vào mục Send Notification để xem danh sách các thông báo được tạo
Danh sách các thông báo được tạo
Cập nhật:
Các bạn có thể tùy chỉnh lại form thông báo một cách hài hước và lôi cuốn hơn bằng những từ nhẹ nhàng hay mời gọi chứ đừng tạo cho người xem cảm giác bị ép khi phải nhận thông báo như vậy tỉ lệ chuyển đổi và bài viết sẽ xuất hiện và phân phối tới bạn đọc hiệu quả hơn bằng cách vào mục Setting
Customize for Destop - Tùy chỉnh cho màn hình máy tính để bàn
Customize for Mobile - Tùy chỉnh cho màn hình điện thoại
Các thông số các bạn có thể xem qua hình dưới đây:
Cài đặt thông báo
Thực chất cách này không được đánh giá cao nó phù hợp cho diễn đàn hơn tuy nhiên công cụ này giúp người đọc không bỏ lỡ bài viết của các bạn. Chúc các bạn thành công. Bài tới mình sẽ hướng dẫn tích hợp công cụ này và một số mã nguồn khác như Wordpress, Joomla các bạn nhớ đón đọc nhé.
Chúc các bạn tận dụng được các tính năng hay của công cụ này nhé.
Share:

7/06/2016

Kích thước responsive thông dụng bằng css

Thiết kế responsive cho WordPress giúp giao diện WordPress của bạn tương thích với các thiết bị di động và website sẽ hiển thị đẹp trên mọi thiết bị có kích thước màn hình khác nhau. Bài viết này mình sẽ giới thiệu đến các bạn một vài kích thước thông dụng để làm responsive trong khi thiết kế giao diện cho WordPress.
Kích thước responsive thông dụng bằng css

@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 980px) {
}
@media only screen and (max-width: 800px) {
}
@media only screen and (max-width: 780px) {
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 720px) {
}
@media only screen and (max-width: 640px) {
}
@media only screen and (max-width: 600px) {
}
@media only screen and (max-width: 568px) {
}
Ngoài các kích thước mình liệt kê bên trên thì bạn cũng có thể bổ sung thêm các kích thước nhỏ hoặc lớn hơn. Miễn sao khi bạn kéo to hay thu nhỏ màn hình mà giao diện không có sự thay đổi nào làm xấu trang của bạn, nếu có sự thay đổi xảy ra mà bạn không ưng ý thì có thể bổ sung thêm css như mình giới thiệu bên trên.

@media only screen and (min-width:360px) and (max-width: 480px) {
}
Ngoài câu điều kiện kiểm tra độ rộng màn hình lớn nhất thì bạn cũng có thể kiểm tra kết hợp kích thước nằm trong khoảng giữa như mình ví dụ bên trên.
Bạn cũng có thể tùy chỉnh để load các tập tin css theo điều kiện, nếu màn hình phù hợp với điều kiện của bạn thì tập tin css sẽ được load lên tương ứng.

<link rel="stylesheet" media="(max-width: 640px)" href="max-640px.css">
<link rel="stylesheet" media="(min-width: 640px)" href="min-640px.css">
<link rel="stylesheet" media="(orientation: portrait)" href="portrait.css">
<link rel="stylesheet" media="(orientation: landscape)" href="landscape.css">
Share:

7/01/2016

Tích hợp AncPlayer Media vào Template phim Blogspot

Tích hợp AncPlayer Media vào Blogspot rất đơn giản nhưng nó sẽ hơi phức tạp đối với người mới bắt đầu chưa am hiểu templates do blogspot có rất nhiều thẻ id giống nhau. Nó sẽ hiện thị tùy thuộc vào thẻ điều kiện trước nó.
Trước tiên bạn nên Backup templates của bạn trước rồi tiếp tục.
Các bạn thay link js tương ứng để được kiểu hiện thị theo ý thích

Dùng công cụ soạn thảo mở template của bạn ra và bắt đầu chỉnh sửa:
Tìm <data:post.body/> sửa thành:
<div id="anc_pl"></div> <!-- Hiện thị player -->
<div id="anc_tp"></div> <!-- Hiện thị server phim -->
<div id="anc_data"><data:post.body/></div> <!-- Noi dung bài viết trang item -->
<script type='text/javascript'>//<![CDATA[
// AncPlayer.Com - Plugins hỗ trợ player video Blogspot và Wordpress
// Hiện Player có gắn ADS ở top hoặc bottom để duy trì VPS và Gkplugins
// Truy cập http://www.ancplayer.com để được hướng dẫn viết mã hóa link
// Để thêm Server thuộc hệ thống GKplguisn các bạn thêm link ở list_sv và tên hiện thị ở ten_sv
// var img_player = document.querySelectorAll('#anc_data img')[0].src

var ancplayer = {
load:{
'width' : '100%',
'height' : '420px',
'player' : 'http://svvn.ancplayer.com/player.swf',
'proxy' : 'http://svvn.ancplayer.com/gkplugins/proxy.swf',
'skin' : 'http://svvn.ancplayer.com/skin/skewd/skewd.xml',
'getlink' : 'http://svvn.ancplayer.com/get', // Link get Player Mobile: Picasa, Zing, NCT, Plus, Xvideos
'imgload' : 'http://2.bp.blogspot.com/-xSJ6NTY6g6s/VR6lzysyZpI/AAAAAAAAABk/THulVm2hE_4/s1600/ancplayer.png', // Autoload image num 1 change: "+img_player+"
'autoplay' : 'true', // true or false
'embedplay' : '1', // 1 or 0 // 1 = autoplay
'site' : 'AncPlayer.com'
},sv:{
'list_sv': 'youtube.com,anc.you,anc.yl,anc.mp4,anc.flv,picasaweb.google.com,anc.ps,anc.tm,plus.google.com,docs.google.com,drive.google.com,tv.zing.vn/video,tv.zing.vn/embed/video,tv.zing.vn/html5/video,tv.zing.vn/html5/movie,nhaccuatui.com,dailymotion.com,xvideos.com,goo.gl,clip.vn,fptplay.net,googlevideo.com,zippyshare.com,videobam.com,meme.vn,novamov.com,24video.net,movshare.net,veoh.com,blip.tv,sendspace.com,speedyshare.com,tunescoop.com,viddler.com,vimeo.com,vidxden.com,xhamster.com,truongxua.vn',
'ten_sv': 'Youtube: ,VIP: ,Gdata: ,Sever Mp4: ,Sever Flv: ,Picasa: ,Picasa2: ,Picasa3: ,Plus: ,Docs: ,Drive: ,Zing: ,Zing 2: ,Zing MB: ,Zing EP: ,NCT: ,Daily: ,Xvideos: ,Goo: ,Clip: ,Fptplay: ,Google: ,Zippy: ,Videobam: ,Meme: ,Novamov: ,24Video: ,Movshare: ,Veoh: ,Bliptv: ,Sendspace: ,Speedyshare: ,Tunescoop: ,Viddler: ,Vimeo: ,Vidxden: ,Xhamster: ,Truongxua: ',
'acolor': '#fff',
'bgcolor': '#0295F6',
'svcolor': '#0095B3'
}}
//]]></script>
<script src='http://svvn.ancplayer.com/ancplayer/ads-pc-bot-53.js' type='text/javascript'></script>
<link href='http://vjs.zencdn.net/4.12/video-js.css' media='screen' rel='stylesheet'/>
<script src='http://vjs.zencdn.net/4.12/video.js' type='text/javascript'></script>
<!--
ADS PC TOP: http://svvn.ancplayer.com/ancplayer/ads-pc-top-53.js
ADS pc BOTTOM: http://svvn.ancplayer.com/ancplayer/ads-pc-bot-53.js
ADS MOBILE TOP: http://svvn.ancplayer.com/ancplayer/ads-mb-top-53.js
ADS MOBILE BOTTOM: http://svvn.ancplayer.com/ancplayer/ads-mb-bot-53.js
-->
Tiếp theo thêm CSS để hiện thi server:
id{font-size:0px;display:none;width:0;height:0;}
#list_tap{display:inline-block;line-height:16px;width:auto;padding:0 7px;}
#list_tap ul{list-style:none;margin:0;padding:0;clear:both;}
#list_tap ul li{float:left;margin-right:10px;font-weight:700;font-size:12px;text-align:left;}
#list_tap ul li.sev{color:#702526;background:url(http://3.bp.blogspot.com/-iy4-GBSe6Yg/U48Fzxa1RmI/AAAAAAAAQr8/pngFU0ajvxk/s1600/server.png) no-repeat scroll 0 0 transparent;display:inline-block;float:left;height:16px;margin-right:5px;margin-top:4px;padding-left:23px;}
#list_tap ul li.ep a.a_tap,#list_tap ul li.ep a.a_tap:hover,#list_tap ul li.ep a.active{background:none repeat scroll 0 0 #151515;color:#F9F9F9;display:inline-block;min-width:20px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;text-align:center;margin:2px 0;padding:2px 3px;text-decoration:none}
#anc_tp {background:#FAFAFA;border:1px solid #0095B3;border-radius:5px;padding:5px 0;overflow:hidden;position:relative;width:99%;float:left;}
#logoplayer {background: url(http://2.bp.blogspot.com/-xSJ6NTY6g6s/VR6lzysyZpI/AAAAAAAAABk/THulVm2hE_4/s1600/ancplayer.png) no-repeat;float:right;display:inline-block;position:absolute;width:220px;height:60px;filter:alpha(opacity=45);opacity:.45;}opacity:.45;}
Xong, các bạn lưu template của mình lại
Tác dụng của các thẻ ID:
- <div id="anc_pl"></div> : vị trí hiện khung player
- <div id="anc_tp"></div> : vị trí hiện khung server
- <div id="anc_data"><data.post:body/></div> : get link phim từ bài viết

Chú ý <data.post:body/> là id hiện nội dung của bài viết trong blogspot có rất nhiều vì vậy bạn cần phân biệt <data.post:body/> đó là của trang bài viết thường nằm trong thẻ điều kiện <b:includable id='post' var='post'>
Nếu chưa hiểu có thể download 1 số template phim tại blog mình để tham khảo

13/04/2015: Update ver 5.2 hỗ trợ link gốc google, tăng tốc độ load. Các bạn thay toàn bộ code để update
17/04/2015: Update ver 5.3 Fix link album picasa, zing pc. Khi post link nào có ký tự & hãy thay tất cả = * thì player mới chạy được nhé
Nguồn:http://www.ancplayer.com/2015/04/huong-dan-tich-hop-ancplayer-media-cho-blogspot.html
Share:

Bài viết liên quan cho blogspot có vị trí đặt quảng cáo

Hướng dẫn tạo bài viết liên quan có chèn vị trí quảng cáo

Hôm nay mình sẽ hướng dẫn các bạn tạo bài viết liên quan cho blogspot có vị trí đặt quảng cáo đẹp.
bài viết liên quan có vị trí đặt quảng cáo cho blogspot

Việc này cũng không có gì khó và quá phức tạp, tuy nhiên nó sẽ làm blog của bạn đẹp và được tối ưu vị trí đặt ads cũng như quảng cáo....
Bước 1: Vào Mẫu -> chỉnh sửa HTML--> Ctrl+F tìm đoạn này ]]></b:skin> bỏ code sau dưới nó.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
loadCSS("//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css");
//]]>
</script>
<style>
.post-ads{width:300px;overflow:hidden}
.post-ads{display:block;margin:0;position:relative}
.post-ads{float:left;margin:0 10px 10px 0;position:relative}
.post-right{margin:0;padding:0 0 10px}
.post-right{margin-left:310px}
p.post-excerpt{margin:0;padding:10px;background-color:#ECF0F1;font-size:15px;font-weight:100;line-height:1.5em}
.tags-right{margin:0;padding-bottom:10px;background-color:#ECF0F1}
.tags{font-size:14px;color:#333;padding:5px}
.post-break-link{line-height:1.3em;margin:0 0 10px;color:#666}
@media screen and (max-width:599px){
  .post-ads{float:none;margin:0 0 15px;width:100%}
  .post-ads #HTML3{margin:auto}
  .post-right{margin:0;padding:0 0 10px}
}
.related-post ul li{list-style-type:none}
.related-post{font-family: &#39;Roboto Condensed&#39;, sans-serif;margin:10px 0}
.related-post h4{color:#E74C3C;border-bottom:1px dashed #E74C3C;padding:5px 0;font-size:18px;margin-bottom:5px}
.related-post ul li{list-style-type:none;color:#2980B9;font-size:15px}
.related-post ul li a{list-style-type:none;color:#2980B9;font-size:15px}
.related-post ul li a:hover{list-style-type:none;color:#E74C3C;font-size:15px}
.related-post ul li:hover{list-style-type:none;color:#E74C3C;font-size:15px}
.related-post ul{margin-left:0}
#stars {
    color: darkorange;
}
.author-profile {
background: rgba(255, 255, 255, 0);
border: 1px solid #E0E0E0;
margin: 0;
padding: 22px;
position: relative;
}
.author-profile img {
border: 1px solid #EFEFEF;
float: left;
border-radius: 50%;
margin-right: 15px!important;
}.author-profile &gt; div &gt; a{color:#444}
.author-profile &gt; div{font-size:14px;font-family:helvetica;margin:0}
p.description{font-size:16px;line-height:1.7em;margin:0}
p.description a{color:#333;font-family:arial rounded mt bold}
a.g-profile{font-size:18px;margin:15px 0 5px}
.author-profile &gt; div &gt; div &gt; div{float:right;font-size:12px}
</style>
  </b:if>
Các bạn có thể chỉnh width của .post-ads, .post-righ thành kích thước phù hợp với blogspot của các bạn nha.
Bước 2: Chèn bài viết liên quan cho blogspot có vị trí đặt quảng cáo vào vị trí tương ứng.
Thướng bạn đặt dưới title của bài viết. Title bài viết nằm ngay dưới thẻ này <b:includable id='post' var='post'> bạn chỉ cần tìm đoạn trên và kéo xuống 1 chút là thấy.
<!--quangcao-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='post-ads'>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- misstolove_sidebar-right-1_AdSense4_300x250_as -->
<ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-6659396293835516" data-ad-slot="5442620185"></ins><script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
</div>
<div class='post-right'>
<p class='post-excerpt'>
<data:post.snippet/>
  </p>
<div class='tags-right'>
<span class='tags'>
 <i class='fa fa-tags'/>
          <b:loop values='data:post.labels' var='label'>
           <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>+</b:if>
          </b:loop>
</span></div>
<script>
//<![CDATA[
var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();function related_results_labels(json){for(var i=0;i<json.feed.entry.length;i++){var entry=json.feed.entry[i];relatedTitles[relatedTitlesNum]=entry.title.$t;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){relatedUrls[relatedTitlesNum]=entry.link[k].href;relatedTitlesNum++;break;}}}}
function removeRelatedDuplicates(){var tmp=new Array(0);var tmp2=new Array(0);for(var i=0;i<relatedUrls.length;i++){if(!contains(tmp,relatedUrls[i])){tmp.length+=1;tmp[tmp.length-1]=relatedUrls[i];tmp2.length+=1;tmp2[tmp2.length-1]=relatedTitles[i];}}
relatedTitles=tmp2;relatedUrls=tmp;} function contains(a,e){for(var j=0;j<a.length;j++)if(a[j]==e)return true;return false;}
function printRelatedLabels(){var r=Math.floor((relatedTitles.length-1)*Math.random());var i=0;document.write('<ul>');while(i<relatedTitles.length&&i<5){document.write('<li><i class="fa fa-check-square-o"></i> <a href="'+relatedUrls[r]+'">'+relatedTitles[r]+'</a></li>');if(r<relatedTitles.length-1){r++;}else{r=0;}
i++;}
document.write('</ul>');document.write();}//]]>
</script>
<div class='related-post'>
<h4><i class='fa fa-bullhorn'/> Bài liên quan <i class='fa fa-star' id='stars'/><i class='fa fa-star' id='stars'/><i class='fa fa-star' id='stars'/><i class='fa fa-star' id='stars'/><i class='fa fa-star-half-o' id='stars'/></h4>
<b:loop values='data:post.labels' var='label'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?max-results=3&amp;alt=json-in-script&amp;callback=related_results_labels&quot;' type='text/javascript'/>
</b:loop>
<script type='text/javascript'>var maxresults=6;removeRelatedDuplicates();printRelatedLabels(&#39;<data:post.url/>&#39;);</script>
</div>
      </div>
      </b:if>
<!-- end quảng cáo-->

Nếu các bạn muốn tăng giảm số lượng bài viết liên quan thì chỉnh đoạn này: relatedTitles.length&&i<5
Đây mình đang để số lượng bài viết là 5. các bạn có thể để thành còn số khác.
Thay đoạn này dưới thành link ảnh quảng cáo hay ads của bạn.:
<a href='http://www.congnghewebblog.com/' target='_blank'>
<img alt='Kho template blogspot đẹp' height='251' id='Image1_img' original='http://lh4.googleusercontent.com/-3BjEZpAKfCU/VoX_YDBWKgI/AAAAAAAAAeY/hzI35uQORXw/s1600/template-blogspot.gif' src='http://lh4.googleusercontent.com/-3BjEZpAKfCU/VoX_YDBWKgI/AAAAAAAAAeY/hzI35uQORXw/s1600/template-blogspot.gif' width='295'/>
</a>
Mình vừa hướng dẫn các bạn xong các chèn bài viết liên quan có vị trí đặt quảng cáo. nếu các bạn không làm được comment bên dưới mình giải đáp. Thân!
    Share: