TheCreatology.com

Tag: Web Designing

Look That Lasts: Building a Brand Identity That Outlives Design Trends

Trends fade. Identity endures. Look That Lasts is the second pillar of Digital Intent, and strong brand identity design asks a deceptively simple question: will your branding still work in five years?

Many businesses chase whatever design trend currently dominates Instagram. However, constant reinvention confuses customers rather than attracting them. Consistency, not novelty, builds recognition.

Why Timeless Branding Beats Trendy Branding

Every design trend eventually looks dated. Neumorphism, glassmorphism, and oversized typography each had their moment, then faded. Meanwhile, brands built on genuine purpose remain recognisable decade after decade.

Consequently, chasing trends wastes budget on redesigns that deliver diminishing returns. Instead, invest once in an identity rooted in what your business authentically represents.

Four Principles of Brand Identity Design That Lasts

1. Purpose Before Palette

Choose colours and typography because they communicate your values, not because they’re currently fashionable. Ask what feeling your brand should evoke, then design towards that feeling deliberately.

2. Consistency Across Every Touchpoint

Your logo, website, packaging, and social media must feel unmistakably connected. Furthermore, inconsistency (different fonts here, mismatched colours there) quietly erodes customer trust over time.

3. Simplicity Over Complexity

The world’s most enduring logos are remarkably simple. Additionally, simple marks scale better across formats, from business cards to billboards, without losing clarity.

4. Restraint in Reinvention

Refresh your identity occasionally, but avoid wholesale reinvention. Subtle evolution preserves recognition. In contrast, dramatic rebrands often confuse loyal customers who already trust your existing look.

A Practical Branding Exercise

Write down three words describing how customers should feel when encountering your brand. Then, audit your current visual identity against those words honestly.

Does your typography feel trustworthy, if that’s your goal? Does your colour palette feel energetic, if that’s your intention? Misalignment here explains why many rebrands ultimately fail.

Building Your Look That Lasts

Start by documenting your brand identity design guidelines properly: colours, fonts, tone, and imagery style, even if you’re a small business. Subsequently, apply these consistently across every platform without exception.

This pillar works alongside Space That Invites to transform passive presence into genuine digital intent. Together, they form the visual foundation everything else builds upon.

May 4, 2026
Space That Invites: A Practical UX Audit for Indian Business Websites

Can a first-time visitor understand your website within ten seconds? If not, your business needs a website UX audit today. Space That Invites is the first pillar of Digital Intent, and it begins with an honest self-assessment.

Most Indian business websites still prioritise decoration over function. Consequently, visitors struggle to find what they actually need. However, a focused website UX audit changes this quickly.

Why Space That Invites Matters First

Your website functions as your digital headquarters. Therefore, it must welcome visitors rather than confuse them. A cluttered homepage signals disorganisation. In contrast, a clean, purposeful layout builds instant trust.

Furthermore, Google now rewards strong user experience through Core Web Vitals. Consequently, poor UX doesn’t just lose customers. It damages your search rankings too.

The Five-Point Website UX Audit for Indian Businesses

1. Loading Speed

Test your homepage using Google PageSpeed Insights. Aim for under three seconds on mobile networks. Additionally, compress images and remove plugins that slow page loads unnecessarily.

2. Mobile Responsiveness

Most Indian internet users browse primarily via mobile devices. Therefore, your site must adapt seamlessly across screen sizes. Check every page manually on an actual smartphone, not merely a browser preview.

3. Navigation Clarity

Visitors should reach any page within three clicks. Moreover, menu labels must use plain language, never internal jargon. Ask a colleague unfamiliar with your business to navigate it blind.

4. Visual Hierarchy

Important elements, such as your value proposition, contact details, and calls-to-action, deserve visual priority. Whitespace helps content breathe. Meanwhile, competing banners and pop-ups actively harm comprehension.

5. Trust Signals

Display your address, phone number, and registration details clearly. Additionally, genuine customer testimonials outperform generic stock photography. Trust, ultimately, converts browsers into buyers.

Common UX Mistakes Indian Businesses Make

Many websites confuse activity with progress. Auto-playing videos, five simultaneous pop-ups, and animated backgrounds do not aid conversion. Instead, they create friction precisely when clarity matters most.

