• Speedtest Internet
  • Test Code
  • Nén CSS
  • Chuyển đổi định dạng Webp
  • Mã Hóa URL
  • Shorturl
  • LYRICS
Blog thủ thuật máy tính f4vnn
No Result
View All Result
28 Tháng Năm , 2022
  • Login
  • Trang chủ
  • TIPS COMPUTER
    • WINDOWS
    • SERVER
    • OFFICE
    • SOFTWARE
    • GAME
    • INTERNET
    • SECURITY
  • TIPS MAC – IOS
  • TIPS MOBILE
  • TIPS SOURCE
    • TIPS WORDPRESS
    • TIPS BLOGSPOT
    • OTHER SOURCE
  • TIPS OTHER
  • REVIEWS
  • Trang chủ
  • TIPS COMPUTER
    • WINDOWS
    • SERVER
    • OFFICE
    • SOFTWARE
    • GAME
    • INTERNET
    • SECURITY
  • TIPS MAC – IOS
  • TIPS MOBILE
  • TIPS SOURCE
    • TIPS WORDPRESS
    • TIPS BLOGSPOT
    • OTHER SOURCE
  • TIPS OTHER
  • REVIEWS
No Result
View All Result
Blog thủ thuật máy tính f4vnn
No Result
View All Result
Home Tips Source

Hướng dẫn tạo Breaking News cho Blogger 2020

