はてなブログPC版のサイドバー空きスペースを有効活用したい - 人力検索はてな
【はてなブログPC版のサイドバー空きスペースを有効活用したい】 現在左メインカラム（記事本文）と右サイドバーの2カラムデザインを採用、記事本文が長いとある程度下までスクロールすると右サイドバーはただの空きスペースとして表示される形となります。 [参考] http://www.masaemon.jp/entry/2014/04/22/tokyo-mita-ramen-jiro-manual ↑中見出し2-3あたりから右サイドバーが空きスペースとなります。 そこで、右サイドバーが空きスペースとなるタイミングで表示を現在の2カラムから記事本文だけの1カラムにする見せ方をしたいと思うのですが、CSSやJavascriptの知識が乏しいレベルの者でも簡単・確実・安全に、何よりはてなブログ上でもきちんと実装できる術をご教示下さい。 【条件等】 ・IEの古いバージョンとかは除き、主流ブラウザ（IE、Ch
自分が書いたコラムを友達のブログに配信できる『WeColumn』 | 100SHIKI
これはシンプルでなかなか良いのでは。 WeColumnでは、自分が書いたコラムを友達のブログに配信するための仕組みを提供している。 使い方は簡単で、会員登録を行い、このサイトでコラムを書き、生成されるJavaScriptのコードを友達に配布するだけだ。 なお、コラムにはテキストだけでなく、イメージやFLASHなどを埋め込むことも可能だ。 コラムの人気が出てくればたくさんの人に貼り付けてもらうことも可能だろう。 つまるところブログのサイドバーなどに継続的にコンテンツを配信する仕組みである。コラム以外にもいろいろ応用できそうですね。
ブックマーク数をタグ化して簡単にブログで使えるブックマークレット
前回作った【e】パレットの後継に当たるもので、殆ど機能は変わらないという恐ろしく微妙なブックマークレットを作りました。 例にすると、紹介したいブログエントリを発見。 ただの紹介じゃ寂しいと思ったらこのBパレットを使います。 すると以下のようになります。 とりあえずはてぶ数を、リンクの右側に表示するようにして『タグ化』を選びます。 すると・・・。 こんな感じのタグが出てきますのでコピペーします。 そうすると、 Photoshopカスタム・シェイプいろいろ - DesignWalker ↑はてぶ数がついたリンクが完成＞＜ ブックマーク数はリンクの回り、上、右、下、左の4種類から選べます。 2007年ウェブデザインの６つのトレンド | コリス CNET「読者ブログ」上でSEO業者が検索エンジンスパムな記事を何本も書いている件 ブックマークははてなブックマークと、livedoorClip、Buzz
はてなダイアリーに(対応外の)ブログパーツを貼る
はてなダイアリー日記 - 自分のはてなダイアリーにブログパーツを設置できるようになりました これはいいね！ さっそく googleガジェットを使って、(対応外の)すきなブログパーツとかを色々貼ってみよう！ まずは下のようなテキストファイルをつくって、文字コードをutf-8で保存…！ <?xml version="1.0" encoding="UTF-8" ?> <Module> <ModulePrefs title="ここにパーツ名かこうね！"> </ModulePrefs> <Content type="html"> <![CDATA[ (ここにブログパーツ貼り付けコード) ]]> </Content> </Module> たとえばtwitterのブログパーツ(badge)を貼るのなら、ファイル名を「twitter.xml」とかにしておいて、 このファイルをどこかのサーバーにアップロード
はてなダイアリー - つれずれなるままに… - 2007-08-14
本日はてなダイアリーのヘッダ、フッタ、本文にて一部のscriptタグやobjectタグなどを使用可能にし、ブログパーツやブログアクセサリー等をご自分のダイアリーへ設置できるようになりました。これまではセキュリティ上の問題からscriptタグやobjectタグを貼ることができませんでしたが、はてなが許可したものについてはタグを直接貼ることができます。 今回対応したのは以下4つのブログパーツです。 Yahoo!ニュース - トピックスブログパーツ Yahoo!天気情報 - ブログパーツ Google AdSense Google Gadgets はてなダイアリー日記 - 自分のはてなダイアリーにブログパーツを設置できるようになりました これを見て、「正直少なくね?」と思った人も多いだろう。 しかし、この中にある「Google Gadgets」を使えば、はてなダイアリーであらゆるブログツールが使
あらゆるページに拡大鏡を追加できる『Loupe.js』 | SIMPLE*SIMPLE
これはすごい。あらゆるページに拡大鏡を設置できるJavascriptです。 ↑ こんな感じに拡大鏡を設置可能。 画像と簡単なスクリプトをインストールすればOKなようです。 追加するコードは以下のとおり。 まずはページのヘッド部分に以下を追加。 <script type="text/javascript" src="loupe.js"></script> そして拡大鏡を追加したい画像にonLoadで以下を追加。 <div> <img id="..." onLoad="initLoupe(this.id);" src="..." width="356" height="205" alt="..."> </div> 細かい写真などを見せたい場合に便利ですね。知っておくとよさそうです。 ダウンロードや詳しい使い方は以下をご覧ください。 » Loupe.js
HeartRails Glance | リンク先 「チラ見」 サービス
「チラ見」 ウィンドウに必要を感じないお客様は、「チラ見」 ウインドウ下部の x ボタンをクリックすることにより、以後、そのサイトに付加された 「チラ見」 機能を無効にすることができます。また、「チラ見」 機能を導入済みのサイトには、併せて 「チラ見」 機能の有効／無効を切り替えるための Switch を設置することができます。 Switch を設置したい場所に下記の JavaScript をペーストしてください。 お客様のサイトの文字コードが UTF-8 の場合 <script type="text/javascript" charset="UTF-8" src="http://glance.heartrails.com/api/utf8/switch.js"></script> お客様のサイトの文字コードが EUC-JP の場合 <script type="text/javascrip
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【回答募集中】はてなブログPC版のサイドバー空きスペースを有効活用したい - 己【おれ】
アンケートは@nifty 投票
[就職・転職] All About | 就職転職のノウハウ![[就職・転職] All About | 就職転職のノウハウ](https://cdn-ak-scissors.b.st-hatena.com/image/square/3a713ecab6d4800da05c4504abbf5718b1613b04/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
トラックバック送信ツール