Đăng bởi Admin | 1/1/14 | 0 nhận xét
Trong bài viết này sẽ giải thích làm thế nào để thêm danh sách các biểu tượng xã hội css dạng trượt cho các blogger. Bằng cách sử dụng Css dạng trượt, bạn có thể liên kết phương tiện truyền thông xã hội trong hồ sơ cá nhân Facebook, Twitter và Google, Rss cộng, RSS và StumbleUpon của bạn. Kiểm tra bản demo từ liên kết bên dưới .
Tạo widget Hồ sơ xã hội sử dụng Css dạng trượt 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:
Bạn chỉ cần thay đổi các dòng màu theo hồ sơ của bạn. Thay bloggertrix với ID Feedburner của bạn Thay thế bloggertrix với Tên truy nhập Facebook của bạn Thay thế bloggertrix với Twitter Tên của bạn Thay thế 107955298793879607964 với Google của bạn cộng với ID Thay thế Username với Tên đăng nhập của bạn StumbleUpon
5. Bây giờ lưu của bạn HTML / Javascript.
Hy vọng bạn thích tiện ích này.
Chúc bạn thành công !...
Theo: bloggertrix.com
Trong bài viết này sẽ giải thích làm thế nào để thêm danh sách các biểu tượng xã hội css dạng trượt cho các blogger. Bằng cách sử dụng Css dạng trượt, bạn có thể liên kết phương tiện truyền thông xã hội trong hồ sơ cá nhân Facebook, Twitter và Google, Rss cộng, RSS và StumbleUpon của bạn. Kiểm tra bản demo từ liên kết bên dưới .
Tạo widget Hồ sơ xã hội sử dụng Css dạng trượt 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.
4. Dán mã dưới đây:
<style>
#socialmenu_btrix {
margin:0;
padding:0;
width: 30em;
height: 4.5em;
overflow:hidden;
}
#socialmenu_btrix li {
display:inline;
list-style-type:none;
}
#socialmenu_btrix li a {
display:block;
float:left;
text-decoration:none;
margin:0;
}
#socialmenu_btrix li a img {
opacity:0.7;
margin:0.5em;
border:0;
float:left;
}
#socialmenu_btrix li a span {
display:none;
}
#socialmenu_btrix li a:hover {
background:transparent;
}
#socialmenu_btrix li a:hover span {
width:7em;
color:#aaa;
display:block;
cursor:pointer;
float:left;
}
#socialmenu_btrix .h2 {
margin:0 5px;
padding:0;
color:#fc0;
font-variant:small-caps;
font-size:1em;
border:0;
}
</style>
<ul id="socialmenu_btrix">
<li>
<a href="https://www.facebook.com/bloggertrix"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq7jyzssPRbdeRInFktxPP7C-H2gPvWW2H744Nm89OBxQdqXm6nTrTzLaYvbpkxW9gcdValrQtPYHyFXQuLOVipgibiHjPfHg7rF-rxSWsYmVM44sAN9hcTw_padPkvGbJbXg5JmQLr0A/s1600/Facebook-icon_btrix.png" alt="facebook" width="50" height="50" title="Facebook" />
<span><br />
<b class="h2">Facebook</b><br />
Add to facebook
</span>
</a>
</li>
<li>
<a href="https://plus.google.com/107955298793879607964"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoc_FW6hsrDZUIjx1ncy29-spYF-3XNVkL-UtHijgkOfHjONWBDcwVH1B1zLUfuFLqQ_WpOmE-iKS9n75m1xZdkeyGnP5YtDy6ZgIFflbr5eSAvgxPcPIWbaxaJr6rCSXfk1IGnnirdng/s1600/Google-plus-icon_btrix.png" alt="Google plus" width="50" height="50" title="=Google plus" />
<span>
<br />
<b class="h2">Twitter</b><br />
Add to twitter
</span>
</a>
</li>
<li>
<a href="http://feeds.feedburner.com/bloggertrix"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZNYt2Uz9gsRp7d1uu_9uxBZa7yzrHoWKa8V5Mxh5J7E27TfI0k-sJWyNBTmgPTT2IcpdxEqarkq5Ziwc4mfdT0kRet039fJXXImUK-rcVdpQ1L76eQeYfMVQ9qfeQkEku69e8CTXdq-A/s1600/RSS-icon_btrix.png" alt="Rss" width="50" height="50" title="Rss" />
<span><br />
<b class="h2">Rss Feed</b><br />
Subscribe
</span>
</a>
</li>
<li>
<a href="http://stumbleupon.com/Username"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBTO1EpQTWcGHpdJZzMuww6Dsys6js_-yhXWmlAZtsXDL95STYuta7zm9yPbzyjio2Ye9SzasibiNYYI-6uN11osCedllRaKlGUEWjoPJC94h8Oz7RqKRAt2xQcU07-aU8SzeYi3wA5ts/s1600/StumbleUpon-icon_btrix.png" alt="Stumbleupon" width="50" height="50" title="Stumbleupon" />
<span><br />
<b class="h2">Stumbleupon </b><br />
add to stumble
</span>
</a>
</li>
<li>
<a href="https://twitter.com/bloggertrix">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQCMLrLmzFNqmu9Kz8AjPyjq_8gyvYcJgbsa5gaqJjQEX-ny8HWwYcCqTCROQ4sMiXw_jf5FyMkaq0Ui5wouFSVZUmNSyj0mPW5n7z1wDD2ibLRGHs6KR_g0UQkzjDjte-vJ43Lofiobc/s1600/Twitter-icon_btrix.png" alt="twitter" width="50" height="50" title="twitter" />
<span><br />
<b class="h2">Twitter</b><br />
add to twitter
</span>
</a>
</li>
</ul>
Bạn chỉ cần thay đổi các dòng màu theo hồ sơ của bạn. Thay bloggertrix với ID Feedburner của bạn Thay thế bloggertrix với Tên truy nhập Facebook của bạn Thay thế bloggertrix với Twitter Tên của bạn Thay thế 107955298793879607964 với Google của bạn cộng với ID Thay thế Username với Tên đăng nhập của bạn StumbleUpon
5. Bây giờ lưu của bạn HTML / Javascript.
Hy vọng bạn thích tiện ích này.
Chúc bạn thành công !...
Theo: bloggertrix.com
Không có nhận xét nào:
Đăng nhận xét
Cảm ơn bạn đã nhận xét !
Mã hóa Code- 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.