アフィリエイトで豊かな生活

不労所得を手に入れ、仕事に縛られず自分らしい生き方を手に入れる方法とその奮闘記

ブログサークル【ブロトピ】リンクタグの表示を消す裏技

f:id:yumemiraitunagu:20191206193645j:plain

こんにちわかつやんです!

今回はブログサークルのブロトピの
表示を消す・目立たなくする裏技をお伝えします。

どうしても自分のブログのデザイン・外観に拘りたいので、
このリンクを表示させたくないって方には特におすすめです。

2辛3分で読める記事なのでぜひ挑戦してみてください!

ブロトピってなに?

ブログサークルの「ブロトピ」とは
自分のブログを更新時、最新記事を表示させたいサークルを選び、そのサークルのブロトピを自分の記事に張り付ける事で自分が記事を投稿すると自動的にpingが飛んで掲示板に最新記事を投稿してくれるサービスツールです。

被リンクが増え多くの人の目につくので比較的アクセスを多く稼ぐ事が出来ます。
※ブロトピは最大5個まで選ぶことが出来ます。




ブロトピ投稿の仕方

自身で記事を投稿したいサークルを選びます。「アクセスUPしよう!」とか「はてなブログの会」等様々なサークルがあるので自身が記事を投稿したいと思うサークルを選びます。

サークルに入ったらブロトピを選択して開きましょう。

すると⇩この様に⇩HTMLタグが出てきます。

f:id:yumemiraitunagu:20191206154033j:plain

このHTMLタグを記事に入れて更新するだけでpingを自動送信して記事がサークルのトピックスに反映されるシステムです。
そのHTMLタグを貼るとこういう表示になります。

ブロトピ:今日のブログ更新






ブロトピのリンクタグを消す方法

ではこのHTMLタグをいじってブロトピの画像を消しましょう。
通常ブロトピのリンクタグはこの様に表示されます。
ブロトピ:今日のブログ更新

今回紹介をする方法を使うとリンクタグを3つのパターンに変更できます。


① 画像なしのリンクタグ。
ブロトピ:今日のブログ更新


② テキストなしのリンクタグ。


③ 画像&テキストなしのリンクタグ
⇩※変換スペース全角1個分いれてます。
 


それではやり方を説明していきます!

ブロトピのHTMLはこんな感じで出来ている

ブロトピ:今日のブログ更新

実際このブロトピリンクのHTMLタグはこの様になっています。

< a href="https://blogcircle.jp/commu/414/topic/3">
< img src="https://blogcircle.jp/thumb/commu/414/2" style="width:3em !important;height:3em !important;vertical-align:middle;margin-right:.4em;"/>
ブロトピ:今日のブログ更新
< /a >

赤い部分がリンクです。
青い部分が画像。
緑の部分がテキストこれを< /a >で囲うのです。



① 画像なしのリンクタグを作る。

まず画像なしの表示をさせたければ、
上記で言う青色の部分画像のタグを切り取ります。
⇩この部分の事
< img src="https://blogcircle.jp/thumb/commu/414/2" style="width:3em !important;height:3em !important;vertical-align:middle;margin-right:.4em;"/>


【画像なしの場合のHTMLタグ】
< a href="https://blogcircle.jp/commu/414/topic/3">
ブロトピ:今日のブログ更新< /a >


【出来たリンクタグ】
ブロトピ:今日のブログ更新

この様に画像なしのテキストリンクができます。


② テキストなしのリンクタグを作る。

逆に画像のみのリンクを作る場合。
この緑色のテキスト部分を切り取ります。
⇩この部分の事
ブロトピ:今日のブログ更新


【テキストなしの場合のHTMLタグ】
< a href="https://blogcircle.jp/commu/414/topic/3">
< img src="https://blogcircle.jp/thumb/commu/414/2" style="width:3em !important;height:3em !important;vertical-align:middle;margin-right:.4em;"/>
< /a >


【出来たリンクタグ】

この様にテキストなしの画像リンクができます。



③ 画像&テキストなしのリンクタグを作る。

逆に画像のみのリンクを作る場合。
青と緑の画像タグとテキストタグを消します。
⇩この部分の事
< img src="https://blogcircle.jp/thumb/commu/414/2" style="width:3em !important;height:3em !important;vertical-align:middle;margin-right:.4em;"/>ブロトピ:今日のブログ更新


【画像&テキストなしの場合のHTMLタグ】
< a href="https://blogcircle.jp/commu/414/topic/3"> < /a >



【出来たリンクタグ】

 
⇧は変換スペース全角1個分いれてます。


この様に画像・テキストなしのリンクができます。
こちらでもブロトピに記事を反映させることが出来ます。



まとめ

ブロトピはブログを始めたばかりの方には
書いて間もない記事を多くのユーザーに読んでもらう事が出来、
はてブ等の被リンクが増える事でアクセスも集めやすくなるのでおススメです。

デザインに拘る方は上記の方法で目立たなくさせる事も出来るので是非挑戦してみてください!

記事が反映しない・pingが飛ばない方はコチラもどうぞ
www.katsuyan-affiliate.com





関連記事

過去の収支報告記事まとめはコチラ!
www.katsuyan-affiliate.com

書いたばかりの記事はブログ村でアクセスを増やす!
www.katsuyan-affiliate.com

初心者向け記事のおススメでっせー!
www.katsuyan-affiliate.com

月間20,000PVの壁を突破!気になる収益は?
www.katsuyan-affiliate.com

収益化させるリライト教えます!
www.katsuyan-affiliate.com

これさえ登録しておけば間違いなし!
www.katsuyan-affiliate.com

Twitter始めました!
良かったらフォローお願いしますっ!

 Twitter https://twitter.com/affiliatekatsu
ブログ更新のお知らせをリアルタイムで更新します!

にほんブログ村 小遣いブログへ