Similarly, businesses often organise navigation around internal departments rather than customer needs. However, visitors don’t care about your org chart. They care about solving their problem.

Your Next Step Towards Space That Invites

Start with a single page: your homepage. Remove every element that fails to serve a visitor’s immediate need. Subsequently, measure your loading speed and mobile experience honestly.

This simple website UX audit is the foundation of Digital Intent, the first of six pillars. Get this right, and every other investment in your digital presence strategy will perform noticeably better.

April 6, 2026
Digital Intent vs Digital Presence: Why Businesses Need a Design Revolution
Most businesses today have a website and post on social media—they’re present online. But building digital presence for business without purpose is like shouting into a crowded room. Nobody’s truly listening.

Digital presence strategy business transforms your online footprint from a static placeholder into a dynamic business asset through strategic clarity and purposeful design.

Understanding Digital Presence vs Digital Intent

The difference is not subtle—it’s the gap between background noise and meaningful conversation.
Digital Presence means you exist online:

You have a website that’s live

You post occasionally on social platforms

You appear in search results

You maintain basic online visibility
Digital Intent means you operate strategically:

Every design element serves a clear purpose

Content solves problems before asking for sales

User experience drives every decision

Outcomes are measured against business goals
Visual Noise Dilemma in Contemporary Web Design – A Barrier to Effective Digital Presence Strategy Business

The digital marketplace faces a unique challenge: visual complexity has become the default language of business. Websites overflow with competing animations, cluttered interfaces drown users in options, and messaging prioritises visual effects over clear functionality.

Therefore, tendency towards overload can detract from usability, hinder user focus, and prioritise superficial appeal at the expense of intuitive, efficient experiences. Let’s look at the few examples below:

Example 1: The Restaurant Website – Applying Digital Intent to Building Digital Presence for Business

Digital Presence Approach: Homepage features rotating banner images, background music, animated menu cards, five pop-ups (newsletter, offers, locations, app download, feedback), and buried contact information.

Digital Intent Approach: Clean homepage with your location, today’s opening hours, one-click menu access, and prominent reservation button. So, every element answers the question: “What does a hungry person need right now?”

Example 2: The Professional Services Firm – Strengthening Digital Presence Strategy Business

Digital Presence Approach: Generic stock photos, lengthy “About Us” corporate history, industry jargon throughout, and unclear service descriptions spread across multiple pages.

Digital Intent Approach: Client problem statements as headlines, specific outcomes you deliver, case study summaries with measurable results, and clear next steps for engagement.

Why Digital Presence Fails: Three Critical Mistakess in Building Digital Presence for Business

Confusing Activity with Strategy

Posting content daily without a clear strategic purpose does not strengthen your brand; it depletes your time, energy, and resources. A single, well-considered piece of content that directly addresses a genuine customer challenge or need will deliver far greater value than seven days of generic, unfocused updates.

Mistaking Decoration for Communication

Visual complexity should never be mistaken for sophistication. When a manufacturing company’s website employs parallax scrolling, animated infographics, looping video backgrounds, and numerous decorative effects—yet visitors cannot quickly discern what products are offered or what the business actually does—ornamentation has overtaken effective communication.

Prioritising Impression Over Connection

Designing primarily to impress peers or win design awards, rather than to serve user needs, results in aesthetically impressive websites that fail to convert. A website is not a showcase for creative portfolios; it is a functional business asset whose primary role is to facilitate understanding, trust, and commercial outcomes.

The Design Revolution: Form Follows Function in Your Digital Presence Strategy Business

The principle that revolutionised physical design a century ago offers the solution: every element must serve a clear purpose.

This means:
- Clean, uncluttered interfaces that respect user attention
- Typography and layout that enhance readability
- Colour choices that communicate meaning, not just aesthetic preference
- Whitespace that allows content to breathe
- Navigation that prioritises user goals over organisational structure
This approach is not minimalism pursued for its own sake. But, it is purposeful, considered design that respects the audience’s time, attention, and intelligence.

Digital Intent in Practice: The Six Pillars of Building Digital Presence for Business

Moving from passive presence to active intent requires foundation-building with a strong digital presence strategy business:

