読者です 読者をやめる 読者になる 読者になる

ブログのカスタマイズ

とりあえずダイアリーから引っ越しして、デザインテーマ設定しただけのブログですが。。。あれ?HTMLが普通に書ける。ためしてみたら普通にscriptタグも書けた。

 

フッターにHTMLが書けるのと、サイドバーのウィジェットにHTML断片をそのまま埋め込めるパーツがあるので、これはなんでもありありです。たぶん、はてなブログは汎用のWEBサーバとしては動かないので外部JSファイルは置けないと思うけど、スクリプトを他のサーバに置くか、このウィジェット内に書くのであればOKだよね。GooglejQueryとかメジャーどころをホスティングしてくれているから、それらを引っ張ればいろいろできそう。ちょっとやってみる。

 

(追記)

<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>

 

しばらく貼っとこう。ちょっと面白い。