Bài đăng

Hiển thị các bài đăng có nhãn Blogging tips

Shortcode HTML đẹp dành cho thiết kế nội dung

Hình ảnh
1. Button Thanh toán hoặc Chuyển Khoản USD $15.00Thanh toán bằng Paypal USD 9.00Thanh Toán 250.000VNĐChuyển khoản ngân hàng Thanh Toán
Code sử dụng
<div id="box-payment">
<div id="box-paypal">
<div class="cover-paypal">
<div class="icon-paypal">
<span class="coc"></span></div>
<div class="title-paypal">
<span class="app-title">USD $15.00</span>
<span class="label-paypal"><span class="tag-os"></span>Thanh toán bằng Paypal</span></div>
</div>
<div class="link-paypal">
<span class="item_price"><a href="https://draft.blogger.com/blogger.g?blogID=3789953926327582762#" target="_blank" title="Buy now"><span class="home-paypal">USD 9.00</span><span class="post-paypal">Thanh Toán</span></a></s…

Tạo khung thông báo lấy từ thư viện Bootstrap

Hình ảnh
Như bác bạn đã biết công dụng của bootstrap ngoài việc nó hổ trợ chúng ta bốc cục chia cột cho việc thiết kế website nó còn có rất nhiều compoment khác rất hay mà trong bài viết ngày hôm nay tôi muốn đề cập đến đó chính là Bootstrap Alerts.

Như bạn đã thấy hình ảnh phía trên tôi chụp lại bới 5 mẫu nội dung và màu sắc khác nhau. Tôi sẽ liệt kê các code bên dưới đi theo thứ tự từ trên xuống dưới.
<div class="alert alert-success">
<strong>Success!</strong> This alert box could indicate a successful or positive action.
  </div> <div class="alert alert-info">
<strong>Info!</strong> This alert box could indicate a neutral informative change or action.
  </div> <div class="alert alert-warning">
<strong>Warning!</strong> This alert box could indicate a warning that might need attention.
  </div> <div class="alert alert-danger">
<strong>Danger!</strong> This alert …

Sắp xếp bình luận mới nhất, cũ nhất cho blogspot giống facebook

Hình ảnh
Hello các bạn hôm nay chúng ta lại gặp nhau trong chuyên mục bài viết thủ thuật blogsppot. Như các bạn đã biết tính năng bình luận trong blogspot là : những bình luận mới nhất trong một chủ đề bài viết mặc định nó sẽ nằm phía dưới những bình luận trước đó điều này làm cho việc các bình luận mới bị trôi xuống phía sau làm cho chúng ta rất khó theo dõi.

Trong bài viết ngày hôm nay longanit sẽ hướng dẫn cho các bạn cách chèn thêm tính năng sắp xếp bình luận từ mới nhất → cũ nhất để bạn có thể dễ dàng theo dõi những bình luận mới nhất là khi nào!
Tính năng này tương tự như Comment của Facebook thì nay đã có thể sử dụng trên Blogspot 1 cách dễ dàng. Hãy làm theo các bước bên dưới nhé

Bước 1: Xác định nơi muốn hiển thị sắp xếp comment

Thông thường ta sẽ chèn phía trên những bình luận hoặc trên Khung Comment của Blogger.
Code phần bình luận có cấu trúc như sau.

Chèn code vào đây nếu bạn muốn hiển thị trên khung bình luận
<p class='comment-footer'>
      <b:if cond='data:pos…

Code tạo đồng hồ, ngày tháng năm chuẩn đẹp bằng js cho Website

Hình ảnh
Trong bài viết hôm nay mình xin chia sẻ cho các bạn code tạo đồng hồ, ngày tháng năm chuẩn đẹp bằng js cho Website. Các bạn có thể áp dụng cho blogspot của mình. Cách thực hiện rất đơn giản


Chèn code này vào bất cứ vị trí nào muốn hiện, hoặc widget HTML/Javascript trong Bố cục.

