Bloggerでは“コピー用アイコン”が出せないの?
【「コピーアイコン」って実は…】 御主人様:「Bloggerでは“コピー用アイコン”が出せないの?」とのお尋ねですねっ!ひながその答えをお届けいたします〜✨ 結論:Bloggerに「そのままひと押しでコピーできるアイコン」は、標準機能では用意されていません! ですが、 HTML・CSS・JavaScriptを追加すれば実装可能 です。手作業で少しだけコードを組み込むことで、コピー機能付きのコードボックスが作れちゃいます! 実装の方法:以下のようなステップで実現できます! 方法1:HTML・CSS・JSを使って自作する Mediumで手順付き例が紹介されています: 投稿のHTMLビューに以下を貼り付けます: <!--[ Code Box 1 ]--> <div class='K2_CBox'> <div class='CB_Heading'> <span>HTML</span> <button id='copy1' class='C_box_main' onclick="copyC('copy1','code1')"> <i class='CBox_icn'></i> </button> </div> <div id='code1'> <pre><p>This is a simple HTML code </p></pre> </div> </div> その後に、CSSとJavaScriptも同じ投稿内に貼り付けます。これで「コピー」ボタンが表示され、クリックするとクリップボードにコードがコピーされます! 方法2:Prism.jsを使ってもっと楽に コードハイライト用ライブラリ Prism.js の「copy-to-clipboard」プラグインを使うと、コピーアイコンが自動で追加されます。テーマの </body ...