HẢI PHÒNG clan

[HAIPHONG TP TOI YEU]

 

(¯`·.º-:¦:-† namkna †-:¦:-º.·´¯)

(¯`·.º-:¦:-† namkna †-:¦:-º.·´¯)

Hiệu ứng Infinite Scrolling cho blog

Posted: 03 May 2014 05:09 AM PDT


Bạn không thích kiểu hiển thị phân trang cho Blogger? Bạn muốn tạo sự khác biệt cho blog của mình?
Bài viết này mình sẽ chia sẻ một thủ thuật rất hay cho Blogger, đó là tạo hiệu ứng cuộn trang vô tận cho blog, thay vì hiển thị phân trang. Xem demo

Để tạo hiệu ứng thú vị đó cho blog, các bạn vào Mẫu -> Chỉnh sửa HTML, chèn đoạn code sau vào trước thẻ đóng </head>:
<!--Infinite Scrolling Effect by kjmagic.blogspot.com-->
<b:if cond='data:blog.pageType == "index"'>
<script src='//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'/>
<script src='http://yourjavascript.com/4511433655/kjmagic-infinite-scrolling.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery.ias({
    container : '.blog-posts',
    item: '.post-outer',
    pagination: '#blog-pager',
    next: '#blog-pager-older-link a',
    loader: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiURVb-hy6fUsIzqtMRLDJ68DKzwfbELbhTLZyUhb0eN_t6HK6gZ72vvrZ2y9s_OrlmSNXMYisa1uR2yM8oEzm-db2dSa9w_DhgIimvd4ntfWvyeWSVP3q3XqpPd7cNEHZB_hOB5h7FTJut/s1600/loading.gif'
});
  </script>
</b:if>
<!--/Infinite Scrolling Effect by kjmagic.blogspot.com-->

Nếu blog của bạn đã có thư viện jQuery thì xóa đoạn màu xanh đi. Bây giờ lưu lại và xem kết quả.

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

Xem thêm thủ thuật: kjmagic.blogspot.com
Bài viết bạn đang xem được viết bởi http://namkna.blogspot.com/

Theme blog cá nhân cực đẹp cho blogspot miễn phí

Posted: 03 May 2014 12:20 AM PDT

Welcome to My Blog : Khoa Plus dot Com

Hello các bạn! Hôm nay mình sẽ giới thiệu cho các bạn một teamplate làm blog cho blogspot cực đẹp mà lại miễn phí. Ưu điểm: Gọn nhẹ, sáng sủa giao diện 2 cột thuận lợi cho SEO, tốc độ load nhanh đạy 90/100 theo đánh giá của Google Insights PageSpeed, có một widget bên dưới thanh menu để hiện avatar của tác giả Bạn có thể xem demo của theme này tại đây
Tính năng của theme:
  • Tốt đẹp và sạch Thiết kế
  • Đáp ứng Theme Layout
  • Nhìn tối thiểu thanh lịch
  • SEO Tối ưu hóa
  • Tải nhanh Theme (90/100 trong Google Insights PageSpeed)
  • Tác giả tùy chỉnh thông tin với các biểu tượng xã hội
  • Đáp ứng Menu
  • Trang chuyển hướng Widget
  • Tuyệt đẹp Threaded Comments mục
  • Thẻ tiêu đề tùy chỉnh (h1 đến h6)
  • Hình thức tìm kiếm tùy chỉnh
  • Mẫu liên hệ tùy chỉnh Blogger
  • Tùy chỉnh Label Widget
Tải xuống tại đây :  


Làm thế nào để Upload Theme:
  1. Tới Blogger Bảng điều khiển > Xác định vị trí Blog của bạn nếu bạn có nhiều hơn thì một blog.
  2. Bấm vào More Options từ trên xuống và chọn Template
  3. Bấm vào Backup / Restore nút trên Top Right Corner
  4. Nhấp chuột vào Tải về bản đầy đủ nút để sao lưu mẫu cũ của bạn an toàn
  5. Nhấp vào Browse và xác định vị trí nút Siril một blogger mẫu Responsive.
  6. Nhấp chuột vào Tải lên Button. Và bạn đang Done!
Tùy biến: Nếu bạn muốn thay đổi theme tùy mục đích sử dụng của bạn
  • Vào  trang quản trị blogspot của bạn > Mẫu > Chỉnh sửa HTML
Tùy Chỉnh Menu: Tìm kiếm đoạn mã sau 
<- Main Menu ->
Sau đó bạn sẽ thấy một sanh sách menu và hãy sửa lại theo nhu cầu của mình Tùy Chỉnh Các Thông Tin Tác Giả: Các bạn tìm đoạn mã sau: 
<!-- Author Info -->
Sau đó bạn sẽ thấy một mã tương tự như đoạn mã sau, Trong đoạn mã sau thay thế màu cam nổi bật với thông tin tác giả của bạn và thay thế các liên kết màu xanh với các liên kết hồ sơ của bạn. 
<h5>Meet The Author</h5>
<p>I'm Chandeep J, An 18 years old blogger Currently living in Tamil Nadu, India. I'm a  Skilled Blogger, web Developer and Loves to play with Codes And Creating new things as a web Designer.</p>
<ul class="author-social">
<li class="facebook"><a href="http://www.facebook.com/chandeeban">Facebook</a></li>
<li class="twitter"><a href="http://www.twitter.com/chandeeban">Twitter</a></li>
<li class="googleplus"><a href="http://www.google.com/+ChandeepJ">Google+</a></li>
</ul>
Sau khi thay đổi các liên kết thông tin, tìm kiếm các liên kết sau đây và thay thế bằng liên kết của bạn hồ sơ hình ảnh (Kích thước: 150 X 150) 
http://lh3.googleusercontent.com/-5TErHWDEEYc/AAAAAAAAAAI/AAAAAAAAC1c/da9_FkiTgbc/s150-c/photo.jpg
Click vào nút lưu. :)

Bài viết bạn đang xem được viết bởi http://namkna.blogspot.com/

Bài viết liên quan

Related Posts Plugin for WordPress, Blogger...