Madhurie Singh . Com

How to build my own web site from my wordpress blog !

Archive for the ‘Webpage Design’ Category

How to create and use HTML Meta Tags, Title Tag, Favicon in wordpress.

Posted by Madhurie Singh on September 28, 2009

http://searchenginewatch.com/2167931

Posted in Webpage Design | Tagged: , , | Comments Off on How to create and use HTML Meta Tags, Title Tag, Favicon in wordpress.

How to create and add a Tag Page in WordPress.

Posted by Madhurie Singh on September 21, 2009

In trying to find solution for my 404 Link broken Error, I found this good site.

http://wpguy.com/articles/how-to-make-a-tag-cloud-page/

Posted in Webpage Design | Tagged: , , | Comments Off on How to create and add a Tag Page in WordPress.

How to save custom changes in the existing Atahualpa theme for wordpress.

Posted by Madhurie Singh on September 21, 2009

I have four blogs that I plan to host under one domain name ! 🙂

Hehehe I know it’s a tall want.

But I know the benefits of promoting one domain with different sections. I could have gone for categorizing the posts but I can foresee that my each blog is catering to different audiences.

So One thing I want is a different themes for each different blog. That way people will get confused.

There is one thing I have already encountered with customization of themes. When I reinstall wordpress or take a back up the settings have to be either re done manually or if if I am sensible, I make a file while has all the settings.

Initially I was using Andreas 09 theme but unfortunately it’s not designed well and has run time error. So I had to switch back to my favourite theme Atahualpa 🙂

I am in love with this brilliant theme. I can do so many custom changes but 😦 I cannot save these custom changes. That is a drawback which I hope the makers of this theme will get over soon)

One funny thing happened today. I had dark green header. So when I added subscribe by email, I just could not see the words! I was quite fed up. Then I saw an option Over Style and Config. Under it was the first option Body Text Links.
I clicked it and found that by default the link colour is black. So in gark green background it was hardly visible. So what I did was change the link color to #FFFFFF which is white.
Then I went to change the other features. Later while cheching my website I was shocked to find that none of my links were visible. I was wondering now what kind of error was that! Then suddenly I realized that what if the link color had something to do with it. I found the reason for my error links. The links were there, but in while color, hence invisible in white background :).
So I changed back the link color to #999999, steel grey color. My problem solved.

In Atahualpa theme, there is a lot that is ready made but still it allows nearly everything to be customized.

If you notice using the same theme I have now three blogs up as three sites under one domain name :).

I have tried to keep the basic layout same but changed only the color. The color are also that which I have tried to keep as much close to the wordpress blog.
so http://www.madhuriesingh.wordpress.com = www.madhuriesingh.com/superindiankid
http://www.singhmadhuri.wordpress.com = www.madhuriesingh.com/howtobuildsite
http://www.singhmadhurie.wordpress.com = www.madhuriesingh.com/superindianmom

Now I have one home page www.madhuriesingh.com which redirects to different blogs.
That’s the advantage of going for BlueHost , they allow multiple blogs to be hosted under one single domain name.

To bring the Blog Title in the center, there is no provision. But it can still be achieved by pushing the logo to the right.

So Under Style and Edit the Header Area, edit the Logo Inage :Styling to margin: 0 10px 0px 480px;

I prefer soild border instead of Dashed. So where I see Dashed, I change it to Solid.

Also I perfer to have my PAGES displayed below the logo and images. So I have changed the Configure Header area to %logo %image %pages. I have removed unwanted lines and borders.

The rest of the stuff is easy to handle in Atahualpa.

Posted in Webpage Design | Tagged: , , , , , , | Comments Off on How to save custom changes in the existing Atahualpa theme for wordpress.

Code for RSS, Technorati, Digg, Del-ic-ious, subscribe, email for wordpress.

Posted by Madhurie Singh on September 15, 2009

All websites must have at least a single point contact with the site content.

I wanted to add various ways to allow people reading my posts to be in touch with the content and possibly allow them to subscribe to the new posts, comments in general.

I tried a lot but did not fine one single place where I could get all my requirements. Hence this post. 🙂

I am pasting the code for all the means that readers use to get linked to my site.

1. BOOKMARK

