• TRANG CHỦ
  • THỦ THUẬT
    • Thủ thuật máy tính
    • Thủ thuật văn phòng
    • Thủ thuật Internet
    • Thủ thuật điện thoại
  • CHIA SẺ PHẦN MỀM
  • DIỆT VIRUS
  • CÔNG NGHỆ SỐ
  • THỦ THUẬT OFFICE
  • HỖ TRỢ
  • DỊCH VỤ
    • Sửa máy tính tại nhà

Blog thủ thuật máy tính - Thủ thuật windows

Blog chia sẻ thủ thuật máy tính và thủ thuật windows, lưu lại những kiến thức trong quá trình mình làm việc

You are here: Home / Thủ thuật Internet / Thêm nút chia sẻ mạng xã hội trong Blogger

Thêm nút chia sẻ mạng xã hội trong Blogger

April 24, 2016 By Chu Quang

(Thêm nút chia sẻ mạng xã hội trong Blogger) Mạng xã hội hiện đang là phương tiện truyền thông quan trọng, có tầm ảnh hưởng rất lớn trong việc giới thiệu sản phẩm dịch vụ, quảng bá hình ảnh cũng như thúc đẩy lưu lượng truy cập Web hoặc Blog. Mạng xã hội với tính năng lan truyền (viral) không những giúp đưa thông tin về sản phẩm lan nhanh trong cộng đồng mà còn cho phép doanh nghiệp tương tác với khách hàng để có sự điều chỉnh kịp thời, phù hợp với nhu cầu của khách hàng.

Các mạng xã hội phổ biến nhất và thông dụng hiện nay như Facebook, STUMBLE UPON, Google Plus, Twitter. Vì vậy, trong tiện ích này có 4 nút chia sẻ mạng xã hội. Widget này sẽ không làm giảm tốc độ tải blog của bạn. Bạn có thể thay đổi độ rộng, đường viền, màu sắc, … một cách dễ dàng. Hôm nay, Blog tin học sẽ hướng dẫn bạn các bước thực hiện thêm nút chia sẻ mạng xã hội trong Blogger:
  • B1: Đăng nhập vào Blogger.
  • B2: Trong Menu Template (Mẫu), chọn Edit HTML (Chỉnh sửa HTML).
  • B3: Sử dụng tổ hợp phím Ctrl + F để tìm thẻ </b:skin>.
  • B4: Copy toàn bộ đoạn code sau vào trước thẻ ]]></b:skin>:

    #SocialShareBar {
