Khung chia sẻ bài viết blogspot hiển thị chi tiết tác giả bài viết

12 thg 6, 2013

Thủ thuật thêm chia sẻ bài viết dưới mỗi bài viết của blogspot đã được itviet360 giới thiệu qua Like và chia sẻ bài viết blogspot theo mẫu của itviet360 version1. Bài viết này mình đã chỉnh sửa và thay luôn chia sẻ cho trang itviet360.
Khung chia sẻ bài viết blogspot hiển thị tác giả, phong vu computer


- Với thủ thuật này chúng ta có:
+ Làm thủ thuật đơn giản
+ Tự động cập nhật tác giả bài viết
+ Sử dụng Like & Share của Addthis nhẹ nhàng, đủ các mạng xã hội + trang chia sẻ
+ Tùy biến dễ dàng
CÁCH THÊM THỦ THUẬT:
1. Vào bảng điều khiển Blogger -> Mẫu (Template) -> Chỉnh sửa HTML (Edit HTML)
2. (Ctrl + F) tìm đến 
<div class='post-footer-line post-footer-line-1'/>
(Nếu có 3 dòng như thế này thì chọn dòng thứ 2 từ trên xuống)
3. Dán đoạn code dưới đây xuống đoạn code vừa tìm được ở trên

<!-- Chia se moi -->

<style>

.botpost{margin-left:-15px;width:666px;height:68px;border-top:1px solid #0443A1;border-bottom:1px solid #0443A1;background: #EDF7CD;padding-top:5px;margin-bottom:10px}

.nhan {float:left;width:160px;padding:0 10px 0 10px}
.sendmailp {float:left;width:130px}
.google {float:left;width:260px}
.wdt_button{float:left;margin:5px}
.itviet360 {float: left; width: 95px}
</style>
<div class='botpost'>
<div class='nhan'>
Đăng bởi <a expr:href='data:post.authorProfileUrl' expr:title='data:post.author' rel='author' target='_blank'><data:post.author/></a>
</div>
<div class='sendmailp'>
<b>Like</b> hoặc <b>Share</b> ủng hộ những bài viết của itviet360 nhé <img src='http://2.bp.blogspot.com/-lMjnz4PUgRo/T5LxjMggATI/AAAAAAAAB8Y/Iawz5yYuv3w/s1600/muiten.gif'/>→
</div>
<div class='google'>
<div class='wdt_button'><a class='addthis_button_facebook_like' fb:like:layout='box_count'/></div>
<div class='wdt_button'><a class='addthis_button_tweet' tw:count='vertical'/></div>
<div class='wdt_button'><a class='addthis_button_google_plusone' g:plusone:size='tall'/></div>
<div class='wdt_button'><a class='addthis_counter'/></div>
</div>
<div class='itviet360'>ITViet360 chia sẻ thông tin và kết nối</div>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4d2267003d6799cf' type='text/javascript'/>
<!-- AddThis Button END -->
<!-- Ket thuc chia se moi -->

Trong đó: các con số lưu ý trong phần bôi vàng các bạn tùy chỉnh rộng phù hợp với blog của mình nhé.

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

Đăng nhận xét

Svfu.Vn- Có tất cả những gì sinh viên Lâm Nghiệp cần