15/10/13

Home » 1.Thủ thuật Blogspot » Tiện ích cho blog » Widget Facebook - Twitter - Google cho blog » Bài đang xem

Tạo StickyBar (thanh thông báo) cho blogger

Đăng bởi Admin | 15/10/13 | 0 nhận xét
thanh thông báoHầu hết các bạn thích mới thanh thông báo dính mà là một cách quan trọng của nắm bắt sự chú ý của người truy cập đối với một tiêu đề quan trọng, tin tức hay bất kỳ bản cập nhật hoặc thông báo bạn có thể chia sẻ. Hôm nay chúng ta sẽ đi một bước xa hơn bằng cách thêm vào Facebook như nút để thanh dính. Đây là một cách tuyệt vời để tăng các fan của mình trên FB. Tất cả các du khách sẽ có thể nhìn thấy thanh ở đầu tiêu đề blogger của bạn và nó sẽ ở lại cố định của họ và sẽ di chuyển như người dùng cuộn xuống. Nó sẽ luôn luôn được thu hút du khách của bạn thích blog của bạn. 

Thêm thanh Thông báo cho Blogger

  1. Về Blogger> Thiết kế> Chỉnh sửa HTML
  2. Sao lưu mẫu của bạn
  3. Tìm kiếm mã này:
]]></b:skin>

4. Ngay phía trên nó dán mã:

#mbt-stickybar{
background:#FF0000 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK5Mkex9VE2ZcDsxtPJXgg51F3WRkghHaPmUNBzH7JdP14uVgy7VS00PclhqmxSpn2LTrmFhXVFl8SFUdnXx1ZrATbs2IKJPB1PtIoFxhq5tAmpYbkaehCN1b0X9fkgWjmHuenvgLbeyg/s400/stickybar.png') repeat-x;
width:100%;
margin:0 auto;
text-align:center;
padding:0px 0;
border-bottom: 1px solid #888888;
  -moz-box-shadow: #666666 0px 1px 3px;
  -webkit-box-shadow: #666666 0px 1px 3px;
  box-shadow: #666666 0px 1px 3px;
  z-index: 999;
height: 28px;
line-height: 1.85em;
vertical-align: baseline;
letter-spacing: 1px;
}
#mbt-stickybar a{
text-decoration:none;
color:#fff;
font-size:13px;
font-weight:bold;
font-family: arial,"Helvetica",sans-serif;
line-height: 24px;
}
#mbt-stickybar a:hover{
text-decoration:underline;
}
#mbt-stickybar p {margin:0; list-style:none;}
#mbt-stickybar img {vertical-align: middle;
      margin-right: 6px;}

Để thay đổi màu nền của thanh dính, chỉ cần thay đổi  # FF0000  với bất kỳ màu thập lục phân của sự lựa chọn của bạn. Sử dụng  biểu đồ màu của chúng tôi.
5. Nếu bạn muốn thêm các thanh tiêu đề trên sau đó tìm kiếm cho các mã này:

<body>

khác nếu bạn muốn thêm các thanh dưới chân sau đó tìm kiếm cho các mã này:

</body>

Ngay bên dưới nó dán đoạn mã sau:

<div id='mbt-stickybar1'>
<div style='float:left; width:400px;'>
<a href='#'>Nhận miễn phí thông tin cập nhật qua email. Đăng ký ngay! </a>
</div>
<div style='float:right; width:300px;'>
<table style='margin:0; padding:0;'>
<tr>
<td>
<div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='' href='BLOG LINK' layout='button_count' send='false' show_faces='false' width='80'/>
</td>
</tr>
</table>
</div>
</div>

Thay thế với các liên kết RSS của bạn và thay thế
Thay thế BLOG LINK với URL trang chủ blog của bạn. Nếu bạn muốn thay thế các liên kết của bạn với Facebook như trang URL sau đó đọc tốt hơn các bài trên liên kết nút thích trang như .
 6. Lưu mẫu của bạn !
Trở ra xem blog của bạn để xem nó hoặc treo ở phía trên hoặc ở phía dưới như bạn có thể thiết lập nó.

                                                                             Nguồn: mybloggertricks.com                                             

Không có nhận xét nào:

Đăng nhận xét

Cảm ơn bạn đã nhận xét !
- Bạn có thể chèn link vào nhận xét bằng thẻ: <a href="Link" rel="nofollow">Tên link</a>
- Tạo <b>Chữ đậm</b> và <i>Chữ ngiêng</i> cho nhận xét
- Hãy Chuyển đổi mã code trước khi chèn vào nhận xét
- Hãy bấm Theo dõi dưới chân trang để nhanh chóng nhận được phản hồi từ Thủ thuật vi tính
- Những nhận xét nào không lành mạnh hoặc chèn link spam sẽ bị xóa khỏi blog.

Mã hóa Code

Đăng ký: Đăng Nhận xét (Atom)
Support : Trick Blogspot | Ghost win | Website Design | Seo Trick | Ghost win | Software Free | Site Map | Back Link | Contact Advertising | ↑ back to top
Ghi rõ nguồn thuthuatvitinhaz.blogspot.com dưới dạng liên kết khi phát hành lại thông tin từ trang này
Copyright © 2013. Thủ thuật Số - All Rights Reserved
Design by Ngân Giang
Xem tốt nhất ở độ phân giải 1024 x 768 pixel
Template by Dameva