文章で画像やアドセンスを囲むように表示をする Leave a reply How to easily wrap text around Google Adsense or Chitik ads</a></p> <p></p> <p>要するに、画像などの文章で囲みたいものを</p> <p>＜div style=”display:block;float:right;margin: 5px 5px 5px 5px;”＞</p> <p>ここに囲みたいものを入れます。</p> <p>＜/div＞</p> <p>＊実際に使用の時は「＜」と「＞」は半角を使ってください。</p> <div style="display:block;float:right;margin: 5px 5px 5px 5px;"><script type="text/javascript"><!-- ad_client = 54269; ad_start_count = 1; ad_end_count = 4; ad_total = 4; ad_format = "v330x70"; ad_width = 330; ad_height = 280; color_border = "FFFFFF"; color_bg = "FFFFFF"; color_link = "0000FF"; color_text = "000000"; color_url = "008000"; //--></script></p> <p><script type="text/javascript" src="http://ad.pitattomatch.com/js/advertise.js"></p> <p></script></div> <p>で、囲むだけです。</p> <p>「float:right」のは、文章で囲むモノが記事の右にきます。</p> <p></p> <p>これで思っている形ができるようになりました。以外に簡単そうに見えるのですが、知識がないと簡単にできるようでなかなかできません。私の場合は、色々独学でやっているので、本当に骨が折れます。</p> <p></p> <p>しかし、一度分かってしまうと色々なことに応用が利くと思いますので、ブログをされている人はぜひ使ってみてください。</p> <p></p> </div><!-- .entry-content --> <footer class="entry-meta"> This entry was posted in <a href="http://hiroimafuji.com/category/%e6%97%a5%e8%a8%98" rel="category tag">日記</a> and tagged <a href="http://hiroimafuji.com/tag/div-styledisplayblockfloatright" rel="tag">div style=display:block;float:right</a> on <a href="http://hiroimafuji.com/how_to_easily_wrap_text_around.php" title="6:30 am" rel="bookmark"><time class="entry-date" datetime="2008-03-20T06:30:00+00:00">March 20, 2008</time></a><span class="by-author"> by <span class="author vcard"><a class="url fn n" href="http://hiroimafuji.com/author/hiroimafuji" title="View all posts by hiroimafuji" rel="author">hiroimafuji</a></span></span>. </footer><!-- .entry-meta --> </article><!-- #post --> <nav class="nav-single"> <h3 class="assistive-text">Post navigation</h3> <span class="nav-previous"><a href="http://hiroimafuji.com/javascript_the_blog_of_hfujimo.php" rel="prev"><span class="meta-nav">←</span> MTで日時指定登校をする：「ほぼ」指定日投稿（JavaScript版）:</a></span> <span class="nav-next"><a href="http://hiroimafuji.com/post_302.php" rel="next">個人でできる仕事 <span class="meta-nav">→</span></a></span> </nav><!-- .nav-single --> <div id="comments" class="comments-area"> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">Leave a Reply <small><a rel="nofollow" id="cancel-comment-reply-link" href="/how_to_easily_wrap_text_around.php#respond" style="display:none;">Cancel reply</a></small></h3><form action="http://hiroimafuji.com/wp-comments-post.php" method="post" id="commentform" class="comment-form"><p class="comment-notes"><span id="email-notes">Your email address will not be published.</span> Required fields are marked <span class="required">*</span></p><p class="comment-form-comment"><label for="comment">Comment</label> <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required="required"></textarea></p><p class="comment-form-author"><label for="author">Name <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" required='required' /></p> <p class="comment-form-email"><label for="email">Email <span class="required">*</span></label> <input id="email" name="email" type="text" value="" size="30" maxlength="100" aria-describedby="email-notes" required='required' /></p> <p class="comment-form-url"><label for="url">Website</label> <input id="url" name="url" type="text" value="" size="30" maxlength="200" /></p> <p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes" /> <label for="wp-comment-cookies-consent">Save my name, email, and website in this browser for the next time I comment.</label></p> <p class="cptch_block"><span class="cptch_title">Captcha<span class="required"> *</span></span><br /><span class="cptch_wrap"> <label class="cptch_label" for="cptch_input"> <span class="cptch_span">9</span> <span class="cptch_span"> × </span> <span class="cptch_span"><input id="cptch_input" class="cptch_input" type="text" autocomplete="off" name="cptch_number" value="" maxlength="2" size="2" aria-required="true" required="required" style="margin-bottom:0;display:inline;font-size: 12px;width: 40px;" /></span> <span class="cptch_span"> = </span> <span class="cptch_span">seventy two</span> <input type="hidden" name="cptch_result" value="AOk=" /> <input type="hidden" name="cptch_time" value="1731065679" /> <input type="hidden" value="Version: 4.1.8" /> </label><span class="cptch_reload_button_wrap hide-if-no-js"> <noscript> <style type="text/css"> .hide-if-no-js { display: none !important; } </style> </noscript> <span class="cptch_reload_button dashicons dashicons-update"></span> </span></span></p><p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Post Comment" /> <input type='hidden' name='comment_post_ID' value='10019' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p><p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="9ce223c080" /></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="115"/></p></form> </div><!-- #respond --> </div><!-- #comments .comments-area --> </div><!-- #content --> </div><!-- #primary --> <div id="secondary" class="widget-area" role="complementary"> <aside id="recent-posts-3" class="widget widget_recent_entries"> <h3 class="widget-title">New Posts</h3> <ul> <li> <a href="http://hiroimafuji.com/%e3%83%90%e3%82%a4%e3%83%aa%e3%83%b3%e3%82%ac%e3%83%ab%e3%81%ab%e3%81%aa%e3%82%8b%ef%bc%9a%e5%a8%98%e3%81%ab%e5%ad%a6%e3%81%b6.php">バイリンガルになる：娘に学ぶ</a> </li> <li> <a href="http://hiroimafuji.com/10387.php">Raising a Kid as Bilingual</a> </li> <li> <a href="http://hiroimafuji.com/zero_in_on.php">役に立つ英単語：zero in on</a> </li> </ul> </aside><aside id="search-2" class="widget widget_search"><h3 class="widget-title">検索</h3><form role="search" method="get" id="searchform" class="searchform" action="http://hiroimafuji.com/"> <div> <label class="screen-reader-text" for="s">Search for:</label> <input type="text" value="" name="s" id="s" /> <input type="submit" id="searchsubmit" value="Search" /> </div> </form></aside> </div><!-- #secondary --> </div><!-- #main .wrapper --> <footer id="colophon" role="contentinfo"> <div class="site-info"> <a href="https://wordpress.org/" title="Semantic Personal Publishing Platform">Proudly powered by WordPress</a> </div><!-- .site-info --> </footer><!-- #colophon --> </div><!-- #page --> <script type='text/javascript' src='http://hiroimafuji.com/wp-content/plugins/akismet/_inc/form.js?ver=3.1.8'></script> <script type='text/javascript'> /* <![CDATA[ */ var wpcf7 = {"apiSettings":{"root":"http:\/\/hiroimafuji.com\/wp-json\/contact-form-7\/v1","namespace":"contact-form-7\/v1"}}; /* ]]> */ </script> <script type='text/javascript' src='http://hiroimafuji.com/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=5.3.2'></script> <script type='text/javascript' src='http://hiroimafuji.com/wp-includes/js/comment-reply.min.js?ver=5.4.16'></script> <script type='text/javascript' src='http://hiroimafuji.com/wp-content/themes/twentytwelve/js/navigation.js?ver=20140711'></script> <script type='text/javascript' src='http://hiroimafuji.com/wp-includes/js/wp-embed.min.js?ver=5.4.16'></script> </body> </html>
