9ineBB

WEB×DESIGN×CREATIVE

WEBサイトに日経平均M,NYダウ、為替相場を表示してくれるガジェット(ブログ・パーツ)

このエントリーをはてなブックマークに追加
238 follow us in feedly
PR

リアルタイム市況 ブログパーツ
登録不要で無料で利用可能
http://db.225225.jp/

 

使い方

まずサイズとデザインを決めます

WS001896

サイドバーなどの横幅に合わせます
次にカラーセットを選択

 

プレビューデザインとサイズの確認をして下にあるソースをコピーしてHTMLに貼り付けるだけです

WS001897

 

 

実際に貼り付けてみた！

こんな感じに表示されます
投資関連のブログに良いかと思います

 

コードそのままだと貼り付けてもエラーが出ます一部修正が必要です、コードの以下の箇所を修正します
src=”http;//db.225225.jp/blog-parts/…..”

blog-part/を消してください
これを消せば正しく表示されます

PR
follow us in feedly
短縮URL:
2014年02月22日 WEBサービス・便利なサイト ブログ ブログ・パーツ

オススメ記事

フォト蔵にある画像・写真をブログに貼り付ける方法 WEBサイトに日経平均M,NYダウ、為替相場を表示してくれるガジェット(ブログ・パーツ) ラフブログが2014年3月31日で終了 早めのブログの引っ越しが必要 おすすめの引越し先。 完全無欠かと思われたWindows Live Writerに欠点があった？ WP+Windows Live Writerで画像のアップロード先をFTPで直接サーバーにして画像がかさばらないようにする ライブドアブログがMarsEdit、Windows Live Writer等のブログエディタに対応 livedoor blog に新たに無料で使えるドメイン名 blog.jpが追加 Google Blogerのカスタムを助けてくれる便利なツールサイト Helper Blogger Google Blogger 番号付きページナビを導入する簡単な方法 Google Bloggerでの中身をSEO的にページ名+サイト名にする方法</span> </a> <a href="https://9-bb.com/google-blogger-new-post-thumbnail/"> <img width="150" height="100" src="https://9-bb.com/wp-content/uploads/2013/09/Free-Blogger-V-150x100.jpg" class="attachment-thumnail150_100 size-thumnail150_100 wp-post-image" alt="" srcset="https://9-bb.com/wp-content/uploads/2013/09/Free-Blogger-V-150x100.jpg 150w, https://9-bb.com/wp-content/uploads/2013/09/Free-Blogger-V-300x200.jpg 300w, https://9-bb.com/wp-content/uploads/2013/09/Free-Blogger-V.jpg 640w" sizes="(max-width: 150px) 100vw, 150px" /> <span>Google Blogger の最近の投稿をサムネイル（画像）付きで表示する方法</span> </a> <a href="https://9-bb.com/blogger_twitter_feedburner/"> <img width="150" height="100" src="https://9-bb.com/wp-content/uploads/2013/03/WS000199-150x100.jpg" class="attachment-thumnail150_100 size-thumnail150_100 wp-post-image" alt="" srcset="https://9-bb.com/wp-content/uploads/2013/03/WS000199-150x100.jpg 150w, https://9-bb.com/wp-content/uploads/2013/03/WS000199-300x200.jpg 300w" sizes="(max-width: 150px) 100vw, 150px" /> <span>Bloggerの更新をfeedburnerを使ってTwitterやFacebookに自動で投稿する方法</span> </a> <a href="https://9-bb.com/blogger_sitemap/"> <img width="150" height="100" src="https://9-bb.com/wp-content/uploads/2013/03/WS000195-150x100.png" class="attachment-thumnail150_100 size-thumnail150_100 wp-post-image" alt="" srcset="https://9-bb.com/wp-content/uploads/2013/03/WS000195-150x100.png 150w, https://9-bb.com/wp-content/uploads/2013/03/WS000195-300x200.png 300w" sizes="(max-width: 150px) 100vw, 150px" /> <span>Google　Bloggerでサイトマップ(xml)をウェブマスターツールへ登録する方法</span> </a> </div><!--/.related-toggle-warpper--> </div><!--/.related .three --> <section class="comment-area"> <h2>COMMENT</h2> <ol class="comment-list"> </ol> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">コメントを残す <small><a rel="nofollow" id="cancel-comment-reply-link" href="/?p=5503#respond" style="display:none;">キャンセル</a></small></h3> </div><!-- #respond --> </section> </div><!--content end--> <div class="side"> <div class="sticky-ad"> <div class="side-ad"> <span>PR</span> <ins class="adsbygoogle souzouweb3-side" style="display:inline-block" data-ad-client="ca-pub-7222961696497732" data-ad-slot="2076750470"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div><!--/.sticky-ad--> <div class="my-content-banner"> <p>9ineBBの管理人が運営するサイト</p> <a href="https://wdg-jp.com/"><img src="https://9-bb.com/wp-content/themes/BB/img/WDG.jpg" alt="WDG WEB DESIGN GALLERY ウェブデザインギャラリー" width="600" height="500"></a> </div><!--/.my-content-banner--> <div class="side-pc-only"> <a class="twitter-timeline" href="https://twitter.com/9bb_" data-widget-id="444734762872082432">@9bb_さんのツイート</a><!--twitter--> <div class="fb-like-box" data-href="https://www.facebook.com/9inebb" data-width="300" data-height="500" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="false"></div><!--facebook--> </div> </div><!-- side end--> <div class="sub-area"> <div class="p-navi"> <div class="prev"></div> <div class="next"></div> </div><!--/.p-navi--> <div class="under-facebook"></div> </div><!--sub area end --> </div><!--main end--> <div class="footer-warpper"> <footer> <div class="copy"> <small> Copyright (C) 2013-2024 <a href="/">9ineBB</a> All Rights Reserved. </small> </div> </footer> </div> </div> <div class="f-add"></div> <div class="pagetop"><img src="https://9-bb.com/wp-content/themes/BB/img/hituji-pagetop.png" alt="" width="80" height="149"></div> <script type='text/javascript' src='https://9-bb.com/wp-content/plugins/anti-spam/js/anti-spam-5.4.js'></script> <script type='text/javascript' src='https://9-bb.com/wp-includes/js/wp-embed.min.js?ver=5.2.21'></script> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <script src="https://9-bb.com/wp-content/themes/BB/js/jquery.cookie.js"></script> <script src="https://9-bb.com/wp-content/themes/BB/js/og.min.js"></script> <!--facebook--> <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v2.8&appId=314639108689291"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <!-- twitter button script --> <script async defer >!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> <!-- hatena --> <script async defer type="text/javascript" src="https://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script> <!-- pockets --> <script type="text/javascript">!function(d,i){if(!d.getElementById(i)){var j=d.createElement("script");j.id=i;j.src="https://widgets.getpocket.com/v1/j/btn.js?v=1";var w=d.getElementById(i);d.body.appendChild(j);}}(document,"pocket-btn-js");</script> </body> </html>