Main Features:





  • Search box.


  • Categories.


  • Mint, Lime, orange color combo.


  • Lots of white space, single column flow.


  • Link Buttons at the footer section.


  • Recent comments for the recent posts showing on main page.


  • Shorthand version of monthly archives.


  • Previously, before and after the article.





Comments Features:




  • A custom photo for regular visitors.


  • A generic photo for first time visitors.


  • Add reply is integrated with the whole blog (no need for pop-up).


  • Bold, Italics, and Link buttons


  • Live Preview


  • Smiley.




Feel free to test the comment section.



Update: Basang Panaginip migrated to Blogger Beta. Some of my previous design tweaks do not work with the current Blogger. I've updated my designs.



Trackbacks


Blogs/Journal/News who linked this article




68 comments:

  1. Michael (11 December, 2005 14:55)

    This comment form has a button for bold, italics, and links.

    It also has a real time automatic preview of what you are typing .

    How to implement it in your blogger:

    1. Install browservulsel's custom comment form.

    2. Install alexking's quicktags.

    3. Install scriptygoddess' live preview.

    That's it! Hope you implement it well. If you have any problem on the installation, leave your comment here, and I'll get back to you as soon as I can.

    Gelay (12 December, 2005 10:39)

    Hi! I like your site's template, although it seems that I'm a little bit unfamiliar with the design so naninibago ako, haha. But then again, lovely colors! Ang neat! :wink:

    Michael (12 December, 2005 11:32)

    Thank you visiting my site Gelay.

    Yeah, single column blogs are rare. The holy grail of course is three columns, and the standard two column templates.

    I want to try something different for this blog. Single column with no sidebar whatsoever.

    My inspiration for the colors is as simple as a color wheel. Green and Orange blends into each other well. Then from that vantage point, I mix it up using Photoshop and experimented with the shades and values using different color schemes.

    I'm glad you like it. Thanks again for visiting.

    :christmas:

    Gelay (12 December, 2005 11:40)

    Actually single column blogs are fine; I've seen a handful before. Kaya lang nanibago ako sa navigation, as well as the "featured" comments ontop of the column. I find it cool, although nakakapanibago nga. :wink:

    Michael (12 December, 2005 13:18)

    Yeah, I've seen a couple of single column blogs too. But as I've said they are rare - two columns and three columns blogs are much much prevalant.

    My eyes are used to: rightORleft-to-bottom navigation. So it takes a while to get used to the bottom-to-right way of seeing menus. But I'm confident after a few visits, you'll get the hang of it.

    The featured comments I'm proud of, because it is my original idea. It is based on the rotating banner idea, which I've applied to comments instead.
    :idea:

    One of this days I'm gonna write a tutorial one how I've done it.

    Good day to you, Gelay.
    :christmas:

    A (12 December, 2005 16:30)

    This looks like a good option. i will try to use it for a even more complete idea i had for blogger comments. if it works you will need 9 mods but i think is worth it.

    karla (12 December, 2005 20:52)

    ey michael :smile:
    neat design
    the minimal approach :smile:
    and this is one ingenious work :smile:

    Johan Sundström (13 December, 2005 07:40)

    Interesting take on page formatting in general and comment list in particular. You wouldn't happen to keep an archive or side blog on design or tech topics?

    Michael (13 December, 2005 12:51)

    Karla,

    Thank you for the heads up. Any new web design project lately?:christmas:

    =========================

    Johan,

    Glad you joined us.

    Unfortunately I don't have an online portfolio to show you.

    I used to work for an ISP as an in-house webmaster (yeah, side by side with the scientist-looking sys admins), afterwards as an outbound web designer (side by side with the back-end database programmers, and slick-looking marketing people) for the same company. Most of the sites I've designed have now been redesigned, so there.

    This was before the dotcom bubble burst (circa ms jscript, web browser war, pre-standards era). :firefox:

    It's been years since I've coded something (last time was a graphic designer for an xml tagging company who specializes in converting scientists tomes into searchable info), as I am now a full-time graphic artist (mostly print).

    Thank you for the critique, it means a lot coming from a javascript expert.
    ============================

    :christmas::ph:

    karla (13 December, 2005 21:59)

    will be getting a project from my officemate this holiday season hehe :grin:
    so even if i'll be taking a leave from work, i'll still be working though hehe

    Michael (14 December, 2005 15:06)

    well, good for you, iba na talaga magaling - in demand.

    keep up the good work, just make sure to enjoy the holidays too.

    thanks again karla.

    :santa:

    Major Tom (14 December, 2005 20:22)

    For a Blogger blog, this design is quite amazing. I bet it takes a lot of skill and knowledge on HTML codings. I admire the look so much.

    Tania (15 December, 2005 10:00)

    The design is quite unique. The use of whitespace is quite good, and the color scheme is cool.

    The only problems I can see have to do with usability. For instance, the drop-down navigation is confusing. Especially since the only labels say "Previously" and "Continue.." On your article pages, you will need an easily-seen link to the main page.

    Also, the menu text has the same appearance as the body text -- the menu items don't look like links until you point your mouse over them. I suggest you alter their appearance slightly so people will know right away what they are.

    Since the multitude of comments plus the design tend to make the page run longer, I suggest either paginating the comments, or putting a "back to top" link after every few comments, so the viewer can easily get back to the menu.

    Hope this helps.

    estan (15 December, 2005 12:41)

    Wow.

    I love the simple design.

    Its neat.

    Its great.

    gaby de wilde (17 December, 2005 01:06)

    :grin: Testing your comments :smile: it looks nice but I've lost part of this text box in opera. It's a bit cliped off at the right.:yawn::yawn:

    Merci (19 December, 2005 06:40)

    Thank you from Paris.

    Michael (19 December, 2005 06:56)

    IT Girl,

    I'll see what I can do (before or after New Year). Pagination for Blogger?! Now that is an idea. I'd like see someone try, just for the challenge (I'd take on the challenge myself, but I have so little free time these days).

    ------------------

    gaby,

    Can you please state your current OS, screen size, and browser version. You can comment here or you can send me an e-mail (dreamflows@gmail.com).
    :ph:



    -------------------

    To all,

    Thank you. Browservulsel, alexking, and scriptygoddess built the platform, from which I was able to brew and weave ideas. :cold::blush:

    TheShaz (20 December, 2005 00:48)

    This is pretty nice - I might try it on my site.:tongue:

    WWWench (29 December, 2005 07:49)

    Testing your schema.. love the look and feel.
    clapping

    mela (22 January, 2006 21:22)

    trying your schema
    cool :wink:

    JoeJoe (05 February, 2006 20:21)

    :spam: Kung Foo


    Great mod.

    Neko (07 February, 2006 01:54)

    Hi!
    Great Mod!!:grin:

    See'ya

    랄라라 (07 February, 2006 14:28)

    wow really great!

    Manas (10 February, 2006 02:17)

    Great looking blog.

    Anne (15 February, 2006 12:21)

    I love how you integrate the comments portion into the main page...would you be kind enought to share how you did it??

    Anne (15 February, 2006 16:37)

    I love what you did with your blog...trying to figure out things on my side but I just couldn't...would you be kind enough to help a poor soul?

    None (28 February, 2006 15:14)

    really neat design

    ali (16 March, 2006 00:12)

    really nice design, and commenting system :notworthy:

    Carla (18 March, 2006 19:44)

    Great design... I love it. :smile:

    랄라라 (01 April, 2006 05:59)

    cool

    yash (01 April, 2006 08:04)

    are the last two columns meant for validation? like if its a human or a spamming bot? and where/who can change the pictures?

    diane (02 April, 2006 04:10)

    :dog:

    diths (04 April, 2006 16:33)

    very cool form clapping

    gaby de wilde (06 April, 2006 19:46)

    Your form is okay now.

    I've made one a bit like yours. It's not as stylish jet but allows anonymous comments. :smile:I've put in [img] tags to. :wink:

    categories

    test (07 April, 2006 04:54)

    :tongue: wow ang ganda dito ah!

    sarahj (07 April, 2006 04:57)

    :love: ang cool dito ah!

    Test (10 April, 2006 06:34)

    I really love the comment form, especially the smileys. Nice job. :grin:

    chito (15 April, 2006 05:05)

    hey, ang cool naman ng blog mo. haha, bigtime ka siguro. napadaan lang while browsing blogfresh.
    nice.

    mars (21 April, 2006 21:53)

    nice

    Joe (24 April, 2006 06:24)

    Just testing the new comment form thingy with the live preview thingy.
    new paragraph... hmmm....

    Joebob (24 April, 2006 22:59)

    Please work! the preview works nicely..

    Joe (26 April, 2006 03:42)

    Moo! Just testing this again.

    ie man (01 May, 2006 21:26)

    another test post :smile:

    John (06 May, 2006 19:59)

    All the cool kids are doing test posts these days, so why not me?

    Black (19 May, 2006 22:26)

    Cool design!

    try (26 May, 2006 00:00)

    do :smile: :smile:

    LBC (28 May, 2006 06:36)

    Very cool :wavetowel:

    test (02 June, 2006 13:28)

    :what: Amazing.

    Mayank (02 June, 2006 19:50)

    This is a tester.
    It seems to be the best of the lot!

    akira (12 June, 2006 12:27)

    ang saya! :grin:

    lica (12 June, 2006 13:27)

    testing new comment

    AgD (24 June, 2006 05:17)

    Very good comment system. I like it.

    machpex (07 July, 2006 20:02)

    this looks very nice :happy:

    Martin (02 August, 2006 09:23)

    Great example!

    loma (03 August, 2006 02:11)

    :wink: This very cool

    test (04 August, 2006 15:52)

    TEST

    ��� (06 August, 2006 03:27)

    �������

    test (06 August, 2006 05:20)

    أختبار :grin:

    test (06 August, 2006 05:21)

    :grin: :cool: :cat2:

    test (06 August, 2006 05:26)

    gg :grin:

    jase (15 August, 2006 14:55)

    Wow, what can I say. You've caught a lot of bloggers' attention! Beautiful!

    jase (15 August, 2006 14:59)

    beautiful!

    Anonymous (30 August, 2006 11:36)

    TEst

    cikal61 (06 October, 2006 07:48)

    hey nice design.....
    may i use it too?

    Anonymous (18 November, 2006 06:48)

    Thanks!!

    Hawkr (09 March, 2007 15:12)

    I really appreciate your design, and I like this type of simple but beautiful appearance sooooooo much.

    Honestly, now I am telling you that I copied some part of your design, especially your color theme.
    I even used your comments-block style almost fully.
    If you feel offended, I would change that.
    I wish you not:)
    Many thanks!

    mei mei (06 May, 2007 15:02)

    gege

    wang le!!


    ps. opera hen man!! wo xiang, wode dannao shi tai man!! zaogao!!


    mei mei

    Anonymous (21 September, 2008 00:32)

    Thanx

Post a Comment