{"id":12640,"date":"2010-07-14T12:07:40","date_gmt":"2010-07-14T12:07:40","guid":{"rendered":"https:\/\/www.amitbhawani.com\/blog\/?p=12640"},"modified":"2010-07-14T12:07:40","modified_gmt":"2010-07-14T12:07:40","slug":"display-next-post-nytimes-style","status":"publish","type":"post","link":"https:\/\/www.amitbhawani.com\/blog\/display-next-post-nytimes-style\/","title":{"rendered":"Display Next Post NyTimes Style in WordPress &#8211; Flyout &#038; Fade In\/Out Effects"},"content":{"rendered":"<p>New York Times displays the next article in such a beautiful way that in most of the cases the readers would easily click on the small button or the box and move towards reading it. The best part is that these kind of small &#038; tiny buttons would ensure that your readers stay for a longer period on your blog and also would also decrease the bounce rate. <\/p>\n<p>Now the same feature is available for wordpress blogs in the form of a plugin called as <a rel=\"nofollow\" target=\"_blank\" href=\"http:\/\/wordpress.org\/extend\/plugins\/upprev-nytimes-style-next-post-jquery-animated-fly-in-button\/\">upPrev<\/a>. When the blog reader would scroll down towards the end of the article they would see a small animated button at the bottom right corner with a link to the next article of the same category. The current available effects are fade-in or a fly-in animation and you can device what kind of animation would suit your blog.<\/p>\n<p><a href=\"https:\/\/i0.wp.com\/www.amitbhawani.com\/blog\/wp-content\/uploads\/2010\/07\/NyTimes-Footer-Button-Style.png\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.amitbhawani.com\/blog\/wp-content\/uploads\/2010\/07\/NyTimes-Footer-Button-Style.png?resize=412%2C83\" alt=\"NyTimes Footer Button Style\" title=\"NyTimes Footer Button Style\" width=\"412\" height=\"83\" class=\"aligncenter size-full wp-image-12641\" srcset=\"https:\/\/i0.wp.com\/www.amitbhawani.com\/blog\/wp-content\/uploads\/2010\/07\/NyTimes-Footer-Button-Style.png?w=412&amp;ssl=1 412w, https:\/\/i0.wp.com\/www.amitbhawani.com\/blog\/wp-content\/uploads\/2010\/07\/NyTimes-Footer-Button-Style.png?resize=300%2C60&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.amitbhawani.com\/blog\/wp-content\/uploads\/2010\/07\/NyTimes-Footer-Button-Style.png?resize=150%2C30&amp;ssl=1 150w\" sizes=\"auto, (max-width: 412px) 100vw, 412px\" \/><\/a><\/p>\n<p>We have currently implemented this plugin on few of our blogs to just test out the service and if this is actually liked by our readers or not. Sometimes these kind of buttons can be very useful to the readers and sometimes they would make them distracted while reading something important which is the reason its better to test it out for a few days and then compare the results through the statistics on the page views. Followed is a screen-shot of this plugin in use at this blog. Another similar plugin which you could be using is <a href=\"https:\/\/www.amitbhawani.com\/blog\/scroll-to-top-plugin-for-smoother-scrolling-in-wordpress\/\">Scroll To Top Plugin<\/a><\/p>\n<p><a href=\"https:\/\/i0.wp.com\/www.amitbhawani.com\/blog\/wp-content\/uploads\/2010\/07\/Blog-Footer-Button-Flyin.png\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.amitbhawani.com\/blog\/wp-content\/uploads\/2010\/07\/Blog-Footer-Button-Flyin.png?resize=411%2C109\" alt=\"Blog Footer Button Flyin\" title=\"Blog Footer Button Flyin\" width=\"411\" height=\"109\" class=\"aligncenter size-full wp-image-12642\" srcset=\"https:\/\/i0.wp.com\/www.amitbhawani.com\/blog\/wp-content\/uploads\/2010\/07\/Blog-Footer-Button-Flyin.png?w=411&amp;ssl=1 411w, https:\/\/i0.wp.com\/www.amitbhawani.com\/blog\/wp-content\/uploads\/2010\/07\/Blog-Footer-Button-Flyin.png?resize=300%2C79&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.amitbhawani.com\/blog\/wp-content\/uploads\/2010\/07\/Blog-Footer-Button-Flyin.png?resize=150%2C39&amp;ssl=1 150w\" sizes=\"auto, (max-width: 411px) 100vw, 411px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>New York Times displays the next article in such a beautiful way that in most of the cases the readers would easily click on the small button or the box and move towards reading it. The best part is that these kind of small &#038; tiny buttons would ensure that your readers stay for a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":19917,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[376],"tags":[],"class_list":["post-12640","post","type-post","status-publish","format-standard","has-post-thumbnail","category-wordpress","entry"],"aioseo_notices":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.amitbhawani.com\/blog\/wp-content\/uploads\/2010\/12\/NyTimes-Footer-Button-Style.png?fit=412%2C83&ssl=1","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":10318,"url":"https:\/\/www.amitbhawani.com\/blog\/fine-tuning-visual-effects-in-windows-7\/","url_meta":{"origin":12640,"position":0},"title":"Fine-Tuning Visual Effects in Windows 7","author":"Tony Stark","date":"April 21, 2010","format":false,"excerpt":"The Windows 7 interface has many graphical enhancements including visual effects for menus, toolbars, windows, and the taskbar. Because displaying these visual effects can require substantial system resources, Windows 7 lets you optimize the way visual effects are used. You can optimize for appearance or for performance. You can also\u2026","rel":"","context":"In &quot;Windows Blog&quot;","block_context":{"text":"Windows Blog","link":"https:\/\/www.amitbhawani.com\/blog\/category\/windows-blog\/"},"img":{"alt_text":"Windows7 Performance Settings","src":"https:\/\/i0.wp.com\/www.amitbhawani.com\/blog\/wp-content\/uploads\/2010\/04\/Windows7-Performance-Settings-209x300.png?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":16329,"url":"https:\/\/www.amitbhawani.com\/blog\/iphone-app-increase-photo-quality\/","url_meta":{"origin":12640,"position":1},"title":"iPhone App to Increase Photo Quality to 12Mp &#038; 5X Zoom","author":"Amit Bhawani","date":"November 11, 2010","format":false,"excerpt":"Every now and then there is a new iPhone Application launched which would ensure you that you can increase the quality of the Photos you capture using the device but the final results are not the same which are expected. In this article we are going to suggest you one\u2026","rel":"","context":"In &quot;Apple&quot;","block_context":{"text":"Apple","link":"https:\/\/www.amitbhawani.com\/blog\/category\/apple\/"},"img":{"alt_text":"iPhone Camera App","src":"https:\/\/i0.wp.com\/www.amitbhawani.com\/blog\/wp-content\/uploads\/2010\/11\/iPhone-Camera-App-150x150.png?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":16107,"url":"https:\/\/www.amitbhawani.com\/blog\/find-solution-windows-7-problems-problem-steps-recorder\/","url_meta":{"origin":12640,"position":2},"title":"Find Solution to Windows 7 Problems with Problem Steps Recorder","author":"Amit Bhawani","date":"November 2, 2010","format":false,"excerpt":"Hey Amit, we have been reading your blog from the past 2 years and have liked every single article. We have learnt a lot about different software's which you have reviewed here and also all the tips and tutorials you keep posting regularly. Recently we switched to the Windows 7\u2026","rel":"","context":"In &quot;Windows Blog&quot;","block_context":{"text":"Windows Blog","link":"https:\/\/www.amitbhawani.com\/blog\/category\/windows-blog\/"},"img":{"alt_text":"Windows Search PSR","src":"https:\/\/i0.wp.com\/www.amitbhawani.com\/blog\/wp-content\/uploads\/2010\/11\/Windows-Search-PSR.png?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":5108,"url":"https:\/\/www.amitbhawani.com\/blog\/simple-blog-design-or-magazine-styles-whats-your-favorite\/","url_meta":{"origin":12640,"position":3},"title":"Simple Blog Design or Magazine Styles &#8211; What&#8217;s your Favorite","author":"Amit Bhawani","date":"July 28, 2009","format":false,"excerpt":"I have been planning to redesign my blogs and always this is the first question which comes to my mind and i felt its better to ask the blog readers on what kind of website designs they love and what is the structure that would make them read blogs regularly.\u2026","rel":"","context":"In &quot;Blogging&quot;","block_context":{"text":"Blogging","link":"https:\/\/www.amitbhawani.com\/blog\/category\/web-blogging\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":11919,"url":"https:\/\/www.amitbhawani.com\/blog\/jailbreak-ios4-iphone3g-ipod-touch2g\/","url_meta":{"origin":12640,"position":4},"title":"Jailbreak iOS 4 on iPhone 3G\/iPod Touch 2G with Redsn0w 0.9.5","author":"Amit Bhawani","date":"June 22, 2010","format":false,"excerpt":"We finally have the iOS4 update officially available from Apple which is a large ipsw file to download on your computer. In this article we are going to discuss how to Jailbreak the iPhone 3G and iPod Touch 2G on a Mac based computer. For windows check out our other\u2026","rel":"","context":"In &quot;Apple&quot;","block_context":{"text":"Apple","link":"https:\/\/www.amitbhawani.com\/blog\/category\/apple\/"},"img":{"alt_text":"Redsn0w Application","src":"https:\/\/i0.wp.com\/www.amitbhawani.com\/blog\/wp-content\/uploads\/2010\/06\/redsn0w-application.png?fit=427%2C577&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":5985,"url":"https:\/\/www.amitbhawani.com\/blog\/how-to-convert-vob-to-mov-format\/","url_meta":{"origin":12640,"position":5},"title":"How to Convert VOB to MOV Format","author":"Jyoti Bhawani","date":"September 22, 2009","format":false,"excerpt":"VOB stands for DVD Video Object. The VOB file is actually one of the core files that is found on DVD-Video discs and it contains multiplexed Dolby Digital audio (normally AC3 format) and MPEG-2 video. VOB is nothing but the file type that is used to store video on a\u2026","rel":"","context":"In &quot;How to Guide&quot;","block_context":{"text":"How to Guide","link":"https:\/\/www.amitbhawani.com\/blog\/category\/how-to\/"},"img":{"alt_text":"Convert VOB MOV","src":"https:\/\/i0.wp.com\/www.amitbhawani.com\/blog\/wp-content\/uploads\/2009\/09\/Convert-VOB-MOV-150x150.jpg?resize=350%2C200","width":350,"height":200},"classes":[]}],"_links":{"self":[{"href":"https:\/\/www.amitbhawani.com\/blog\/wp-json\/wp\/v2\/posts\/12640","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.amitbhawani.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.amitbhawani.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.amitbhawani.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.amitbhawani.com\/blog\/wp-json\/wp\/v2\/comments?post=12640"}],"version-history":[{"count":0,"href":"https:\/\/www.amitbhawani.com\/blog\/wp-json\/wp\/v2\/posts\/12640\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.amitbhawani.com\/blog\/wp-json\/wp\/v2\/media\/19917"}],"wp:attachment":[{"href":"https:\/\/www.amitbhawani.com\/blog\/wp-json\/wp\/v2\/media?parent=12640"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.amitbhawani.com\/blog\/wp-json\/wp\/v2\/categories?post=12640"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.amitbhawani.com\/blog\/wp-json\/wp\/v2\/tags?post=12640"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}