ADS alt và title image am-sieu-toc Bài Đăng Mẫu Bài Viết bep-hong-ngoai bep-tu Blogger Template Blogger Templates Blogspot Blogspot cơ bản Breadcrumb cay-nuoc-nong-lanh Chảo ceramic Chảo đáy từ Chảo thường chia sẻ templates Chuyên nghiệp Chữ đổi màu CNTT Code Đếm Blogspot Code Spam Comments Contact Form Coupon Công cụ web CSS Data den-suoi-nha-tam description Design Domain đồ gia dụng Ebook Ebook-SEO Facebook Giải Trí Giao diện bán hàng Giao Diện Blogspot Giao diện có phí Giao Diện Mobi Giao diện tin tức Google Adsense Hàng gia dụng HTML & CSS Hướng dẫn IFTTT Javascript jQuery Kéo Kho templates Kiếm tiền online Kiến thức Label Lập trình blogspot Lập Trình Web lo-nuong lo-vi-song Máy sấy quần áo may-hut-bui Mẹo vặt miễn phí Món ngon mô tả New Member Nghe Nhạc nhật kí template noi-ap-suat-dien Nồi p Photoshop PHP Popular Posts quat-suoi recent post Responsive SEO Bài Viết SEO Blogspot SEO On Page SEO Settings SEO-Blogspot Share Slide Slider Ảnh tabber Tap chi thiet ke web Tặng Template Bán Hàng Template Chuẩn SEO Template có phí tuyệt vời Template Free Template Responsive Template Tin Tức Template Video Template-Vip Templates In Ấn Thiet ke bammer Thiết Kế Template Thiết kế web Thủ Thuật Blogger (Blogspot) Thủ thuật blogspot Thủ thuật Facebook Thủ thuật máy tính Thủ thuật seo Thủ Thuật Youtube thumbnail Tin mới nhất - VnExpress RSS Tin tức Tivi Tooltip Tổng Bài Đăng. Tổng Hợp tu-dong tu-mat tu-say-quan-ao Vào bếp Video Hót Web Design Widget Wordpress-Series Xem Phim XML Xóa JS Mặc Định Blogspot Youtube

Breaking News là một widget phù hợp cho những trang tin tức, công nghệ, giúp cho người đọc có thể dễ dàng tiếp cận thông tin. Hơn nữa tiện ích này đảm bảo tính khoa học, chuyên nghiệp cho blog.
Mình đã tìm tiện ích này trên mạng, tuy nhiên đa số các tiện ích này đều bị lỗi. Nay chia sẻ đến các bạn tiện ích 2 trong 1 tích hợp Breaking News kết hợp cùng bộ nút mạng xã hội, RSS ẩn hiện trên thanh Breaking News.
Tạo tin tức mới Widget Breaking News kèm Social Buttons cho Blogspot
Ảnh demo
Các bước thực hiện
Bước 1: Các bạn chèn đoạn code sau dưới thẻ mở của header ví dụ: 
<div id='head-top'>
<div id='header-wrapper'>
<b:section class='header-top' id='header-top-section' maxwidgets='1' showaddelement='no'>
Lưu ý:  Đoạn code này phụ thuộc vào template của bạn nhé! Tìm thử (Ctrl+F) các từ khóa như  header-wrapper; header;...
Đoạn code cần chèn:
<b:widget id='PageList1' locked='false' title='Pages' type='PageList'>
<b:includable id='main'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content'>
    <b:if cond='data:mobile'>
      <select expr:id='data:widget.instanceId + &quot;_select&quot;'>
        <b:loop values='data:links' var='link'>
          <b:if cond='data:link.isCurrentPage'>
            <option expr:value='data:link.href' selected='selected'><data:link.title/></option>
          <b:else/>
            <option expr:value='data:link.href'><data:link.title/></option>
          </b:if>
        </b:loop>
      </select>
      <span class='pagelist-arrow'>&amp;#9660;</span>
    <b:else/>
      <ul>
        <b:loop values='data:links' var='link'>
          <b:if cond='data:link.isCurrentPage'>
            <li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
          <b:else/>
            <li><a expr:href='data:link.href'><data:link.title/></a></li>
          </b:if>
        </b:loop>
      </ul>
    </b:if>
    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>
Bước 2: Chèn giao diện cho Widget
Các bạn tiến hành chèn đoạn sau vào trước thẻ đóng ]]></b:skin>
.PageList h2{display:none}
.PageList ul{background:#F8F8F8;_background-image:none;border-bottom:4px solid #007F74;border-top:4px solid #007F74;margin-top:0;margin-left:-30px;margin-right:-30px}
.PageList ul{margin:0;padding:1;overflow:hidden;list-style:none}
.PageList li a{display:inline-block;padding:.6em 1em;font:normal bold 14px Arial,Tahoma,Helvetica,FreeSans,sans-serif;color:#007F74;border-left:1px solid #fff;border-right:1px solid #ccc}
.PageList li{margin:0;padding:0;float:left}
.PageList li a:hover,.PageList li.selected a{color:#fff;background-color:#007F74;text-decoration:none}
.PageList li.selected a{border-left:0}
Lưu ý: PageList bạn có thể đổi thẻ này bằng 1 thẻ khác như .PageList98 để tránh trùng lặp với các Widget khác.

Giao diện mình đã tối ưu, demo giống như hình ở trên.
Để thêm danh mục cho menu các bạn nhấn vào nút chính sửa nhanh (quickedit) hoặc vào Bố cục để thêm chuyên mục.
Cách thêm chuyên mục như hình bên dưới, chuyên mục là danh sách trang của bạn. Chọn và thêm vào nhé! Sắp xếp chúng bằng việc kéo thả các chuyên mục.


Tạo tin tức mới Widget Breaking News kèm Social Buttons cho Blogspot

Nguồn : Văn Việt Blog's

Đăng nhận xét

Biểu mẫu liên hệ

Tên

Email *

Thông báo *

Được tạo bởi Blogger.