Read article: Six Pillars of Digital Intent: Building an Online Presence Strategy That Lasts

Space That Invites: Websites designed with user experience as the top priority—fast, intuitive, and mobile-responsive.

Look That Lasts: Visual identities rooted in enduring principles rather than fleeting trends, creating recognition through consistency.

Content That Connects: Messaging that addresses real human needs, providing value before asking for anything in return.

Talk That Travels: Social media that sparks genuine conversations rather than broadcasting announcements.

Peace That Protects: Robust security measures that safeguard both your business and customer trust.

Tool That Accelerates: AI automation, in essence that handles repetitive tasks, freeing your team to focus on strategic, creative work.

Building Your Online Presence Strategy – Mastering Digital Presence Strategy Business

The businesses that will dominate this year won’t have the most sophisticated designs or largest social followings. They undeniably will be the ones brave enough to simplify while building digital presence for business..

Start by asking: Can a first-time visitor understand what you do and why it matters within 10 seconds?

If not, begin stripping away the unnecessary. Remove decorative elements that do n’t serve user needs. Clarify your messaging. Ensure every design choice enhances understanding rather than creates friction.

Although the digital design revolution India needs isn’t about adopting new trends—it’s rediscovering timeless principles of clarity, purpose, and genuine connection in building digital presence for business..

The future belongs to brands clear enough to be understood and purposeful enough to be remembered through an effective digital presence strategy business.

Over the coming months, for this purpose we shall explore each of these six pillars in depth, providing practical frameworks for transforming your digital presence into digital intent. Because in 2026, being simply present online is no longer enough.
January 31, 2026
Six Pillars of Digital Intent: Building an Online Presence Strategy That Lasts
In today’s digital landscape of endless scrolling and algorithm-driven content, successful brands are not the loudest—they are the clearest. As we move through 2026, businesses must shift from simply being present online to operating with genuine Digital Intent—developing an online presence strategy demands that goes beyond visibility to create meaningful impact.

India is currently at a unique crossroads and being world’s most populous nation with a rapidly digitising economy, yet we face significant challenges in digital literacy, linguistic diversity and “clutter culture” in app design. Therefore, bringing clarity is not just an “aesthetic choice”—it is a functional necessity.

A Return to Purposeful Design

Much like the early 20th-century revolution that stripped away ornamental excess in favour of functional beauty, today’s digital landscape—particularly in India—desperately needs a similar transformation. We are witnessing an overload of decorative elements, cluttered interfaces, and messaging that prioritises flash over function.

The answer lies in embracing form following function: designing with intention, where every element serves a purpose. This philosophy champions:
- Clean, uncluttered interfaces that respect the user’s attention
- Typography and layout that enhance readability rather than distract
- Colour palettes that communicate meaning, not just aesthetic preference
- Geometric simplicity that creates visual harmony
In the Indian digital market especially, where businesses often compete through visual excess, adopting this stripped-back, purposeful approach creates immediate differentiation and sophistication. This online presence strategy requires—one rooted in clarity over complexity—sets forward-thinking businesses apart.

The Six Pillars of Digital Intent Strategy

At TheCreatology, we have identified six foundational pillars that transform a basic online presence into a dynamic, high-performing digital asset.

1. Space That Invites: Web Fundamentals

Your website serves as your digital headquarters. To convert visitors into customers, it must deliver:
- Fast-loading and intuitive to navigate
- Mobile-responsive across all devices
- Designed with user experience (UX) as the top priority
- Built on principles of clarity and functional beauty
- A space where visitors feel immediately at ease
Key takeaway: User experience (UX) isn’t optional—it’s the foundation of digital success.

2. Look That Lasts: Branding & Identity

Whilst trends come and go, authentic brand identity remains constant. Focus on:
- Creating a cohesive visual language rooted in purpose, not decoration
- Choosing design elements that remain relevant beyond current fashions
- Embracing minimalism: using fewer elements with greater impact
- Building recognition through consistency rather than constant reinvention
Key takeaway: Invest in identity, not just imagery.

3. Content That Connects

Effective content goes beyond search engine optimisation. Your messaging should:
- Address real human needs and pain points
- Provide value before asking for anything in return
- Communicate with clarity and directness
- Solve problems through education and insight
- Build trust through authenticity and relevance
Key takeaway: Relevance beats reach every time.