Blog Tips f4vnn by Blog Tips f4vnn
29/11/2020
Reading Time: 4 mins read
# QUÀ TẶNG VÀ KHUYẾN MẠI
  • Đăng ký tên miền tên miền .com,.com.vn, .vn giá rẻ: TẠI ĐÂY
  • Hosting giá rẻ chất lượng cao chỉ 49k/tháng: TẠI ĐÂY
  • Cloud VPS giá rẻ chất lượng cao chỉ 120k/tháng: TẠI ĐÂY

  • Breaking News là mục nó sẽ hiện tất cả những bài viết mới mà bạn vừa update lên Blog của mình, nó có nhiều dạng chuyển động và tùy biến đơn giản. Breaking News giúp người đọc có thể biết được các bài viết mà không cần lăn chuột

    Nói đơn giản thì Breaking News nó là nơi cập nhật tin tức bài viết mới. Vậy làm sao để có thể thêm Breaking News vào Blogspot của bạn. Bài viết này sẽ hướng dẫn chi tiết để bạn có thể làm một cách đơn giản nhất.

    Hướng dẫn tạo Breaking News cho Blogger 2020

    Hướng dẫn tạo Breaking News cho Blogger 2020

    Bước 1. Đăng nhập vào Blogger – Chủ đề – Chỉnh sửa HTML ,  Tìm thẻ ]]></b:skin> hoặc </style> đây là thẻ chứa CSS của blog. Copy và dán đoạn code dưới vào trên nó.

     #bd-breakingnews {margin:15px 0 0 0;margin-right:15px;height:42px;line-height:29px;overflow:hidden;background:#fff;border:1px solid #8ED557;}
    #bd-breakingnews .head-breaking {position:absolute;background:none repeat scroll 0 0 #8ED557;color:#fff;display:block;float:left;font-family:inherit;font-size:16px;font-weight:420;text-transform:uppercase;padding:6.5px 22px;}
    #breaking-bsd-news li a {font-family:inherit;font-weight:420;color:#666;margin-top:10px;transition:all 0.5s ease-in-out;}
    #breaking-bsd-news li a:hover {color:#63953D;}
    #breaking-bsd-news {float:left;margin-left:75px;margin-top:6px;}
    #breaking-bsd-news ul,#breaking-bsd-news li{list-style:none;margin:0;padding:0}
    @media only screen and (max-width:640px){
    #bd-breakingnews {margin:20px 0 0 0;margin-right:0;}
    #bd-breakingnews .head-breaking {padding:6.5px 14px;}
    #breaking-bsd-news {margin-left:50px;}}

    Bước 2: Tìm thẻ đóng  </body> và copy đoạn code bên dưới vào trước nó

    <script type='text/javascript'>
    //<![CDATA[
    $(document).ready(function(){var e="https://f4vnn.com/",t=20;$.ajax({url:""+e+"/feeds/posts/default?alt=json-in-script&max-results="+t,type:"get",dataType:"jsonp",success:function(e){function t(){$("#breaking-bsd-news li:first").slideUp(function(){$(this).appendTo($("#breaking-bsd-news ul")).slideDown()})}var n,r,s="",a=e.feed.entry;if(void 0!==a){s="<ul>";for(var l=0;l<a.length;l++){for(var o=0;o<a[l].link.length;o++)if("alternate"==a[l].link[o].rel){n=a[l].link[o].href;break}r=a[l].title.$t,s+='<li><a href="'+n+'" target="_blank">'+r+"</a></li>"}s+="</ul>",$("#breaking-bsd-news").html(s),setInterval(function(){t()},5e3)}else $("#breaking-bsd-news").html("<span>No result!</span>")},error:function(){$("#breaking-bsd-news").html("<strong>Error Loading Feed!</strong>")}})});
    //]]>
    </script>

    Bạn thay link https://f4vnn.com/ bằng link website của bạn nhé.

    Bước 3: Tìm vị trí đặt cho Breaking News. Bạn có thể đặt code phía dưới menu trong blog của mình. Copy đoạn code bên dưới vào vị trí mà bạn muốn đặt.

     <div id='bd-breakingnews'><span class='head-breaking'><i class='fa fa-bullhorn'/></span>
    <div id='breaking-bsd-news'>Loading..</div></div>

    Vì code Request đến Font Awesome nên bạn có thể thay thế icon to đỏ trong code trên bằng icon khác mà bạn thích. Lưu ý là trong blog của bạn phải add thư viện Font Awesome vào nhé. Bạn có thể tham khảo đường link bên dưới.

    https://fortawesome.github.io/Font-Awesome/icons/%C2%A0

    Chú ý: Nếu bạn muốn code chỉ hiển thị ở trang chủ thì bạn có thể thay code ở bước 3 bằng code bên dưới nhé. Phần code này tôi đã thêm thẻ điều kiện vào.

     <b:if cond='data:blog.pageType == "index"'>
    <div id='bd-breakingnews'><span class='head-breaking'><i class='fa fa-bullhorn'/></span>
    <div id='breaking-bsd-news'>Loading..</div></div>
    </b:if>

    Done. chỉ đơn giản vậy thôi, các bạn cứ làm theo các bước trên là bạn có thể tạo cho mình Breaking News mới và nhìn khá đẹp mắt. Chúc bạn thành công nhé.

    CÁC BẠN CÓ THỂ XEM DEMO: TẠI ĐÂY

    Xem thêm :Tại Đây
    Blog Download Template Blogspot : Tại Đây
    Blog Download Phần Mềm Free : Tại Đây
    Blog Download Acapella : Tại Đây
    Trang mã hóa URL : Tại Đây

    Tags: Breaking NewsBreaking News blogspotBreaking News forr blogspotHướng dẫn tạo Breaking News cho Blogger 2020tạo Breaking News cho Bloggertạo Breaking News cho Blogger 2020
    ShareTweetPin1Share1ShareShare

    Related Posts

    Hướng dẫn cách cài đặt WordPress trên Windows 10

    Hướng dẫn cách cài đặt WordPress trên Windows 10

    06/12/2021
    Chia sẻ danh sách Ping list tăng tốc độ index tốt nhất cho WordPress

    Chia sẻ danh sách Ping list tăng tốc độ index tốt nhất cho WordPress

    04/12/2021

    Hướng dẫn cách tạo Popup thông báo bằng html css cho WordPress

    15/11/2021

    Hướng dẫn cách tùy biến Menu trên Mobile cho WordPress

    11/11/2021

    Giới thiệu 4 giao diện wordpress chia sẻ video miễn phí cực đẹp

    08/10/2021

    Hướng dẫn cách kiểm tra địa chỉ IP bằng Abstract API và PHP

    11/09/2021
    Next Post
    Tăng tốc độ tải trang cho Blogspot bằng Lazy load

    Tăng tốc độ tải trang cho Blogspot bằng Lazy load

    Bật quét mạng trong Windows Defender trên Windows 10

    Bật quét mạng trong Windows Defender trên Windows 10

    ☊ BLOG NGHE NHẠC DJ

    slide-dj24h

    Receive updates of our latest tutorials.

    By signing up, you agree to our Privacy Policy.

    Facebook logoTwitter logoLinked-in logo

    ✪ TÌM KIẾM NHANH TRÊN GOOGLE

    Mẹo để tìm kiếm nhanh cách sửa lỗi bạn vào Google gõ tên lỗi + từ khóa f4vnn!

    ☷ BÀI VIẾT MỚI NHẤT

    Chia sẻ 8 mẹo tối ưu hóa SSD để có hiệu suất tốt hơn trên máy tính

    Chia sẻ 8 mẹo tối ưu hóa SSD để có hiệu suất tốt hơn trên máy tính

    25/05/2022
    Hướng dẫn cách sửa thiếu tùy chọn Sleep trên Windows 11

    Hướng dẫn cách sửa thiếu tùy chọn Sleep trên Windows 11

    25/05/2022
    Hướng dẫn cách chơi Fortnite trên iPhone và iPad miễn phí

    Hướng dẫn cách chơi Fortnite trên iPhone và iPad miễn phí

    23/05/2022
    Hướng dẫn cách cập nhật bộ điều khiển không dây Xbox bằng máy tính

    Hướng dẫn cách cập nhật bộ điều khiển không dây Xbox bằng máy tính

    16/05/2022
    Hướng dẫn 3 cách cho phép người dùng thông thường chạy với quyền quản trị

    Hướng dẫn 3 cách cho phép người dùng thông thường chạy với quyền quản trị

    16/05/2022

    ☷ BÀI VIẾT XEM NHIỀU

    • Chuyển từ Google Slides sang PowerPoint và ngược lại 25.8k views
    • Làm thế nào để dừng Fixing Stage 1 trong Windows 10 24.3k views
    • Sửa lỗi A JavaScript error occurred in the main process trên Windows 10 15.2k views
    • Sửa lỗi Run-time error 1004 không thể chạy Macro trong Excel 13.5k views
    • Cách sửa lỗi Runtime Error 1004 trong Microsoft Excel 10.7k views
    • Cách sửa lỗi Bad Image 0xc000012f trong Windows 10 10.2k views
    Blog thủ thuật máy tính f4vnn

    © 2021 Blog Tips F4vnn - Chia sẻ thủ thuật công nghệ.

    Giới thiệu & Bạn bè

    • Chính sách
    • Quy định
    • About Us
    • DMCA
    • Nhạc DJ24h
    • Game & App
    • Vocal

    Follow Us

    No Result
    View All Result
    • Trang chủ
    • TIPS COMPUTER
      • WINDOWS
      • SERVER
      • OFFICE
      • SOFTWARE
      • GAME
      • INTERNET
      • SECURITY
    • TIPS MAC – IOS
    • TIPS MOBILE
    • TIPS SOURCE
      • TIPS WORDPRESS
      • TIPS BLOGSPOT
      • OTHER SOURCE
    • TIPS OTHER
    • REVIEWS

    © 2021 Blog Tips F4vnn - Chia sẻ thủ thuật công nghệ.

    Welcome Back!

    Login to your account below

    Forgotten Password?

    Retrieve your password

    Please enter your username or email address to reset your password.

    Log In