1. 程式人生 > >WordPress新增固定位置的百度分享按鈕

WordPress新增固定位置的百度分享按鈕

<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>  

相關推薦

WordPress新增固定位置分享按鈕

<div id="share"> <div class="share"> <div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare">

在HTTPS網站安裝分享按鈕程式碼及其SEO外鏈作用

百度分享按鈕,可以幫使用者實現一鍵將網站內容分享到第三方網站,但它的功能與作用遠遠不止便於分享。今天,小小課堂網為大家帶來的是百度分享按鈕程式碼安裝及對網站SEO優化外鏈的效果。希望對大家有所幫助。一、百度分享程式碼的安裝1、登入百度分享平臺網址:http://share.b

wordpress分享工具條最新版本1.0釋出

好長一段時間都沒理會百度分享工具條了,最近看到倡萌將這個工具條進行了一些優化和精簡(《WordPress新增仿異次元百度分享工具條》),決定採用倡萌的版本,再加上一些自己的改動再次發一個版本,以後基本就不會再動了,感謝這麼多人的使用和支援。具體效果請檢視本部落格任何一篇文章頂部的工具條。使用方法:2.解壓到當

WordPress美化分享預設圖示

因程式碼中使用了Font Awesome字型圖示,如果你的主題沒有載入字型圖示,可以到WP後臺--外掛--安裝外掛頁面搜尋:Font Awesome 4 Menus 安裝並啟用,才能顯示替換後的圖示。 下面開始改造: 一、在文章末尾新增分享圖示程式碼 將程式碼新增到當前主題functions.php的最

wordpress分享支援https

原理很簡單,就是將百度分享的程式碼從百度的伺服器本地化。 1、針對begin主題 我們開啟百度分享的方法是依次開啟【外觀】–》【主題選項】–》【輔助功能】,往下面翻,可以看到有一個啟用百度分享的選項,勾上。 2、我們檢視footer.php

分享--分享按鈕的實現

百度分享程式碼:<%@ page contentType="text/html;charset=UTF-8"%><div class="bdsharebuttonbox"> <a href="#" class="bds_more" data-

分享

fig col -c attr min att cdn des () 1 <div class="bdsharebuttonbox" data-url="{url}" data-title="{title}"> 2   <a href="#" cla

解決https網站商品中分享無法使用的問題

bds 圖片 無法使用 them href HA oba 修改 height 百度分享不支持HTTPS這件事由來已久,但近期ecshop各最新模板咨詢的比較多,我們就總結了解決方案。 第一步:下載百度分享必備文件 點此下載static.zip,將解壓(解壓密碼:theme

分享怎麽 自定義圖片分享 【原創】

多功能 有道 amp popu har dia 1.0 例如 IV 我們在應用百度分享插件的時候, 默認如果開啟圖片分享的話,連很多小圖標也分享了,實在惱火! 去掉圖片分享吧,分享效果又不好。。。 如何做到自定義圖片分享呢? 就是預先定義tag標簽 例如: "tag":

分享新浪微博無法分享圖片的解決方法

偶然發現,文章分享到sina weibo竟然不能將附帶的圖片。後來查了一下,發現,不只我遇到了這個問題。 經過檢視百度分享官方的幫助文件,發現幫助文件是依照舊版的分享程式碼指導自定義使用的。而首頁獲取到的程式碼是最新版的分享程式碼, 最新版分享程式碼雖然支援微信。但是在分享到新浪微博的時候有

完整的分享

<div class="bdsharebuttonbox" data-tag="share_1"> <a class="bds_mshare" data-cmd="mshare"></a> <a class="bds_qzone" data-cmd="

分享vue版-vshare

vshare 基於百度分享開發的支援VUE2.X的分享外掛,為您帶來更多的流量!提供多種風格按鈕,程式碼載入更快,引入社會化流量,提升網頁抓取速度等優點。github地址:https://github.com/1006008051/vshare,歡迎star。

使用分享api實現網頁分享功能

百度官方文件:http://share.baidu.com/code/advance#toid 首先先引入外部檔案: with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('sc

分享vue版

安裝 npm install vshare -S 使用 注入 // ES6 import vshare from 'vshare' //or require var vshare = require('vshare') Vue.use(vshare) 元件使用

分享仿異次元分享工具條

現在做網站一個社會化分享工具還是很有必要的,百度在不久前提供了百度分享功能,據說這個功能會讓百度更加青睞你的網站。百度提供的分享工具條樣式比較單一而且不是太好看,看到異次元的百度分享工具條非常好看,於是仿了一個近似的,先分享出來給大家用。作者:eliteYang 部落格地址:http://www.cppfan

分享

找到程式碼獲取點選進入詳情頁--拉到下面看到一個直接複製程式碼 複製成功,貼上到下面。 <div class="bdsharebuttonbox">//class="bdsharebuttonbox" 部分為dom選擇器,請勿改動。 <a

分享、JiaThis分享

網站文章,一鍵分享神器:bshare! 新浪微博、騰訊微博、facebook、twitter等所有社交平臺一鍵分享、圖片分享、文章內容劃詞分享,分享內容格式自定義等等都可輕鬆搞定!......

HTML 固定div於頁面固定位置,實現懸浮按鈕

一個小需求,頁面過長,業務希望將按鈕懸浮於頁面上,不要一下拉就蓋掉操作按鈕。 程式碼如下: <div id="dg" style="z-index: 9999; position: fixed ! important; right: 0px; top: 0px;"&

仿ipc異次元分享工具條

百度提供了百度分享功能,據說這個功能會讓百度更加青睞你的網站。 邪惡的說法:你用了度孃家的東西,她會覺得你是她的忠實fans,她就會特別照顧你... 百度提供的分享工具條樣式比較單一而且不是太好看,看到異次元的百度分享工具條非常好看,如下圖所......

vue專案使用分享

又開始新專案啦,這次的專案有分享功能,第一想法就是使用jiaThis,寫到分享這裡馬上去百度jiaThis。首先官網開啟是空的,然後繼續搜尋看到關於jiathis的新聞,原來jiaThis2018年4月30日起關閉了旗下的“友言”業務、旗下“分享”業務和“友薦”業務。之前一直用的是jiaThis,允