ページTOP

 

ラベル ブログ の投稿を表示しています。 すべての投稿を表示
ラベル ブログ の投稿を表示しています。 すべての投稿を表示

Blogger(ブロガー)でページTOPボタンを実装する方法

このブログは、GoogleのBloggerという無料ブログサービスを使っているのですが、使用しているテンプレートにはページトップに戻るボタンがありません。
今回デザイン変更を行ったついでに、【ページTOPボタン】を実装してみました。

【ページTOPボタン】を実装


ソース


ソースはこちらのサイトを参考にしました。
ソースは下記サイトからコピーしてお使いください。

WEB PIXEL

Bloggerでは上級者向けにテンプレートのHTML編集が出来るのですが、テンプレートのHTML編集では作動しませんでした。(自分のやり方が悪い可能性も…)

色々と試しましたが、シンプルにレイアウトのガジェット追加で作動したので、その方法を書きます。

Bloggerページトップに戻るボタン実装方法


JavaScriptの追加


まずは「下にスライドするとボタンが表示される」JavaScriptを追加します。
Blogger左メニューの【①レイアウト】>【②ガジェット追加】を押します。
※レイアウトはご使用のテンプレートによって違います。

JavaScriptの追加


【HTML/JavaScript】の「+」ボタンをクリック。

【HTML/JavaScript追加】をクリック


①タイトルは分かりやすい任意のタイトルを入れます。



②上記サイト(WEB PIXEL)のjavascriptのソースをコピーします。

javascriptのソース
WEB PIXELより引用


コピーしたソースを入れただけでは作動しないので<script~></script>で挟みます。
※下記のソース参考

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript">
※ここにコピーしたソースを入れる
</script>

③【保存】を押して閉じます。

作成したガジェットをヘッダー下へドラッグして移動します。

ヘッダー下へドラッグして移動


HTMLの追加


同じく、ガジェット追加【HTML/JavaScript】の「+」ボタンをクリックして、新規にHTMLを追加します。



WEB PIXELのHTMLのソースをコピーします。

HTMLの追加
WEB PIXELより引用


コピーしたソースを入れ、【保存】を押して閉じます。

コピーしたソースを入れ、【保存】を押して閉じる


作成したガジェットを【ブログの投稿】下へドラッグして移動します。

作成したガジェットをブログの投稿下へドラッグして移動


【配置を保存】を押してレイアウトを保存します。

CSSの追加


WEB PIXELのCSSのソースをコピーします。

CSSのソースをコピー


Blogger左メニューの【①テーマ】>【②カスタマイズ】をクリック。

【①テーマ】>【②カスタマイズ】をクリック


Bloggerテーマデザイナーが開いたら
左メニューの【①上級者向け】>【②CSSを追加】をクリックし【③カスタムCSSを追加】欄にコピーしたCSSを追加します。

追加したら【④ブログに適用】を押して完了!!



実際に実装できているか、ブログを更新して確認してみてください。

おまけ


見出しデザインはこちらのサイトを参考にしました。

サルワカ

おかげさまでブログが素敵なデザインに仕上がりました。ありがとうございます!

豊島区造幣局にはアニメやゲームの貨幣があって意外と楽しかった件

サンシャイン付近をぐるぐる回ってたら造幣局を発見。
見学無料なので入ってみた。一人社会科見学www
学生の目が痛いwww

受付で簡単な手続きをして入館。
歴代の様々な貨幣や記念貨幣など見れます。

意外と驚いたのがドラえもんや鉄腕アトム、ミッキーマウスやポケモンの貨幣セットがあって凄く珍しい。

ドラえもん誕生35周年 2005プルーフ貨幣セット
ドラえもん誕生35周年 2005プルーフ貨幣セット

鉄腕アトム誕生記念 プルーフ貨幣セット

ミッキーマウス 2003プルーフ貨幣セット
ミッキーマウス 2003プルーフ貨幣セット

ポケモンコイン ニウエ(クック諸島)
ポケモンコイン ニウエ(クック諸島)

お土産屋では記念貨幣が買えます。
入場無料だしデートにもお勧めですよ。

工場見学・造幣東京博物館見学(東京)

街角萌えポスターシリーズ「畳ビズ」

散歩で見つけた「街角萌えポスターシリーズ」w
さあて今回は畳屋さんにはってあった「畳ビズ」のポスター。

「畳ビズ」のポスター
「畳ビズ」のポスター

もうなんのポスターだかさっぱりわからないwww

調べてみると「畳ビズ」とは”全国畳産業振興会の「畳新市場開拓プロジェクト2008」のイメージソング”とのこと。

う~ん、、、そうですか。

畳は日本の重要な文化。萌えでも何でも使えるものは使って若者が使ってくれると良いですね。

写っているメイドさんは「畳メイド」さんです。。。「畳メイド」???
去年の9月には池袋サンシャインシティ噴水広場にてあの「くまもん」とイベントを行ったみたいですね。

街角の1枚のポスターからこんな面白い情報が出るとは。
これからも続けてまいりますw


東京都神社庁の出しているチラシが萌え過ぎる!

なんでも萌えにすれば良いというもんじゃないよ!
でも歓迎するよ!w

