Tạo nút truyền thông xã hội nền gỗ cho Blogger

Đăng bởi Admin | 2/1/14 | 2 nhận xét

Trong bài viết này sẽ giải thích làm như thế nào để thêm nút chia sẻ xã hội phong cách gỗ cho blog của bạn. Đây chỉ là widget. Bạn có thể thêm nó vào blog của bạn dễ dàng. Tôi chỉ sử dụng 
Css với HTML. Bạn có thể xem trực tiếp tiện ích qua Demo bên dưới.

Demo

Tạo nút truyền thông xã hội nền gỗ cho Blogger:

1. Đăng nhập vào tài khoản blogger và nhấp thả xuống.

2. Bây giờ chọn " Giao diện "như dưới đây.

3. Bấm vào Thêm tiện ích và chọn "HTML / Javascript 
4. Dán mã dưới đây vào:

<style>
/* Social Icons 
----------------------------------------------- */

a.social-icons {
 margin-right: 5px; /*Adjust This Value As Needed*/
height:45px;
width:45px;
}

a.social-icons:hover {
 opacity: .7;
 filter:alpha(opacity=70); /* For IE8 and earlier */
}   height:45px;
width:45px;
</style>

<a class="social-icons" href="https://facebook.com/bloggertrix"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ2EkB22V_OUD44bttuoppUDGlqUiGkgJKOVJ83o8qMnZow_zGnQaWRZ78WRfC81s5akms2GCXODSPExv_oDXt6LT0LXe6vE-J5I-FRs1i_aDCxHaCxLptHvK0eXipIXxoxiZELL41iMI/s1600/btrix_facebook-icon.png" /></a>
<a class="social-icons" href="https://twitter.com/bloggertrix"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWFNGi3m7vLAWATht1Mu99MLzoLnx9jC5gpLVXpjLnLcr7o4e9ldV8sonRVnZ_uxbjQYKvylnkH5wbUylF7Pko2vIFNo99cssC-HhQFLk80L8kA4Meg_GD8rkPxc5vYqnmIRO7fN6Kb78/s1600/btrix_twitter-icon.png" /></a>
<a class="social-icons" href="https://digg.com/userId"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgfaco3hDtw3vigX6rxa6s66UbH9SjdQAWn9cCCgthhvtyyEA0PiRvmREg6GwGp8Tj53naP40kVLbmaQSmyp9putOYN8Ny9RbNyFRSLMslq5mx3qYebFYzfwp7Rse-mIlQhjQgfr9Bi-o/s1600/btrix_digg-icon.png" /></a>
<a class="social-icons" href="http://www.feedburner.com/bloggertrix"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwtDXOdehMPxw9LbmomrjXh4qesq9krtkmlWO_qYw2Mr4ovGc1Di0CzBA4EQ3XqRlpcf5GD_PnZ6PHjfnvzaYdmgUuRb9Ev4agmU09aIgb413vz5LtC2tvDpO4vyovQ5fgKGOBYxCVl9o/s1600/btrix_rss-icon.png" /></a>
<a class="social-icons" href="http://stumbleupon.com/username"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVwEIk2ZxQSBh0VjoJiZmqUbD9QXr5bbC5Yet1gpm1BXxBWcEVf8YviowvREZazCcQPLMSpRGnPIi-Anx4bAVFVIRzT5P__rsh0RzPWHLSpU86Mk3cr0EpicypOErPPF0SNXY4WOQM9ek/s1600/btrix_stumble-icon.png" /></a>

Sau khi dán mã ở trên 
* Thay thế bloggertrix với Tên truy nhập facebook của bạn 
* Thay thế bloggertrix   với Tên truy twitter của bạn 
* Thay thế UserId với Digg
* Thay thế bloggertrix với  tên Feedburner của bạn
* Thay thế username với tên Stumbleupon của bạn

5. Bây giờ lưu của bạn HTML / Javascript   bạn đang thực hiện.

Thật đơn giản phải không nào?

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

                                                                                   Theo: bloggertrix.com