デザインテーマ制作の手引き - はてなブログ ヘルプ
はてなブログでは、CSSを編集してオリジナルテーマを作ることができます。作成したテーマは、テーマストアに投稿して、ほかのはてなブログユーザーに使ってもらうこともできます。 既存のデザインテーマをブログにインストールしたい場合はヘルプ「デザインテーマをインストールする」を参照してください。 本ドキュメントでは、Webデザイナーの方がはてなブログ用オリジナルテーマを作成するために必要な情報をまとめています。 オリジナルテーマの作成は、CSSの知識がある方を対象にしています。 テーマを作成する準備 1. テーマ確認用のブログを開設する 2. サンプルエントリーをコピー サンプルテーマ「Boilerplate」 Boilerplateテーマの使い方 レスポンシブデザインのテーマを作成する レスポンシブデザインを有効にする 付録: はてなブログのレスポンシブデザインテーマの挙動 はてなブログのページ
【保存版】はてなブログのカスタマイズで参考になる記事をまとめました。 | モノクログ
広告の設定について追記しました（2017.1.7） はてなブログを始めてからこのブログでも様々なカスタマイズを行ってきました。 そこで今回は私が行ってきたカスタマイズをまとめておきたいと思います。 どのカスタマイズも簡単にできるものばかりなので、はてなブログを始めたばかりの方は参考にしてみてください。 また、項目ごとに参考にさせていただいた記事を張り付けているので、実際の導入方法についてはそちらを参照してください。 新しくカスタマイズを行った際には随時更新していきますので、よろしくお願いします。 初期設定 はてなブログの使い方 はてなブログを始めたばかりの方は、まずこちらの記事ではてなブログの使い方・初期設定について学んでおきましょう。 記事の書き方やプロフィールの設定などはこの記事を読めばOKですね。 niche.hateblo.jp ヘッダーのカスタマイズ グローバルメニューの追加 ブ
Googleフォームで自動返信システムをサクッとつくる (1/4)
Google Apps Script（以下、GAS）を使えば、Googleのアプリケーションにちょっとした機能を加えて実用的なサービスに仕立てられます。今回は、問い合わせフォームを簡単に作成できる「Googleフォーム」を使って、問い合わせメールへ自動で返信するシステムを作ります。 【フォーム作成】問い合わせフォームを作る Googleフォームは、問い合わせやアンケートなどのフォームを簡単な操作で作成できるWebアプリケーションです。まずは企業サイトを想定した、シンプルな問い合わせフォームを作成してみましょう。 1. https://drive.google.comにアクセスしてGoogleドライブを開きます。「作成」ボタンをクリックし、「フォーム」を選んでください。
はてなブログでGoogleにパンくずリストを認識させるブログパーツ - 太陽がまぶしかったから
photo by keso こちらのカスタマイズは使用しないでください data-vocabulary.org のサポートが終了されるため、こちらのカスタマイズは利用できません。はてなブログ公式の機能を利用したり、リンク先で紹介されている方法への差し替えをお願いします。 Googleにパンくずリストを認識させるプラグイン 最近のGoogle検索ではブログ内のカテゴリを認識して、検索結果がサイト上のどこに位置付けられているかを表示するようになっているのですが、breadcrumbタグを利用したマークアップをしていないとGoogleから認識してもらえません。 このためJavaScriptでパンくずリストを生成してGoogleにカテゴリを認識させるスクリプトを開発しました。現在のGoogleではJavaScriptの実行時に生成されたリンクやマークアップを解釈しています。『Google Sear
ブログからTwitterにツイートできるJavaScript – シングスブログ
設置方法 1. アプリケーション登録とAPI keyの取得 @Anywhere を利用するには Twitter developers からアプリケーションの登録が必要。 とりあえず必要な登録項目は、 「Application Name」 ブログ名で可「Application Website」 ブログ・ウェブサイトのURL「あなたの招待状」 ブラウザアプリケーションを選択「Callback URL」 Application Websiteと同じURLでも可「Default Access type」 Read & Writeを選択 登録すると、API key が発行される。 2. スクリプトの設定・設置 以下のソースをテンプレートやHTMLに貼り付ける。JavaScript ファイル「twitterAnywhere.js」はダウンロードして設置しても結構です。 <div class="twit
JavaScript入門
JavaScript はクライアント側で実行されるオブジェクト指向型のスクリプト言語です。 JavaScript を用いることで、動的にWebページの内容を書き換えたりフォームに入力された内容をクライアント側でチェックしたりできます。ここでは JavaScript の使い方として JavaScript のプログラミングの方法をサンプルを用いて解説していきます。
How To Outrank Your True SEO Competition - Semalt Expert
We all have a desire to outrank our SEO competition. That's the only way we can beat and get ahead of our competition. Every time a client walks through our doors, this is usually their request. They want to be better, so we figured we create a post to show them how we can help. In our studies, we have discovered aspects you can improve to score more SEO traffic and succeed in your industry. The f
Nifty Corners
Nifty Corners: rounded corners without images By Alessandro Fulciniti Update This is the original article. The technique has been improved with better browser support and a lot of new features. The new article has been published on the 6th of April 2005. You can read it here. The final version is Niftycube. Rounded Corners with CSS are a hot topic in web design: I think that there are hundreds of
Rounded corners in CSS
Freshness Warning This blog post is over 20 years old. It's possible that the information you read below isn't current and the links no longer work. 23 Jul 2003 I was talking to Jesper about the dotted CSS borders trick and the subject of rounded corners in CSS came up so I showed him my method. There are other ways that I’ve seen it done, but the other methods always require lots of complex HTML
Rainmeterを極める（導入編）
デスクトップに情報を表示するソフトはSamurizeを始め数多くありますが、その中でも比較的簡単に誰でも導入できるのがRainmeterです。ここでは、このRainmeterの導入について解説します。 Rainmeterとは、カスタマイズ可能なパソコンのパフォーマンス、システム関連の情報をデスクトップ上にモニターできるRainy氏によるフリーソフトです。CPUの負荷、メモリーの消費量、ネットワークの送信量、時間など様々な情報を表示できます。 Rainmeterの大きな特徴としてスキン（外観・デザイン）が豊富な点を挙げることができます。ネット上で様々なスキンが配布されていますので、スキンの選択に迷うくらいです。特に、時計のスキンに関しては右に出るソフトはありません。私も時計表示にRainmeterを利用しています。 また、海外のソフトですが日本語化パッチも頒布されており、比較的簡単に導入でき
Free Website Ribbon Generator - For Your Site Or Blog
Diagonal Advertising Banner Design - Free Corner Web Banner Ads Free web banner ad and web design advertising tool to create a diagonal corner website banner on the top right corner of a web page, containing a simple text message to advertise your product or service, or to announce some news or promotions. Customize the desired text effect of this web banner ad below, click on "generate" to start
テンプレートとフリー素材のWEB MAGIC
現在、ホームページテンプレートのWEB MAGIC はサイト休止中です。 運営元 ホームページ制作ライブピクセル
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
css-lecture.com
Web制作 W3G