Bookmark and Share
<!– AddThis Button END –> <!– AddThis Button BEGIN –> <div><a href=”http://www.addthis.com/bookmark.php?v=250&amp;pub=madhuriesingh&#8221; title=”Bookmark and Share” target=”_blank”><img src=”http://s7.addthis.com/static/btn/lg-bookmark-en.gif&#8221; width=”125″ height=”16″ alt=”Bookmark and Share”></a></div> <!– AddThis Button END –>

2. Technorati

Add to Technorati Favorites

<!– AddThis Button BEGIN –><a href=”http://technorati.com/faves?sub=addfavbtn&amp;add=http://www.madhuriesingh.com”><img src=”http://static.technorati.com/pix/fave/tech-fav-1.png&#8221; alt=”Add to Technorati Favorites” /></a><!– AddThis Button END –>

3. DIGG

Digg!

<!– AddThis Button BEGIN –><a href=”http://digg.com/”&gt; <img src=”http://digg.com/img/badges/100×20-digg-button.gif&#8221; alt=”Digg!” width=”100″ height=”20″ /> </a><!– AddThis Button END –>

4. RSS SETTINGS

for subscribing to posts, comments through RSS select Yes for all options.

Select Yes for Subscription By Email, and type Subscription by Email in title.

Write YOURSITEFEEDBURNERID without any space in the the box for feedburner id.

To get my FeedBurner id. I went to http://www.feedburner.com. Created a google id, login and went to my feeds. Entered the site name for which I wanted a feedburner id. And followed the instructions. There I get my feedburner id.

5. Download Plugin ZIP file for Feedburner Feedsmith from this link

http://www.google.com/support/feedburner/bin/answer.py?answer=78483&topic=13252

And download the zip file to extract FeedBurner_FeedSmith_Plugin.php file
upload it in plugins site and from admin site activate this plugin FeedSmith.

6. Google icon RSS

<a href=”http://fusion.google.com/add?feedurl=http://feeds.feedburner.com/YOURSITEFEEDBURNERID”><img style=”border:0;” src=”http://buttons.googlesyndication.com/fusion/add.gif&#8221; alt=”” width=”104″ height=”17″ /></a>

7. MY YAHOO

<a title=”Madhurie Singh . Com” href=”http://add.my.yahoo.com/rss?url=http://feeds.feedburner.com/YOURSITEFEEDBURNERID”><img src=”http://us.i1.yimg.com/us.yimg.com/i/us/my/addtomyyahoo4.gif&#8221; alt=”” /></a>

8. NEWSGATOR

Subscribe in NewsGator  Online

<a title=”Madhurie Singh . Com” href=”http://www.newsgator.com/ngs/subscriber/subext.aspx?url=http://feeds.feedburner.com/YOURSITEFEEDBURNERID”><img src=”http://www.newsgator.com/images/ngsub1.gif&#8221; alt=”Subscribe in NewsGator Online” /></a>

9. SEND to PHONE

<a href=”http://www.plusmo.com/add?url=http://feeds.feedburner.com/YOURSITEFEEDBURNERID”><img src=”http://plusmo.com/res/graphics/fbplusmo.gif&#8221; alt=”” /></a>

10. Free Dictionary

Add to The Free Dictionary

<a title=”Add to The Free Dictionary” href=”http://www.thefreedictionary.com/_/hp/AddRSS.aspx?http://feeds.feedburner.com/YOURSITEFEEDBURNERID”><img src=”http://img.tfd.com/hp/addToTheFreeDictionary.gif&#8221; border=”0″ alt=”Add to The Free Dictionary” width=”91″ /></a>

11. RSS ICON for SUBSCRIBE BY EMAIL


powered by feedburner

<a rel=”alternate” href=”http://feeds.feedburner.com/YOURSITEFEEDBURNERID”><img src=”http://www.feedburner.com/fb/images/pub/feed-icon32x32.png&#8221; alt=”” /></a> &lt; powered by feedburner

2. Thank Feedburner

I heart FeedBurner

<a href=”http://www.feedburner.com&#8221; target=”_blank”><img src=”http://www.feedburner.com/fb/images/pub/i_heart_fb.gif&#8221; alt=”I heart FeedBurner” /></a>

Posted in Webpage Design | Tagged: , , , , , , , , , , , , , | Comments Off on Code for RSS, Technorati, Digg, Del-ic-ious, subscribe, email for wordpress.

