.divByline, .divFooterText { display: none; } @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { .navbar .nav>li { display: none; height: 0; } .divFargoSocialMediaLinks { display: none; } .container { margin-top: 10px; width: 90%; } .divFargoMarkdown p { font-size: 17px; line-height: 140%; } h2 { font-size: 24px; line-height: 140%; } .divHeadlineUnit { margin-bottom: 5px; } .divPrevNext { font-size: 1.2em; } .divBreadcrumbs { display: none; font-size: 15px; } .breadcrumb>li>.divider { padding: 0; padding-left: 1px; } .spSlogan { display: none; } } .divByline, .divFooterText { display: none; } .divOutlineImage { height: 100%; width: 100%; position: absolute; right: 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; background-repeat: no-repeat; z-index: -1; opacity: 1; } .divTextInFrontOfImage { background-color: white; opacity: .90; padding: 1.5em; border:2px solid whitesmoke; } .spSlogan { display: none; } .divByline, .divFooterText { display: none; } .divOutlineNoMarkdown { font-size: 20px; line-height: 150%; } .divOutlineNoMarkdown li { line-height: 150%; } .divOutlineNoMarkdown li { } .divOutlineNoMarkdown .ulOutlineList { padding: 0; margin: 0; } .divOutlineNoMarkdown .liOutline { list-style-type: none; margin-bottom: .5em; } .divOutlineNoMarkdown .divOutlineHead { font-weight: bold; margin-top: 13px; margin-bottom: 13px; } .divOutlineNoMarkdown .liHasSubs ul { } .divOutlineNoMarkdown .liNoSubs { } .divOutlineNoMarkdown .spOutlineIcon { margin-right: -11px; } .divOutlineNoMarkdown .aOutlineWedgeLink { color: black; } .divOutlineNoMarkdown .aOutlineWedgeLink i { color: black; cursor: pointer; position: relative; width: .5em; left: -1em; } .divOutlineNoMarkdown .aOutlineTextLink { cursor: pointer; color: black; text-decoration: none; } .divOutlineNoMarkdown .spPermalink { } .divOutlineNoMarkdown .spPermalink a { text-decoration: none; color: purple; font-size: 10px; font-weight: normal; vertical-align: top; margin-left: 3px; } .divOutlineNoMarkdown code { display: inline; border: none; color: black; font-size: .85em; }

Customize Your River4 Home Page to Send Links to Instapaper

I've added two lines of code to my River4 homepage to let me send a link in the river to Instapaper, or to read the post on a clean page using the Instapaper parsing engine.

 

 

How to Add This to Your River

After you've installed River4 (available on GitHub), you will need to grab the HTML of the index.html file in your Amazon S3 bucket. Open it in a text file, and add these two lines of code immediately after <class="actions">:

<li><a href="{{if item.permaLink}}${'http://instapaper.com/edit?url='+item.permaLink}{{else}}${'http://instapaper.com/edit?url='+item.link}{{/if}}" rel="external" target="_blank">Send to Instapaper</a></li>

<li><a href="{{if item.permaLink}}${'http://www.instapaper.com/text?u='+item.permaLink}{{else}}${'http://www.instapaper.com/text?u='+item.link}{{/if}}" rel="external" target="_blank">Instapaper Text</a></li>

Then save as index.html, upload to the root of your bucket, and make sure to grant "Everyone" permission to open/download (in Properties).


Last built: Thu, Sep 25, 2014 at 3:58 PM

By Jeffrey Kishner, Thursday, August 14, 2014 at 9:24 AM.