「ラクーンドッグ Raccoon dog」オシャレな日本語テンプレート：部活・会社のサイトにも使えます

2019年12月19日　 2021年1月31日　

ワードプレスみたいなお洒落Bloggerテンプレートオーロックス、オーロックスII、ゴート山羊のGoogleテンプレートを作ってきましたが、視差背景つきのテンプレートは無いと思いましたので、視差背景付きのテンプレートを作りました。ベースはオーロックスIIで、それに視差背景を入れたものになっています。マテリアルデザインと視差背景の導入によってお洒落さがアップワードプレスやはてなブログ、Fc2などが有りますが、どれも有料だったり広告がデカデカと表示されたりしてしまいます。そのため、サークルや個人企業のようにwebサイトにお金を掛けれない人には不便でした。　…

GoogleBloggerで行ったSEO対策

2019年12月16日　 2021年1月26日　

SEOとBloggerとの相性が良くなった昔、SEOとBloggerとの相性が良くなかった。基本テンプレートのhタグはオカシイし、始めたばかりでは、相互リンクもないので外部からの流入も望めない。孤独で一人でご飯を食べて話をしている感覚だった。。。それが昔のBloggerである。はてなブログは、相互リンク機能が強いので、BloggerよりもSEOに強かった。pタグも有って、読みやすいし。 Naverまとめは、きっちりとしたhタグルールと相互リンク、内部リンクの強さから簡単に検索上位に上がれた。一方で、昔のBloggerは、pタグが無いために、段落が存在せず…

Blogger データタグのまとめ

2019年12月15日　 2020年2月23日　

Bloggerのタグが覚えられないので、メモとしてまとめました。ウィジェットの内部いじりするときに必要になります。ページを判断するとき Topページのみや記事の時のみに特定のウィジェットなどを表示したり非表示にしたりするのに便利です。よく使うデータタグ data:view.isHomepage : 現在のページがホームページのとき。 data:view.isMultipleItems : 現在のページが記事のリスト（ホーム、リサーチ、アーカイブ）のとき data:view.isSingleItem : 現在のページがの記事かページのとき。データタグの用例特定の…

Bloggerのパンくずリストを作成する。[Widgetバージョン2][schema.orgを利用]

2019年12月15日　 2020年2月23日　

最新widget(バージョン2)へのパンくずリストのつけ方 GoogleBloggerの最新widget(バージョン2)でパンくずリストの作り方を紹介します。 Bloggerのパンくずリストについて bloggerのパンくずリストを作りたくて調べると先人たちの解説が出てきます。Bloggerのウィジェットバージョン1を使っている人は、先人たちのパンくずリストをコピペするだけで簡単にパンくずを導入できます。パンくずリストの問題点問題は、ウィジェットバージョン2の時です。ウィジェットバージョン２は、widget内部が変わっているため、これまでのパンくずを使うこと…

写真が動くBloggerテンプレート『山羊』

2019年12月12日　 2020年2月23日　

最近『オーロックス』を作ったのですが、海外のテンプレートとか見てると、写真が動いたりするテンプレートがあって羨ましくなりました。そこで急造ですが、写真がTOPページで動くテンプレート『山羊』を作りました。急ぎで作った割には、スタイリッシュに仕上がっています。少し弄れば、Bloggerで会社用または研究室用のホームページにもなりそうです。レスポンシブスタイリッシュ写真が動く動く写真の入れ替えは、デザインから変更出来ます。写真のコメントも、デザインから変更できます。 CSSは、かなりシンプルで触りやすい。フレームワークを使用要望があればもう少し作り込みますテ…

Bloggerにpタグを導入して段落を作り読みやすくする。（Insertion of p tags instead of br tag by using jquery in blogger）

2019年12月9日　 2020年2月23日　

Bloggerでpタグを使って段落を作る bloggerユーザーは、pタグによる段落を作ることが出来ないため、通常のブラウザ上で記事を書くと、のっぺりとした印象になってしまうことが避けられない。それを避けるためには、pタグを書けば良いのだけれどBloggerではそれがどうしても上手くいかない。可読性の高いブログを書くためには、どうしても段落を作らなければ！！はてなブログでは、段落がしっかりと出来ているため、誰が見ても読みやすく書きやすい。とりあえずNETの海を漁り、jqueryを使って<p>タグを入れる方法を編み出したので紹介する。 jquer…

自作Bloggerテンプレートへのガジェット導入

2019年12月7日　 2020年2月23日　

自作テンプレートの基礎骨格は以前の記事にて紹介した。今回は、自作テンプレートにガジェットを導入する方法を紹介して、自作テンプレートをBlogらしくしていきます。自作テンプレートへのガジェット導入についてガジェット自体は、多量のHTMLとjavaスクリプトから出来ていて、簡単に作れない気がします。しかし、既存のガジェットは、自作のテンプレートでもレイアウトからガジェットを簡単に導入できます。さらにガジェットを使いこなしたい場合には、ガジェットのHTMLとbloggerのデータタグを編集する必要があります（少し難しめ）。レイアウトからガジェットを追加するガ…

Bloggerテンプレートの自作方法

2019年12月7日　 2020年2月23日　

Googlebloggerのテンプレートの作り方。 GoogleBloggerを初めてしばらく経ちますが、GoogleBloggerはカスタマイズが面白いのです。初めは文字サイズから初めて、CSSを漁り、HTMLも触れるようになり。。。。欲深い私は、テンプレートを作りたくなってしまいました。ってことで、少しづつテンプレートを作った流れを書きます。 1.googleBlogger空のテンプレートを用意する。まずは、空のテンプレートを作ります。公式テンプレートの上から三行くらいを残して全部消します。その下にHTMLの基本骨格を入れて、Blogger必須項目の …

『オーロックス』読みやすいBloggerの日本語テンプレート【無料】

2019年12月5日　 2021年1月31日　

可読性の高いBloggerテンプレート Blogger は、広告無しの無料ブログとして非常に優れています。ブログに文章を書くと考えると、本来なら第一選択として名前が挙がって良いレベルです。しかし、実際のところはてなブログやnote, ライブドアブログの方が書きやすく、読みやすいのが実情です。なぜ書きにくいのかと言うと、正直、はてなブログと比べるとなんかモッサリしてて、可読性がよくありません。また、ブロガーテンプレートの種類が少ないためにBloggerユーザーは、限られたテンプレートから選ばなくてはいけません。　そこで、可読性の高いBloggerテン…

登録: 投稿 (Atom)

たぬき男の話

「ラクーンドッグ Raccoon dog」オシャレな日本語テンプレート：部活・会社のサイトにも使えます

GoogleBloggerで行ったSEO対策

Blogger データタグのまとめ

Bloggerのパンくずリストを作成する。[Widgetバージョン2][schema.orgを利用]

写真が動くBloggerテンプレート『山羊』

Bloggerにpタグを導入して段落を作り読みやすくする。（Insertion of p tags instead of br tag by using jquery in blogger）

自作Bloggerテンプレートへのガジェット導入

Bloggerテンプレートの自作方法

『オーロックス』読みやすいBloggerの日本語テンプレート【無料】

Youtube

Translate

人気の投稿

ラベル