WordPress‘加精’和‘REBUZZ’的代码研究

一個“精”字能很好的體現本博客的低俗本質。

再搞個小貔貅圖形來做一般鏈接的加精標記

首頁形態

看過前面關于一個all in one插件的文章http://0rz.tw/BfQgP『簡易插件版安裝http://0rz.tw/7ulzi』的朋友都會想,這個框框只體現到一處未免也太荒廢了吧

所以我想讓它體現到這個ajax框架另外還有系統中所有的”最新文章”list里面去.

這個手術就動得比較大了,先得改動系統的function.

系統功能（function）

再動動popular post這個插件的功能

meta是什么

如何加精？

<script src="http://cdn.buzrr.com/js/button.js" type="text/javascript"></script>

<script type="text/javascript"> var __buzrr_style="small_blue_count_text_icon"; </script> <script src="http://cdn.buzrr.com/js/button.js" type="text/javascript"></script>

<script type="text/javascript"> var __buzrr_style="small_blue_3"; </script> <script src="http://cdn.buzrr.com/js/button.js" type="text/javascript"></script>

更多Google Buzz按鈕樣式，可以參考Buzrr Button頁面。

然而這個東西加在post正文中任何一處都會造成一個問題：

1. 首頁會顯示“首頁被rebuzz的次數”
2. 文章載入變慢。

這兩點視您放這個標記的位置而異，像我一樣放文章右上角的，就非常要注意。

使用php標記

<?php if (is_single()) { ?>
<div style="float: right; margin: 0px;">
<script src="http://cdn.buzrr.com/js/button.js" type="text/javascript"></script><script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script></div>
<?php }
?>

藍色部分自己根據需要去替代，還有這個在左在右，也隨您的意思。

首先在您愿望插入的地方插入標記

<div id="buzzer" style="float: left; margin: 0px;">
</div>

然后再于你希望它之前的東西都出現后再出現buzz標記的的地方加上底下這段javascript

『最好是插在決定single的那個php的endif之前』

<script type="text/javascript">
function buzzerbox() {
var _url = window.location.href;
_url = _url.replace(/((?:?|&)?fbc_receiver=.+)?(?:#.*)?$/, "");
var lns = document.getElementsByTagName("link");
for (var idx = 0; idx < lns.length; idx++) {
var at = lns[idx].attributes;
if(at["rel"].value == "canonical" && at["href"].value != "" && at["href"].value) {
_url = at["href"].value; break;
}
}
var _t = document.title;
var u = escape((typeof __external_use_page_url == "string") ? __external_use_page_url : _url);
var t = escape((typeof __external_use_page_title == "string") ? __external_use_page_title : _t);
var s = escape((typeof __external_use_page_summary == "string") ? __external_use_page_summary : "");
var c = (typeof __buzrr_category == "string") ? escape(__buzrr_category) : "";
var bu = (typeof __buzrr_url == "string" )? __buzrr_url : "";
var st = escape((typeof __buzrr_style == "string") ? __buzrr_style : "n");
var src = "http://buzrr.com/button.php";
if (bu != "" ) {src = bu;}
u = u.replace(/+/g,"%2b");
src += "?url=" + u;
if (t != "") {src += "&title="+t;}
if (c != "") {src += "&cat="+t;}
src += "&style="+st;
if (s != "") {src += "&snippet=" + s }
var h = 55;var w = 61;
if (st.indexOf("small_") == 0) {w = 100;h = 20;}
document.getElementById("buzzer").innerHTML= '<iframe src="' + src + '" height="' + h + '" width="' + w + '" frameborder="0" scrolling="no"></iframe>';
}
buzzerbox();
</script>

用這個得注意首頁隱藏。

把Javascript換成底下這個

<script type="text/javascript">
function buzzerbox() {
var u = '<?php the_permalink() ?>';
var t = '<?php the_title() ?>';
var s = escape((typeof __external_use_page_summary == "string") ? __external_use_page_summary : "");
var c = (typeof __buzrr_category == "string") ? escape(__buzrr_category) : "";
var bu = (typeof __buzrr_url == "string" )? __buzrr_url : "";
var st = escape((typeof __buzrr_style == "string") ? __buzrr_style : "n");
var src = "http://buzrr.com/button.php";
if (bu != "" ) {src = bu;}
u = u.replace(/+/g,"%2b");
src += "?url=" + u;
if (t != "") {src += "&title="+t;}
if (c != "") {src += "&cat="+t;}
src += "&style="+st;
if (s != "") {src += "&snippet=" + s }
var h = 55;var w = 61;
if (st.indexOf("small_") == 0) {w = 100;h = 20;}
document.getElementById("buzzer-<?php the_ID() ?>").innerHTML= '<iframe src="' + src + '" height="' + h + '" width="' + w + '" frameborder="0" scrolling="no"></iframe>';
}
buzzerbox();
</script>

標記換成

<div id="buzzer-<?php the_ID() ?>" style="float: right; margin: 0px;">
</div>

javascript部分都是從官方的里面變過來的，也都是@chiidea的功勞，就不多說了。

標記呢主要是看id部分，這段Java的效果在于，把所有id=’buzz’的東西全部加上一個iframe框，用來顯示rebuzz標記。各位也算是知者固知之吧，總的不好解釋。