WordPress添加固定位置的百度分享按钮
生活随笔
收集整理的這篇文章主要介紹了
WordPress添加固定位置的百度分享按钮
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
第一步,在你所用主題目錄新建一個名稱為:share.php的模板文件,將下面的代碼復制到進去并保存
?
<div id="share"> <div class="share"> <div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare"> <a class="bds_tsina"></a> <a class="bds_tqq"></a> <a class="bds_qzone"></a> <a class="bds_renren"></a> <span class="bds_more"></span> </div> <div style="clear:both;"></div> </div> </div> <script type="text/javascript" id="bdshare_js" data="type=tools&uid=0" ></script> <script type="text/javascript" id="bdshell_js"></script> <script type="text/javascript"> document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date()/3600000) </script> <style type="text/css"> #share { display:block; width:35px; margin-left:-546px;/* 修改左右位置 */ position:fixed; left:50%; top:420px;/* 修改上下位置 */ _margin-left:-546px;/* IE6修改左右位置 */ _position:absolute; _margin-top:420px;/* IE6修改上下位置 */ _top:expression(eval(document.documentElement.scrollTop)); } .share { background:#fff; width:24px; border: 1px solid #ccc; border-radius:5px 0 0 5px; } #bdshare_l { border-radius: 5px; } div #bdshare_l_c { border: 1px solid #ccc; border-radius: 5px; } #bdshare h6, #bdshare_s h6,#bdshare p, #bdshare_s p { display:none; } </style>?
第二步,將調用代碼:
?
<?php?include('share.php');??>?
?
添加到主題頁腳模板footer.php這句上面:
?
<?php?wp_footer();??>??
?
?
?
?
總結
以上是生活随笔為你收集整理的WordPress添加固定位置的百度分享按钮的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 点滴积累【C#】---操作xml,将xm
- 下一篇: JS日期加减,日期运算