4. Talk That Travels: Social Media Engagement

Social media engagement is your growth engine. Rather than simply broadcasting, aim to:
- Spark meaningful conversations with your audience
- Respond thoughtfully to comments and questions
- Share content that invites interaction and discussion
- Build relationships, not just follower counts
Key takeaway: Engagement is the true engine of digital growth.

5. Peace That Protects: Digital Safety & Security

In an increasingly volatile digital environment, protecting your business and customers is paramount:
- Implement robust data protection measures
- Regularly update security protocols
- Treat user privacy as a fundamental responsibility
- Demonstrate your commitment to safeguarding trust
Key takeaway: Protection builds lasting credibility.

6. Tools That Accelerate: Artificial Intelligence

Artificial Intelligence is not about replacing human connection—it’s about enhancing it:
- Automate repetitive tasks like content scheduling and data analysis
- Free up time for strategic thinking and creative work
- Maintain consistent output without risking burnout
- Focus your energy on what truly matters: Genuine Engagement
Key takeaway: Automate the mundane to amplify the meaningful.

The Indian Digital Revolution: Less Is More

Indian businesses face a unique challenge: standing out in a marketplace where visual complexity has become the norm. The revolutionary online presence strategy 2026 calls for involves:
- Stripping away the unnecessary: Remove decorative elements that don’t serve user needs
- Prioritising clarity: Ensure every design choice enhances understanding
- Unifying form and function: Create beauty through purposeful design
- Embracing whitespace: Allow content room to breathe and communicate effectively
This shift from ornamental to functional design does not mean sterile or boring—it means intentional, powerful, and memorable.

Staying Active on Social Media Improve Online Presence

Maintaining an active social presence need not be overwhelming. The key is delivering consistent value through:
- AI-powered content planning: Use intelligent tools to schedule and optimise posts
- Quality over quantity: Share less frequently but with greater purpose
- Automated workflows: Streamline routine tasks whilst preserving your authentic voice
- Strategic engagement: Allocate saved time to meaningful interactions with your community
- Clear, purposeful messaging: Cut through the noise with direct communication
Your 2026 Action Plan

The path forward is refreshingly straightforward: Be Simple. Be Good.
- Eliminate unnecessary complexity from your digital presence
- Design with purpose: every element should serve a function
- Protect your digital assets and customer data rigorously
- Leverage AI to amplify your authentic voice
- Focus on clarity, consistency, and genuine connection
By building your online presence on these six foundational pillars—guided by principles of functional design and purposeful communication—you transform your digital footprint from a static placeholder into a dynamic asset that works continuously for your business.

The future belongs to brands, brave enough to simplify.
January 3, 2026
Start Online Business Idea – Create Good Web Designs in 2019

First of all, TheCreatology welcomes you & your loved ones, a Happy New Year 2019. Last year 2018 wasn’t too bad either, apart from blogging point of view, but we designed some awesome WordPress websites for the lovely clients. Experience of 10 years in digital field marketing, in contrast, envisions us to help you kick start online business idea.

Our goal is to create web the best place for a targeted audience.

What’s Upcoming in New Year 2019?

New Year 2019 brings a new ideation to design better web. We’re more focused, therefore more thoughtful to articulate technology and its resources.

Revamping This Website

Website Loading Screen

TheCreatology website revamp was long due and the wait is finally over. This time we have focused to achieve better readability of the content using eye-friendly web contrast colours.

How to Start Online Business?

We believe that simplicity of complex elements can achieve better and improved results. Therefore, we introduce you to our new approach to start business online.

Click to Start

Web Design & Development Services

Web Design. Digital Branding. Mobile Development

We are a one-shop for your digital needs. Certainly, Quick Website, Digital Branding, Business IT Consultation, or Mobile App Development solutions under one-roof. Also, we’re improving WordPress Squirrel Framework for robust web experience. Furthermore, it now supports Woocommerce plugin to start online shopping business platform.

We offer more benefits with each service delivered. Most noteworthy are free on-page SEO for websites and one year of troubleshooting support.

Web News & Updates

