Showing posts with label Code HTML. Show all posts
Showing posts with label Code HTML. Show all posts

Wednesday, March 29, 2017

Thêm responsive button css vào blogspot

THÊM RESPONSIVE BUTTON CSS VÀO BLOGSPOT

Đợt rồi mình có chia sẻ template làm trang chia sẻ phần mềm, nhưng mình chợt phát hiện ra button download của họ không chuẩn responsive nên mình viết bài này để chia sẻ với các bạn bộ nút mới.

Ảnh demo:
Để Thêm responsive button css vào blogspot, bạn làm như sau:

Bước 1: Vào Blogger Dashboard > Template (giờ nó là Themes nhé hoặc chủ đề) > Edit HTML. Tìm thẻ </style> và dán code bên dưới lên trên nó
.quangtuyen{list-style:none;text-align:center;margin:10px!important;padding:10px!important;font-size:14px;clear:both;display:inline-block;text-decoration:none!important;color:#FFF!important}
.quangtuyen ul {margin:0;padding:10px}
.quangtuyen li{display:inline;margin:2px;padding:0;list-style:none;}
.gplay,.itunes, .download{padding:12px 15px!important;color:#fff!important;font-weight:700;font-size:14px;font-family:Open Sans,sans-serif;text-align:center;text-transform:uppercase;border-radius:3px;opacity:.95;border:0;letter-spacing:2px;transition:all .2s ease-out}
.gplay {background-color:#01B404;}
.itunes {background-color:#FA58B1;}
.download {background-color:#0B07FA;}
.gplay:hover {background-color:#60B8F4;color:#fff;border-bottom:2px solid #3498DB; opacity:1;}
.itunes:hover {background-color:#49DDAA;color:#fff;border-bottom:2px solid #1ABC84;opacity:1;}
.download:hover {background-color:#07BAFA;color:#fff;border-bottom:2px solid #1ABC84;opacity:1;}
.gplay:before {content:'\f019';display:inline-block;font-weight:normal;vertical-align:top;margin-right:10px;width:16px;height:16px;line-height:24px;font-family:fontawesome;transition:all 0.5s ease-out;}
.itunes:before {content:'\f019';display:inline-block;font-weight:normal;vertical-align:top;margin-right:10px;width:16px;height:16px;line-height:24px;font-family:fontawesome;transition:all 0.5s ease-out;}
.download:before {content:'\f019';display:inline-block;font-weight:normal;vertical-align:top;margin-right:10px;width:16px;height:16px;line-height:24px;font-family:fontawesome;transition:all 0.5s ease-out;}
Lưu lại.

Tiếp đến, vào phần bài đăng, bạn sử dụng code dưới đây để tạo nút:
<div style="text-align: center;">
<ul class="quangtuyen">
<li><a class="gplay" href="YOUR-LINK-HERE" target="_blank">Google Play</a></li>
<li><a class="itunes" href=" YOUR-LINK-HERE" target="_blank">Itunes</a></li>
<li><a class="download" href="YOUR-LINK-HERE" target="_blank">DIRECT DOWNLOAD</a></li>
</ul>
</div>
Bạn bên thêm code này vào phần mẫu bài đăng để sử dụng.

Thay YOUR-LINK-HERE bằng link tải của bạn.

Chúc bạn thành công!

Saturday, November 12, 2016

Thêm nút Save to Facebook vào website

Bài hướng dẫn thêm nút Save to Facebook vào website của bạn

Chào các bạn!

Mới đây Facebook có thêm một Nút mới ngoài các Nút phổ biến khác như Like, Share, Follow, Send,.. Đó chính là nút Save to Facebook.

Như các bạn cũng biết thì Facebook đã có tính năng lưu lại những bài viết mà bạn nhìn thấy trên Newsfeed từ lâu. Nhưng bây giờ Facebook mới cung cấp nút này trên nền web. Tác dụng chính của nút Save to Facebook chính là để người đọc có thể lưu trữ (ghi nhớ) link bài viết trên website của bạn trên Facebook của họ. Mình thấy cái này cũng khá hay cho nên mình cũng đã áp dụng nó cho website của mình (ngay dưới bài viết này).

Để thêm Save Button vào website thì bạn cần có 2 đoạn code. Một đoạn code fb-root là mã javascript mà dùng cho hầu hết các Social Plugin của Facebook như là nút Like, Share, Comment... Nếu bạn đã có đoạn code này trên website thì bạn không cần thêm vào nữa. Còn nếu website của bạn chưa có thì hãy thêm vào đoạn code sau (Thêm vào trong cặp thẻ <Head> cũng được)

<div id="fb-root"></div>

<script>(function(d, s, id) {

  var js, fjs = d.getElementsByTagName(s)[0];

  if (d.getElementById(id)) return;

  js = d.createElement(s); js.id = id;

  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.6";

  fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));</script>

OK, tiếp đến chính là đoạn code của cái nút Save to Facebook. Bạn có thể thêm đoạn code này vào ngay dưới tiêu đề của bài viết hoặc cuối bài viết. Vì đây là code hiển thị nên bạn có thể đặt đâu thì nó sẽ hiển thị ở đấy.

<div class="fb-save" data-uri="" data-size="small"></div>

Ở phần mình đánh dấu màu đỏ thì bạn có thể để là small hoặc large để chọn kích thước của nút là nhỏ hoặc to. Sau khi thêm xong thì bạn lưu lại và kiểm tra kết quả. Đây là thành quả của mình

Cũng khá là dễ làm, chúc các bạn thành công.
<Được chia sẻ bởi bác Hiệp

Monday, October 24, 2016

Code chèn quảng cáo vào 3 vị trí trong bài viết cho Blogger

Khi bạn đọc bài viết này, chắc hẳn bạn đang có 1 website, blog có thể kiếm tiền với các mạng quảng cáo. Có thể là adsense hoặc một mạng quảng cáo nào đó khác. Hẳn là bạn cũng sẽ như tôi, đều muốn tăng khả năng xuất hiện quảng cáo trên blog của mình.

Vì vậy, trong bài viết này tôi sẽ chia sẻ cho bạn Code chèn quảng cáo vào 3 vị trí trong bài viết cho Blogger để tăng thu nhập của bạn. Hãy bắt đầu:

Có 3 cách để thêm quảng cáo Adsense trong bài đăng blog blogger của bạn:

Friday, October 14, 2016

Thêm bạn vào group trên facebook chỉ 1 click chuột đơn giản [code update 2016]


Facebook Group là nơi tốt nhất cho các cuộc thảo luận chung với bạn bè (được lựa chọn) của bạn hoặc các thành viên khác. Không ai bên ngoài có thể can thiệp vào nhóm mà không có sự cho phép quản trị viên.

Facebook Page, mỗi người được tự do thích và theo dõi trang. Nhưng các nhóm có thể là bí mật, kín hoặc công cộng tùy vào mong muốn của bạn (quản trị viên). 
Nhưng vấn đề chúng ta phải đối mặt trong nhóm là, chúng ta thêm tất cả các thành viên bằng tay từng người một, mà là tốn thời gian quá. 

Làm thế nào để có thể thêm tất cả bạn bè vào nhóm Facebook chỉ với một nhấp chuột duy nhất. Đôi khi chúng ta có một tài khoản với 5000 hoặc bạn bè nhiều hơn. Vì vậy, không phải là dễ dàng để thêm quá nhiều bạn bè và bạn phải đối mặt với khó khăn trong khi thêm từng cái một. 

Đừng lo lắng, tôi quan tâm đến thời gian và công sức quý báu của bạn, bởi vậy đây là cách đơn giản nhất và dễ dàng nhất mà sẽ giúp bạn thêm tất cả bạn bè vào nhóm Facebook trong một nhấp chuột duy nhất.

Add All Friends To Facebook Group


Hãy chắc chắn rằng bạn làm theo các bước sau cẩn thận. Chúng khá là dễ dàng và rất thuận tiện để làm theo.

 1. Trước hết Đăng nhập vào tài khoản Facebook mà bạn bè bạn muốn mời.
 2. Sau đó mở riêng Facebook Group của bạn mà bạn muốn thêm bạn bè.
 3. Click vào nút F12 để mở trình sửa lỗi và sau đó chọn giao diện điều khiển hộp.
 4. Bây giờ sao chép kịch bản từ bên dưới nút nhất định.
 6. Sao chép dán toàn bộ cung cấp mã số và sau đó dán chúng vào giao diện điều khiển hộp.
 7.

 8.  Nhấn Enter và quá trình sẽ bắt đầu gửi lời mời.

Lưu ý: - Đoạn mã này hoàn toàn an toàn. Nó không sẽ gây rối với tài khoản của bạn, hoặc làm nó an toàn. Nhưng do chính sách Facebook, Trong trường hợp bạn có quá nhiều bạn bè thì có thể bạn sẽ bị chặn một số tính năng nhóm hoặc thậm chí tài khoản của bạn có thể bị khóa. Vì vậy, hãy cẩn thận về quy tắc Facebook.

Cá nhân tôi thấy bạn nên tạo tải khoản phụ, kết bạn với những đối tượng mục tiêu hướng đến rồi hãy sử dụng cách này, vì tôi biết, chả có ai dùng cách này để thêm bạn bè của mình vào nhóm mà spam cả ;)