ブログのカスタマイズ
とりあえずダイアリーから引っ越しして、デザインテーマ設定しただけのブログですが。。。あれ?HTMLが普通に書ける。ためしてみたら普通にscriptタグも書けた。
フッターにHTMLが書けるのと、サイドバーのウィジェットにHTML断片をそのまま埋め込めるパーツがあるので、これはなんでもありありです。たぶん、はてなブログは汎用のWEBサーバとしては動かないので外部JSファイルは置けないと思うけど、スクリプトを他のサーバに置くか、このウィジェット内に書くのであればOKだよね。GoogleがjQueryとかメジャーどころをホスティングしてくれているから、それらを引っ張ればいろいろできそう。ちょっとやってみる。
(追記)
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script>(function($){$(function() {$('#blog-title').hide();});})(jQuery);</script>
こんなのを書いたら、タイトル消えました。ということで実験完了。HTML5で書かれていて、デザインはCSSをあてることで自由にできるので、カスタマイズはセンスとアイディア次第ってところですね。
(さらに追記)
消えるのはなんか面白くないので、Google Mapsを貼ってみました。
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="//maps.googleapis.com/maps/api/js?sensor=false&v=3&language=ja"></script>
<script>
(function($) {
$(function() {
var poi = new google.maps.LatLng(35.647305, 139.7359676);
var map_canvas = new google.maps.Map($('#blog-title').get(0), {
center: poi,
zoom: 14,
streetViewControl: false,
scaleControl: false,
mapTypeControl: false,
panControlControl: false,
zoomControlControl: false
});
new google.maps.Marker({
position: poi,
map: map_canvas
});
});
})(jQuery);
</script>
しばらく貼っとこう。ちょっと面白い。