The above screenshot of the upcoming theme pretty much sums up everything, but let me explain the features in details. The next theme is built for those who want to create out of the box city websites that have..

• Auto generated maps of all the places
• Get directions from the map
• User submitted places. (You can charge for user submission!)
• Showcase of different places on your site in an interactive manner
• Search places
• Sort different places
• User reviews of different places
• User ratings
• Auto generated image galleries
• Detailed description of each place with images, address, phone number, map, get directions..
• Auto generated main Google map, category based map, and other maps that link to posts
• List and grid views of  city places in categories
• And much more… (We promise!)

In short, we’ve spent days figuring out all the features and structure an ideal city website should have. Plus enough flexibility in the theme so that as a developer, you can customize it to your liking for some other purpose as well.

I’d rather keep this short unless we release this theme in September. Meanwhile, if you’ve got some nifty ideas on must have features for a city website, do let us know via comments. As we’ve proven earlier, we WILL change the theme to meet exact specifications of actual users.

Step 1: Getting the link of “Buy Now” from E-junkie:

• Login to E-Junkie.
• Click on “Get BUY NOW/CART buttons for your products“

• Now select the product from the drop down menu for which you wish to get the “Buy Now” link. Then, click on “Get Button Code.”

On the next screen, click on “Buy Now Buttons.” Copy the link which starts from “https” till it ends.

Step 2: Logging in to WordPress Backend and pasting the link in the Action Button:

• Now login to your WordPress Admin and click on “eBook Theme Options” from Appearance group.

• On the “Front Page Settings” expand the “Action Button1“, in the “Enter name for Action Button1” enter the name for the button as per your wish, we have used “Buy Now” in the example below

• In the “Enter full URL link where action Button1 points to” paste the “Buy Now” link which you got from E-Junkie. And don’t forget to click on “Save Changes“.

Its done. You’ve successfully linked the Action button to E-Junkie’s “Buy Now” link. Now let’s take a look at the website.

As soon as someone clicks on the Buy Now button, he’ll be sent to E-Junkie and be able to complete the payment procedure. So that’s it. That is how you can name the action button and point the button to a link.

E-Junkie lets you deliver your digital products like eBooks, icons, pictures, etc to your customers.

Advantages of using E-Junkie:

• E-Junkie works in such a way that it prevents your files from being shared by many people.
• Cost efficient – The monthly plan starts from just $5 and mostly it would suffice to many people as you can upload upto 10 files totaling 50 MB in size.
• Saves you from the hassles of hiring a professional programmer to integrate Ecommerce features.

However, E-Junkie is not a payment gateway or processor, you’ll need something like paypal to handle all your payments stuff. So you’ll just link E-Junkie to your paypal account and voila, you’re good to go.

Getting started with E-Junkie:

• Head over to e-junkie.com and click on “register”.
• Now you’ll see different forms, so fill out the form that says “Register for free trial”. E-Junkie offers a free trial for 7 days to try out their system.

The next screen will ask for a “Activation code”. Check your Email and copy and paste that activation code here. And then click on Submit.

Configuring the Payment Settings:

Configure the basic settings in this screen.

• In the field, “Paypal Email”, enter your Paypal email address.
• In the “Display name” field enter your Business name or website’s name, as per your wish.
• In “Display Email”, enter the Email which your customers will view.
• If you wish then you can upload your logo by clicking on “Upload your logo”.
• And now click on “Submit”.

Adding a new product:

You can add a new product from this screen.

• Click on “Add Product” to add a new product.

• Enter the name of the product.
• You can uncheck the option of “Let buyers edit quantity in cart”. As it’s a digital product, the buyer would purchase a product one time only.
• Enter the price of the product and currency.
• Check out other options like Email subject and Email message.
• If you want to receive a copy of the email which is sent to the buyer when he purchases, then click on “Receive a copy of email sent to buyer”.
• If you wish then you can click on “More Options”.

Download Link Validity:

The download link validity attempt field will place a limit to your customer’s attempt to download a file. Of course the customer would not be able to share the download link, but he can re download the file in case of deletion or corruption of the file.

The Hours field means that a particular file will expire in x hours. Normally its better to just write “0” to lift hour limit because sometimes the customer may purchase the file immediately, but may forget to download it until a week later. If you set it to 120 hours then the file will be downloadable for 5 days only.

Thank you page settings:

A “thank you” page is the page which the customer sees after successful payment. If you want to write a personalized message then you can do so here. You can also use template variables, like in this example, [%first_name%] is used. This variable will insert the first name of the customer. To use different template variables, click on (more info..)

You can also promote your other products from the thank you page. For that you should first make a listing of that product. In this example, we have made another product named as “eBook”. Now select the product name which you wish to promote on the thank you page.

