dockerfile/examples/omnivore/content-fetch/readabilityjs/test/test-pages/cavesocial/expected.html

59 lines
6.0 KiB
HTML
Raw Permalink Normal View History

2024-03-15 14:52:38 +08:00
<div id="readability-page-1" class="page">
<div id="boxed-wrapper">
<main id="main">
<section id="content">
<article id="post-2624">
<div>
<p> Embedding photos is a great way to legally show other peoples photos on your website, promote their content, and entice them to share your blog post on their social accounts. </p>
<p> Lets say you want to write about restaurants in your area. These articles are broad&#160;and cast a wide net in terms of readership. Youll be capturing traffic from people in your area, and providing them with valuable content that presents you as a local expert. Awesome! </p>
<p> Write your article, link to the restaurants, and then as the title of this article implies embed photos from Instagram onto your blog. </p>
<p> Heres what you do. </p>
<h2 data-fontsize="30" data-lineheight="36px"> 1. Find the restaurant on Instagram </h2>
<p> For example, if you mentioned Zeeks Pizza in your article, head to Instagram and search Zeeks Pizza, or just type, Zeeks Pizza Instagram, into Google, then follow the link. </p>
<p>
<img src="https://i1.wp.com/cavesocial.com/wp-content/uploads/2016/07/zeeks-pizza-instagram-Google-Search.clipular.png?resize=808%2C259&amp;ssl=1" alt="embed instagram photos" width="808" height="259" data-recalc-dims="1" />
</p>
<h2 data-fontsize="30" data-lineheight="36px"> 2. Find the best photo for your article </h2>
<p> Take a look through their photos, and find one that you think will speak to your audience. We recommend going for a photo of the restaurants signature dish, in this case, pizza. When you find a winner, click on it. Of the three below, wed recommend the one of the far left. </p>
<p>
<img src="https://i1.wp.com/cavesocial.com/wp-content/uploads/2016/07/Zeeks-Pizza-@zeekspizza-Instagram-photos-and-videos.clipular-1.jpg?resize=975%2C324&amp;ssl=1" alt="embed an instagram photo to your blog" width="975" height="324" data-recalc-dims="1" />
</p>
<h2 data-fontsize="30" data-lineheight="36px"> 3. Click the 3 dots in the bottom, right-hand corner </h2>
<p>
<img src="https://i2.wp.com/cavesocial.com/wp-content/uploads/2016/07/click-three-buttons-instagram.png?resize=600%2C438&amp;ssl=1" alt="embed on instagram" width="600" height="438" data-recalc-dims="1" />
</p>
<h2 data-fontsize="30" data-lineheight="36px"> 4. Click the embed button </h2>
<h2 data-fontsize="30" data-lineheight="36px">
<img src="https://i2.wp.com/cavesocial.com/wp-content/uploads/2016/07/embed-instagram-photo.png?resize=600%2C437&amp;ssl=1" alt="embed on instagram" width="600" height="437" data-recalc-dims="1" />
</h2>
<h2 data-fontsize="30" data-lineheight="36px"> 5. Copy the embed code </h2>
<p>
<img src="https://i2.wp.com/cavesocial.com/wp-content/uploads/2016/07/click-embed-button.png?resize=501%2C221&amp;ssl=1" alt="how to imbed photos on instagram" width="501" height="221" data-recalc-dims="1" />
</p>
<h2 data-fontsize="30" data-lineheight="36px"> 6. Paste the embed code in the text of your website </h2>
<p> If you use WordPress, paste the embed code in the text portion of your editor. From there, youre good to go. Your new Instagram photo will be embedded in your blog post! It should look something like this: </p>
<div class="instagram-placeholder" data-instagram-id="BHisJLwAEeU"></div>
<p>
<br /> Once youve finished your blog, be sure to share it with all of the restaurants you mentioned. &#160;Youll usually see a few of the restaurants share the blog post on their social media accounts, bringing more visitors to your website (along with more potential customers).
</p>
<h2 data-fontsize="30" data-lineheight="36px"> 7. Center the content </h2>
<p> When you put an Instagram embed code on your website, it will default to left alignment. If you want to center your content you have a few options. </p>
<ol>
<li>You can add a &lt;center&gt;&lt;/center&gt; tag to the beginning and end of the embed (this will have to be done on every post) </li>
<li>In WordPress you can add this as additional CSS to ensure every post is centered: <strong>.instagram-media{margin:15px auto !important;}</strong>
</li>
</ol>
<p> Watch our <a href="https://cavesocial.com/write-blog-hits-1000-views-episode-15/">video on how to get your +1000 visitors to your next blog post</a> for more tactics, and be sure to email me at jordan[at]cavesocial.com if you have any questions. </p>
<hr />
<p>
<em>Be sure to tweet any questions you have to the Cave Team on Twitter just use the hashtag <a href="https://www.twitter.com/cavesocial">#AskCave</a></em>
</p>
<h3 data-fontsize="25" data-lineheight="40px">
<a href="http://cavesocial.us9.list-manage1.com/subscribe?u=ae7711c46790b29f1eedea8b2&amp;id=cf19a4a868">Want more marketing tips? Subscribe to our newsletter.</a>
</h3>
</div>
</article>
</section>
</main>
</div>
</div>