greenの日記

ブログ運営/投資/株主優待/アドセンス の話し

【ブログ運営】読者数300名達成記念の画像(読者一覧をHTMLタグで書いた)

こんにちは、greenです。9月1日からブログをはじめて3か月と16日目です。読者数300人を達成しました。おー、パチパチ👏。みなさま読者登録ありがとございます。今まで、読者が100名増えるごとに、勝手に撮影会を実施していました。読者数100人達成時は記念キャプチャー、読者数200人達成時はGIF動画で読者のみなさまと撮影しました。
今回の読者数300人達成では、タイトルに書きましたように、記念画像としてHTMLタグを利用しました。ぜひ、読者の人は読んでいただきたいと思います。

記事の内容としては、記念の画像はどうする?HTMLタグのお勉強読者数300名達成記念イメージとなります。

記念の画像はどうする?

読者100名達成時に利用したプロフィールの読者一覧は、100名しか表示されないので、今回は使えない
読者200名達成時に利用したダッシュボードの読者一覧は、加工が大変なのでやりたくない
ちなみに、ダッシュボードから読者一覧を見る手順は下の画像(①~④)です。

f:id:greenupf:20181020143250g:plain

さあ、どうしよう。。。。。。。。。。。。。。🤔
考えた結果、プロフィールの読者一覧と同じように300名分のHTMLを書くことにしました。

HTMLタグのお勉強

まずは、読者一覧を表示するためのHTMLの記載方法を確認します。操作として、プロフィールの読者一覧を開き、ブラウザ上で右クリックをして「ページのソース表示」を選び、画像を表示している箇所のHTMLを確認しました。
<a href="リンク先"><img src="画像"/></a> の書き方でリンク先と画像を指定していることが分かりました。これを読者数分用意すれば良い。

【参考)書き方】※URLの情報などは、私のものに変換しています。

①リンク先のURLを書く(開始)
<a href="https://blog.hatena.ne.jp/greenupf/" rel="nofollow" >
②表示するイメージと大きさなどを指定
<img class="profile-image" src="https://cdn.profile-image.st-hatena.com/users/greenupf/profile.png" alt="greenupf" title="greenupf" width="16" height="16" />

③リンク先のURLを書く(終了)
</a>

読者数300名達成記念の画像

読者数300名達成記念の撮影の開始です。ちなみに、3名読者が増えたので、実際は読者数303人での撮影です。

f:id:greenupf:20181215134207p:plain

「それでは、読者数300名達成記念して」(パチパチ)👏
「とりますよ、はーーい」(カシャ)👀📷✨
「みなさん良い感じで表示されてますか。目を閉じたり、よそ見してませんか。」

読者数300人達成!

bunbukuchagaman hgsksk sutton5537 mihonoburubon okitakumao Happy_forever nemu___r jphealthypineca jun-datsusara level1kobito nie3 null11blg petlovelike uesugi_rintaro secchan12 scene-no-mottainai-blog teihenhack whiten_NN rideonwave2018 nanairokun kakuyasusim2018 go-yakun SmartRadio YO-PRINCE molk_f re-man-kabuo saitosaitosaito1009 nijipapa0717 howtoworkatSME sabo-san fc090031 hatarakitakunai-kikankou Yuji_Ohashi dq-free Rocky4 gerres72 inv555 ppkp08 mechakucya uwithcharge tanaka_statham chigau-mikata neeeeeeeeat lanikai-sk yukiharu-blog sayumikun mid40-shinmaipapa enaena38 spiceupmylife hobby_is_travel greenupf takkita411 chees007 nisemon_honmono lalala-kabujo minimalyuya dsukeHello muchaaan shohei546151 cs44t133854r3a198 Lyon13 hayaoki6 leafmikan nekowamegusuri163 h-zima-0506 chamanbo sabotennmegane leon5800 rebornlife888 ko-chanblog95 mayaaaaasama tyggv6fv6470kj mikine1228 huroko265 soreyoka nosuke10623 kt-888 oracion0210 actionbeeeam3142 ara-channel ky21 ma-vie nachi_co mksurf nobu2394 for-happy-life moyihongdao Witch13-m aozora31101 generickuma f-plus tepe1215 darman55 shigechannel hagehanasan enasan2007 ku_oshnaykex nekotetsustyle iceman893 sushi1051027 tmja kazubl mii-ken wtrya30 Satono mixnats jun_0017 yutory ehonno_sukina_otaku nakamin0717 ta-ka000 hanamokatanamo tomotomotrp miyakonbuta tom12ks7 wanheadotk kakarityo429 matomepro kempis toaruhanndai naoki0607 yugo1025y sy0kupan tabbytan kurokoshusaru enjoytoday newspaper-ama gurugurugurugutamin pharmb qkit emmapapa Lamplitna kotokunohate konokoneko5 nihonmitsubachi pop-ran to-ghost syokora11 keith12180323 hanjukudoctor triple17 grazieatutti hiro19730730 bigbigmuff k_create tosou2025 jinjyaheikou keiko1974 pm536 gawl1625 kihappy1 line-of-thinking1 nkiyoshi318 retire2k happiness77 nobubkk yuji281355 ritaia Paintingmap tamamoto16 saooo28 afterseason yuki-tantan haruka1710 gurattoki gqp yuichan53world koharuwest sausagecurry bunrath nobinobitan Ithere bell88 yukimatu-tousi azu-ryugaku aoigroupinfo takuto-interior momokuri777 gaisya ohji-island mkenpichi894 uenoyou111 srluvy745 torimotoakira ouda12-12 world216636 zariq-gameblog cho-ba hokkaido_family chocodonut ryyttc5 deadpool198 kita-kirin monkey_papa ponyoponyokun hirokionlinex pto6 je_online sti23 tool10reiya592 bellezao hotokenokuni asoftgm23 km19821016 tanuki3838 k-break0704 diving11874tan cat-whisker kumachocolate ka-mi-ri c6amndbgr3 sayakasumi382 daitaku5 shibazakuranezumi miekokishi seitai08047072233 roninsensei okustam kame_reon jhysv_31120 happyreina mys810 atmos176 syuto-blog-0113 river-wide hal7pi editman navimy tankakanta hanayasu salondealfurd SEN1101 iitarou SINSAN specific at25250410 bunntinnmalu yamayu1207 doubleworkandstock rojoblanco yutula vegetarianman ryura9 akira2013web chanriekoba38 hobohibi marshmallow77 kumakuma30 piano1228 onikusan8 tsukky8832534 holyknightseiya1234 nue0801 sakuyaoi opio8 brd1267 happylife84 hawaii881 myprivatecomedy victor365 aka12aya70y noritoikioi lukehide nishino-kiiro Istart herpes_carrier sorairo2000 kojiebi-gm dmasaki brachiodesign KaMI_KaZE higucho520 m07v-sk160 Seiko_Momo tozy1970 coffeestock kz1213 BP5Dtk popota2018 ohitorisamazanmai luna3018 mitsuru888 bolla kozeni_fx noirened momosuke418 khyhd myhitachi wakuwakuJAPAN corento manenooku go-shun yukiosononoka junta33 autoinvest_rin Juntaro howaito99 tkhssugimoto master_k

アイコンで気になる人がいれば、選択すれば選んだブロガーさんのサイトを開くことができます。
引き続き、記事を書いていきたいと思いますので、よろしくお願いします。
最後まで読んでいただき、ありがとうございました。