After configuring these settings, click on “Submit”.

Uploading the product file:

Now upload the file which you wish to sell. If you want then you can also zip the file and then upload it.

• To upload the file, click on “Upload product file”.
• Select the file/product to upload.
• A separate window will open and click on “Browse” to select the file and then click on “Upload”.

• After the file has been successfully uploaded, close that window.

Getting Add to Cart, View Cart, and Buy Now button code:

• Copy the code from “Add to cart button” or “View cart button” field and paste it anywhere you wish.
• If you also want a “Buy Now” button then click on “Buy Now Buttons” and you’ll get the code for that also.
• Below is an example showing all three buttons:

Else, if you just want the “Buy Now” link then copy the code which starts from “https” till that link ends. In the below screenshot, we have shown which code to select.

You just need to select this code and paste it as a link anywhere you want or you can also paste it to any ready made buy now button or any other button you wish.

Now let’s see this in action. When your customer clicks on “Buy Now”, he’ll be able to see the below screen.

Now your customer needs to pay through Paypal and after the successful completion of the payment process he’ll get an Email which will contain the download link.

Simply click on the download link to download the file. This is how the process goes at customer’s side.

So that’s it, try out E-Junkie, its so easy and simple to use.

Now let’s learn how to use firebug:

Installing firebug

There are two ways to install firebug

• Open firefox, go to Tools > Addons > Get Addons and then search for firebug. Now click on Install. Restart firefox after installing
• Or you can go to getfirebug.com and click on “Install Firebug for Firefox” button.

Using firebug

The short cut key to view the firebug windows is “F12”. Or alternatively you can also click on the firebug icon from the status window.

Inspecting Element:

This is the most powerful feature of firebug. Through this, you can directly get the source of that particular element. You can know all about that element, which style sheet is it using, which link its pointing to, what HTML is it using, etc. Inspecting about an element means knowing all about that particular selection.

To inspect an element simply right click on the element which you want to inspect and click on “Inspect Element”. Or you can also press “F12” and click on the “inspect” icon and then move your mouse to any element and then you’ll be able to see a blue rectangle surrounding that element and its code in the firebug window.

Click on “+” to expand that line. You can edit the text or experiment with the coding here only and the changes will be displayed in the website directly. Also you can select any line and click on “Edit” and a new window will open where you can further edit that code or text.

Here you can minutely change each and every element you wish. Editing in this window is too easy.

CSS Window:

Notice the Style window in the right side. It shows you which CSS file is being used by this element. Just hover the mouse over style.css and you can also know about its location. This is very useful if you want to know the location of that particular style sheet. When you hover the mouse over the color element in this window, visualization is shown of that color, this live preview gives you a idea of how that color looks like.

Layout:

In the HTML window, click on “layout”. This is very useful feature to see the measurements of the navigation window and to know about padding, border and margin of a website. Below is a an example.

Console window:

If you want to use the good old command line for javascript, then you can also do that. To open it click on “Console” in the firebug window.

Now you can edit the javascript from this window. It also has many other functions like autocomplete, automatic resizing, copying code, hyperlinking to object, etc. You can also debug errors in this window.

Net window:

Want to know which elements of your webpage are slowing the user experience? This small nifty tool will show you each and every detail about the loading time. May be you forgot to compress the images or the javascript is taking ages to load, this tool will show you everything.

If you just want to know about the loading time of images, then click on “Images” and it will show you just the loading time of images on your webpage.

This way you can know which files are taking long time to load. You can also know about loading time of HTML, CSS and Javascript. This feature is very useful to speed up the website and to find out the problems. You can also examine HTTP headers, or you can know if the website is using cache effectively, etc.

Through this firebug plugin, you can edit live websites, preview how it looks, inspect the elements and do just about everything you wish to. This plugin is a real solution to web developer’s problems. Just try it.

Introduction to PO and MO files:

PO files (Portable Object files) :
PO is the file where translation of both languages are stored. One is English and the other is the one you’re translating to.

MO files (Machine Object files) :
PO files are then converted to machine readable binary files (MO files). The plugin which we’ll be using will do this step for us.

Installing “CodeStyling Localization”

• Download CodeStyling Localization.
• After downloading, unzip it
• Now upload this folder to wp-content/plugins
• You can use a FTP client, like FireFTP, to upload this plugin or use File Manager from cPanel
• Now login to WordPress admin and from the plugins section, activate CodeStyling Localization.

Using Localization Plugin

From the Tools, click on “Localization”. Now select the path where you want to place the saved PO file. That PO file will be automatically saved in that path.

