Bonjour!

« 初恋 | トップページ | [ココログ] マイリストを消すJavaScript »

2007-07-20

[ココログ] はてなスターを記事別ページにも(ついでにフッターにも)

バカンスで二週間いない間に Hatena Inc. が始動してました。で、その第一弾の「はてなスター」ですが、ココログベーシックやココログフリーなどでの設置方法はどうするんだろうと思ったら、以下のページに簡潔にまとまってました。

リンク: 別館 - はてなスターをココログに設置してみる.

結局、この前のバージョンアップで記事タイトルのところがリンクになったおかげで、特に何もしなくても、ブログ登録時に生成されるコードをそのままマイリストのメモ欄に貼り付けるだけでスターがついてくれる、ということのようですね。

しかし、ココログでは、記事タイトルがリンクになっているのはトップページやカテゴリ、バックナンバーなどのページだけで、記事別ページ(Permalink/固定リンク先)の記事タイトルはリンクになっていないので、そのままでは記事別ページにスター追加ボタンが表示されません。

ということで、記事別ページの記事タイトルにもつくようにしてみました。

ついでに、スターは普通、記事を読んだ後に押すんじゃないだろうかと思ったので、記事フッターにもボタンがつくようにしてみました。

▼設置方法

上記リンク先(「別館」さんの記事)と同様ですが、ちょっと追加します。

 1. はてなスターユーザーページで自ブログを登録(はてなスター日記参照)
 2. 生成されたHTMLの貼り付け用コードをコピー
 3. ココログのマイリスト(メモ)にコピーしたHTMLを貼り付け。
 4. 続いて以下のコードをコピーして、マイリスト(メモ)に貼り付け、保存。

<script type="text/javascript">
Hatena.Star.EntryLoader.loadEntries = function() {
    var entries = [];
    var divs = Ten.DOM.getElementsByTagAndClassName('div','entry',document.body);
    for (var i = 0; i < divs.length; i++) {
        entries.push(new Hatena.Star.Entry.CocologHeader(divs[i]));
        entries.push(new Hatena.Star.Entry.CocologFooter(divs[i]));
    }
    return entries;
}
Hatena.Star.Entry.CocologHeader = new Ten.Class({
    initialize: function(div) {
        this.div = div;
        var h3 = div.getElementsByTagName('h3')[0];
        this.title = Ten.DOM.scrapeText(h3);
        var posted = Ten.DOM.getElementsByTagAndClassName('p','posted',div)[0];
        this.uri = Ten.DOM.getElementsByTagAndClassName('a','permalink',posted)[0].href;
        h3.innerHTML = '<a href="' + this.uri + '">' + this.title + '</a>';
        this.comment_container = Hatena.Star.EntryLoader.createCommentContainer();
        h3.appendChild(this.comment_container);
        this.star_container = Hatena.Star.EntryLoader.createStarContainer();
        h3.appendChild(this.star_container);
    }
});
Hatena.Star.Entry.CocologFooter = new Ten.Class({
    initialize: function(div) {
        this.div = div;
        var h3 = div.getElementsByTagName('h3')[0];
        this.title = Ten.DOM.scrapeText(h3);
        var posted = Ten.DOM.getElementsByTagAndClassName('p','posted',div)[0];
        this.uri = Ten.DOM.getElementsByTagAndClassName('a','permalink',posted)[0].href;
        this.comment_container = Hatena.Star.EntryLoader.createCommentContainer();
        posted.appendChild(this.comment_container);
        this.star_container = Hatena.Star.EntryLoader.createStarContainer();
        posted.appendChild(this.star_container);
    }
});
</script>

# はてなスター日記にあったLivedoor用コードほぼそのまんまですが(^^;

▼注意点

テンプレートによっては動かないかもしれません。お知らせいただければ。

▼余談

- 記事ごとじゃなくてカテゴリページなどにも星を付けるには。。。?
- はてなブックマークのその場でコメント表示できるボタンも欲しいなあ。
- 「ページトップに戻る」リンクもそろそろ作り直さないと。。。

« 初恋 | トップページ | [ココログ] マイリストを消すJavaScript »

