Gist | Embeds

github gists (code snippits) can be shown by pasting the url to the gist, works for public and secret gists. This is the css for the list of embed links on the homepage of this blog. The list of links is provided by the Display Posts plugin.

	.embedlinks .listing-item {
	display: block;
	float: left;
	margin: 4px;
	padding: 4px;
	background: lightgray;
	border-radius: 10px;
	}

	.embedlinks .listing-item a {
	text-decoration: none;
	color: black;
	font-weight: bold;
	}

	.embedlinks .listing-item a:visited {
	text-decoration: none;
	color: black;
	font-weight: bold;
	}

	.embedlinks .listing-item a:hover {
	text-decoration: none;
	color: red;
	font-weight: bold;
	}

view raw

displaypostsmenu.css

hosted with ❤ by GitHub

The list is produced with the following shortcode:

[display-posts posts_per_page="100" orderby="title" order="ASC" wrapper="div" wrapper_class="embedlinks"]

After activation the Display Posts plugin.

Leave a Reply Cancel reply

Examples of embedding content from other sites on Glow Blogs