E.g. to save the .PO file to wp-content/themes/WPStore, then simply click on wp-content/themes/WPStore. After that, click on “Add New Language“.

One window will pop up, select the language you want to translate to. Also, in the last translator field, you can write your name. E.g. in the example below, we have selected Italiano/Italia as the language we will be translating to is Italian.

After selecting the language, click on “create po-file“.

Scanning for possible language translation words:

In the next step click on “Rescan“.

Now click on “Scan now” and then on “finished“.

Getting the .PO file from Pepipopum

:

Your PO file is created. Now, head over to pepipopum.dixo.net, click on “Browse,” and select the PO file from the path you’ve selected earlier. If the file is on your server, download that PO file first then select that file for upload to pepipopum.dixo.net. In “Target Language“, select your target language. In this example, let’s select Italian.

After selecting your PO file and output language, click on “Translate File“. In the next screen you will be able to see the translation. Copy the whole text in that page and paste it in the PO file. You can open the PO file through Notepad. Don’t forget to delete the old data in that file and then paste this new data. Save the file and now your new Italian file is ready.

Upload this new PO file to wp-content/themes/WPStore. This is the path selected earlier. You can overwrite the old file. The file name should remain the same though.

Generating MO file:

From the WordPress admin, go to Tools > Localization. Click on “Edit“.

In the next screen, notice the “generate mo-file” button. Click on this button.

Now your MO file is also generated.

Editing the Code:

From WordPress admin Appearance tab, click on “Editor“. Now click on “Functions.php” Locate this line
24
/*load_textdomain( ‘default’, TEMPLATEPATH.’/en_US.mo’ );*/

and simply edit it by removing this /* and */ (remove the first two and last two characters). Rename the file name as per your new MO file name. In this case, the name of file is “it_IT.mo”. So it will look like:

load_textdomain( ‘default’, TEMPLATEPATH.’/it_IT.mo’ );

After editing, click on “Update file“. So this was the last step. Go ahead and translate the theme in your own language.

Note: If you don’t have permission to edit the functions.php file, you need to chmod the file through FTP to 666. Edit then save. When finished, chmod it back to 644. Or, download the functions.php file from your Templatic themes folder on the server, edit the file, then upload it back to the server to overwrite the file on the server with the new changes.

The theme contains all the standard features like rest of our themes + some nifty features like

• 8 different elegant color schemes
• Horizontal drop menu at the top
• News slider
• Custom built widgets
• fully widget ready homepage

We’d rather keep this post short so you can check out the complete details of News Time theme and take a look at the live demo. And, don’t forget you can test admin settings by getting a test account at test.templatic.com.

Limited time offer: The regular price of this theme is $65, but if you purchase before the end of this month (Aug. 31,2010) you get this theme for only $35 USD. No coupon code required. Grab this offer while it lasts.

What’s next?

Besides e-commerce framework, we are working on a niche specific theme yet again. Here’s a tiny sneak peek. More on this coming shortly.

Fully customizable front page

The homepage of your theme is completely customizable via custom dynamic widgets specifically built for the theme.

Custom Control Panel

This theme has an easy-to-use, intuitive control panel that allows you to configure all aspects of your blog without touching the code.

Localization Support

Translate this theme into your native language! Native translations of all blog content can be done through the theme’s advanced control panel.

Dynamic image gallery

it dynamically generates thumbnails from the images you upload on gallery page. Users can zoom the image to full preview.

Standard Features

• Eight detailed color schemes

  

• One Click – Auto Install

  this theme features our awesome single click install feature. You won’t have to set each and everything step by step (like you do with competetor theme). Simply Activate the theme and this theme auto populates sample products, categories and does the basic settings (you can remove them with single click). It’s much easier now to understand how the theme works and all you need to do is, edit the sample products and place your own. You do not need technical knowledge.

• Excellent Support

  A completely customizable header region with theme options to upload your own background header graphic and logo image.

• Theme Guide & Tutorials

  Our member control panel includes easy-installation guides with screenshots and other useful articles that allow you to use the theme to the fullest.

• PSD File Included

  The developer version comes with layered Photoshop (PSD) files so you can change the look and feel of the theme as much as you like!

• Drop Down & Breadcrumb Navigation

  Up to four levels of drop-down navigation and a fully customizable breadcrumbs navigation in inner pages is included for a better user experience

• Gravatar Support & Threaded Comments

  Communicate even further with your readers! Our themes use the latest features of WordPress including threaded comments and Gravatar integration.

• Built-in Ad Monetization

  The blog and sidebar have strategic place holders that you can use to sell ad space or promote your own in-house products.

• Search Engine Optimized

  Our themes are professionally coded in a way that gives your site maximum exposure to search engines.