How to Install a new Plugin?

Posted by Madhurie Singh on September 11, 2009

I want to add a new plugin to make my website google ad friendly.

I found on my admin page itself this link http://wordpress.org/extend/plugins/adsense-now/installation/

I download the zip file for adsense.
Next I click the Add New Under Plugins (Under APPEARANCE).

Then I upload the adsense . zip file. upload theme zip file

Next I activate the plugin for adsense.
setting of adsense plugin

Now I select top space for Adsense Ads.
settings of adsense space

There , setting of adsense is also done 🙂 in any theme.

Posted in Webpage Design | Tagged: , , , , | Leave a Comment »

How to add new theme to wordpress site?

Posted by Madhurie Singh on September 11, 2009

Today I am gonna add new themes for my wordpress website. As of now, I did not want to word hard on something which takes loads of times, until I was sure of my first site installed correctly.

Now till I install other sites in the same database, I may take a month or so. So I want to give my site a good look, till I finalize on the other sites and rest of the fine tunings.

To add a new theme, log into the admin page of the website. ie http://www.madhuriesingh.com/wp-admin/install-theme.php

or I can go to the admin page and click Add New Theme under APPEARANCE.
click add new theme

I like Andreas as I have using it in my blogs. So I will click and preview it first. I like the preview and will Install it now. I click Install button.
preview and install a theme

I am using Andreas09 for my wordpress blogs, but the available theme in wordpress.org is Andreas01 !
So I google it and download the zip file of Andreas09-16 .zip. Then I click upload button in the Install Theme page.
I select the downloaded zip file for upload.
upload theme zip file
Activate the installed theme

This is how my site looks after activating the theme Andreas 09.
my website after activating the theme

Posted in Webpage Design | Tagged: , , , , | 41 Comments »

Getting familiar with BLUEHOST, SimpleScripts, WordPress.Org

Posted by Madhurie Singh on August 28, 2009

Purchasing my website HOST, was a difficult choice and took some time.

Registered my domain name Madhuriesingh with BlueHost.com for life.

Now let me start to transfer the blogs from WordPress.com to WordPress.Org on BlueHost severs !

You know, it’s been years that I have done anything technical. The last I did was in 2001, when I was a consultant to Australian government’s Tax department. There my team had build a site for them based on their complicated tax calculating formulaes and rules.

I have learnt a cool way to learn new things.

I do not read anything about anything that’s new to me. !!!!!

Strange ? Well I know it’s weird?

I just keep staring at the the new product, new script, new technology by turning and twisting them from all angles. Slowly, my brain starts to make a 3D picture of the new stuff I am exploring.

And Voila! Badaa Boom, Badaa Bing !!!!  I am no longer stanger to this New Stuff !

It’s a natural process of any brain. Anything that’s new and encountered for the first time, creates a feeling of scare, fear, escape and hopelessness. So, the best thing to handle this feeling is, dive into the stuff that’s new, explore it from all angles, from all directions till the brain starts accepting new thing as a known thing. 🙂 And once the strangeness is gone, it becomes easy to learn.

Once, I become familiar at the superficial level, I go deeper, slowly, one feature at a time. I try each feature one by one, make tiny changes and see the output. When I am satisfied, I move to the next feature.

I am not going to stop blogging on the wordpress blog as of now, and think I am ready to launch the website so soon, so easily. I am going to test all the features that are crucial for running a website on my own, on BlueHost with the help of CPanel.

I am now trying one feature each day.

Today I will try SimpleScripts to create the New webpage. I have thrice run the SimpleScripts from CPanel and built my new webpage under the domain name http://www.madhuriesingh.com.

It’s pretty simple. Just need to follow each step mentioned in the CPanel tutorial. I am trying hard to resist myself from going deeper into the technicality of features and working of SimpleScripts. My aim is to host the site successfully and not waste too much time on how simplescript works. Btw SimpleScripts is a language that is used to convert my old wordpress blog from wordpress.com to wordpress.org and build my website.

In my next post I am going to mention all the steps to migrate a blog from wordpress.com to wordpress.org, hosted on Apache webserver using SimpleScripts.

Posted in Webpage Design, Website Host | Tagged: , , , , , | Leave a Comment »