We promise to share more digital marketing strategies. Also, web designs tips and WordPress development tutorials by means of blog. Even more, you may subscribe using the favourite social media icon below or a news feed to receive instant updates.

Let’s Make Web a Better Place

There are so many websites that are flagged out from Search Engines. Above all Google Search Engine tops that list in the digital world. Furthermore, to rank top on Google, is getting even harder as we speak or probably as you read. In spite of all tools provided by Google, why website can’t rank on top of Google? Because the website doesn’t meet standards which Web wants. And for fact Google’s basic idea is to make this web a better place.

Here at TheCreatology, we also want to improve website’s health for search engines and compete with the world. For instance, a doctor improving the immune system of human body for better health. Similarly, we want to optimise your website for lead conversions. Develop minified and compressed code for faster web-page loading, so it’s efficient.

Lastly, we hope to walk heads high with this approach and help you start business online. Happy New Year 2019!

January 1, 2019
Use HTML5 Pattern to Input Specific URL using Regular Expression

HTML5 Pattern works on the principle of regular expression, set of code defining a pattern.This htm5 pattern attribute helps in form validation and 99% accurate data input from user. In this tutorial, we will create a regular expression to validate URL field.

Html5 Pattern Attribute

What is Regular Expression?

Regular expression is a set of characters which defines pattern to validates an expression. It helps in searching a word/character/letter in a given expression and returns true or false. For instance, a regular expression can extract “feel” word or “very lucky” words from “I am feeling very lucky today”.

In this tutorial, we will validate various input fields to accept Youtube, Facebook, Twitter urls.

Validate Input Field with Regex

Here is a syntax for regular expression:

Validating Youtube URL

[code]
<input type="url" pattern="http://www\.youtube\.com\/(.+)|https://www\.youtube\.com\/(.+)" />[/code]

Validating Facebook URL

[code]
<input type="url" pattern="http://www\.facebook\.com\/(.+)|https://www\.facebook\.com\/(.+)" />
[/code]

Validating Twitter URL

[code]
<input type="url" pattern="http://\.twitter\.com\/(.+)|https://\.twitter\.com\/(.+)" />
[/code]

Above expression checks for a valid Youtube, Facebook & Twitter URL with protocols, either http or https.

Demo

Valid:

Invalid:

What’s Next?

If you are looking to validate a custom name, then simply replace the words Youtube with your custom name. Such kinda validations are helpful for precise data input such as registration forms or contact forms.

If you have any queries or need any assistance, then post them using the comment form below.

December 22, 2012
Easily Customize Website Header using Thesis Theme Hooks
Most WordPress themes come with nice header layout design where some theme frameworks, like Thesis Theme have a sketched layout printed on white screen. Such themes allow N number of customizing options totally depending on the need.

If you are a developer then you can easily customize the website header, but what if it’s not your cuppa tea. Either you will hire a developer or look up online for some WordPress tutorials and try to fix website header. Don’t worry if you are using WordPress Thesis Theme, as in this tutorial you will learn to customize website header using basic thesis hooks.

Getting Started: Update Thesis Theme

To make sure that we are sailing on the same ship, I recommend you to update Thesis Theme. No sure about it, refer to article Safely upgrade to latest version Thesis 1.8. If you don’t have Thesis Theme Copy then you can also Download Thesis Theme.

Thesis Header Hooks

Thesis theme framework has been strongly build leaving many options to override default functions, we call these functions as thesis hooks. You can play around with these hooks to customize different blocks (header, content, sidebar or footer) in website . But, be careful while editing custom_functions.php file, as any wrong code can crash your website.

To customize thesis header you may need the following hooks:
1. thesis_hook_before_html
2. thesis_hook_before_header
3. thesis_hook_header
4. thesis_hook_after_header
Here is a quick visual reference of the above mentioned hooks:

Thesis header hooks implementation

Add Thesis Hook in Custom_Functions.php

You can take control of your website using Thesis hooks but before that you should know how to implement thesis hooks. Each Thesis installation has a custom directory in Thesis Theme. Custom directory, is where you do all thesis customizations, has the following files:
1. custom.css (where we style and override default stylesheet)
2. custom_functions.php (where we define hooks and override default functions)
To define a basic Thesis header hook, open custom_functions.php in editor use the following code snippet:

