Views
Personal tools
Navigation

Blogs

From Digital Photo Gallery - Help

Jump to: navigation, search

Contents

Creating

Managing posts

Adding images

Comments

Adding a jump

Insert the following into your posts HTML to add a break.

<!--more-->

RSS feeds

Add Twitter feed

This example uses code from https://github.com/seaofclouds/tweet/

HTML

<h4>Twitter</h4>
<div id="twitter_feed"></div>

JavaScript

 
// Enable Twitter feed
$('#twitter_feed').tweet({
  join_text: 'auto',
  username: 'andrewkendall',
  count: 3,
  auto_join_text_default: 'I said,',
  auto_join_text_ed: 'I',
  auto_join_text_ing: 'I was',
  auto_join_text_reply: 'I replied',
  auto_join_text_url: 'I checked out',
  loading_text: 'loading tweets...'
});

CSS

 
/*==============================================================
TWITTER FEED
==============================================================*/
 
.tweet_list {
	list-style: none;
}
 
.tweet_time {
	font-weight: bold;
}
 
.tweet_list li {
	overflow-y: auto;
	overflow-x: hidden;
	padding-bottom: 9px;
	padding-left: 0;
}
 
.tweet_list .tweet_avatar {
	padding-right: 9px;
	float: left;
}
 
.tweet_list .tweet_avatar img {
	vertical-align: middle;
}