神社のところに置いてあったチラシw

御祈祷を受けてみませんか!
御祈祷を受けてみませんか!

よく見たらアニメ「ぎんぎつね」じゃないか。
調べたら結構色々な萌えコラボしてるのね。

東京都神社庁の出しているチラシ


以前のブログで書いた「池袋御嶽神社(いけぶくろみたけじんじゃ)のポスターが萌えも絵過ぎる」もそうだけどどこもかしこも萌え絵にすればという風潮が最近多いですな。

ロッテリア『ビックリマンシェーキ』を購入してみた

ビックリマンシェーキ
ビックリマンシェーキ
8/4よりロッテリアで販売されている『ビックリマンシェーキ』
販売してるの知らなくて偶然中野で見つけて懐かしさのあまり購入。

シェーキに4つに砕いたウエハースチョコが入ってます

シェーキに4つに砕いたウエハースチョコが入ってます。

1個340円
1個340円。

ビックリマン30周年のプリント

カップにはビックリマン30周年のプリントがしてあります。
洗って持って帰りたい。

1個に1枚シールが付いています

1個に1枚シールが付いています。

ヘラクライスト
ヘラクライスト
シールは5種類

  • スーパーゼウス
  • ブラックゼウス
  • ヘッドロココ
  • ヘラクライスト
  • サタンマリア

スーパーゼウス
スーパーゼウス
この日はヘッドロココとスーパーゼウスが当たったのでコンプリートまであと3枚。
集めやすい枚数で集まるまで買っちゃいそうです。

ビックリマンチョコ30円(発売当時)+シェーキ100円(キャンペーン時)

と思うと340円は高いなぁと思うけどよくよく考えると現代の値段で計算すると

ビックリマンチョコ84円+シェーキ240円(通常時)

なのでまぁこんなもんか。なくならないうちに集めなければ。

ちなみに当時販売されていたビックリマンチョコのシールの買取値段みると
高いもので300,000円もするのね。

旧ビックリマン買取価格表
http://www.yarikuri-turbo.com/bikkurilist-choco.html

クリアファイルに入れて保存してあるビックリマンシールのキラキラ大量に持ってるんですけどw
最低見積もりでもたぶん総額で200万円くらいの物だと思う。
取っておいてよかった。お金に困ったら売りに行こうw

漫☆画太郎先生の「漫☆個展」に行ってきた│中野


漫☆個展行ってきましたよ!

引用

会場でコミックスを一度に10冊以上購入し、会場スタッフに「読まずに燃やします!!!」と元気よく言うと、電気グルーヴ・ピエール瀧さんが原作を担当した「樹海少年ZOO1」の生原稿をプレゼント!

画太郎先生の生原稿が欲しくてこの「読まずに燃やします!!!」そして「すぐまん●らけに売りに行きます!」ってせりふを練習して挑んだが甘かった・・・

漫☆個展


決して舐めてたわけではないがあまりの長蛇の列。展示会場はとても狭いので階段の下、上、凄い列。物販場所と展示場所は違く、列も違うので注意が必要です。
(ほとんど転売坊かまん●らけスタッフなのでは?と勘ぐってしまうくらい多かった・・・)

早々に物販物は売り切れ続出、コミックだけは注文して対応する始末。
こりゃあ無理だと思ってゲーセンと黒猫で時間潰して18時頃に個展だけ見に行きました。

お祝いの花

沢山のお祝いの花が届いてます。
「TENGA」ってwww

「画太郎キャラにクリソツ」キャンペーンで使用済みTENGAをもらえるのでそれでかなw
いらねぇw

最後尾のプレート

最後尾にはこんなに楽しいカードが渡されます。

漫☆個展入り口前

入り口前。ワクワクドキドキw

クソして寝ろ!!!!

入ってすぐいきなり「クソして寝ろ!!!!」と。
画太郎ワールドを知らないと軽くパニックですね。

写真OK

写真OKなので皆さん撮りまくり。
今の時代写真OKにしてSNSで拡散させた方が宣伝になりますもんね。

漫☆画太郎

やさしい笑顔の漫☆画太郎先生が出迎えてくれますw

マキシマムザホルモンからお祝いの花

お祝いの花が豪華。「マキシマムザホルモン」から。

庵野秀明・安野モヨコからお祝いの花

W「あんの」から。
庵野秀明・安野モヨコ

少しだけ原稿の展示をアップ。
全部見たい方は会場に行ってくださいね。

わらって

わらってw

怒ってる友人、知人がいたら画像送ってみようと思いますw

珍遊記の生原稿

