在WordPress中添加Google +1按鈕

2011-06-25 23:03:39來(lái)源:氣吞寰宇作者:

前幾天google正式發(fā)布了+1按鈕,功能與Facebook的Like一樣,但是大家懂的。下面談如何在WordPress文章后添加google +1按鈕。

前幾天google正式發(fā)布了+1按鈕,功能與Facebook的Like一樣,但是大家懂的。下面談如何在WordPress文章后添加google +1按鈕。

1)要在頁(yè)面的head或者body中添加相關(guān)的js文件鏈接。具體而言,進(jìn)入wordpress的控制面板->外觀->編輯->header.php,在</head>標(biāo)簽之前加上
<script src="http://apis.google.com/js/plusone.js" type="text/javascript"/>

2)在文章之后或評(píng)論之前添加+1按鈕。我選擇的是在文章的X條評(píng)論之前添加+1按鈕,于是編輯文件single(文章頁(yè)面),在<p>Posted <!– by <?php the_author() ?> –> in <?php the_category(‘, ‘) ?></p>  之后加上一句
<g:plusone></g:plusone>

3)調(diào)整+1按鈕的樣式。編輯style.css文件,在最后加上
#content .meta .bg div {
   float: right !important;
   margin-top: -25px !important;
}

說(shuō)明:如果想在文章的其它位置放+1按鈕,請(qǐng)找到相應(yīng)的位置復(fù)制2)中的代碼。按鈕的大小也可以調(diào)整,可改為<g:plusone size=”small”></g:plusone>以此類推。按鈕的樣式3)中的代碼也應(yīng)根據(jù)具體情況調(diào)整。關(guān)于+1按鈕請(qǐng)參看谷歌官方的說(shuō)明http://www.google.com/webmasters/+1/button/

原文地址:http://playground.lshai.com/blog/archives/1308

關(guān)鍵詞:WordPressGoogle+1

贊助商鏈接: