はてなブログ収益化&デザインガイド

はてなブログの収益化とデザインカスタマイズを解説するブログ

~ お知らせ ~
『アフィリエイト(ASP)で収益化』
解説マニュアルできました!

 

-- Affiliate Know-How --

ブログで収益を稼ぐにはどうするの?

はてなブログProで手軽にできます

おすすめのアフィリエイトの始め方も紹介

稼げるノウハウをお伝えします

-- Blog Design  --

かっこよく、おしゃれなサイトにしたい

はてなブログProならカスタマイズできます

ブログのカスタマイズにハマっても安心

楽しくなるデザインをご紹介します

-- Recommended ASP --

ブログを始めたら登録すべき おすすめASPを解説

丸ボタンを押すと各ASPの解説記事になります

A8.net A8.net
もしもアフィリエイト もしもアフィリエイト
バリューコマース バリューコマース
Googleアドセンス Google AdSense
本サイトはプロモーションが含まれています

-- New Articles --

Design

 -- Hatena Blog Design --

はてなブログの「おすすめ」デザイン集

コピペするだけで利用できるデザインや

はてなブログのデザインカスタマイズを解説

説明動画や、各記事をクリックしてください!

 

CSSを利用するときに参考になる動画です。

作成したデザインは「定型文」登録が便利。

会話式の吹き出しの作り方動画です。

はてなブログのタブ切り替え(タブメニュー)デザイン設定|コピペOK

タブで切り替えできるタブデザインのメニューを はてなブログに設定する方法を解説。HTMLとCSSのラジオボタン機能だけで実現しているので動作が軽快です。紹介しているコードはコピペOKです。

はてなブログに役立つ便利な無料画像サイトのリンク集【アイキャッチ】

はてなブログのアイキャッチに使える無料画像や役にたつ便利なWEBサイトのリンク集です。商用利用でき、著作権に懸念がないフリー素材を活用しましょう。

はてなブログに会話形式の吹き出し表示を設定!見たまま編集

はてなブログの吹き出し表示(会話形式、会話風)ができるCSSコードとHTMLコードを紹介。コピペで使え、画像変更も簡単。記事のアクセントになり、読みやすさが向上します。

はてなブログの囲み枠・BOXデザインの作り方 5種類(コードのコピペOK)

はてなブログで四角い囲み枠やBOXデザインをコピペ(HTML,CSS)で使う方法を解説。ボックスデザインをカスタマイズする方法も簡単!

簡単!はてなブログの文字に背景色や半透明色をつける(色変更・コピペOK)

はてなブログの文字の背景に色(背景色、半透明色)をつける方法を解説。初心者もコードをコピペするだけなので簡単!カラーコードで色を変えることも可能です。

はてなブログに蛍光マーカー(下線)をコピペで設定して文字装飾する

マーカー(文字装飾)をはてなブログに設定する方法を解説。CSSのコピペで使え、蛍光マーカー(下線)の色や太さをカスタマイズできます。人気のカスタマイズです。