DiggIt!をblogger betaに貼り付け このエントリーを含むはてなブックマーク

Blogger Beta用のDiggItのコードは以下の様子です。


<script type='text/javascript'>
digg_url = '<data:post.url/>';
digg_title = '<data:post.title/>';
</script>
<script src='http://digg.com/tools/diggthis.js'
type='text/javascript'/>

Blogger betaに貼り付けるには、記事のタイトルのところは良いでしょう、記事の一番したに貼り付けてもいいです、ここはタイトルの後ろに貼り付ける方法を例として挙げます。

まずは、テンプレートコードから以下のようなコードを見つけ出します、


<b:if cond='data:post.title'>
<h3 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

<data:post.title/>の後ろにDiggIt!のコードを張り付けばいいです、DiggIt!のボタンは縦長いので、僕は<div style='float:left; margin-right:5px'> </div>でDiggIt!コードを囲んで、DiggIt!を左寄せしました。効果は下の図のようになっています。



DiggIt!のコードに digg_skin = 'compact'; を追加すれば、横長いDiggItボタンが表示できます。そのほかに、digg_bgcolor = '#000000' では背景色を変更できます。

<script type='text/javascript'>
digg_url = '<data:post.url/>';
digg_title = '<data:post.title/>';
digg_skin = 'compact';
</script>
<script src='http://digg.com/tools/diggthis.js'
type='text/javascript'/>

以下のようになります。

0 コメント:

コメントを投稿

最新の記事

最新コメント