Hướng dẫn Cài đặt Bookmark xã hội nổi trên Blogger.

Đăng bởi Admin | 13/10/13 | 0 nhận xét

Chia sẻ nội dung bài viết trên các mạng xã hội là 1 công việc không thể thiếu đối với 1 blogger. Để tạo ô Bookmark cho các mạng xã hội nổi trên blog, bạn hãy làm theo hướng dẫn sau:

Bước # 1:
Đăng nhập vào Blogger -> Layout -> Edit HTML và chọn đánh dấu vào hộp Expand Widget Templates
Sau đó, tìm ( nhấn Ctrl + F) đoạn mã này trong các mẫu:

]]></b:skin>

Và dán đoạn code dưới đây ngay TRÊN / TRƯỚC nó:

#divStayTopLeft {left:5px;position:absolute;top:15px;}

.sidetab {}

.sidetab ul {list-style-type: none;margin: 0;margin-top: 220px;margin-left: -2px;padding: 0;}

.sidetab ul li {border-bottom: 0;margin-bottom: 0;padding: 0;}

.sidetab a {background: none;display: block;height: 25px;margin-top: 0px;padding: 2px;width: 25px;}

.sidetab a:link, .navlist a:visited {color: #555;text-decoration: none;}

.sidetab a:hover {border: none;background: #e8e8e8;}

.sidetab .button a {background:none;height: 25px; width: 25px;}

Bước # 2 :

Bây giờ tìm thấy mã này trong các mẫu:

</body>

Và ngay lập tức dán mã này ở trên nó :

<DIV id='divStayTopLeft'>

<div class='sidetab'>

<ul class='navlist'>



<li class='button'><a href='http://bdlab.blogspot.com/feeds/posts/default'><img height='25' src='http://upic.me/i/ci/rss_48.png' title='Subscribe to RSS feed' width='25'/></a></li>

<a class='addthis_button_facebook'><img alt='Facebook' height='25' src='http://upic.me/i/8n/facebook_32.png' width='25'/></a>

<a class='addthis_button_delicious'><img alt='Delicious' height='25' src='http://upic.me/i/k6/delicious.png' width='25'/></a>

<a class='addthis_button_email'><img alt='Email' height='25' src='http://upic.me/i/bo/emailsmall.jpg' width='25'/></a>

<a class='addthis_button_favorites'><img alt='Favorites' height='25' src='http://upic.me/i/ij/favorites.png' width='25'/></a>

<a class='addthis_button_twitter'><img alt='Twitter' height='25' src='http://upic.me/i/bx/twitter_32.png' width='25'/></a>

<a class='addthis_button_google'><img alt='Google' height='25' src='http://upic.me/i/fm/gsmall.jpg' width='25'/></a>

<a class='addthis_button_digg'><img alt='Digg' height='25' src='http://upic.me/i/0v/mdigg.png' width='25'/></a>

<a class='addthis_button_more'><img alt='More' height='25' src='http://upic.me/i/5e/wmore.png' width='25'/></a>

</ul>

</div>

</DIV>

<script src='http://s7.addthis.com/js/250/addthis_widget.js?pub=xa-4a65e1d93cd75e94' type='text/javascript'/>

<script src='http://hackublog.googlecode.com/files/FloatingMenu.js' type='text/javascript'/>

Nhấp vào Save Template

Lưu ý: Thay thế http://bdlab.blogspot.com/feeds/posts/default với thức ăn liên kết của bạn nếu bạn sử dụng tên miền blogspot. Nếu bạn chạy tên miền riêng của bạn, hãy thay thế:  Địa chỉ trang của bạn vào đây / feeds / posts / default  trong liên kết Feed của bạn.

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

                                                                                             Tham khảo: bdlab.blogspot.com