komaru02のブックマーク (50)

  • CSSコピペでOK!カエレバ・ヨメレバ・トマレバのデザインをまとめてカスタマイズ!

    このブログはわかったブログの運営者かん吉さんが開発したブログツール「カエレバ」「ヨメレバ」「トマレバ」を利用しています。 これらのツールは、商品・書籍・宿泊施設を紹介するのにとても便利で、多くのブログサイトで利用されています。 今まで僕はこの3つのデザインを個別にカスタマイズして使っていたのですが、それを今回統一させようと思いカスタマイズしました。 CSSをコピペして頂ければカスタマイズ完了のレスポンシブデザインですので、気に入った方はどうぞお試しください。 「バリューコマース」や「もしもアフィリエイト」を利用すると、様々なショップのボタンを表示させることが可能になります。設定がお済みでない方は、それぞれ以下のリンクから無料会員登録を済ませ、アフィリエイトコードを取得しましょう。 バリューコマース もしもアフィリエイト カエレバ・ヨメレバ・トマレバをまとめてカスタマイズ 今回のカスタマイズ

    CSSコピペでOK!カエレバ・ヨメレバ・トマレバのデザインをまとめてカスタマイズ!
    komaru02
    komaru02 2018/10/08
  • 【初心者OK】はてなブログのヘッダー(タイトル)画像を無料編集ソフトだけで作る方法【カスタマイズ】 - とり子の楽観主義

    先日、ブログのテーマを「Minimalism」に変更しました。 かなりシンプルなデザインのテーマなので少し個性を出したいと思い、いろいろとカスタマイズしてみました。 今回は備忘録もかねて、初心者にもできたヘッダー(タイトル)画像の作り方をまとめたいと思います。 ヘッダー画像を作る ヘッダー画像完成形 無料のweb上編集ソフト『Canva』を使って、ジャストサイズのヘッダー画像を作る Canvaとは? ①画像サイズを設定する ②文字を入力する ③タイトル文字のフォント、サイズ、色等を設定する ④画像を挿入する ⑤画像を保存する ⑥画像背景を透過する はてなブログ側の設定を行う ①ヘッダー画像を挿入する ②背景色をつける ③ヘッダー画像の余白を無くす ④スマホでの表示を調整する ※追記 2018/5/16 終わりに ヘッダー画像を作る ヘッダー画像完成形 この記事を書いている時点の当ブログのヘ

    【初心者OK】はてなブログのヘッダー(タイトル)画像を無料編集ソフトだけで作る方法【カスタマイズ】 - とり子の楽観主義
    komaru02
    komaru02 2018/10/08
  • 貼るだけ簡単!はてなブログのブログテーマ「Minimalism」カスタマイズ例:グラデーション - スキナコトワークス

    カスタマイズ内容 カスタマイズに必要なコードまとめ!貼るのは4か所だけ 「設定>詳細設定>headに要素を追加」に貼るコード 「デザイン>カスタマイズ>ヘッダ>タイトル下」に貼るコード 「デザイン>カスタマイズ>記事>記事上・記事下」に貼るコード 「デザイン>カスタマイズ>{}デザインCSS」に貼るコード 「ボックス」や「マーカー線」の使い方 ボックスの使い方 マーカー線の使い方 参考サイト一覧 ブログタイトルのフォントを変更する方法 見出し、ボックス、シェアボタンのデザイン、グラデーション ページを開くときのスライドするアニメーションの設定 トップページの記事を一覧表示にする方法 関連記事よりも上にシェアボタンを設置する方法 カーソルを合わせた時に背景色を変えるアニメーションの設定方法 文字にマーカー線を引く方法 はてなブログのブログテーマ「Minimalism」のカスタマイズ例とコード

    貼るだけ簡単!はてなブログのブログテーマ「Minimalism」カスタマイズ例:グラデーション - スキナコトワークス
    komaru02
    komaru02 2018/10/08
  • 【変更お願い!】コピペのみではてなブログのソーシャルボタンをシェア数付きでおしゃれにするカスタマイズvol.2 - Yukihy Life

    コピペコードをうつす前に、必ず以前のコードをメモ帳にバックアップしておくなどの対策をしておくようにしてください。 シェアボタンを設置する上で、何らかのトラブルや損失・損害等につきましては一切責任を問わないものとします(一応)。 2015/11/21追記:11/20より、ツイッターのシェア数の取得ができなくなりました。(参考:持続的なプラットフォームのための難しい決断)これにより、ツイッターのシェア数の部分を「Twitter」と表示するように変更しました。 2016/1/11追記2:当ブログのシェアボタンを使っているかたのみ、Twitterのシェア数を表示させるようにする記事を書きました。詳しくは「count.jsoonを使って当ブログのシェアボタンを使っている方のTwitterカウント数を取得する方法 - Yukihy Life」をごらんください。 2016/5/18追記3:Faceboo

    【変更お願い!】コピペのみではてなブログのソーシャルボタンをシェア数付きでおしゃれにするカスタマイズvol.2 - Yukihy Life
    komaru02
    komaru02 2017/07/03
  • ヨメレバ・カエレバのデザインをCSSで変更するカスタマイズ! - Yukihy Life

    はてなブログだけでなく、アマゾンや楽天・ヤフーショッピングの商品を紹介する際にはブロガーのかん吉さんが作ってくださったサービス「ヨメレバ・カエレバ」を使うことで 簡単にリンクを作成することができます。 それらを綺麗に表示させるカスタマイズはもう出ているのですが、先日あるブロガーさんに会ったときにカスタマイズをしたら喜んでいただけたので、紹介したいと思います! 参考リンク 実装図 カスタマイズの注意点 カスタマイズ PC スマホ レスポンシブ その他のカスタマイズ 最後に 参考リンク 今回のカスタマイズはほとんど今までやってこられていた方をちょっと変更したような形になっているため、あらかじめ参考リンクを貼っておきます。ありがとうございます! shufulife.com 実装図 実際に導入した様子はこんな感じになります。 PC スマホ PCでバランスよく表示させたのと、スマホではなるべくコンパ

    ヨメレバ・カエレバのデザインをCSSで変更するカスタマイズ! - Yukihy Life
    komaru02
    komaru02 2017/06/05
  • はてなブログでアドセンスを見出し前やシェアボタン前の記事直下に自動で挿入する方法 - MUTANT

    今日ははてなブログ内の任意の位置にアドセンスを自動で貼り付ける方法について紹介を。 皆さん、アドセンスってどうやって貼り付けていますか? 管理画面の記事上・記事下に貼り付けて自動で入れ込んでいる人もいれば任意の位置に手動で貼っている人もいると思います。 ただ、記事上にコードを挿入すると画面最上部に配置されるし、記事下に貼り付ければシェアボタンの下側にアドセンスが来ちゃいますよね。 これは少なからず、クリック率を下げる要因になります。 手動で貼り付ける方法も面倒ですよね。 以前の記事でも紹介しましたが、個人的にいいなと思うアドセンスの広告配置が導入文末尾(最初の見出しの上)と記事直下なんですよね。 wordpressだとプラグインで簡単に任意の場所に挿入できるのですが、はてなブログだとその機能がないようなので今日はアドセンスを見出し前や記事直下に自動で挿入する方法について備忘録を兼ねてメモ。

    はてなブログでアドセンスを見出し前やシェアボタン前の記事直下に自動で挿入する方法 - MUTANT
  • 【簡単】はてなブログでGoogle AdSense(グーグルアドセンス)やアフィリエイトで稼ぐ方法と注意点 - 心理カウンセラーのアドセンス日記

    2017 - 04 - 14 【簡単】はてなブログでGoogle AdSenseグーグルアドセンス)やアフィリエイトで稼ぐ方法と注意点 ブログをはじめたばかりの初心者待望の一冊! はてなブログ 公認書籍が初登場! はてなブログ Perfect GuideBook posted with カエレバ JOE AOTO ソーテック社 2016-07-22 Amazon 楽天市場 【簡単】 はてなブログ でGoogleAdSenseグーグル アドセンス )や アフェリエイト で稼ぐ方法と注意点    Google AdSense この記事では はてなブログ に Google AdSenseグーグル アドセンス )や アフィリエイト で稼ぐ方法と注意点を説明します。【更新2017年4月】 必要事項 Google AdSense グーグル アドセンス で収益をえるためには最初にいくつかの条件を

    【簡単】はてなブログでGoogle AdSense(グーグルアドセンス)やアフィリエイトで稼ぐ方法と注意点 - 心理カウンセラーのアドセンス日記
  • Chrome拡張機能「はてなのお知らせ」なら通知をすぐ確認できる! - すずろぐ

    おはようございます、すずしんです。 はてなブログをやっていると、あなたもついつい気になって見てしまうものがありますよね? そう、これです。 「あなたへのお知らせ」ですね。 この通知が来ると、私はテンションがどうしても上がってしまいますよ。 病みつきになってしまうのは私だけでしょうか? この通知を確認するためには、基的にははてなブログの管理画面に行かないといけません。 わざわざ通知を確認するために管理画面に行くのは、手間がかかるのでちょっと面倒かもしれませんね。 そこで、WebブラウザであるChrome拡張機能はてなのお知らせ」の出番です。 最近になって私も「はてなのお知らせ」を利用し始めたのですが…。 これが使いやすくて非常に良いのですよ! これはぜひおすすめしたいと思いましたので…。 今回の記事では、Chrome拡張機能はてなのお知らせ」について紹介していきます。 あなたへのお

    Chrome拡張機能「はてなのお知らせ」なら通知をすぐ確認できる! - すずろぐ
  • 株主優待銘柄の株価指標について - サラリーマン投機家の株本おすすめブログ

    今回は株主優待銘柄の株価指標について書きたいと思います。 株価指標で最も使われるものといえばやはりPERとPBRになると思います。 PERとPBRとは何か? PER=株価÷1株当たり利益で計算します。 つまり利益に対して何倍の株価がついているかを示します。 数値が低い程割安と言われています。 通常もう始まっている今期の予想数字を見ます。 12月決算の会社なら17年12月期の予想数字を用います。 もう結果の出てしまった数字ではなくこれから決定する数字を見るということです。 PBR=株価÷1株当たり純資産で計算します。 1株当たり純資産に対して何倍の株価がついているかを示します。 純資産とは会社の総資産から負債を引いた金額のことです。 そしてこれを1株当たりに割り振ったものを1株当たり純資産と言います。 これは会社が解散した場合に株主に対して返される1株あたりの金額になります。 PERとPBR

    株主優待銘柄の株価指標について - サラリーマン投機家の株本おすすめブログ
    komaru02
    komaru02 2017/05/14
  • 初心者向け、コンサルタントが教えるエクセル(Excel)入門 - 戦略コンサルによる転職ブログ

    こんにちは、戦略コンサルタントです。 今回は私の「社会人であればこんくらいは最低限出来てよ」というフラストレーションをぶつけた「これだけ最低限知ってろ」です。非常に長い記事ですが、目次をうまく活用しながら自分に必要な部分を読むようにして下さい。 エクセルで出来ること あるべきフォーマット/作ってはならないフォーマット 初心者でも知っておくべき頻出ショートカット alt + e + s(alt系は順番に押す) :形式を選択して貼り付け 範囲選択のshift,ctrl フォーマット用) alt+w+v+gで罫線非表示 shift+ctrl+1でカンマ表示,shift+ctrl+5で%表示 ctrl+1でセルの書式設定 関数:兎にも角にもvlookup! vlookup ピボットテーブル 分析結果を伝える・グラフ作成 データだけでは意味を成さない、比較を行って初めて意味がある 簡単な分析設計をや

    初心者向け、コンサルタントが教えるエクセル(Excel)入門 - 戦略コンサルによる転職ブログ
    komaru02
    komaru02 2017/05/08
    φ(._.)メモメモ
  • Site is undergoing maintenance

    Site will be available soon. Thank you for your patience!

    Site is undergoing maintenance
    komaru02
    komaru02 2016/12/03
  • ituore.com - ituore リソースおよび情報

    This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

    ituore.com - ituore リソースおよび情報
    komaru02
    komaru02 2016/08/17
  • ブログデザイン変えました! はてなProじゃなくてもデザインをおしゃれにする方法

    今さらですが、ブログのデザインを変えました。 今回はカスタマイズに少し時間をかけて、できるだけおしゃれになるように頑張ってみました! 私はまだはてなProじゃないのですが、おしゃれにする方法を紹介しようと思います。 今回お借りしたデザインは、ゆきひーさんの「Naked」というデザイン! 今回のカスタマイズではゆきひーさんのカスタマイズを沢山取り入れました! www.yukihy.com このデザインのすごいところ!・レスポンシブなナビゲーションが作れる! ・フッターを作り込める! ・カエレバ・ヨメレバのカスタマイズデザインが標準装備 レスポンシブなナビゲーションメニューが作れるだけでなく、今までのデザインではあまりなかったフッターの作りこみが可能に! さらにカエレバとヨメレバのカスタマイズデザインが既にされていて、自分でCSSを設定したりしなくてOK! 初心者からフルカスタマイズしたい人ま

    ブログデザイン変えました! はてなProじゃなくてもデザインをおしゃれにする方法
    komaru02
    komaru02 2016/08/14
  • 【子カテゴリなし】レスポンシブなナビゲーションの作り方 - Theme Naked Blog

    注:この記事ははてなブログテーマ「Naked」を利用されている方向けの記事です。(テーマのインストールはこちら) このテーマには、デフォルトでCSSが組まれていて、ヘッダーのメニューを簡単に設置することができます。 コードをいじる必要があるため、若干上級者向きの内容になります。 注:子カテゴリまで設置したい方は、 theme-naked.hatenablog.jp をご覧ください。 実装図と概要 PC スマホ・タブレット 閉じているとき 開いているとき 概要 カスタマイズの方法 リンクタイトルを入れる リンクを入れる 確かめる その他のカスタマイズ メニュー部分に色をつける リンク文字の色を変える 実装図と概要 PC スマホ・タブレット 閉じているとき 開いているとき 概要 PCのときには一般的なメニューで、スマホ・タブレットのときにはトグルメニューとなります。一般的な機能ですが、このテー

    【子カテゴリなし】レスポンシブなナビゲーションの作り方 - Theme Naked Blog
    komaru02
    komaru02 2016/08/14
  • ituore.com - ituore リソースおよび情報

    This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

    ituore.com - ituore リソースおよび情報
    komaru02
    komaru02 2016/08/14
  • ituore.com

    ituore.com 2024 著作権. 不許複製 プライバシーポリシー

    ituore.com
    komaru02
    komaru02 2016/08/14
  • ゆきひーさん制作のブログテーマ「Naked」に+αで施した5つのカスタマイズ - よく生きるために働く

    はてなブログユーザーの方なら恐らくご存知、あのゆきひーさん(id:ftmaccho)が待望のオリジナルブログテーマを公開されました。 私も早速インストールさせていただき、ほんの少しだけ自分でも+αでカスタマイズを施したので、今回はそのまとめ記事です。私自身も全くの素人なので、内容は初心者向けです。 ゆきひーさん!素敵なブログテーマをありがとうございます!! ※注意書き 正常に作動することは確認していますが、Webデザインの素人が行っているため、余分なコードなども入っている可能性があります。予めご了承ください。 目次のカスタマイズ 目次内の文字を大きく トグルメニューのカスタマイズ トグルメニューの項目を二つ折りに トグルメニューを画面上部に固定 「続きを読む」ボタンのカスタマイズ 「続きを読む」ボタンの幅を広げる ヨメレバ・カエレバのカスタマイズ ヨメレバ・カエレバに「honto」「7ne

    ゆきひーさん制作のブログテーマ「Naked」に+αで施した5つのカスタマイズ - よく生きるために働く
    komaru02
    komaru02 2016/08/10
  • はてなブログProに変更してから追加したカスタマイズと参考にした記事まとめ。 - はなうた横丁

    もう気付いてる人もいるかもしれませんが このブログ『はなうた横丁』は1月20日頃に はてなブログProに変更しました!いえい そこで、僕がおこなったカスタマイズと そのときに参考にした記事をまとめてみました。 はてなブログProとは? はてなブログPro コースの種類 Proにするメリット シェアボタンを変える フォローボタンの設置 見出しを変える 大見出し 中見出し 小見出し 日付に色付け アドセンスの貼り方 はてなキーワードを外す 文字の大きさやのフォントを変える 目次を入れる 引用のデザインを変える パンくずリストの表示 オシャレな画像付きおすすめ記事 スマホ画面に追尾式複合メニューバーをつける ツイート(タイムライン)の埋め込み まとめ はてなブログProとは? まずこれを簡単に説明すると、 ぼくが使っているこのはてなブログには 「はてなブログPro」という 有料のプランがあるんで

    はてなブログProに変更してから追加したカスタマイズと参考にした記事まとめ。 - はなうた横丁
    komaru02
    komaru02 2016/08/10
  • 一人旅の海外旅行で役に立ったもの9選+不要だったもの4選 - あきさねゆうの荻窪サイクルヒット

    わたしは、これまで2回一人旅海外旅行に行きました。 1回目はアメリカ、2回目はオランダと、先進国への旅です。 先進国への旅は、お金さえあれば、露頭に迷って死ぬことはないでしょう。 あとは旅をより快適に、より効率よく、そしてかさばらないものを持っていくことで、Have a nice tripなわけです。 実際に一人旅をして、役に立ったものと役に立たなかったものを紹介します。 前提条件 持って行って役に立ったもの 海外キャッシングの出来るクレジットカード SIMフリータブレット 自撮り出来るデジタルカメラ カップ麺・レトルトの雑炊 スプーン・フォーク エコバッグ メッセンジャーバッグ ハット(帽子) 折りたたみ自転車 逆に持って行ったけど、あまり役に立たなかったもの 英会話帳 多めの着替え 首からぶら下げてパスポートとか入れるやつ 日から持ってきた甘いお菓子 まとめ 前提条件 一人旅である

    一人旅の海外旅行で役に立ったもの9選+不要だったもの4選 - あきさねゆうの荻窪サイクルヒット
    komaru02
    komaru02 2016/05/19
    これはいいですねえ、再来週に海外出張あるからチェックしておこう
  • なぜジロリアンはラーメン二郎に熱狂するのか?ガチなジロリアンと一緒に二郎に行ってみた! - あきさねゆうの荻窪サイクルヒット

    ラーメン二郎の一体何が、こんなにも人を惹きつけるのだろうか。 単純な疑問は、日に日に大きな疑問へと昇華します。 一つキーワードあるとしたら『熱狂』ではないかと。 『アツく狂う』って、わたしは最高だと思います。 今日は、まさに『アツく狂う』人々のレポであり、『アツく狂いたい』と願う者の迫真のレポートをお送ります。 何気ないTwitterでのやり取りから生まれた千載一遇の好機 わたしは以前、初めて二郎に行った時の様子を投稿しました。 ※参考:にんにく入れますか?二郎初心者が二郎べてみた! - あきさねゆうの荻窪サイクルヒット これがキッカケとなり、ジロリアンと思しき方のブログを拝見し、 Twitterで何気なく絡んでいた時に、初二郎をべきれなかったわたしに対して、その方は衝撃の一言を放ちました。 これだけは言えます、、、二郎はテクニックです。 ちょっと慣れたらすぐに美味しくべれますよ!

    なぜジロリアンはラーメン二郎に熱狂するのか?ガチなジロリアンと一緒に二郎に行ってみた! - あきさねゆうの荻窪サイクルヒット
    komaru02
    komaru02 2016/04/03
    ジョナサンジョースターもびっくりな次郎愛…|д゚)