一番感動した珍遊記の生原稿。
もろ青春ど真ん中の大好きな漫画。
これが見れただけでも行った甲斐がありました(泣

画太郎先生のお詫び

画太郎先生のお詫び。笑わしてもらいましたw

メッセージノート

メッセージノートが置いています。
きっと画太郎先生が見てくれますよ。思いのたけをぶち込みましょう。

ポストカードセット

ポストカードセット。欲しい・・・

二度と来んな!!!バカヤローッ!!!

出口ですw
入り口のお出迎えムードの先生とは大違いのクズっぷりw
流石です。「まともに物販物買えない個展なんて二度と行かねーよw」

個展は8月26日(火)までやってます。

中野の黒猫メイド魔法カフェとかつかみ取りフィギュア

あまり書かないけど中野もよく行くんですよ。

特に4月になって増税する前はよく「黒猫メイド魔法カフェ」に行ってました。
ところが増税を気にサービス内容が大幅に改悪・・・って言ったら悪いかな。
変わってしまってそれ以来行ってない。

猫ちゃんも4月前に大量に辞めて変わったので行かなくなったきっかけになりました。

その代わりに池袋で良いお店見つけられたのでよかった♪

袋詰め放題500円フィギュア

中野の某店で袋詰め放題500円で取ったフィギュア達。
安過ぎww
メイドさん達へのお土産にします。

中野レビューも沢山書きたいけど秋葉だけでせいいっぱいなのでいづれまた。

そういえば今日8月14日から漫☆画太郎先生の「漫☆個展」が始まりますね!
漫☆個展ですよ。漫個展。←気になる女の子に読ませてみましょうw

中学生の頃から好きだった画太郎先生の個展、絶対イキます!!

ニュース
ババア抱き枕に使用済みTENGA…漫☆画太郎「漫☆個展」の詳細が明らかに… 

そに子とミクに花を添えてみた

そに子とミクに花を添えてみた

お花をもらったのでそに子とミクにプレゼント♪

ミクとお花

とてもよく似合いますw
お部屋が華やかになりました。

意外とフィギュアと花の組み合わせ良いですね!

ドスパラ限定、ラブライブのAndroidタブレットが既に受付終了

ドスパラ限定、ラブライブのAndroidタブレット

おおっ、2~3日前にニュースで見てもう2次予約分は受付終了とは。
2ちゃんで「とりあえず前種類2個ずつ申し込んだ」みたいな事行っている人が多かったが本当だったのか・・・

それにしても最近のラブライブの人気は凄い。
秋葉に行っても関連グッズが多くてアイマスが消えた感じだ。

私は元々アイドル系にははまらないのでアニメもいまいちだったのだが
女子人気も凄いのでネタでこれ買おうかと思ってたのにもう受付終了とは早すぎる!

本体12,019円+ラブライブ代(7,421円)か、、、まぁこんなもんか。
元が安い値段のタブレットなので性能はあまり期待できないのでネタ用だね。
もう2台タブレットあるので必要ないがw

ラブライブのAndroidタブレット詳細はこちらから

ジョジョの奇妙な冒険の石仮面が販売されるーー!!!受注〆切7月1日まで。

夢にまでみたあのジョジョの奇妙な冒険の石仮面がメディコス・エンタテインメントから販売されます!
超像Artコレクション“ジョジョの奇妙な冒険”【石仮面 Ver.BLOOD】
石仮面 Ver.BLOOD
原型・彩色監修は荒木先生が行っているのでこれは本機度が高い!!
そして値段も高い!!

ん~~送料合わせて2万円か。
きっと転売ヤーが沢山買って在庫余らせて安く世に出るかもしれないがこれは売れる気がするし確実に手に入れておきたい品でもある気がする。

でも2万か~~。気軽に買える値段ではない。
最近のJOJO商法はゲームといいエグイなぁ。

商品受注期間は2014年6月4日(水曜)12:00~7月1日(火曜)12:00まで。
ネットの反応を見つつ少し考えようっと。

・・・

と思ってググッたら以前も違うバージョンが販売されていて評価をみたら被れないんかい!!
前回と同じくサイズが25cmなので今回も被れないでしょう。

詳しくはこちら

超像Artコレクション 「ジョジョの奇妙な冒険」 石仮面 [原型・彩色監修/荒木飛呂彦]

しかもよく見たら同じデザインで血が付いてるだけ。
まあ画像使いまわしだし型も使いまわしでしょう。
余った在庫に中国人が血を塗っているだけかもしれん。

それならアマゾンで13,666円(14.6/10現在)で売っているのでそれ買って自分で塗った方がお得だね!!

調べてよかった~

買うならアマゾン!w

Dell デジタルハイエンド32モニタ- UP3214Q 31.5 インチが10万円も値引いている件

緊急ニュースです!

Ultra HD 3,840 x 2,160フルHDの4倍の解像度「4Kモニター」がなんと10万円引きです!!
(※14年5月29日現在)DELLはよく大幅値引きしますがここまでとは・・・

Dell デジタルハイエンド32モニタ- UP3214Q 31.5 インチが10万円も値引いている
DELL公式販売ページ
価格comの価格推移グラフ
価格comの価格推移グラフ
実はこのモニターずっと欲しくて狙っていたのですが
値引いても5万円だったのであきらめてLGの「34UM95-P」買っちゃいました。(いづれレビューします)

もちろんこのモニターも凄くよくて満足なんですけど
4K欲しかった~

まぁ今だいぶ4Kモニターも安くなっているので
IPSパネルでAdobeRGBのカバー率99%、sRGBのカバー率100%、
応答速度:1~2msの物が10万円台でいづれ出るでしょう(希望)

ページTOP