tag:blogger.com,1999:blog-67295412156521499672024-03-18T11:47:04.259+02:00Yet Another Blogger Tips BlogJust another blog with Blogspot hacks and tips, made/customized by me.MS-potilashttp://www.blogger.com/profile/05137522196636058302noreply@blogger.comBlogger102125tag:blogger.com,1999:blog-6729541215652149967.post-80613250824805405082013-11-27T15:39:00.000+02:002013-11-27T22:03:00.897+02:00Add post titles, thumbnails, and summaries to Older and Newer Post linksBy default Blogger shows links to Newer Post, Home, and Older Post at the bottom of a post. There are hacks that add post titles to those links, couple by me, too, here's the latest: Add Post titles to Older and Newer Post links – reloaded. In one comment I was asked if it would be possible to display also thumbnail and post summary. It is.
I have installed this hack in my MS-potilas blog, whichMS-potilashttp://www.blogger.com/profile/05137522196636058302noreply@blogger.com31tag:blogger.com,1999:blog-6729541215652149967.post-10877919282176917342013-09-09T16:42:00.000+03:002013-09-09T16:47:41.943+03:00Hiding posts from Blogpost home pageI started doing this hack after I got a question if it is possible to hide blog posts from home page or not. And it is, with quite easy template modifications.
You must have a list of urls to the articles you want to hide from home page. Use the "blogspot.com" domain in the urls, not the local ones (like "blogspot.fi" in Finland).
I will hide one post, url is http://yabtb.blogspot.com/2013/09/MS-potilashttp://www.blogger.com/profile/05137522196636058302noreply@blogger.com42tag:blogger.com,1999:blog-6729541215652149967.post-79750930824761935872013-09-09T15:59:00.002+03:002013-09-09T15:59:22.516+03:00Test post hidden from home pageThis is just a test.
MS-potilashttp://www.blogger.com/profile/05137522196636058302noreply@blogger.com2tag:blogger.com,1999:blog-6729541215652149967.post-55327806153134525562013-05-06T15:25:00.001+03:002013-05-06T15:25:06.146+03:00Small update (visual improvement) for my tabbed gadgetsI made my gadget tabifying widget back in 2011. Today I saw another implementation, and it had nice fade in effect. I remembered that I had used also jQuery in the tabifying widget, and that jQuery has nice functions for fading. So I decided to try and tweak it a little. The result can be seen on this blog: click on the tabs on right sidebar (for example, About me, Followers, Subscribe to) and MS-potilashttp://www.blogger.com/profile/05137522196636058302noreply@blogger.com6tag:blogger.com,1999:blog-6729541215652149967.post-72426636647064932582013-01-21T11:05:00.000+02:002016-08-22T10:03:21.268+03:00How to easily host web content on Google DriveThis article is deprecated, here's a message from Google:
Hello from Google,We announced last year that we’re deprecating web hosting in Google Drive for users and developers. Our records show that you might have used this feature to publish a webpage or serve other web assets.On Aug 31, 2016, we will discontinue serving content via googledrive.com/host/[id] and the webpages will not be MS-potilashttp://www.blogger.com/profile/05137522196636058302noreply@blogger.com14tag:blogger.com,1999:blog-6729541215652149967.post-77756825812735882222012-08-31T09:08:00.002+03:002012-08-31T09:12:09.025+03:00Small update to my threaded comments hack v2If you have my threaded comments hack v2 installed, and it stopped threading the comments, it is because Blogger changed the navbar iframe src attribute handling. Seemed to happen yesterday. To fix that, edit the template and find line 235 of the hack, which used to be:
var cfeedbase = 'http://'+window.location.hostname+'/feeds/'+$("#navbar-iframe").attr("src").match(/targetPostID=([^&]*)/)[1]+'MS-potilashttp://www.blogger.com/profile/05137522196636058302noreply@blogger.com8tag:blogger.com,1999:blog-6729541215652149967.post-70081949028310934132012-07-07T13:06:00.001+03:002012-07-07T13:10:02.883+03:00Resize Blogger popular post thumbnailsI got a question in a comment how to change the thumbnail size in Blogger popular post gadget, in my Trim Blogger popular post snippets right article. Here's how to do it, hack is similar to my previous popular post hacks.
You must have jQuery loaded in your page for the script to work. Check your template, and if it does not have jQuery, insert this before </head:>
<script src='http://MS-potilashttp://www.blogger.com/profile/05137522196636058302noreply@blogger.com34tag:blogger.com,1999:blog-6729541215652149967.post-13050787007433224082012-06-27T10:13:00.001+03:002012-06-27T12:06:42.349+03:00Add Post titles to Older and Newer Post links – reloadedWhen viewing a single Blogger blog post there are links to Newer Post, Home, and Older Post at the bottom of the page. Unfortunately the Newer and Older post links only contain text "Newer Post" and "Older Post", not the actual post titles. Wordpress, from where I migrated to Blogger, can display the post titles. But not Blogger...
Previous hacks
There are already some hacks to do this. One of MS-potilashttp://www.blogger.com/profile/05137522196636058302noreply@blogger.com23tag:blogger.com,1999:blog-6729541215652149967.post-89552763438739400792012-06-11T14:17:00.000+03:002012-06-11T14:17:09.268+03:00Contact Form addedI added a new page containing a contact form to this blog. I use EmailMeForm service, which I already have used before in another blog of mine. EmailMeForm is free up to 200 form submissions per month and up to 5 different forms.
Link to the contact form can be found below the header, at the moment there are links to Home (main page) and Contact form.MS-potilashttp://www.blogger.com/profile/05137522196636058302noreply@blogger.com3tag:blogger.com,1999:blog-6729541215652149967.post-72282682950766199982012-06-08T21:23:00.000+03:002012-08-03T12:44:35.250+03:00Small update to Adding Post titles to Older and Newer Post linksSince Blogger has started rolling out local domains, depending where you view the blog, the links inside the blog may not be anymore blogname.blogspot.com/ but may be for example blogname.blogspot.co.uk/ or blogname.blogspot.fi/.
However, the urls are internally still blogspot.com and also in blog's feeds. My hack for Adding post titles to Older and Newer Post links fetches the posts' urls and MS-potilashttp://www.blogger.com/profile/05137522196636058302noreply@blogger.com3tag:blogger.com,1999:blog-6729541215652149967.post-24155149418042886482012-06-07T10:59:00.001+03:002012-06-08T21:26:13.484+03:00Round avatars, thumbnails, and other imagesLately I learned how images can be rounded using CSS. This seems to be a "good formula":
.someclass {
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}
For some templates, and maybe just for a change, those rounded images can look MS-potilashttp://www.blogger.com/profile/05137522196636058302noreply@blogger.com20tag:blogger.com,1999:blog-6729541215652149967.post-65402974933591668182012-06-06T15:05:00.000+03:002012-06-06T15:08:32.723+03:00Profile Gadget with avatars and post countsThis is especially for multi author blogs. In multi author blog the profile gadget is very simple looking. It only contains author names in <ul>/<li> list. There is "avatar" but that is the default blogger logo.
My multi author blog profile gadget looks like this:
It works on single author blogs, too, and one could customize it to look about the same as the default single author MS-potilashttp://www.blogger.com/profile/05137522196636058302noreply@blogger.com17tag:blogger.com,1999:blog-6729541215652149967.post-17662843857591127202012-06-06T11:41:00.000+03:002012-06-08T21:25:58.926+03:00Customizable Author Box with post countI got this request for an author box with post count in my blog's comments. An author box is something that is displayed after a post, and it shows info about the author who wrote the post. WordPress.org has many author box extensions, for example Author Box After Posts. There are some hacks for Blogspot blogs, too, but they are generally for single author blogs, and with no post count.
My MS-potilashttp://www.blogger.com/profile/05137522196636058302noreply@blogger.com12tag:blogger.com,1999:blog-6729541215652149967.post-82296030186293250652012-06-06T11:13:00.000+03:002012-06-08T21:26:33.534+03:00Hack for my recent comments hack: don't show own commentsMaybe you don't want to show your own comments in recent comments? Here is quick and simple hack for my Son of the better recent comments gadget to make it not show own comments.
Edit the HTML/Javascript gadget. Change lines 93 and 115, which both look like this now:
var entry = json.feed.entry[i];to:
var entry = json.feed.entry[i]; if(entry.author[0].name.$t=="PUT YOUR USERNAME HERE") continue;MS-potilashttp://www.blogger.com/profile/05137522196636058302noreply@blogger.com8tag:blogger.com,1999:blog-6729541215652149967.post-83714938734993487952012-05-25T09:23:00.000+03:002012-05-25T13:03:15.393+03:00Extending Yahoo! Pipes with Google App EngineIn my Uploads and Favorites pipe I wanted to turn the timestamps into so called "humanized dates", like these six examples:
23 seconds ago
1 minute ago
4 hours ago
2 days ago
7 months ago
1 year ago
This could not be done by using only Yahoo! Pipes.
Google App Engine to the rescue
Yahoo! Pipes can be extended using a web service, which accepts the feed items as json, and outputs them (after MS-potilashttp://www.blogger.com/profile/05137522196636058302noreply@blogger.com0tag:blogger.com,1999:blog-6729541215652149967.post-30222568094946939852012-05-24T20:04:00.001+03:002012-05-25T09:44:55.616+03:00Yahoo! Pipes, pipes, and more pipes for YouTubeLately I've been playing around with Yahoo! Pipes and learned some new things. I already presented the YouTube Activity Feed, which I've cleaned up a little. And I've made three more pipes.
YouTube Activity Feed
Pipe ID: 58c841d14337ba4fbf693abd9701dc49
Pipe Web Address: http://pipes.yahoo.com/mspotilas/youtubeactivityfeed
Here's my previous article about this feed. YouTube API 2.0 does MS-potilashttp://www.blogger.com/profile/05137522196636058302noreply@blogger.com0tag:blogger.com,1999:blog-6729541215652149967.post-44563741387224541292012-05-21T08:37:00.000+03:002012-05-21T08:37:14.687+03:00Another gadget for YouTube Activity Feed, works with OperaFew days ago I finished making my first Yahoo! Pipe, which collects info from YouTube channel feed page, and republishes that info. Yesterday I noticed, that Yahoo! Pipes badge output does not support Opera – with Opera, nothing is shown. It is strange that Yahoo does not fix this, maybe it is because Pipes is a free product. About 3 % of my blogs readers use Opera.
I knew I could make a MS-potilashttp://www.blogger.com/profile/05137522196636058302noreply@blogger.com10tag:blogger.com,1999:blog-6729541215652149967.post-34096278367053517642012-05-18T11:37:00.000+03:002012-05-21T08:41:20.254+03:00Yahoo! Pipe to show YouTube activity feed in Blogger, WordPress, etc.I've had this idea for some time: somehow republish YouTube channel activity feed page as an RSS feed. So you could get a view of your latest YouTube activity in your blog, for example. This week I finally implemented a version of this using Yahoo! Pipes. This is a completely new gadget for Blogger, I have not seen anything like this before. You can use the pipe gadget output on WordPress and MS-potilashttp://www.blogger.com/profile/05137522196636058302noreply@blogger.com4tag:blogger.com,1999:blog-6729541215652149967.post-67095822665570700082012-05-02T21:45:00.000+03:002017-08-01T09:18:35.085+03:00Top Commentators Gadget with avatarsI had a request of this gadget in one blog comment. There are some top commentators gadgets around, most relying on a Yahoo pipe. I knew it can be done with just javascript, with no pipes. Demo: it is installed on this blog, look at the right sidebar. Hope you like it. :)
Features
You can configure the maximum number of top commentators, and minimum number of comments one must have to get on MS-potilashttp://www.blogger.com/profile/05137522196636058302noreply@blogger.com36tag:blogger.com,1999:blog-6729541215652149967.post-42029447807940186182012-04-08T11:49:00.001+03:002012-04-08T11:50:21.850+03:00How to make Blogger sticky post using a gadgetI have this other sticky post hack, which uses real Blogger posts. But for some Blogspot blogs that may not be the best solution, so lets see how we can do the sticky post thing using a HTML/Javascript gadget. I did not find "full solutions" where the sticky post works like it should, i.e. displays only on the first page of the blog, but not on other pages. So here is one, by me.
Live demo
MS-potilashttp://www.blogger.com/profile/05137522196636058302noreply@blogger.com11tag:blogger.com,1999:blog-6729541215652149967.post-28051471709459772072012-04-06T12:42:00.000+03:002012-04-06T12:42:15.839+03:00Small update for recent comments gadgetsI have updated the source code of all three recent comments gadgets today.
1. Bug fix
The gadget choked with comments on blog pages (versus articles). Fix for that was easy, search for line:
postTitle = hrefPost.split(&quot;/&quot;)[5].split(&quot;.html&quot;)[0].replace(/_\d{2}$/, &quot;&quot;);
and change it to:
if(hrefPost.match(/\/([^/]*)\.html/)) postTitle = MS-potilashttp://www.blogger.com/profile/05137522196636058302noreply@blogger.com1tag:blogger.com,1999:blog-6729541215652149967.post-26848610695706302712012-03-14T09:56:00.001+02:002012-03-14T09:58:14.007+02:00Google App Engine, Python 2.7, and lxmlGoogle App Engine (GAE) lets you build and run applications on Google's infrastructure. I have done two applications with GAE and Python (the programming language). The previous version of my tool to get blogger avatars (avafavico) used regular expressions to parse the Blogger profile page for the profile photo, or user's first contributed blog's favico, if no profile photo is found. As you mightMS-potilashttp://www.blogger.com/profile/05137522196636058302noreply@blogger.com4tag:blogger.com,1999:blog-6729541215652149967.post-71498453313290615872012-03-08T22:18:00.009+02:002012-03-27T14:10:06.598+03:00YouTube/JSONP oEmbed service "oembed-js"In the previous post I introduced my oembed-js service and an application using it: YouTube embeds in Blogger comments.
Oembed-js is a Google Appengine application coded in Python. It relays YouTube oembed calls and offers results also in JSONP format, so javascript applications can use it.
Parameters
url: the (youtube) url to embed (best to be urlencoded)
maxwidth: max width of embedded MS-potilashttp://www.blogger.com/profile/05137522196636058302noreply@blogger.com3tag:blogger.com,1999:blog-6729541215652149967.post-81183542809114471022012-03-04T08:31:00.004+02:002012-10-06T12:41:35.013+03:00Allow users embed YouTube videos in Blogger commentsSome time ago while googling something about video embeds I came across with oEmbed specification. This simple API allows websites to display embedded content from oEmbed providers. After some inspecting I used the oEmbed in a Python script to turn youtube links in a text into embedded videos. Worked nicely.
oEmbed returns data in JSON or XML format. That is ok with server side languages like MS-potilashttp://www.blogger.com/profile/05137522196636058302noreply@blogger.com30tag:blogger.com,1999:blog-6729541215652149967.post-80927551513418425842012-02-26T13:19:00.003+02:002012-02-26T21:53:47.438+02:00Youtube videos lazy load, improved styleI styled my previous youtube lazy load hack a bit so that the video description text is easier to read. Before it looked like this (this is an image, so no hover effect):
HTML needed to produce this is:
<div style="text-align:center;"><a class="youtube-lazy-link" href="http://www.youtube.com/watch?v=SFiWfrLEqPw" style="width: 420px;height:315px;" title="Click to play!"><b>MS-potilashttp://www.blogger.com/profile/05137522196636058302noreply@blogger.com34