この記事の所要時間: 221

このボタンのHTMLは下記の通りです。

<div style="display: inline-block; position: relative; box-sizing: border-box; width: 80px; height: 24px; border-radius: 3px; text-decoration: none; cursor: pointer; background-color: rgb(251, 76, 66);"><a href="https://7gogo.jp/share?url=https://blog.gti.jp/775-2" target="_blank"><div style="position: absolute; left: 0px; bottom: 0px; right: 0px; top: 0px; height: 14px; margin: auto; text-align: center;"><img src="//7gogo.jp/platform/img/logo.png" style="height: 14px; margin-right: 4px; vertical-align: text-bottom; float: left;" pagespeed_url_hash="1176716831" onload="pagespeed.CriticalImages.checkImageForCriticality(this);"><span style="color: rgb(255, 255, 255); font-size: 13px; line-height: 0.8em;">シェア</span></div></a><p><a href="https://7gogo.jp/share?url=https://blog.gti.jp/775-2" target="_blank"></a></p></div>

はっきり言って未完成の状態です。

画像は使っていいのかわからないまま・・・本家のものを・・・すみません。
「シェア」の文言はコード内の文言を変えればよいです。

・・・本当は押したらiframe開くようにするべきです。
色とか位置とか改善点はもっとあります。

実際は755使ってないのでなんとも・・・。すみません。

以上よろしくお願いいたします。

メモ

7ゴーゴーボタンを設置する方法と言う題名でブログを書いて本文に誰かわかりますか?と書く(笑

この記事が気に入ったら
いいね ! しよう

Twitter で