Just Talk About Web

Techniques Behind Modern Web

Web 2.0



Building a Mash-up with SynthaSite


In a recent post reviewing service from WebNode — one of players in rather a crowded market of online site builder — I mentioned SynthaSite as a serious competitor in the field. A few weeks ago, Monique sent me a shout about SynthaSite’s upcoming release with a lot of improvements in site builder and new widgets like Form, Map and Google Adsense for site monetizing.

My Tech News Site

Viewing all good widgets available, I decided to create a mash-up called “Tech News”. Please take a look at final site as the image below.

SynthaSite TechNews Site

Basically, this site has three pages: News, Photo and Video. The “News” page contains six RSS widgets which pull headlines from some infamous tech blogs like TechCrunch, ReadWriteWeb, GigaOM… and JustTalkAboutWeb (not so famous :) ). “Photo” page displays photos from Flickr’s search result and “Video” page shows a YouTube’s video clip.

SynthaSite’s site buider looks plain with tabbed UI. There are no sexy ribbons like WebNode’s UI, just traditional-styled menu and toolbar that makes me think of the differences between Office 2007 and my beloved 2003 version.

SynthaSite Site Builder UI

Just start creating a website by choosing title and nice template for it. After that, a default page is loaded in a new tab ready for making. All of your tasks would be choosing the right widget and dropping them into right places.

First, I dropped in some layout widgets to divide the page into 4 columns. I found only “Two column layout” widget available that is not really convenient for building complicated layout but I could manage by embedding layouts within layout. Then, I simply dragged and dropped RSS widgets into the columns.

SynthaSite DnD RSS Widgets

Now modify feed URL in the widget to get the latest tech news by selecting it and clicking “Edit Widget” button on top-left of its container then change appropriate properties.

Well, it’s time to monetizing the site by dropping “Google Adsense” widget under “Advertising” category into the last right column. A popup would appear asking for Adsense code and if you know what to do you’ll see Google ads displaying immediately in the design mode.

SynthaSite DnD Adsense Widget

The last step, I wanted to add an image to get “tech” look for font-page. This can be done with “Image” widget. The best of this widget is you can edit the uploaded image online with very good Flash tool from Picnik (see UI of Picnik’s image editor below).

Picnik Image Editor

Creating “Photo” and “Video” pages was as simple as to add new pages and drop in Flickr and YouTube widgets so I don’t want to make you fed up with details. Just see my “Tech News” site at technews.synthasite.com and remember to check out it daily for the latest tech news, cool photos and funny video clips. ;)

My 2 cents

I think SynthaSite is a good example of “web 2.0″ idea implemented in practice. You can build a multimedia website without writing a single code line, no hosting needed and you can even get money from ads.

SynthaSite takes different approach from WebNode. While WebNode seems to focus on site builder tools, SynthaSite puts emphasis on taking advantages of services provided by third parties. The result is websites created with SynthaSite look simple and are more suitable for some kind of showcase while WebNode’s sites have more professional look with unique feature like SEO-ready.


Recommended Reading: This site recommends Website Magazine for 'Net Success

Don't forget to subscribe so you don't miss out on future posts!

Rush & Jam

In search to make my blog more popular via link exchange services, I've found BlogRush and registered for the service. BlogRush states itself as a "Cooperative Syndication Network" -- a network of blogs that run a small "widget" on their pages. Each time this widget is loaded it will contain 5 clickable headlines which are the blog post titles to other ...

Online Logo Creator

If you are going to start a business, you may have some ideas of your biz name and logo. I have no advice for the name because it is your business, no? :) But you can try to create a logo by yourself with two cool online tools: one is completely free and the other costs around 100 bucks for ...

Mobilizing Your Blog in 5 Minutes

As you may notice, I've created a mobile version of this blog using service from WireNode.com. I'm very impressive with the simplicity of the service - it took me only about 5 minutes to do everything. Now you can read JustTalkAboutWeb DOT com from any mobile phone (optimized for iPhone too) via the link: http://justtalkaboutweb.wirenode.mobi/ To get more info about WireNode, ...

As the latest report from spreadfirefox.com, the Firefox browser has been downloaded over 500 million times by now. No surprise! The browser has around 17% market share worldwide and 150 million active users as stats early this month. Firefox has been my default browser for long time. 55.5% of visitors to this blog use Firefox against IE usage of 34.7% (see ...

  • 0 Comments
  • Filed under: Web 2.0
  • Spottt and AdGridWork Stats Update

    A few days ago I wrote about how to use Spottt and adGridWork for free advertising. Here is the latest update on performance of these networks. Spottt plays nicely It's really interesting to see a variety of ad banners appearing on my blog, some are very creative and appealing. Spottt exposed the best performed ad after 2 days was for pud.com, simply ...

    Spottt vs adGridWork

    I've joined two ad exchange programs served by Spottt and adGridWork because I like the idea of letting the blog adverts by itself rather than via paid reviews or Adwords campaigns. Spottt Link Exchange I got Spottt's service via a post by Mike Arrington of TechCrunch. The service is part of the Adbrite advertising network, but is being run as a ...

    New Rules for Facebook Developers

    Recently, I've talked about a new kind of social worm and useless/annoying Facebook apps, all are about built-in rival marketing functionality and unclear policies on responsibility of Facebook applications. In an effort to strengthen Facebook Platform policies, the Facebook Platform team has created two new pages on the Developer Wiki which are a must-read for those who want to succeed on ...

  • 0 Comments
  • Filed under: Facebook
  • Creating Website with WebNode.com

    Introduction Webnode.com is a newly-launched (web 2.0) service by a Czech startup which gained $1.2 M investment recently. WebNode's service competes with what of well-known Google Page Creator and a number of other online website builders like Weebly, Jimdo, Synthasite, Sampa and RealEditor. After playing with it for a while, I know why WebNode has confidence to join so crowded ...

    CSS Web 2.0 Glossy Text

    Well, you don't need to be a Photoshop pro to create glossy text that seems very trendy today (Web 2.0 styles? hmm). Here is a simple CSS trick to show you how to create gradient text effect with a PNG image (pure CSS, no Javascript or Flash). Just put an empty <span> tag in the heading and apply the background image ...

  • 15 Comments
  • Filed under: CSS, Tutorials, Web 2.0
  • Premium Sponsors

    Career Opportunities

    Advertisements