• Widget Ready with custom widgets

  Our theme fully supports wordpress widgets. But wait! We also include custom widgets specially made for our themes to get the most out of your blog!

• Valid, Cross browser Compatible

  Are your visitors using a range of browsers such as Firefox, Safari or maybe Internet Explorer? No problem! Our theme renders perfectly in all of today’s browsers, and is fully W3C standards compliant.

Yes, Create a professional news magagine website easily using this theme. Buy Now and Download immediately

The homepage is completely widget ready and it’s highly configurable. From sliders to testimonials each part is given a special attention and placed there considering a small business and service business requirement for a professional website.

What to see?

• Attention to detail
• Razor sharp typography on home, blog and inner pages. Grid alignment, spacing and overall perfection
• Strategically built layout, ideal to represent small business and individual professionals
• The homepage is completely widgeted. Drag and drop any widget.
• Custom widgets such as image slider at the top banner, auto fading testimonials, latest news, timings, and other footer widgets
• Complete design of this theme can be changed from design settings. Simply pick a color of your choice.

Unlimited color schemes

The theme does not contain any colorschemes. But you can create pain any color on your site for each of the element in site within few minutes.

The theme design settings allows you to pick color of your choice for each element – from fonts to borders to background. You can also customize fonts and size on your site.

With the color setting options above, within 2 minutse, you can change your site’s look to something like this..

Awesome isn’t it? Head over to theme details page of Specialist to check live demo and purchase the theme for your business. We’d highly recommend grabbing this theme.

So, what do you think of this simple yet powerful beauty?

Fully customizable front page

The homepage of your theme is completely customizable via custom dynamic widgets specifically built for the theme.

Custom Control Panel

This theme has an easy-to-use, intuitive control panel that allows you to configure all aspects of your blog without touching the code.

Localization Support

Translate this theme into your native language! Native translations of all blog content can be done through the theme’s advanced control panel.

Unlimited colorschemes

The theme design settings give you complete liberty to colorize your site in any way you want. It includes color picker for every single element of the theme.

Standard Features

• Dynamic Site color, font, font-family, font-size & background

  Admin side site background color, font color, font size, font-family, navigation, banner background color, banner border, title color, banner content color, banner button color, banner button border color, banner button font color changes

• One Click – Auto Install

  this theme features our awesome single click install feature. You won’t have to set each and everything step by step (like you do with competetor theme). Simply Activate the theme and this theme auto populates sample products, categories and does the basic settings (you can remove them with single click). It’s much easier now to understand how the theme works and all you need to do is, edit the sample products and place your own. You do not need technical knowledge.

• Excellent Support

  A completely customizable header region with theme options to upload your own background header graphic and logo image.

• Theme Guide & Tutorials

  Our member control panel includes easy-installation guides with screenshots and other useful articles that allow you to use the theme to the fullest.

• PSD File Included

  The developer version comes with layered Photoshop (PSD) files so you can change the look and feel of the theme as much as you like!

• Drop Down & Breadcrumb Navigation

  Up to four levels of drop-down navigation and a fully customizable breadcrumbs navigation in inner pages is included for a better user experience

• Gravatar Support & Threaded Comments

  Communicate even further with your readers! Our themes use the latest features of WordPress including threaded comments and Gravatar integration.

• Built-in Ad Monetization

  The blog and sidebar have strategic place holders that you can use to sell ad space or promote your own in-house products.

• Search Engine Optimized

  Our themes are professionally coded in a way that gives your site maximum exposure to search engines.

• Widget Ready with custom widgets

  Our theme fully supports wordpress widgets. But wait! We also include custom widgets specially made for our themes to get the most out of your blog!

• Valid, Cross browser Compatible

  Are your visitors using a range of browsers such as Firefox, Safari or maybe Internet Explorer? No problem! Our theme renders perfectly in all of today’s browsers, and is fully W3C standards compliant.

Build a professional website for your business easily using this highly configurable theme Buy Now and Download immediately

On behalf of Templatic.com team, I’d like to thank all of you who have sent feedback our way. You’ll see the reformation of templatic in coming days with regard to every areas – support, products and your experience at templatic.

Not to lure you guys to provide positive feedback but to encourage you to take action and actually filling out the form – we promised to provide templatic club license to any three persons. Three different winners are randomly chosen which are..

1. Kevin Tan
2. Jean-Paul Pangalos
3. Wahyu Setiya Rahmawan

I’d like to congratulations to the winners here. Separate email has been sent to all three of them with logins to templatic club license.

The actual prize that every one will receive is the reformation of templatic and the improved experience in general – in products, quality, support which will be available shortly.