[php]
function first_hook_before_header() { ?>
<p style="border:1px solid #ddd;color:#d00; margin:5px; padding:3px;">This is Thesis Hook Before Header</p>
<?php }
add_action(‘thesis_hook_before_header’,’first_hook_before_header’);
[/php]

The above code adds a paragraph styled in a grey border box before thesis theme header. In similar way you can implement other hooks to define your actions as needed.

Cool Thesis Header Examples

Here are few inspiring header designs customized using Thesis theme:

Cool Website Header – Dodography

Website Header – ImieBelanger

Website Header – LetsCreateSomethingNew

Website Header – ShoutMeLoud

What’s Next?

You must be excited now to customize your website header after this handy tutorial. If you have any queries or need any assistance, then post it using comment form below.
August 9, 2012
Learn HTML5 to Create Interactive Website on Web – [Introduction]
You must be looking for some latest Twitter , Facebook or WordPress updates, guess what ? Its time for the Web HTML updates now. Yes, HTML5 is the next generation of HTML. If you haven’t heard about HTML5 at all or if you are curious to know about it, then this post is for you.

Create New Web using HTML5

This article, Learn HTML5 to Create Interactive Website on Web – [Introduction] covers the basic elements of HTML5 and new features added in HTML5. I have divided this post into three parts – What is HTML5?, Reason behind HTML5 Concept and What’s New about HTML5?

What is HTML5?

A new version of HTML which is still a work-in-progress, is supported by a lot of modern browsers like Mozilla 4+, Google Chrome & Opera. Previous version of HTML was launched in year 1999 and since then a lot of refinements were made in terms of HTML, XHTML and HTML DOM.

Well, HTML5 will be the mixture all these three versions of HTML which were launched over the time and it will be an awesome improvement for page speed, browser compatibility and error handling. I am anxious to see this new web version, are you not ? Read below why we need HTML5 ?

Reason behind HTML5 Concept

A collaboration of different minds, W3C and WHATWG, decided to create new and a better version of HTML. And the major factors considered for this revised version of HTML are as under:
- New Features based (mostly on HTML, CSS 3.0 and JavaScript/jQuery)
- Open Source Code (Development will be visible to everyone)
- Robust Error handling (For Quick bug fix and resolution)
- Device Independent (Doesn’t matter if its iMac, Windows, Android or iPhone)
- No third party plugins like Flash or Quick Time Players (Thats understood, isn’t it ?)
What’s New about HTML5?

Already excited to create with HTML5, check out some new features of HTML5 below:
- Canvas Element for Drag Drop, Wrap Text, Drawing
- Form Controls for calendar, date/time, email, search
- Audio and Video Elements for playback
- Content Elements like article header/footer, nav, section
Is that all ?

Neah, its just that I am so lazy to type that long list of new features in HTML5 for you. 😛 Perhaps, the above mentioned features are the vital ones, while I will elaborate these features in detail with my future posts. So keep in touch with us to learn HTML5 to Create Interactive Website on Web. 😉
January 29, 2012
Add Slim Subscription Box in Header to Increase Blog Readers

Not getting enough readers for your blog ? It doesn’t matter if blog content is unique or covers latest news, tRUth is that, a reader will come, read the content or will exit away and never return. While going through thecreatology stats, I analyzed that RSS Subscription was not performing well because of its placement in footer. Guess what, you can now see another slim subscription box above content box on thecreatology blog. It looks similar to the screenshot below:

Slim Subscription Box TheCreatology

The point is that, if you offer FREE Subscription of Blog Updates and maintain a subscriber list then it will certainly help you to get loyal visitors on blog. Well, if you want to add attractive subscription box in WordPress blog, then you can follow rest of the article.

In this article, we will learn to Add Slim Subscription Box in Header to Increase Blog Readers. Below are quick steps for the same:

Getting Started

Before we start with the tutorial, I want you to make sure that your WordPress, Plugins and Theme are updated with latest versions. If you are using Thesis Theme then you can Safely upgrade to latest version Thesis.

Add Subscription Box in Header