ウェブログ・ココログ関連」カテゴリの記事

コメント

この記事に☆をつけようとそタンですが、なぜかつきません ><

あ、日本語がおかしかった (^^;

http://s.hatena.ne.jp/facet/ 経由だと☆がつきますね。

tsupoさん、ども。
これ書いた後に、ブログトップとかアーカイブページにもスターをつけれるようにコードを書き換えて適用してたんですが、それがダメだったみたいです。ほしがちゃんと表示されているから大丈夫だと高をくくっていたら(^^;
ちゃんと確認しないとダメですね。。。
おしらせ、どうもありがとうございました。

こんにちは! 最近はてなを利用するようになって、やっとはてなスターにたどり着きました(汗)

記事の中に貼り付け用のコードをいきなりコピペしようとしてたんですけど(汗)facetさんの記事でなんとかうちも設置できました~♪ ありがとうございます (^^)

sumiさん、おはようございます(^^)
お役に立てたようで何よりです。

ちなみに、私はもう風柳さんバージョンのはてなスター用スクリプトを使ってたりもするんですが…。(^^;
http://furyu.tea-nifty.com/annex/2007/08/post_94bd.html

しかし、sumiさんはいろいろと使いこなしていて凄いですね。<videoとかmapとか画像処理とか。
私もそういう方面にも手を出したいと思っているんですが、なかなかです。

https://www.yeezyboosts-350.us.com/
https://www.pandora-us.us/
https://www.nikefactorys.us/
https://www.airforceones.us.com/
https://www.nikeshoesshop.us.com/
https://www.shoesyeezy.us.com/
https://www.christianlouboutinshoessaleoutlet.us/
https://www.ultra-boosts.us.com/
https://www.yeezysneakersboost.us/
https://www.nikeoutletstore-onlineshopping.us.org/
https://www.nikebasketball-shoes.us.com/
https://www.nike-runningshoes.us/
https://www.shoes-yeezy.us.com/
https://www.nike-outletstoreonlineshopping.us.com/
https://www.airmax-98.us.com/
https://www.nikeshoesonlines.us.com/
https://www.nikeairforce.us.org/
https://www.lebron17.us.org/
https://www.nikecom.us.com/
https://www.adidassneakers.us.com/
https://www.nikeoutletonline-store.us.com/
https://www.airjordanssneakers.us.org/
https://www.redbottomshoes-forwomen.us/
https://www.max97trainers.uk.com/
https://www.kevin-durantsshoes.us.com/
https://www.nikesneakersoutlet.us.org/
https://www.pandoracom.ca/
https://www.menwomenshoes.us/
https://www.pandorajewelryofficialwebsite.us/
https://www.nikeoutletonlineclearance.us.com/
https://www.redbottomslouboutinshoes.us/
https://www.kyrieirvingbasketballshoes.us.com/
https://www.nike-zoom.us.com/
https://www.pandoracanadajewelrycharms.ca/
https://www.nike-outletstores.us.com/
https://www.valentinoshoessale.us.com/
https://www.christian-louboutins.us.org/
https://www.nikeairmax720.us.com/
https://www.airforce-1.us.org/
https://www.red-bottomheels.us/
https://www.kyrie-irvingshoes.us.org/
https://www.adidasultra-boosts.us.com/
https://www.pandoracharmscom.us/
https://www.pandora-jewelryrings.us/
https://www.jordans13retro.us/
https://www.nikeairzooms.us.com/
https://www.nikefactorystoreonline.us.com/
https://www.adidasstan-smith.us.com/
https://www.michael-jordanshoes.us.com/
https://www.nikecortezshox.us.com/
https://www.lebron-jamesshoes.us.org/
https://www.nikeoutlet-factory.us.com/
https://www.jewelrycharmsrings.uk.com/
https://www.louboutinshoess.us/
https://www.jordan11gammablue.us/
https://www.jordanshoesforkids.us/
https://www.golden-gooses.us.com/
https://www.adidas-yeezysshoes.us.com/
https://www.fjallravenbackpack.us/
https://www.nikehuaraches.us.com/
https://www.louboutinheelsshoes.us.com/
https://www.airjordanshoesretros.us.com/
https://www.jewelrynecklacerings.uk.com/
https://www.lebronjamesshoessale.us.com/
https://www.nikeair-max270.us/
https://www.yeezyshoess.us.com/
https://www.christian-louboutin-shoes.us.org/
https://www.jordanretroshoes.us.org/
https://www.nike--shoes.us.com/
https://www.outletstoreonlineshopping.us/
https://www.pandorabraceletsforwomen.us/
https://www.nikeoutletstoreonline-shopping.us.com/
https://www.charmsbracelet.uk.com/
https://www.nikeshoes2019.us.com/
https://www.charmsjewelryrings.uk.com/
https://www.pandora-earrings.us/
https://www.pandorabracelets-clearance.us.com/
https://www.christian-louboutins-shoes.us.com/
https://www.christianlouboutins.uk.com/
https://www.cheapnikesshoes.us.com/
https://www.air-jordansretro.us.com/
https://www.nikereactuptempo.us.com/
https://www.newnikeshoes.us.org/
https://www.nikestores.us.org/
https://www.lebron16shoes.us/
https://www.nmdr1adidas.us.com/
https://www.nikeshoesfactorys.us.com/
https://www.moncleroutletuk.uk.com/
https://www.nikeoutletstoreclearance.us.com/
https://www.nike-clearance.us.com/
https://www.nikeshoescybermondayblackfriday.us.com/
https://www.newshoes2019.us/
https://www.pandorasjewelryoutlet.us.com/
https://www.nikefreerun.us.org/
https://www.red-bottomshoesforwomen.us.com/
https://www.nikeshoesfactorystore.us.com/
https://www.vansshoes-outlets.us.com/
https://www.nikeairmax720.us.org/
https://www.christian-louboutinoutletsale.us.com/
https://www.nikesclearance.us/
https://www.nikeshoess.us.org/
https://www.nikesneakerssale.us.com/
https://www.nikestorefactory.us.com/
https://www.airforce1shoes.us.com/
https://www.nike-airmax98.us/
https://www.asicsshoesoutlet.us.com/
https://www.yeezysboosts.us.com/
https://www.nikeoutletstoreonlines.us.com/
https://www.yeezy500.us.org/
https://www.airjordans-sneakers.us/
https://www.nikeair-max.us.org/
https://www.airjordan-retro11.us.com/
https://www.yeezys-adidas.us.com/
https://www.sneakerswebsite.us/
https://www.air-max95.us.com/
https://www.pandorashop.ca/
https://www.ferragamo-shoes.us.org/
https://www.christianlouboutins-outlet.us.com/
https://www.airmax2019.us.org/
https://www.pandoranecklaces.us/
https://www.christianlouboutinshoessaleoutlets.us/
https://www.nikefactory-outlet.us.org/
https://www.nikefreernrun.us.com/
https://www.nikecortez.us.org/
https://www.yeezyscheap.us.com/
https://www.nikes-sneakers.us.com/
https://www.nikeoutletstores.us.org/
https://www.nikeshoesclearance.us.com/
https://www.jewelrycharms.us/
https://www.nikerunning-shoes.us.com/
https://www.christianlouboutins.us.org/
https://www.adidas-nmds.us.org/
https://www.new-nikeshoes.us.com/
https://www.nike-basketballshoes.us.org/
https://www.ferragamobelts.us.com/
https://www.lebron16shoes.us.org/
https://www.christianslouboutin.us.com/
https://www.runningshoesformenwomen.us/
https://www.ferragamosshoes.us.com/
https://www.fjallravenkankenbackpack.us/
https://www.nike-stores.us.org/
https://www.nike-presto.us.com/

https://www.jordanretro11mens.us/
https://www.airjordan4s.us/
https://www.jordan-12.us.com/
https://www.jordansretro3.us/
https://www.nikeshoesforwomens.us.com/
https://www.jameshardenshoes.com.co/
https://www.yeezys-shoes.us.com/
https://www.jacketsmoncleroutlet.us.com/
https://www.pandorajewellery.us.com/
https://www.shoeslouboutin.us.com/
https://www.newnikeshoes.us.com/
https://www.newjordan11.us/
https://www.pandorasjewelry.us.com/
https://www.ggdbsneakers.us.com/
https://www.pandorajewelryofficialsite.us.com/
https://www.fitflopsclearance.us.com/
https://www.jordan-shoesformen.us.com/
https://www.ggdbshoes.us.com/
https://www.valentinosshoes.us.org/
https://www.jordans5.us/
https://www.air-jordan12.us/
https://www.airjordan3s.us/
https://www.jordanretros.us.com/
https://www.nikeoutletstoresonlineshopping.us.com/
https://www.yeezyonline.us.com/
https://www.monclerjacketsstore.us.com/
https://www.monclerstores.us.com/
https://www.goldensgoose.us.com/
https://www.air-jordans11.us.com/
https://www.air-jordan6.us/
https://www.goldengoosemidstar.us.com/
https://www.birkin-bag.us.com/
https://www.jordans-sneakers.us.com/
https://www.pandorascharms.us.com/
https://www.airmax270.us.org/
https://www.monclerjacket.us.org/
https://www.jordans11.us.com/
https://www.adidasyeezysshoes.us.com/
https://www.airjordanretro11.us.com/
https://www.air-max90.us.com/
https://www.balenciagatriples.us.org/
https://www.nikeshoes-cheap.us.com/
https://www.jordan-retro6.us/
https://www.retrosjordans.us/
https://www.kyrieirving-shoes.us.org/
https://www.goldengooseshoess.us.com/
https://www.newjordansshoes.us.com/
https://www.goldengoosesneakerss.us.com/
https://www.balenciagas.us.org/
https://www.airjordan6rings.us/
https://www.jordan1.us.com/
https://www.ferragamos.us.org/
https://www.airforceoneshoes.us.com/
https://www.yeezy.us.org/
https://www.jordan11ssneakers.us/
https://www.goldengooseoutletfactory.us.com/
https://www.jordanshoess.us.com/
https://www.yeezys-shoes.us.org/
https://www.fitflop-shoes.us.org/
https://www.nikeair-maxs.us.com/
https://www.red-bottomsshoes.us.com/
https://www.nikeairforce1.us.org/
https://www.pandoraonline.us/
https://www.jordan14.us.com/
https://www.monclervest.us.com/
https://www.monclercom.us.com/
https://www.jordansneakerss.us/
https://www.airjordansneakers.us.com/
https://www.monclerstoreoutlet.us.com/
https://www.air-jordanssneakers.us/
https://www.airjordan11s.us.com/
http://www.yeezys.com.co/
https://www.louboutinsshoes.us.com/
https://www.adidasnmdr1.us.org/
https://www.shoes-jordan.us.com/
https://www.mensnikeshoes.us.com/
https://www.eccos.us.com/
https://www.moncler-outletjackets.us.com/
https://www.nmds.us.com/
https://www.goldengoosesales.us.com/
https://www.pandora-braceletcharms.us/
https://www.nikeofficialwebsite.us.com/
https://www.air-jordansneakers.us/
https://www.nike--shoes.us.com/
https://www.jordanscheapshoes.us/
https://www.pandorajewelryofficial-site.us/
https://www.jordans4retro.us/
https://www.canadapandoracharms.ca/
https://www.jordansretro12.us/
https://www.jordans-4.us/
https://www.airjordan5.us/
https://www.fjallraven-kanken.us.com/
https://www.jamesharden-shoes.us.org/
http://www.pandorarings.us.com/
https://www.jordan12retros.us/
https://www.jordanretro-11.us.com/
https://www.outletgoldengoose.us.com/
https://www.jordan9.us.com/
https://www.pandoracanadajewelry.ca/
https://www.nikesnkrs.us.com/
https://www.outletnikestore.us.com/
https://www.jordan-retro5.us/
https://www.redbottomslouboutin.us.org/
https://www.retrosairjordan.us/
https://www.jordan11sshoes.us/
https://www.pandoras.us.com/
https://www.nikesfactory.us.com/
https://www.retro-jordans.us/
https://www.nikesales.us.com/
https://www.nikesoutletstoreonlineshopping.us.com/
https://www.jordan-4.us.com/
https://www.pandoraringssite.us/
https://www.jordan11red.us.com/
https://www.sneakersgoldengoose.us.com/
https://www.huarachesnike.us.com/
https://www.nikeairmax98.us/
https://www.pandorasjewelry.ca/
https://www.jordan11low.us.com/
https://www.nikeairjordan.us.com/
https://www.new-jordans.us.com/
https://www.jordan10.us.com/
https://www.airmax-95.us.com/
https://www.jordan13s.us/
https://www.jordan11winlike96.us/
https://www.redbottomshoeslouboutin.us.com/
https://www.nike-airmax2018.us.com/
https://www.soccercleats.us.com/
https://www.moncleroutletstoreonline.us.com/
https://www.jordans-11.us/
https://www.goldengoosessneakers.us.com/
https://www.ggdbs.us.com/
https://www.jordanshoesretro.us.com/
https://www.jordan-8.us/
https://www.nikeshoesoutletfactory.us.com/
https://www.ferragamo-outlets.us/
https://www.nikeoutletshoes.us.com/

https://www.fjallravenkankenbackpack.us.org/
https://www.pandoraa.us/
https://www.toddlerbabyinfantjordans.us/
https://www.jordan16.us/
https://www.pandorajewelrycz.us/
https://www.nikesoutletstore.us.com/
https://www.nhljerseysstore.ca/
https://www.nikeairhuaraches.us.com/
https://www.huaracheshoes.us.com/
https://www.jordan-aj1.us/
https://www.jordans23.us/
https://www.wholesaleshoesclothing.us/
https://www.wholesalejordans.us.org/
https://www.shoesstores.ca/
https://www.airjordanretro.us.org/
https://www.adidasstoreoutlet.us.com/
https://www.jordans12.us/
https://www.yeezysboost350v2.us.org/
https://www.nikesoutlet.us.org/
https://www.adidasoutletstore.us.org/
https://www.jordan26.us/
https://www.jordan27.us/
https://www.ringspandora.us/
https://www.cheapjordansshoeswholesale.us.org/
https://www.cheapshoeswholesalefromchina.us/
https://www.jordan21.us/
https://www.pandorajewelrycharmscanada.ca/
https://www.jordan24.us/
https://www.jordans32.us/
https://www.yeezyadidas.com.co/
https://www.jordans13shoes.us/
https://www.jordan22.us/
https://www.christianlouboutinshoess.us.com/
https://www.jordan11lowretro.us/
https://www.officialpandorarings.us/
https://www.jordan33.us.org/
https://www.nikeairmaxs.us.org/
https://www.nikeairmaxs-270.us.com/
https://www.jordans28.us/
https://www.nmdr1.us.com/
https://www.shoeswholesalesuppliers.us/
https://www.lebronsjamesshoes.us.com/
https://www.diorjordans.us/
https://www.pandora-jewelrysite.us/
https://www.wholesaleshoessneakers.us/
https://www.canadashoesoutlet.ca/
https://www.jerseysstore.ca/
https://www.jordan30.us/
https://www.airmaxs.us.org/
https://www.huaraches.us.org/
https://www.jordan20.us/
https://www.nikerunningshoesforwomen.us.com/
https://www.nikeair-force1.us.org/
https://www.wholesalenikeshoesonline.us.com/
https://www.nikeairjordan.us.org/
https://www.pandora-jewelry-charms.us/
https://www.nike-outlets.us.com/
https://www.nikeshops.us.com/
https://www.airmax720.us.org/
https://www.jordanshoess.us.org/
https://www.newnikesshoes.us.org/
https://www.nikesnew.us.com/
https://www.jordan5whatthe.us/
https://www.michaeljordan-shoes.us/
https://www.nbastorecanada.ca/
https://www.nikefoampositeacghyperdunk.us.com/
https://www.jordan11concordshoes.us/
https://www.nikeoutletshoes.us.org/
https://www.nikesneakerss.us.com/
https://www.nikeshoesstores.us.com/
https://www.jordan29.us/
https://www.nikesbdunk.us.com/
https://www.nikezoomshoes.us.com/
https://www.airjordans13.us/
https://www.mlbjerseysshop.ca/
https://www.jordan31.us/
https://www.nikeoutletstoreonlines.us.org/
https://www.retro12.us/
https://www.shoesshop.ca/
https://www.nikerunningshoes.us.org/
https://www.jordans34.us/
https://www.nikeairforce1s.us.org/
https://www.nikeblackfridaycybermonday.us.org/
https://www.airjordan-retros.us/
https://www.nikeairforces.us.com/
https://www.nikewholesale.us.org/
https://www.cheapjordansshoessale.us/
https://www.nikewomensshoes.us.com/
https://www.jordan19.us/
https://www.jordan35.us/
https://www.kidsjordans.us/
https://www.nikerosheblazers.us.com/
https://www.air-max2019.us.org/
https://www.nikeslidessandalsslipers.us.com/
https://www.nikeoutlet-store.us.org/
https://www.jordan18.us/
https://www.nikecortezshox.us.org/
https://www.jordanswholesale.us.org/
https://www.wholesalejerseyscheap.us.org/
https://www.airjordan33.us/
https://www.jordan1.us.org/
https://www.jordan4.us.org/
https://www.jordans14.us/
https://www.jordan25.us/
https://www.pandorasbracelets.us/
https://www.nikeepicreactuptempo.us.org/
https://www.nikess.us.com/
https://www.nikeairmax270s.us.com/
https://www.nikeshoescheap.us.org/
https://www.wholesaleadidas.us.com/
https://www.nikemetcons.us.com/
https://www.cheapshoeswholesalefreeshipping.us/
https://www.nikerosheblazer.us.org/
https://www.wholesaleshoescheap.us/
https://www.jordan17.us/
https://www.nikeairforceones.us.org/
https://www.nikewholesalesuppliers.us.com/
https://www.nikecanadashoesshop.ca/
https://www.nikefree.us.org/
https://www.wholesalenikeshoesclothing.us.com/
https://www.nikeairzoom.us.com/
https://www.pandorajewelryofficialsites.us/
https://www.nflshoponline.ca/
https://www.officialpandorajewelry.us/
https://www.nike-runningshoes.us.org/
https://www.wholesalejordansfactory.us/
https://www.nike-clearance.us.org/
https://www.foamposites.us.org/
https://www.nikeshoessale.us.org/
https://www.nikestoresfactory.us.com/
https://www.adidasyeezywebsite.us.org/
https://www.jordan15.us/
https://www.nikeshoesdeals.us.com/
https://www.newnikesneakers.us.org/
https://www.cheapjordanswholesalefreeshipping.us/
https://www.redbottomslouboutinshoes.us.org/
https://www.airforce1s.us.org/
https://www.christianslouboutin.us.org/
https://www.nikeoffwhite.us.org/
https://www.jordan11s.us.org/
https://www.cheapjordanshoessuppliers.us.org/
https://www.jordan6s.us/
https://www.jordan2s.us/
https://www.nikeairforce1.us.org/
https://www.jordan-12.us.org/
https://www.newjordans.us.org/
https://www.cheapjerseyswholesale.ca/
https://www.nikeshoeswholesale.us.com/
https://www.nikeshoesoutletstoreonlineshopping.us.com/
https://www.jordans33.us/
https://www.airjordans11retro.us/
https://www.nhlshops.ca/
https://www.cheapadidasshoes.us.org/
https://www.nikejordan1.us.com/
https://www.nikeshoesformens.us.com/

コメントを書く

(ウェブ上には掲載しません)

トラックバック

» はてなスター設置 [ぽけ手帳]
(この記事は10月25日に書いた未来記事です)こんにちは、ごろうです。 もうすで [続きを読む]

« 初恋 | トップページ | [ココログ] マイリストを消すJavaScript »

contact

検索

無料ブログはココログ
2022年11月
    1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30      

BANNERS