<center><script>var myVar=setInterval(function(){myTimer()},1000); function myTimer() {var d=new Date(); var t=d.toLocaleTimeString(); document.getElementById("h").innerHTML=t;}</script>
<span id="h"></span>
<script type="text/javascript">
n=new Date();if(n.getTimezoneOffset()==0)t=n.getTime()+(7*60*60*1000);else t=n.getTime();n.setTime(t);var dn=new Array("Chủ nhật","Thứ 2","Thứ 3","Thứ 4","Thứ 5","Thứ 6","Thứ 7");d=n.getDay();m=n.getMonth()+1;y=n.getFullYear()
document.write(dn[d]+", "+(n.getDate()<10?"0":"")+n.getDate()+"/"+(m<10…

Tạo intro post cho blogspot ở trang tĩnh và trang bài viết

Hình ảnh
Hello xin chào các bạn, chúng ta lại gặp nhau trong chuyên mục thủ thuật blogspot. Trong bài viết ngày hôm nay tôi sẽ hướng dẫn các bạn cách để chúng ta tạo một intro post cho blogspot. Nghe có vẻ khá hiểu tuy nhiên hãy nhìn hình bên dưới như mình demo nhé.

Về cách thức hoạt động của code này như sau
khi bạn truy cập vào  một bài viết bất kỳ thì phía trên bài viết sẽ hiển thị một hình nền chứa thông tin tiêu đề bài viết và đường link "permaklink" như hình trên.Code có thể tùy chỉnh được tất cả bao gồm hình nền màu sắc, hiệu ứngCode sử dụng thẻ điều kiện </b:if> để tùy biến hiển thị Các bước tiến hành
Bước 1: Đăng nhập vào Blogger - Chủ đề - Chỉnh sửa HTML
Bước 2: Copy toàn bộ đoạn code bên dưới và dán nó vào phía bên dưới menu trong template của bạn
<!--Bắt đầu intro bài viết hiển thị trên trang bài viết và trang tĩnh blogspot-->
<b:if cond='data:blog.isMobileRequest == &quot;false&quot;'>
<b:if cond='data:blog.pageType != &quot;index&…

Highlight Author Comments in Blogger in threaded comment System

Hình ảnh
Nếu như blog của bạn có lưu lượng truy cập tương đối tốt thì blog của bạn cũng nhận được nhiều bình luận, điều đó có thể là tích cực hoặc tiêu cực. nhận ý kiến ​​liên quan đến cách bạn tương tác với khách truy cập.


Trong blog của bạn có nhiều bình luận. Làm thế nào khách truy cập blog xác định hoặc nhận ra nhận xét của bạn từ những bình luận này. Nhiều blogger sử dụng tên tài khoản là Quản trị viên. Nếu họ bình luận trong blog của bạn hoặc trả lời các bình luận khác, những khách truy cập khác nghĩ rằng đó là Quản trị viên của blog đó. Bạn có muốn làm nổi bật ý kiến ​​của bạn trong blog của bạn?

Chính vì thế mà trong bài viết hôm nay tôi sẽ hướng dẫn các bạn một thủ thuật nhỏ để làm đẹp phần bình luận của blogspot thủ thuật có tên gọi "Highlight Author Comments" tạm dịch làm đẹp CSS admin comment với một script khá đơn giản.


Đăng nhập vào Blogger - Chủ đề - Chỉnh sửa HTMLCopy toàn bộ đoạn code bên dưới và dán nó vào trước thẻ đóng </body>

<script type="text/javas…

Hướng dẫn tạo thư viện ảnh cho Blogger

Hình ảnh
Như chúng ta đã biết tất cả các Website và Blog hiện nay đa phần đều có chuyên mục thư viện ảnh. Với thư viện ảnh các bạn có thể tùy biến làm đẹp cho website của mình ví dụ như: Ảnh hoạt động công ty, ảnh thiên nhiên, xe, nhà... và nhiều thể loại khác. 

Trong Blogger khi bạn upload hình ảnh khi đăng bài thì mặc nhiên hình đó sẽ nằm trong server của blogger. Tuy nhiên việc sắp xếp hình ảnh mặc định trong Blogger không được đẹp cho lắm. Vì vậy trong bài viết này LongAnIT sẽ hướng dẫn các bạn tạo một thư viện ảnh ( Gallery ) với các bước thực hiện đơn giản.
Bước 1: Đăng nhập vào Blogger - Trang - Tạo trang mới
Bước 2: Chuyển sang Tab HTML và Copy đoạn code bên dưới dán vào

<style>
.gallery {
    padding: 0 5px;
    float: left;
width: 24.99999%;
}
div.gallery img {
    width: 100%;
    height: auto;
}
div.gallery img:hover {
opacity: 0.8;
}
div.desc {
    padding: 10px;
    text-align: center;
}
* {
    box-sizing: border-box;
}
@media only screen and (max-width: 700px){
    .gallery …