float: left;
border-top: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
width: 610px;
margin-bottom: 20px;
margin-left: -10px;
margin-top: 10px;
position: relative;
clear:both;
z-index: 9999;
}
.social-heading h5 {
float: left;
padding-right: 20px;
padding-top: 13px;
text-transform: uppercase;
font-weight: bold;
margin: 0px;
padding-left: 10px;
font-family: 'Lora',Arial,Helvetica,Geneva,sans-serif;
font-size: 15px;
color: #555555;
}
.twitter-tweet, .facebook-like, .google-plus, .comment-counter {
float: left;
border-left: 1px solid #eaeaea;
padding-left: 18px;
padding-top: 15px;
padding-bottom: 10px;
width: auto;
height: 22px;
}
.comment-counter a {
text-decoration: none !important;
}
.share-bubble{
background: url(https://4.bp.blogspot.com/-dvG3kQrRsJc/UoKM0HSkjUI/AAAAAAAAAbw/jZnkyNLnS9I/s1600/Comments.png) no-repeat;
height: 22px;
min-width: 30px;
float: left;
margin: 4px 5px 0px 5px;
}
.google-plus {
margin-left: 20px;
}

  • B5: Tiếp tục sử dụng tổ hợp phím tắt hữu ích Ctrl + F tìm thẻ <data:post.body/> dưới thẻ <b:if cond=’data:blog.pageType == &quot;item&quot;’>.
  • B6: Copy toàn bộ đoạn code sau vào trước thẻ <data:post.body/>.
<div style=’background:#f5f5f5; border:1px solid #ddd;-moz-border-radius:9px;-webkit-border-radius:9px;border-radius:9px;padding:5px;box-shadow:3px 3px 3px #CCCCCC;’>
<table border=’0′>
<tr>
<td>
<!– Twitter –>
<a class=’twitter-share-button’ data-count=’horizontal’ data-lang=’en’ expr:data-text=’data:post.title’ expr:data-url=’data:post.url’ href=’http://twitter.com/share’ rel=’nofollow’/>
<b:if cond=’data:post.isFirstPost’>
<script src=’http://platform.twitter.com/widgets.js’ type=’text/javascript’>
</script>
</b:if>
</td>
<td>
<!–Facebook–>
<iframe allowTransparency=’true’ expr:src=’&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp; action=like&amp;font=arial&amp;colorscheme=light&quot;’ frameborder=’0′ scrolling=’no’ style=’border:none; overflow:hidden; margin-left:0px; width:100px; height:20px;’/>
</td>
<td>
<div style=’margin-right:25px;’>
<!– STUMBLE UPON –>
<script expr:src=’&quot;http://www.stumbleupon.com/hostedbadge.php?s=1&amp;r=&quot; + data:post.url’/>
</div>
</td>
<td>
<div style=’margin-right:5px;’>
<!– GOOGLEPLUS –>
<g:plusone expr:href=’data:post.url’ size=’medium’/>
</div>
</td>
<td>
<!– AddThis Button BEGIN –>
<div class=’addthis_toolbox addthis_default_style ‘>
<a class=’addthis_counter addthis_pill_style’/>
</div>
<script src=’http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4de3b2d654f56f28′ type=’text/javascript’/> <script type=’text/javascript’> var addthis_config = { ui_cobrand: &quot;My Tutorials Cafe&quot;, ui_header_color: &quot;#ffffff&quot;, ui_header_background: &quot;#0080FF&quot; }
</script>
<!– AddThis Button END –>
</td>
</tr>
</table>
</div>
  • B7: Click nút Lưu mẫu để hoàn tất.

Bây giờ bạn chỉ cần refresh lại trình duyệt và truy cập một bài viết bất kỳ trên Blog đều thấy các nút mạng xã hội dưới tiêu đề bài viết. Bạn có thể tham khảo thêm một số thủ thuật Blogger hữu ích khác như tích hợp Google Translate, thêm thanh điều hướng cho Blogger, …

5/5 - (4 votes)

Nội dung

  1. Bài viết liên quan:

Bài viết liên quan:

  • Chatbots trong ngành công nghiệp trò chơi
  • Các Bước Kiểm Tra Khi Mua Điện Thoại Cũ
  • Cách giúp máy tính không bị lag khi chơi game online
  • Asus phát triển tài năng esports địa phương với Học viện ROG…
  • Cách sửa laptop bị lỗi màn hình xanh

Filed Under: Thủ thuật Internet Tagged With: thêm nút chia sẻ mạng xã hội, Thủ thuật Blogspot

Tìm kiếm

Newbie nên đọc

  • Dạy photoshop cơ bản
  • Thủ thuật Office
  • Tạo website đơn giản

Bài viết nổi bật

  • TOP 5+ Mẹo tăng tốc máy tính bị lag khi chơi game

    TOP 5+ Mẹo tăng tốc máy tính bị lag khi chơi game

  • Cách giúp máy tính không bị lag khi chơi game online

    Cách giúp máy tính không bị lag khi chơi game online

  • Cách sửa laptop bị lỗi màn hình xanh

    Cách sửa laptop bị lỗi màn hình xanh

  • Cách sử dụng DNS Cloudflare 1.1.1.1 để truy cập các trang web bị chặn

    Cách sử dụng DNS Cloudflare 1.1.1.1 để truy cập các trang web bị chặn

  • Những thủ thuật máy tính đơn giản và hữu ích

    Những thủ thuật máy tính đơn giản và hữu ích

  • Hướng dẫn cách tạo USB cài đặt Windows 10

    Hướng dẫn cách tạo USB cài đặt Windows 10

  • Tạo USB cài đặt Win 10 bằng Media Creation Tool

    Tạo USB cài đặt Win 10 bằng Media Creation Tool

Theo dõi mạng xã hội

Liên hệ với tôi

Nếu các bạn gặp khó khăn gì trong quá trình làm việc hãy liên hệ với tôi theo email:

tranthanhchinh.hd@gmail.com

Những gì tôi biết tôi sẽ hướng dẫn tận tình. Cảm ơn các bạn đã ủng hộ

Blog bạn bè

Blog công nghệ
Tin học AZ
Mẹo vặt đời sống

Đôi lời về tác giả

Blog chia sẻ thủ thuật máy tính - Thủ thuật windows

Mình tên là Thanh Chính đây là nơi mình viết lại những kinh nghiệm làm việc, những thủ thuật máy tính khi máy tính phát sinh một sự cố, cũng như là một nơi lưu trữ lại các kiến thức làm việc của mình để khi cần có thể lấy ra và áp dụng được luôn, Mong các bạn có thể đóng góp thêm cho blog của mình.

Copyright © 2023 · Going Green Pro Theme on Genesis Framework · WordPress · Log in