Showing posts with label Blogger. Show all posts
Showing posts with label Blogger. Show all posts

Thursday, March 31, 2011

Funky new ways of letting your readers view your blogposts!

This is for all the people who use Blogger (like me)...
Google is doing interesting things with Blogger..

Blogger is now offering five 'dynamic views' for blogs. These views are only accessible if you (the blog author) allow it by sending out URLs like these:


  • Flipcard: - [yourblogURL]/view/flipcard


  • Mosaic:[yourblogURL]/view/mosaic


  • Sidebar:[yourblogURL]/view/sidebar


  • Snapshot:[yourblogURL]/view/snapshot


  • Timeslide:[yourblogURL]/view/timeslide



  • All of these views are very interactive with full mouse-over support and very light and quick to load (unlike something built in Flash)

    For example, the URL for accessing the Sidebar view for my food blog would be http://eatbhaieat.blogspot.com//view/sidebar
    You'll see something like this

    In flipcard mode
    http://eatbhaieat.blogspot.com/view/flipcard you'll see
    In mosaic mode
    http://eatbhaieat.blogspot.com/view/mosaic you'll see

    To read more about this have a look at the official Google blog about this at:
    All about Dynamic Views for Readers - Blogger HelpMosaic Mode

    Friday, August 1, 2008

    Increased the width of a fixed layout blogger template

    I got bugged since the blogger template I chose for one of my blogs was fixed to allow it to be viewed in well in 640x480.

    I dug into the HTML and did the following to increase the width...

    1. Go to Layout > Edit HTML
    2. Keep Expand Widget Templates deselected
    3. Find the part which says #main-wrapper {
    4. Change the part under this which say something like width: 410px; to width: 570px; (800 - 600 = 160 pixels... Assuming you want to fit it in 800x600 from 640x480)
    5. Find the part which says #outer-wrapper {
    6. Change the part under this which says something like width: 660px; to width: 820px;
    7. Find the part which says #header-wrapper {
    8. Change the part under this which says something like width: 660px; to width: 820px;
    9. Find the part which says #header .description {
    10. Change the part under this which says something like max-width:700px; to max-width:800px;
    11. Do a Preview to check if you've got what you want
    12. Save the code and you're done :)
    Tada!

    Monday, July 28, 2008

    Add a Tag Cloud to your (Blogger) Blog

    I was speaking to Sheetal when we discussed how it would be nice to have a tag cloud instead of the darned long listing of tags...

    Hmm. I quickly Googled and found this:

    http://phy3blog.googlepages.com/Beta-Blogger-Label-Cloud.html

    Seems to work for me... :)

    Check out how it looks at http://learningexperiments.blogspot.com/