Thứ Bảy, 17 tháng 8, 2013

Code chia sẻ bài viết và cách đặt ở từng vị trí

Như các bạn biết like,G++ rất có lợi cho việc tăng thứ hạng trang web/blog à làm cho nhiều người biết đến trang web/blog của mình nhanh hơn ! Hôm nay Viettin24h giới thiệu đến các bạn thủ thuật hay tạo hộp chia sẻ tích hợp : Like, G+, Twitter,printerest...ngoài ra mình tích hợp thêm post lên Linkhay.com(1 trong những trang khá nổi tiếng ở Việt Nam về chia sẻ link) .

Ảnh minh họa : 
Code của thủ thuật hay này : 



<div style='background:#fedda4;border:0px solid #ffffff; padding:0px 0px;margin:0px 0px 5px 0px;width:100%;float:left;height:20px;'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:55px; height:22px;'/>
<a class='addthis_button_google_plusone' g:plusone:size='medium'/>
<a class='' name='zm_share' title='Chia sẻ lên Zing Me' type='button'>Chia sẻ</a>
<a href='http://linkhay.com/submit' target='_blank' title='Hot!'><img alt='Hot!' height='20' src='http://linkhay.com/templates/images/guide/button4.jpg' width='52'/></a>
<a href='http://sig.vn/bk/submit.php?url={postrow.U_MINI_POST}&amp;title={TOPIC_TITLE}' target='new' title='Add to Sig'>
<img alt='Add to Sig' border='0' height='20' src='http://i99.servimg.com/u/f99/11/79/54/63/bookma10.gif' width='20'/></a>
<script src='http://stc.ugc.zdn.vn/link/js/lwb.0.7.js' type='text/javascript'/>
<div style='float:right;padding-right:1px;'>
<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_button_pinterest_pinit'/>
<a class='addthis_button_tweet'/>

<a class='addthis_counter addthis_pill_style'/>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=4rifin' type='text/javascript'/>
</div>
</div>

Cách đặt nó và các vị trí trên Blog/web của bạn

Đăng nhập Blogger-->Chọn mẫu--> Chỉnh sửa mẫu
1. Dưới tiêu đề bài viết các bạn đặt code trên dưới code sau 
                        
   <div class='post-header'>
hoặc        
<div class='post-header-line-1'/>

2. Dưới chân bài viết các bạn đặt dưới 1 trong những code sau :
                 
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>                        
<div class='post-footer-line post-footer-line-2'>            
<div class='post-footer-line post-footer-line-3'> 
Tùy thuộc vào ý bạn để đặt vị trí phù hợp
Chúc các bạn thành công .

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

Đăng nhận xét