Thêm nút Truyền thông xã hội cho Blogger một cách dễ dàng

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

Đây là một tiện ích truyền thông xã hội đơn giản cho blog của bạn. Từ tiện ích này, bạn có thể tạo các liên kết  tới trang hâm mộ Facebook, Twitter và đăng kí RSS một cách dễ dàng.

1. Đăng nhập vào blogger và Tới  Thiết kế >> Trang Bố cục. 
2. Bấm vào Thêm tiện ích và chọn "HTML / Javascript" 
3. Dán mã dưới đây:

<style type='text/css'>

#topbox{width:250px;border:4px solid #a1a1a1;background-color:#ffffff;}
#topbox:hover{border:4px solid #4e4c4c;background-color:#ffffff;}

#social1 .social2 h2.subscription { border:0; margin:0; padding:3px 0 0 55px; height:42px; font-size:14px;font-family:&quot;Segoe UI&quot;,Calibri,&quot;Myriad Pro&quot;,Myriad,&quot;Trebuchet MS&quot;,Helvetica,Arial,sans-serif;
font-weight:bold; }

#social1 .social2 h2.subscription:hover {color:#1c5ef3; font-size:15px;}

#social1 .social2 h2.facebook { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggFFRDg3Q0IB1lWVY4ZSzfTnoEakVEPY-gdf53XSVGmheg0Toqz0BjxGVCGABb3OrUrhdmzoi86SGJIJnevozpkSJ9dH_Wi3JYBrys8UFWq5oEBO7yE3DLtxCTJYTFvNByY3c4LyPOkpw/s1600/bloggertrix-facebook-icon.png) no-repeat top left; }

#social1 .social2 h2.twitter { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbirRD0yuwggTz5iOJWXhpIf83AX5RKovEUyDszXrlO5NUH_UQ1uSs95dm5gxK_6BdNdzTL7Iqp08Hi3YKy_EZXUA12ULgGnLEWziuu57GNLDkgU56VY3GpIc_i5M-6iuAFk8nAHLUEas/s1600/bloggertrix-twitter-icon.png) no-repeat top left; }

#social1 .social2 h2.Rss { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo4U51tMv9W5gizTQwA5kTCrETyzD3JSGBdWD6OGQir3PEIMOZIYTyFnXT-7rvOvH5hyApG1yBSxIETsw36TgnpdNceOCGtTPs29Ab4n4kXijgZMwZjHYYHXBAiw3r-mQNbZK_ls5EpL8/s1600/bloggertrix-rss-icon.png) no-repeat top left; }

#social1 .social2 .subscription a { color:#252e28; text-decoration:none; }

</style>

<div id="topbox">
<div id="social1">
<div class="social2">

<h2 class="subscription facebook"><a href="Facebook URL" target="_blank">Like On Facebook</a></h2>

<h2 class="subscription twitter"><a href="Twitter URL" target="_blank">Follow On Twitter</a></h2>

<h2 class="subscription Rss"><a href="Your Email Subscription URL" target="_blank"> Subscribe On RSS</a></h2>

</div></div>
</div>

* Thay  Facebook URL với URL của bạn .
* Thay  Twitter URL với URL của bạn .
* Thay thế đăng ký URL Email của bạn   với tên thức ăn của bạn .
4. Bây giờ lưu của bạn HTML / Javascript.  
Thật rễ dàng phải không nào?...
Bạn có thể xem thêm các mẫu khác bên dưới:

Tạo hộp đăng ký xã hội dạng trượt 4 trong 1 cho Blogger

Tạo nút chia sẻ xã hội dạng ​​xoay Hover US cho blogger

Tạo phong cách thời trang cho hộp RSS Subscription trên blog

Tạo Widget truyền thông xã hội màu xanh cho Blogger

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

Tùy chỉnh hộp popup cho các nút xã hội trên Blogger...

Chúc bạn thành công !...
                                                                                 Theo: bloggertrix.com