百度在搜索结果中偏爱自己的产品是无用质疑的,所以,越来越多的站长决定给网站页面加上百度分享代码。) |6 ?' ?8 k' l' Z) U: t& d9 U
不过在代码居中碰到郁闷的事:一般在div层中加入style=text-align:center; 即可完成居中了,可是发现常用的居中方法对百度分享代码无效。
! Z9 w. Z6 \: G解决方法有二种,最终效果如下:
) Q& p0 x" ^ r1 I U4 N名单
0 l o2 `/ K7 r3 c# `) Y1 x! W第一种:通过在百度分享代码的最前面增加语句:
, @& R( k6 K" A6 g5 c" e/ M6 {<div style=width:120px;float:left;> </div>,然后通过调节<div style=width:120px; float:left;> </div> 这个层的宽度达到定位百度分享代码所在的层位置,使的其向右移动。
% l3 E# |9 N" l2 F代码如下:0 ~0 A) m& [; k
代码如下:
3 {0 k! d, V! |. O: y<!-- 需要调节宽度的层 -->9 c, ]& }* }9 m! V, I
<div style=width:120px;float:left;> </div>
9 s) ? G" Y$ @* u, X/ J- f% R<!-- baidu button begin -->& J: V M; H0 u/ @8 L- [1 }
<div id=bdshare class=bdshare_t bds_tools get-codes-bdshare >
/ ^% M5 v) O+ L, ^; ]" {<span class=bds_more>分享收藏到:</span>: U* N/ C- {/ d! f: P/ V
<a class=bds_qzone>qq空间</a>0 t8 Q& c& ~, t
<a class=bds_tsina>新浪微博</a>
$ |4 S8 l/ k" x<a class=bds_tqq>腾讯微博</a>
" p1 u1 }: ^$ Y3 }8 h0 Z( T5 M<a class=bds_renren>人人网</a># H- L0 o0 [& ?4 ]1 n Z* @) l
</div>
' m, q i4 k7 z- A7 ]9 L) s<script type=text/javascript id=bdshare_js data=type=tools ></script>8 G8 o8 N( S3 U9 m4 L
<script type=text/javascript id=bdshell_js></script>
% L5 ]) ~; u+ w1 t. W% G* x<script type=text/javascript>$ a v, T) F& |
document.getelementbyid(bdshell_js).src = = + new date().gethours();# [; v# t- Y) q6 q" Q
</script>
/ W) \! ~$ F2 W$ A# g<!-- baidu button end -->
2 Y- V' y w( o5 @+ O+ q; L. }第二种:通过给百度分享代码添加一个外层,即<div style=text-align:cennter; padding-left:30px;> 此处放置百度分享代码 </div>,可实现居中(padding-left 的数值用于对位置进行微调)。
6 a( o/ \" O* z3 v5 ?代码如下:( S* M; B% o- c) \3 p5 F
代码如下:1 d5 w- a& p7 I$ A9 ?
<!-- 外层 -->& f5 I5 P f6 F( s6 `! ]
<div style=text-align:cennter; padding-left:30px>
) X( r$ s& \$ Y/ z0 x<!-- baidu button begin -->" Z- C0 X! x6 N- J
<div id=bdshare class=bdshare_t bds_tools get-codes-bdshare > c6 y, b( |2 E0 |, o
<span class=bds_more>分享收藏到:</span>! e$ I6 m$ e2 b7 E" r7 v+ U! u
<a class=bds_qzone>qq空间</a>7 c5 @# B' ^0 I, d) |
<a class=bds_tsina>新浪微博</a>
$ q5 c1 y# e% F: c# Y! X<a class=bds_tqq>腾讯微博</a>! k" S# [* q% ~$ H
<a class=bds_renren>人人网</a>
4 {$ E1 Z' l: b V0 j' F1 J</div>
8 f) o% @$ y! r<script type=text/javascript id=bdshare_js data=type=tools ></script># D) K9 V( Y4 \( F, C
<script type=text/javascript id=bdshell_js></script>
( W! O) g4 Z4 v9 b; m: m3 C<script type=text/javascript>( k! L2 r6 Q8 z
document.getelementbyid(bdshell_js).src = = + new date().gethours();
/ c& B: ^( v! `1 m2 R</script>
+ S2 c- Z! B3 D$ g6 O<!-- baidu button end -->
, W3 A/ ~ @' m# @1 H% R8 T</div>
+ D- m- D5 w9 P. E1 ?. k- U这样就可以实现百度分享代码的水平居中了!2 K% p. b- x9 D _
最后,提示各位站长,为了加快网页的加载速度,最好把所有的js文件放到页面的底部,<div>里的内容放到需要显示分享代码的页面位置。
& n2 z$ ?& b; ]* w' v5 R, } r- |7 {
更多网站运营信息请查看: 网站运营 |
|