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

雲の向こうはいつも青空

好きな物とか琴線に触れた物とか

無料で使えるブログやウェブサイト用のカウントパーツ *KT* が便利です

スポンサードリンク

f:id:shhiai:20160229190840p:plain

@soraです。

無料で使えるブログやウェブサイト用のカウントパーツ *KT* を最近使い始めました。

用途としては、ブログを開設してからの連続更新日数表示に利用してます。

*KT* はバリエーションも豊富で派手すぎず、色も自由に選べるのでいろんなブログに馴染むと思います。

coels.net


僕のブログでは次のようなパーツを設置してます。

・PC画面

サイドバーに次の2種類。

f:id:shhiai:20160229195416p:plain


・スマホ画面

記事下、シェア・フォローボタンの下に1種類。

f:id:shhiai:20160229195531j:plain

パーツの種類

全部で7種類あります。

どのパーツも文字サイズや色は自由に変更出来ます。

いくつになったの

年齢(何歳何ヶ月何日)のカウントアップと、誕生日までのカウントダウンを表示するブログパーツです。

f:id:shhiai:20160229195854p:plain

いくつになったの簡易版

年齢(何歳何ヶ月何日)のカウントアップと、誕生日までのカウントダウンを表示するブログパーツです。

f:id:shhiai:20160229200252p:plain

キネンビ

大事な日を忘れないように…

イベントからの経過年月日数と、次の○周年までの残り日数をカウントダウンするパーツです。

・結婚記念日

・お付き合い記念日

・ブログ開設から

・デビューから

f:id:shhiai:20160229200608p:plain

キネンビ・簡易版

指定した日からの経過年月日数と、次の○周年までの残り日数をカウントダウンするブログパーツです。

結婚記念日、ブログ開設から、デビューから、禁煙開始から、などなど。

f:id:shhiai:20160229200947p:plain

Baby Countdown

今の妊娠週と、出産予定日までのカウントダウンするブログパーツを作ることができます。

f:id:shhiai:20160229201501p:plain

カウントアップメーカー

指定した日から何日目かを表示するブログパーツを作成できます。

f:id:shhiai:20160229201750p:plain

カウントアップ(数字)

指定した日からの日数をカウントアップするスクリプトです。(webサイト/ブログ用)

数字だけなので文中に埋め込んで使えます。

画面上で日付指定して出来たタグを使いたい場所に貼るだけ。

数字はテキストなので、CSSでの装飾もできます。(画像不使用)

f:id:shhiai:20160229202146p:plain

はてなブログへの設置方法

記事中

記事中に設置するには作成された下記のようなコードを貼り付けるだけです。

<div style="text-align:left;line-height:150%;">ブログ開設から<br /><script type="text/javascript" src="http://coels.net/kt/script_g/kinenbi-g21.js?byear=2015&bmonth=10&bdate=30&acolor=#7fcfe2&mark=3" charset="shift-jis"></script></div>


上記コードを貼り付けるとこんな感じに表示されます。

ブログ開設から

PC画面

サイドバーに設置する方法です。

①ダッシュボード→デザイン→カスタマイズ→サイドバーと進みます。

②モジュール追加→HTMLにコードを貼り付けます。

f:id:shhiai:20160229203926p:plain

スマホ画面

レスポンシブデザインの場合はここでの設定は不要です。

①ダッシュボード→デザイン→スマートフォンと進みます。

②記事の記事上か記事下にコードを貼り付けます。

f:id:shhiai:20160229203936p:plain

そらのまとめ

このカウントパーツはアイデア次第でいろんな用途に活用できます。

それと規定の範囲内であればカスタマイズも許可されてますので皆さんも使ってみてはいかがですか。

Instagram 昨日の1ショット

Instagramもやってますのでフォローよろしくお願いします。

ポークの角煮丼

そらさん(@sora5174)が投稿した写真 -

昨日のテーマ

来週のテーマを決める

達成度(5段階評価) ■■■■■

昨日の1日1新

1日1新の詳細はこちら→click!

ポークの角煮丼


明日の記事


月間PV1万達成

今月は初めて月間PV1万を達成しました。

明日はこのことをまとめてみたいと思います。

どうぞ、お楽しみに。

広告を非表示にする