★ 2017.6.10現在、動かない可能性が高いです。
次のような年月日と時刻をセットにしたコンテンツを設置する方法
1 次のコードをコピーします。
<div style="font-size: 24px; font-weight: bold; color: #000; display: inline-block; border-radius: 6px; padding: 10px 0; border: 3px solid
#0000ff; text-align: center; background: #f0ffff;">
<p id="RealtimeClockArea3">2015年11月8日(日) AM 10:18:31</p>
</div>
2 【コンテンツを追加】→【その他のコンテンツ&アドオン】→【ウィジェット/HTML】→【貼り付け※】
※ 右クリックで貼り付けが不能な場合は、Ctrl+V
これは動いていますね!(2017.11.17現在止まっています。)
2015年11月8日(日) AM 10:18:31
コードの説明
font-size: 文字の大きさ
font-weight:bold 文字を太字
color: 文字の色
display:inline-block: 文字長さの背景色
border-radius: 背景色の角を丸く
padding: 背景色内の上下スペース
border: 外枠
text-align:cennter 文字を中央に配置
background: 背景色
昨年12月にJimdoのシステムが「http」から「https」に変更になり、「https」に対応していないブログパーツは貼り付かなくなりました。
対応しているものを探しましたが、見つかりませんでした。
唯一対応していたのが次のものです。
ただし、Internet Explorer しか対応していませんでした。
右側のサイドバーの「日付時計」も、この位置(HPマニュアルのページ)からみると停止しています?
<EMBED src="http://harahabuya.com/flash/blog-parts/cabu-blog.swf" width="160" high="214" height="214">
★ Google Chromeでアップしました。(edge、Chromeでは見えません。)
◆ 年月日と時刻を別々に貼り付けてみたら何とか貼り付きました。
全てのレイアウトに貼り付くようではないようです。
(赤色部分のコードを緑色のコード#008000に変更可能)
年月日ソースコード
<div style="font-size: 28px; font-weight: bold; color: #fff; background: #000; display: inline-block; padding: 3px 10px; border-radius: 6px; text-align: center; margin: 0 0 0 10px;">
<p id="RealtimeClockArea">2015年9月24日(木)</p>
</div>
時刻ソースコード
<div style="font-size: 20px; font-weight: bold; color: #fff; background: #b94047; display: inline-block; padding: 3px 15px; border-radius: 6px; text-align: center; margin: 0 0 0 70px;">
<p id="RealtimeClockArea2">09:13:58</p>
</div>
カラーコードの一覧表サイトです。
http://www.colordic.org/
主なカラー
黒:#000000 赤:#ff0000
濃緑:#006400 緑:008000
濃青:#00008b 青:0000ff
濃紫:#800080
紫:#8a2be2
白:#ffffff 灰色:#dcdcdc