Digital Evangelism Issues

...ideas and news from Internet Evangelism Day's blog
Subscribe by

Digital Evangelism blog

↑ Grab this Headline Animator

Syndicate the DEI headlines into your site

You can display Digital Evangelism Issues summaries on your own webpage or blog. To create a box similar to the larger one to the right, use the javascript code method explained on this page. Or if you prefer the second, smaller box with animated headlines, click the ‘Grab this headline animator’ link below it, and follow the instructions in the popup box to add to your own page. For a webpage, the code option to choose is ‘other (just gimme the code)’, but you can also choose code that is optimized for various types of blog, and MySpace (but not Facebook). To add Digital Evangelism Issues to Facebook, please follow these instructions.

We will make a back link to any website making a link to this blog using any of these methods, which will boost your own search engine ranking: here’s the honor roll. Just tell us when you have installed it.

For the larger box version, you can use a CSS div around the feed to enclose it in a border of chosen width and height, for instance something like <div style="border:1px solid gray; padding:5px; font-size:80%; height:250px; width:200px; overflow:scroll;"> and adjust code and add a title and description to suit your requirements, as we have done in the example on the right. You will also need CSS to style the feed content to your own preferences – by default, it comes with bullets by each item, the date below the headline, and no space above each headline. We suggest you use something like the following in your page head or added to an external CSS file:

ul { list-style-type:none; margin:0; padding:0; }
li { margin-top:5px; }
.headline {font-weight:bold;}
.date {display:inline;margin-left:5px;font-size:80%;}

To prevent this style affecting other items on your page, enclose the feed coding within a div with an id or class, you can then limit the CSS above to style only these elements within the div: eg; div#feedboxname ul { CSS HERE } or .feedboxname ul { CSS HERE }

then copy/paste this code into your own page:


Links in the blog feed will automatically open in a new browser/tab window.

Feedburner offers you a number of ways to customize the appearance of your feed: the number of postings displayed, whether or not descriptions are included, and how many words they contain, the date format and location. This is achieved by adding one or more requirements such as &nItems=10 to the end of the Javascript line, as explained here. But you will still need CSS to change the styled appearance, as explained above.

If you prefer to make a simple page link to DEI (or add to a blogroll), use this code. We also have a short news release for magazines and newsletters.

Printed from Internet Evangelism Day © Mar 2010
Can be freely reproduced in print for any non-profit situation with attribution to InternetEvangelismDay.com.