Using Magazine Style Drop Caps in Blogger blog
2007-10-23 20:36:00
Dropcaps like in a fancy magazine is what you see in this post with the original trick at Mandarin Design. It is done by putting the first letter of your post within -tags, with a class named "dropcaps". In your CSS-definitions, you can set this first letter to Very Big, and in a different color. Just copy this code and paste them in your CSS style between the tag:.dropcaps { float:left; color: $headerBgColor; font-size:100px; line-height:80px; padding-top:1px; padding-right:5px; }In your post, the first letter is inside a span like this: D. The result is very nice: a large capital that stretches over 5 lines.[Google Hates Me]
More About: Magazine , Blogger , Blog , Style , Drop
Display recent comments in sidebar
2007-10-22 20:29:00
It's very easy to show recent comments in sidebar now. Just go to Page Elements tab, add a page element of type Feed to sidebar and give the following as the Feed URL.http://yourblogname.blogspot.com/feed s/comments/default. You could select to show the date and comment authors if you want.Notice that they have changed the feed URL not to contain any blog ID etc. This makes it easy to play with any blog's post and comment feed URL programmatically.
More About: Comments , Display , Sidebar , Recent
Embed a Picasa Web Album slideshow into your blogger
2007-10-21 20:42:00
Using Pica sa Web Album s you can create a Flash slideshow to embed in your blog or webpage. Each slideshow features built-in playback controls, size options, and the ability to display captions. To create and embed a slideshow:Sign in to your web albums account at http://picasaweb.google.com using your Google Account username and password. Click the My Photos link and select the album you'd like to make a slideshow.Click the Embed Slideshow link. This creates a Flash slideshow from the album you've selected. When you update this album, your slideshow is automatically updated to show the latest photos. To embed the slideshow, copy and paste the HTML code that's shown into your blog or webpage. Optional: For information about the slideshow, click the Picasa logo in the lower-right corner. Tip: Once it's embedded into your blog or site, people viewing your slideshow can click the person icon to go to your public gallery or click Get Your Own to start making their own portable sl...
More About: Blogger
How to Remove the NavBar for Blogger in Beta template
2007-10-17 18:58:00
In your Temp late tab, click Edit HTML and you will see your blog's HTML, just copy and past this code between your tag:See also: How to Remove the NavBar for Blogger in Classcic template
More About: Beta

0 comments