9ineBB

WEB×DESIGN×CREATIVE

Google Blogerのカスタムを助けてくれる便利なツールサイト Helper Blogger

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

Hpelper Blogger

ページトップ

ページナビゲーション、jQueryを使ったナビゲーションバーや検索ボックスの装飾
画面についてくるソーシャルボタンの設置など、いろいろなツールがあるサイトです

HTMLの編集から行うもの以外にも、ウィジェットを追加するだけで簡単に出来るものまであります

 

一部紹介

カラフルで、リンクにカーソルを合わせるとアニメーションで影がついてくるナビゲーションバー

WS000854

 

タグクラウドを装飾して、見栄えを良くするカスタム

WS000855

 

マルチレベルでドロップダウンメニューをCSSで可能にする方法

WS000856

 

メール購読のメールを入力するボックスをキレイに作ったもの

WS000857

 

見ているぺージ中、画面に表示され続けるようにするソーシャルボタン

WS000858

PR
follow us in feedly
短縮URL:
2013年09月10日 WEBサービス・便利なサイト ブログ BloggergoogleHelper Blogger

オススメ記事

フォト蔵にある画像・写真をブログに貼り付ける方法 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=1881#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>