<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" >

<channel><title><![CDATA[Itz Chennai - News Trend - Blog Development]]></title><link><![CDATA[https://www.itzchennai.com/newstrendfb]]></link><description><![CDATA[News Trend - Blog Development]]></description><pubDate>Sat, 25 Oct 2025 11:46:00 +0530</pubDate><generator>Weebly</generator><item><title><![CDATA[Instant  article]]></title><link><![CDATA[https://www.itzchennai.com/newstrendfb/instant-article]]></link><comments><![CDATA[https://www.itzchennai.com/newstrendfb/instant-article#comments]]></comments><pubDate>Sun, 10 Sep 2017 15:16:33 GMT</pubDate><category><![CDATA[Uncategorized]]></category><guid isPermaLink="false">https://www.itzchennai.com/newstrendfb/instant-article</guid><description><![CDATA[Instant ArticlesGet familiar with your new storytelling tools. Make your media come alive, and keep readers coming back for moreIntroductionInstant Articles TeamFebruary 4th 2016, 8:00 AM February 4th 2016, 8:00 AMYes, it’s true. Instant Articles open on mobile devices really quickly.But that’s just the beginning of it. Instant Articles are buttery smooth and addictive. Once you’ve read a few, you’ll never want to go back.The Facebook-native format is packed with innovative ways to tell  [...] ]]></description><content:encoded><![CDATA[<div><div id="563948237986968609" align="left" style="width: 100%; overflow-y: hidden;" class="wcustomhtml"><meta charset="utf-8"><link rel="canonical" href="http://instantarticles.fb.com/example1"><link rel="stylesheet" title="default" href="#"><meta property="fb:article_style" content="Test Article Style"><article><header><!-- The header image shown inside your article --><figure data-mode="aspect-fit"><video loop=""><source src="http://fb.me/ia-video-ia_b_roll.mov" type="video/mov"></video></figure><!-- The title and subtitle shown in your article --><h1>Instant Articles</h1><h2>Get familiar with your new storytelling tools. Make your media come alive, and keep readers coming back for more</h2><!-- A kicker for your article --><h3 class="op-kicker">Introduction</h3><!-- The author of your article --><address>Instant Articles Team</address><!-- The published and last modified time stamps --><time class="op-published" datetime="2016-2-04T08:00">February 4th 2016, 8:00 AM</time> <time class="op-modified" datetime="2016-2-04T08:00">February 4th 2016, 8:00 AM</time></header><p>Yes, it&rsquo;s true. Instant Articles open on mobile devices really quickly.</p><p>But that&rsquo;s just the beginning of it. Instant Articles are buttery smooth and addictive. Once you&rsquo;ve read a few, you&rsquo;ll never want to go back.</p><p>The Facebook-native format is packed with innovative ways to tell deeply engaging, interactive stories. Thanks to the powerful, built-in media features and customizable typographic elements, Instant Articles gives you awesome new editorial tools to use while delivering a decidedly superior experience for your readers.</p><p>More than half of Instant Articles readers scroll 90% of the way through their articles, while, historically, 38% of web readers haven&rsquo;t made it past the first line of other online media.</p><p>This article gives you a quick highlight tour of Instant Articles features and shows you how to make magic with the format. You&rsquo;ll be happy to find that Instant Articles are not only delightful but surprisingly easy to create.</p><h1>Photography</h1><p>All photographs are interactive by default. When tapped an image will expand to fill the screen, then readers can tilt the phone back and forth to explore the margins.</p><!-- Photo with caption --><figure data-feedback="fb:likes, fb:comments"><img src="http://fb.me/ia-img-fisherman.jpg"><figcaption><h1>Photograph Example</h1>Tap this image to make it expand. Tilt the phone right and left and see what happens. <cite>tunart/Getty Images</cite></figcaption></figure><p>To return to the article, tap the image again. The interactive mode works best with high-definition photos containing rich visual information. For low-resolution media, we recommend using the non-interactive setting so that it will remain in-line in the correct aspect ratio and your readers won&rsquo;t tap into a mushy, pixelated experience.</p><h2>Social Feedback</h2><p>You can add native Facebook Likes and Comments buttons to images, giving readers extra opportunities to engage with individual elements in your stories. This feature currently works for photographs and videos.</p><h2>Slideshow</h2><p>You can also group collections of images into slideshows that scroll horizontally.</p><!-- Slideshow with multiple captions--><figure class="op-slideshow"><figure data-feedback="fb:likes,fb:comments"><img src="http://fb.me/ia-img-townhouses.jpg"><figcaption class="op-vertical-bottom"><h1 class="op-vertical-bottom">1/5</h1>This caption becomes visible once you enter the slideshow by tapping the first image. <cite class="op-vertical-bottom">Kimson Doan/Unsplash</cite></figcaption></figure><figure data-feedback="fb:likes,fb:comments"><img src="http://fb.me/ia-img-grafitti.jpg"><figcaption class="op-vertical-bottom"><h1 class="op-vertical-bottom">2/5</h1>Each photo in a slideshow can have its own caption. <cite class="op-vertical-bottom">Peter Dargatz/Pixabay</cite></figcaption></figure><figure data-feedback="fb:likes,fb:comments"><img src="http://fb.me/ia-img-dancer.jpg"><figcaption class="op-vertical-bottom"><h1 class="op-vertical-bottom">3/5</h1>This is the third photo of the slideshow. <cite class="op-vertical-bottom">blanaru/iStock</cite></figcaption></figure><figure data-feedback="fb:likes,fb:comments"><img src="http://fb.me/ia-img-subway_orange.jpg"><figcaption class="op-vertical-bottom"><h1 class="op-vertical-bottom">4/5</h1>The fourth photo of the slideshow. <cite class="op-vertical-bottom">Christian Beirle Gonz&aacute;lez/Getty Images</cite></figcaption></figure><figure data-feedback="fb:likes,fb:comments"><img src="http://fb.me/ia-img-subway_yellow.jpg"><figcaption class="op-vertical-bottom"><h1 class="op-vertical-bottom">5/5</h1>The fifth photo of the slideshow. <cite class="op-vertical-bottom">Ole Spata/EyeEm</cite></figcaption></figure><figcaption><h1>Slideshow Example</h1>The slideshow caption is visible in-line in the main body of the story. You can also add individual captions for each image in the gallery, which become visible only after entering the slideshow. Tap on the first image to open it.</figcaption></figure><h1>Video</h1><p>Native videos in Instant Articles play automatically, by default, as soon as they scroll into view on the reader&rsquo;s screen&mdash;a powerful way to make the page come to life. You have many options for presenting videos. Here&rsquo;s an interactive one with play controls.</p><!-- An interactive video with play controls --><figure data-feedback="fb:likes, fb:comments"><img src="http://fb.me/ia-img-video_frame.jpg"> <video controls=""><source src="http://fb.me/ia-video-fb_ia_product_video.mov"></video><figcaption><h1><b>2:57</b> | Interactive Video Example</h1>When this video first scrolls into sight, it appears in-line in its correct aspect ratio and plays automatically with the volume off. By tapping it, the video expands to fill the screen and can be turned to view horizontally. The soundtrack becomes audible, and play controls, with scrubber, are accessible.</figcaption></figure><p>To hide play controls, tap the video again; the pause/play icons and scrubber can be toggled on and off this way. You can also rotate the phone sideways while the video is in-line to view it in landscape mode.</p><p>Alternately, try using a short video to add color and mood to a story. Disable the play controls and set it to loop with a cross-fade.</p><!-- A video set to loop and cross-fade with play controls disabled --><figure data-feedback="fb:likes, fb:comments" data-mode="aspect-fit"><video loop="" data-fade=""><source src="http://fb.me/ia-video-lantern.mov"></video><figcaption><h1>Ambient Video Example</h1>Tap the video to expand and then tilt to explore. Think of this kind of interactive video as a moving photograph. It gives curious readers an opportunity to explore a living scene and become immersed in a new way. Looping continuously, the video adds atmosphere to an article and can be used to emphasize a section break. <cite>torcia/iStock</cite></figcaption></figure><p>You can also ingest GIFs natively&mdash;no need for third-party players.</p><!-- Native GIF example --><figure data-feedback="fb:likes, fb:comments"><img src="http://fb.me/ia-img-dog.gif"><figcaption class="op-vertical-below op-large">We know GIFs are exciting, but please try to calm down. <cite>iStock</cite></figcaption></figure><h1>Cartography</h1><p>Another great way to add information and texture to your stories: maps! Instant Articles has two cartographic features that deliver additional context to news and help readers situate it in the wider world.</p><!-- A geotagged image within your article --><figure data-feedback="fb:likes, fb:comments"><img src="http://fb.me/ia-img-volcano.jpg"><figcaption><h1>Geotagging Example</h1>Major news events often occur in locations unfamiliar to readers. Photos and videos in Instant Articles can easily be geotagged, such as this image of Mount Etna, so that readers can tap the globe icon to see where the action is happening. By pinching this map, you can zoom in to see details on the snow-capped slopes of the volcano or zoom out far enough to see the boot of Italy&mdash;and beyond. <cite>Marco Restivo/Getty Images</cite></figcaption></figure><p>Rotating contour maps can be inserted in stories with a simple code block, giving readers a bird&rsquo;s-eye view of topography and the ability to pinch and zoom in or out.</p><!-- A map within your article --><figure class="op-map"><figcaption><h1>Map Example</h1>The pin on this map designates Facebook Media Central&rsquo;s offices in New York City.</figcaption></figure><h1>Embeds</h1><p>Instant Articles deliver rich, multimedia stories even when you don&rsquo;t own all the source media files. You might want to publish evolving news about an incident captured in video on YouTube. Or a listicle made up entirely of Tweets, Facebook posts, Instagrams and Vines. Instant Articles seamlessly integrate all types of web-based embeds, including your own interactive graphics, video players, ads and social media, such as this post from Mark Zuckerberg.</p><!-- Embedded social media example --><figure class="op-social"><iframe><!-- Include social media embed code here --><div id="fb-root"></div><div class="fb-post" data-href="https://www.facebook.com/zuck/posts/10102531565693851" data-width="500"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/zuck/posts/10102531565693851"><p>The force is strong with this one.</p>Posted by <a href="https://www.facebook.com/zuck">Mark Zuckerberg</a> on&nbsp;<a href="https://www.facebook.com/zuck/posts/10102531565693851">Thursday, December 17, 2015</a></blockquote></div></div></iframe></figure><h1>Typography</h1><p>Don&rsquo;t forget to make use of pull quotes and block quotes. Give the quote extra punch by customizing its color using the <a href="https://developers.facebook.com/docs/instant-articles/guides/design#style">Style Editor</a>.</p><!-- A pull quote within your article --><aside>Being connected means having opportunity. We&rsquo;re connecting the world so one day everyone can fulfill their dreams. <cite>Mark Zuckerberg</cite></aside><p>To include a long excerpt from another source, such as the following example from Sheryl Sandberg&rsquo;s <em>Lean In: Women, Work, and the Will to Lead</em>, use a block quote. It&rsquo;s in the same style as the body text but set off with a rule on the left margin.</p><!-- A block quote within your article --><blockquote>But knowing that things could be worse should not stop us from trying to make them better. When the suffragettes marched in the streets, they envisioned a century later, men and women would be truly equal. A century later, we are still squinting, trying to bring that vision into focus.</blockquote><h1>In-line Related Articles</h1><p>Pique reader interest in more articles from your publication with an in-line related articles element. Choose up to 3 stories and guide readers to other engaging articles.</p><ul class="op-related-articles" title="Learn more about Instant Articles"><li><a href="http://instantarticles.fb.com"></a></li><li><a href="https://www.facebook.com/facebookmedia"></a></li></ul><p>You can also add a related articles element in the footer. Scroll down to the bottom of the story to see that feature in action.</p><h1>Customizing the Formatting</h1><p>To create advanced effects, you can play with different layout settings on your media elements. To create full-bleed layouts with a magazine-like feel, for example, you can crop a series of photos vertically and stack them in-line without spacing or text in between.</p><h2>Fullscreen Media</h2><p>Another option is to set images or videos to fullscreen mode, in which case the art crops automatically so that it bleeds off the screen frame and snaps gently into place. It&rsquo;s kind of like a digital gatefold, giving readers a chance to enjoy a special moment in the story. See how this next image pauses briefly when you scroll it into view.</p><!-- A fullscreen image that snaps into place --><figure data-mode="fullscreen"><img src="http://fb.me/ia-img-norway.jpg"><figcaption class="op-vertical-bottom op-large"><h1 class="op-vertical-bottom op-extra-large">&ldquo;I want to stay as close to the edge as I can without going over. Out on the edge you see all kinds of things you can&rsquo;t see from the center.&rdquo;</h1>Kurt Vonnegut</figcaption></figure><p>Visit the <a href="https://developers.facebook.com/docs/instant-articles/guides/design">Instant Articles Design Guide</a> to learn how to customize your typography and layout. The <a href="https://developers.facebook.com/docs/instant-articles/reference">Format Reference</a> describes the HTML-5 markup used to set interactive features and vary the presentation modes for media.</p><h1>Next</h1><p>Get inspired by some of the incredible showcase articles that we&rsquo;ve posted on the <a href="https://www.facebook.com/instantArticles/?fref=ts">Instant Articles Facebook page</a>. Whether you want to create a specially designed long read filled with multimedia elements or to quickly publish an on-the-scene video connected to an evolving news story, Instant Articles has the features and flexibility to help you deliver stories that not only load fast but are hard to forget.</p><p>Look at this format as a tool box. How you choose to use Instant Articles and what you make with them are limited only by your imagination. We plan on continuously adding tools to the kit, based on your experiences and feedback. Our team is eager to work with publishers, bloggers and independent journalists to help you deliver your stories to new audiences with the most impact and multimedia goodness possible.</p><footer><ul class="op-related-articles"><li><a href="http://instantarticles.fb.com"></a></li><li><a href="http://instantarticles.fb.com"></a></li></ul><!-- Credits for your article --><aside>The footer section can be used for acknowledgements, author bios, related articles, or any other supplemental information.</aside><!-- Copyright details for your article --><small>&copy; Facebook</small></footer></article></div></div>]]></content:encoded></item></channel></rss>