In this example, we are going to add RSS Subscription box which I believe is most commonly used and FREE too. Find the code for RSS Subscription box below and paste in single.php or header.php file of the currently activated theme. If you are using Thesis Theme, then paste the code in custom_functions.php file using thesis hook before content. PHP code is as under:

NOTE: Make sure you take full backup of functions.php file or custom_functions.php file using FTP before modifying the original file or you can also refer to the article about how to safely edit custom_functions.php.

[php]
<!–Do not remove this line
Designed by TheCreatology–>
<div id="slim-subscribe">
<span>Need Blog Updates?</span>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open(‘http://feedburner.google.com/fb/a/mailverify?uri=thecreatology’, ‘popupwindow’, ‘scrollbars=yes,width=550,height=520’);return true">
<h4>Subscribe to TheCreatology via <a href="http://feeds.feedburner.com/thecreatology" target="_blank" rel="nofollow">RSS</a> | <a href="http://feedburner.google.com/fb/a/mailverify?uri=thecreatology">Email</a></h4>
<input type="text" name="email" value="Your e-Mail address…" onblur="if (this.value == ”) {this.value = ‘Your e-Mail address…’;}" onfocus="if (this.value == ‘Your e-Mail address…’) {this.value = ”;}">
<input type="hidden" value="thecreatology" name="uri"/>
<input type="hidden" name="loc" value="en_US"/>
<input type="submit" value="Subscribe">
</form>
</div>
<!–Designed by TheCreatology, Author: Aky Joe–>
[/php]

Style Subscription Box CSS Code

After adding the HTML part, we definitely require to add CSS code to make it look attractive. Subscription box style code is as under:

NOTE: Make sure you take full backup of style.css or custom.css file using FTP before modifying the original file.

[css]

/*
Author: Aky Joe
URL: http://akyjoe.thecreatology.com
*/
#slim-subscribe{ background:#E2F7A8; border: 1px dashed #A6DFFA; height: 70px; margin: 20px 0 0; font-family: Arial;}
#slim-subscribe span{color: #f60; text-decoration: none; font-family: comic Sans MS; font-size: 26px; line-height: 65px; margin: 0 0 0 20px;}
#slim-subscribe h4{font-size: 12px; margin:5px 0;}
#slim-subscribe h4 a:hover{text-decoration: underline;}
#slim-subscribe form{float: right; margin: 5px 20px 5px 0;}
.txt-blog,.txt-blog:focus{background:#fff; border: 1px solid #b7cb80; border-radius:5px; padding: 6px 10px; width: 180px; font-size: 15px; color: #888;}
.btn-blog,.btn-blog:focus{background:#555; border: 0; border-radius:5px; padding: 6px 10px; font-size: 15px; color: #fff; text-shadow:1px 0 2px #333;}
.btn-blog:hover{background:#333;}

[/css]

Did you Play with the Code ?

Did you copy the code as it is ? Well, if yes then I recommend you to replace HTML part saying “thecreatology” with your RSS feedburner ID. Also you can play with the CSS to change background color of box and font color matching blog theme. Don’t change its size as fat body covers a lot of space, so let it be slim like me mine. 😉

We’re Done!

Wow subscription box looks good now, ‘eh ? If not, I would say NEVER STOP PLAYING. And here we come to the end of tutorial add subscription box in header to increase blog readers. I hope it was easy, if not? you can also hire me to add-style subscription box for you. If you have any query or further assistance is required, post your feedback as a comment below.

November 11, 2011
Health Website Design on Thesis WordPress Theme

Health Website is a clinic dedicated in the treatment of patients to help them improve their health with effective methods and guidance. TheCreatology in partnership with our Project Manager Ms. Imie Belanger was consulted for the complete redesign of health website and WordPress was best to fit in scenario. Do you Want to know Why you should prefer WordPress for your website ?

The package included thesis theme design with custom homepage, integrated blog, newsletter subscription. and essential SEO settings. A nature fresh web design was prepared for health website and with few minor changed it got green signal. Website was crafted as per the approved design and soon content was published on it.

Below you can see a screenshot of the Health WordPress Website:

Click to Zoom

If you want something similar for your health website design, you can either hire me or you can use the contact form below and I will get back to you asap! 😉

July 8, 2011