Creating a Blogger Static Home Page

Seems like there's always an unusual case where you want to create a Blogger blog with a static home page instead of the reverse order blog posts instead. I see this question quite often in the forums and support pages of other sites. Though this isn't a typical configuration for Blogger, the recent changes in the new layout editor have made this easier than ever without having to spend time editing the template code as you had in the past.

Add the Static Home Page

The first step is to simply create a static page in Blogger called something like 'Home Page' from the Blogger Pages menu item. Don't call it 'Home' yet because we're going to alter the home link later. When you click on the 'Pages' left menu item in the Blogger editor main menu you'll see that there is already a 'Home' link on the screen. Ignore that for now--just go up to the 'New Page' drop down box and select the 'Blank page' option:

You'll now be in the Page editor which looks a lot like the Blogger Post editor. At the top enter a page name such as 'Home Page' or 'Main Page' for now and some default text - we'll alter it later. Just go ahead and press 'Publish':

You should now see two pages in your list; 'Home' and 'Home Page' like so:

Now that you've created a static page, the next steps are are a bit tricky since you need to make sure your static page becomes 'Home' and the old Home link is hidden especially if you want to use menus.

Redirecting the Blogger Home Page to a Static Page

The great thing about the new Blogger template is that you can redirect pages to other pages now in the 'Settings' menu. Oddly, it is buried deep within the Blogger settings under 'Search Preferences':

Go ahead and choose the 'Edit' text link just to the right of the 'Custom Redirect' item. Now, this is a very critical step - be sure to enter the following text into the From: and To: boxes in the Redirect dialog:

In the From: box enter only a forward slash - "/". In the To: box enter the exact page name - in our case it was "/p/home-page.html". All Blogger static pages have a /p in front of the URL. You can see that the html name was the page title we used, so if you used something else for your title like 'Main Page' then the html would be /p/main-page.html.

Go ahead and press the little 'Save' text link and then the 'Save changes' button highlighted in the image above. What's now going to happen is that your main URL will redirect to the static page you've created. Go ahead and try to access your blog now - you should go directly to the new static page from the main URL.

All is good, right?? Well, not quite. If you want to enable visible tabs for Pages on your template the problem is going to be that you'll have two menu items called 'Home' and 'Home Page' on the tab bar both redirecting to your static page.  However, if you don't care to add Pages as tabs (they're not enabled by default) - you can stop at this point. Your static home page is ready to go!

Enabling Tabs for a Static Blogger Homepage

The very last step is to hide the original Home page link and add a page link to your blog pages so that the visible tabs work correctly. First, enable tabs from the Pages menu:

Be sure to press 'Save arrangement' in the upper right of the screen (not seen here)!  When you go to your home page you should now see the tab bar across the top of your blog. However, now when you click on either Home or Home Page you're going directly to your new static page. What you have to do at this point is hide the original 'Home' Page using the Layout editor. Open the Layout using the editor from the Blogger main menu:

Choose the 'Edit' text link in the Pages item within the layout. This is going to allow you to hide particular pages. Once you open the Pages layout editor you'll notice that you can hide certain pages:

Be sure to un-select the check box right next to the 'Home' page to make sure it stays hidden. Press 'Save' to hide that particular tab.

The final step is to add another Page that links to the blog posts directly. This isn't something you have to do - your blog posts can still show on the right sidebar in the layout. However, if you do want to get back to the main blogging page that has the last posts together, you'll need to add a link back to them. Once we changed the Home page link to the static page there's no longer any links to the main Posts page.

NOTE (March 2014): Blogger has moved this function from the Pages section below to the Pages Gadget above. You don't add external links here but add them in the Gadget - will be updated soon. Go back into the main Blogger Page menu to add your link back as a menu tab. The first thing you'll notice is that the old Home page is now Hidden:

The key final step here is that you will be creating a 'Web Address' page instead of an actual Page. Create a new web address page called something like 'My Blog' to be your link to the Posts like this:

The link you need to enter is simply your full main, blog page URL (in my example page it is http://statichomepage.blogspot.com) with the addition of '/index.html' added to the end of it like this:

You're done!! If you look at your blog now, you'll see the top tab bar now has a Home link and a My Blog linked correctly to the right pages. I've created a sample site to show you the final outcome. Just click on the picture here to see it. Enjoy!!!

UPDATE (3 weeks later): Please take a look at my more recent post onHow Google indexes a Blogger Static Home Page

Read More

தங்கள் செயல்பாடுகளை அறிவிக்க நிறுவனங்கள் மட்டுமே இணைய தளம் உருவாக்கி இன்டர்நெட்டில் பதிப்பது என்ற நிலை மாறி தற்போது தனி நபர்களும் மற்றும் அனைத்து வகையான அமைப்புகளும் இணைய தளங்களை உருவாக்கி வருகின்றன.இணைய தளங்களை உருவாக்குவதற்கென்றே பல வெப் மாஸ்டர்கள் உள்ளனர். ஒரு சிலர் இன்டர்நெட்டில் கிடைக்கும் உதவி தகவல்களைக் கொண்டு தாங்களே தளங்களை உருவாக்கி பதிந்து வருகின்றனர். எப்படி இருந்தாலும் ஓர் இணைய தளம் ஒரு சில வரையறைகளுடன் அமைக்கப்படுவது நல்லது. அவை என்னவென்று இங்கு பார்ப்போம்.

தங்கள் செயல்பாடுகளை அறிவிக்க நிறுவனங்கள் மட்டுமே இணைய தளம் உருவாக்கி இன்டர்நெட்டில் பதிப்பது என்ற நிலை மாறி தற்போது தனி நபர்களும் மற்றும் அனைத்து வகையான அமைப்புகளும் இணைய தளங்களை உருவாக்கி வருகின்றன.இணைய தளங்களை உருவாக்குவதற்கென்றே பல வெப் மாஸ்டர்கள் உள்ளனர். ஒரு சிலர் இன்டர்நெட்டில் கிடைக்கும் உதவி தகவல்களைக் கொண்டு தாங்களே தளங்களை உருவாக்கி பதிந்து வருகின்றனர். எப்படி இருந்தாலும் ஓர் இணைய தளம் ஒரு சில வரையறைகளுடன் அமைக்கப்படுவது நல்லது. அவை என்னவென்று இங்கு பார்ப்போம்.

1. முகப்பு பக்க அளவு:

உங்கள் இணைய தளம் பதிக்கப்பட்டு சில வாரங்கள் ஏன் சில மாதங்கள் வரையில் அல்லது ஓராண்டு காலத்தில் உங்கள் தளத்தின் முகப்பு பக்கம் வழியாகத்தான் அனைவரும் நுழைவார்கள். (பொதுவாக இந்த முகப்பு பக்கத்தினை index.htm அல்லது default.htm என்று அழைப்பார்கள்.) எனவே இதனை அமைப்பதில் அதிகக் கவனம் செலுத்த வேண்டும். முகப்பு பக்கம் லோட் ஆக அதிக நேரம் எடுத்துக் கொண்டால் நிச்சயமாக அதனைக் காண விரும்புபவர்கள் எரிச்சல் அடைந்து ஆர்வம் குறைந்து தளத்தைக் காணும் முயற்சியைக் கைவிடுவார்கள். உங்களுடைய தளத்தினைப் பெரும்பாலும் வெளிநாட்டினர்தான் காண விரும்புவார்கள் எனில் இந்த முகப்பு பக்கத்தின் அளவு  90 கேபிக்குள் இருப்பது நல்லது. இதுவே இந்திய மக்கள் தான் காண்பார்கள் என்றால்  50 கேபி என்ற அளவிற்குள் இருப்பது நல்லது. இந்த அளவு எச்.டி.எம்.எல். வழி தகவல், பிளாஷ் மற்றும் அனிமேஷன் ஆகிய அனைத்தும் சேர்ந்திருக்க வேண்டும்.



2. முதல் ஈர்ப்பு:

எந்த பொருளும் மக்களை முதல் பார்வையிலேயே கவர வேண்டும் என்பது பொதுவான ஒரு விஷயமாகும். இன்டர்நெட் தளத்தின் முகப்பு பக்கமும் அப்படித்தான் இருக்க வேண்டும். எனவே உங்களைப் பற்றிய தகவல்கள் நச் என்ற வகையில் மக்களின் கவனத்தை ஈர்க்கும் வகையில் எளிமையாக அதே சமயத்தில் தளத்தின் உள்ளே சென்று பார்க்கும் வகையில் அமைய வேண்டும்.



3. நேரம்:

இப்போது பிளாஷ் தொகுப்பு உபயோகிப்பது சர்வ சாதாரணமாகிவிட்டது. ஆனால் இதனைப் பார்ப்பவர்களிடம் வலுக்கட்டாயமாகத் திணிப்பது நல்லதல்ல. இது அதிக நேரம் எடுக்கும். கட்டாயம் பிளாஷ் காட்சி ஒன்று தேவை என்றால் அதனை பார்வையாளர்கள் வேண்டாம் என்று விரும்பினால் ஒதுக்கும் வசதியும் தரப்பட்டிருக்க வேண்டும். வெறும் டெக்ஸ்ட் மட்டும் கூட அழகாக அமைக்கப்படலாம் என்பதனையும் கவனத்தில் கொள்ள வேண்டும். தளத்தைக் காண வருபவர்களின் எண்ணிக்கையைத் தெரிவிக்கும் வசதி இருப்பது பலரின் கவனத்தை ஈர்க்கும். உங்கள் தளத்திற்கும் பெருமை சேர்க்கும்.



4. தொடர்பு:

நீங்கள் தரும் தகவல்கள் மிகவும் பயனுள்ளதாக இருக்கலாம். அதனைக் காண்பவர்கள் உங்களிடம் சில விளக்கங்கள் வேண்டி உங்களைத் தொடர்பு கொள்ள எண்ணலாம். எனவே எப்படி தொடர்பு கொள்ள வேண்டும் என முகப்பு பக்கத்திலேயே குறிப்பிட வேண்டும். உங்கள் மின்னஞ்சல் முகவரி அளிக்கலாம். அல்லது பார்ப்பவரின் கம்ப்யூட்டரில் உள்ள இமெயில் கிளையண்ட் புரோகிராமை இயக்கி நேரடியாக மின்னஞ்சல் அனுப்பும் வசதியையும் ஏற்படுத்தலாம்.



5. புதுமை

ஆம் அதைத்தான் அனைவரும் விரும்புகின்றனர். அடிக்கடி புதிய தகவல்களைக் கொண்டு உங்கள் இணைய தளத்தை புதுப்பித்துக் கொண்டிருங்கள். அதற்காக அடியோடு அதனை மாற்ற வேண்டியதில்லை. சிறிய மாற்றங்கள் அவ்வப்போது இருப்பது உங்கள் தளத்திற்கு வருபவர்களின் எண்ணிக்கையை கூடுதலாக்கும்.



6. சரக்கு :

ஆம் உங்கள் நிறுவனம் அல்லது அமைப்பு அல்லது உங்களின் தனிப்பட்ட தளங்களில் தகவல் சரக்கு நிறைய இருக்க வேண்டும். உங்கள் நிறுவனம் எந்தப் பொருளையேனும் தயாரிப்பதாக இருந்தால் அந்த பொருளைப் பற்றி மட்டுமின்றி உங்கள் நிறுவனம் அதன் நிர்வாகம் மற்றும் கட்டமைப்பு பற்றியும் நிறைய தகவல்களை நீங்கள் தரலாம்.



7. மேம்பாடு :

உங்கள் நிறுவனம் போல, உங்கள் அமைப்பு போல இயங்கும் மற்றவற்றின் இணைய தளங்களையும் நீங்கள் அடிக்கடி சென்று பார்த்து அவர்கள் செய்திடும் மாற்றங்கள், மேம்படுத்தும் தகவல்கள் ஆகியவற்றையும் கண்டறிந்து ஆய்வு செய்து உங்கள் தளத்தையும் அதே போல இல்லாமல் அதைவிடச் செறிவாக மேம்படுத்துங்கள்.

8. சோதனை

உங்கள் இணைய தளம் உங்களுக்குப் பிடித்த பிரவுசரில் மட்டும் சரியாக இயங்கக் கூடாது; மற்ற பிரவுசர்களிலும் மிகச் சரியாக இயங்க வேண்டும். அப்போது தான் அனைத்து தரப்பினரையும் உங்களால் கவர முடியும். அத்துடன் பல்வேறு ரெசல்யூசன் அமைப்பிலும் உங்கள் இணைய தளத்தைச் சோதனை செய்து பார்த்திட வேண்டும். வெவ்வேறு ஆப்பரேட்டிங் சிஸ்டத்திலும் இயக்கிப் பார்த்திட வேண்டும்.

9. படங்கள்

நீங்கள் பதித்துள்ள படங்கள் சரியாக இறங்குகின்றனவா, நீங்கள் எதிர்பார்க்கும் தோற்றத்தைத் தருகின்றனவா என்பதை அடிக்கடி நீங்கள் சோதித்து அறிய வேண்டும். வெவ்வேறு வேகத்தில் இயங்கும் இணைய இணைப்புகளில் இந்த படங்கள் எப்படி இறங்கி இயங்குகின்றன என்று சோதித்துப் பார்க்க வேண்டும்.



10. சொல்லும் மொழி

உங்கள் மொழி நடையை ஸ்டைலாக அமைப்பதற்கு முன் அதில் எழுத்து மற்றும் இலக்கணப் பிழை இல்லாமல் இருப்பதனை ஒன்றுக்குப் பல முறை உறுதி செய்து கொள்ளுங்கள். தமிழ் மொழியில் உங்கள் தளத்தில் தகவல்கள் தரப்பட்டால் அந்த எழுத்துருவினை டவுண் லோட் செய்து கொள்ள வசதி செய்து தர வேண்டும். அந்த வசதி உள்ளது என்பதனை ஒரு ஜேபெக் பட பைலாகவோ அல்லது ஆங்கிலத்திலோ அமைக்கலாம்.



11. எழுத்துரு

அனைவருக்கும் தெரிந்த எழுத்துருக்களில் உங்கள் தகவல் தளத்தை அமைப்பது நல்லது. அப்போது தான் பார்ப்பவர்களுக்குத் தாங்கள் பழக்கப்பட்ட தளம் போல உங்கள் தளம் காட்சியளிக்கும்.



12. எளிதான தாவல்

உங்கள் தளத்தின் முகப்பு பக்கத்திலிருந்து தகவல்களுக்காக நேயரை மற்ற தளத்திற்கு இழுப்பது மிக எளிதான ஒன்றாக இருக்க வேண்டும். அவை உடனடியாக இறக்கம் செய்யப்படும் வகையில் தரப்பட வேண்டும். எந்த பக்கத்தில் இருந்தாலும் பிற பக்கங்களுக்குச் செல்வதற்கு எளிதான வழி அமைத்துத் தரப்பட வேண்டும்.



13. விளம்பரம்

உங்கள் இணைய தளம் மூலம் பணம் சம்பாதிப்பதற்காக விளம்பரங்களுக்கு இடம் தருவது தவறில்லை. ஆனால் அவை அளவுக்கு மீறி இடம் பெறக் கூடாது. இரண்டு விளம்பரங்களுக்கு மேல் இருப்பது சகித்துக் கொள்ள முடியாததாக இருக்கும்.



14. பாதுகாப்பு

இணைய தளத்தின் மிக முக்கியமான ஓர் அம்சம் அதன் பாதுகாப்பு. உங்கள் இணைய தளத்தினுள் யாரும் நுழைய முடியாதபடி பாதுகாப்பு வளையங்களை அமைத்து அவற்றை அடிக்கடி மாற்றி மாற்றி அமைத்துவிட வேண்டும்.



உங்கள் இணைய தளப் படங்களை பிறர் திருடாமலிருக்க செய்ய வேண்டியவை

பலரும் தங்களிடம் உள்ள தகவல்கள் மற்றும் அவை சார்ந்த படங்களை இணைத்து இணைய தளங்களை அமைக்கிறார்கள். ஆனால் இந்த தளங்களைப் பார்க்கும் நேயர்கள் இவற்றில் உள்ள படங்களை அப்படியே காப்பி செய்து தங்களுடைய விருப்பப்படிப் பயன்படுத்துகிறார்கள். சிலர் அவற்றை மற்றவர்களுக்கு விற்று விடுகிறார்கள். சிலரோ அவற்றைக் கீழ்த் தரமாகவும் பயன்படுத்துகின்றனர். இந்த திருட்டை எப்படித் தடுப்பது? இது குறித்த சில தகவல்களை இங்கு பார்ப்போம். இணைய தளங்களில் பொருத்தப்பட்டு காட்சியளிக்கிற படங்களை காப்பி செய்ய முடியாதவாறு தடுக்க சில வழிகள் உள்ளன. உங்கள் வழிகளை மீறி படங்களைச் சாதாரண பயனாளர்களால் காப்பி செய்ய முடியாது. ஆனால் கம்ப்யூட்டர் விற்பன்னர்களால் காப்பி செய்ய முடியும்.



ரைட்கிளிக் செய்வதை தடுக்க:

பொதுவாக ஓர் இணைய தளத்தில் உள்ள படத்தால் ஈர்க்கப்பட்டவர் அதை காப்பி செய்ய அதை ரைட்கிளிக் செய்வார். மெனு கிடைக்கும். அதில் Save Image As என்பதைப் போன்ற கட்டளை தெரியும். அதை கிளிக் செய்தால், அந்தப் படம் அவர் கம்ப்யூட்டரில் சேமிக்கப்படும். எனவே ஜாவாஸ்கிரிப்டை பயன்படுத்தி, ரைட்கிளிக் செய்தால் மெனு கிடைக்காதவாறு செய்து விட வேண்டும். மெனு கிடைக்காததால் Save Image As கட்டளையை அவரால் செயல்படுத்த முடியாது. ரைட்கிளிக் செய்யும் பொழுது கிடைக்கிற மெனுவில் வேறு நல்ல பயனுள்ள கட்டளைகளும் உள்ளன. எனவே ரைட்கிளிக்கால் கிடைக்கிற மெனுவைத் தடுத்துவிட்டால், அந்த நல்ல கட்டளைகளை உங்கள் இணைய தளத்துக்கு வருபவர்களால், உங்கள் வெப் தளத்தில் பயன்படுத்த முடியாமல் போய்விடும். எனவே அவர்களுக்கு எரிச்சல் ஏற்படும். மீண்டும் உங்கள் தளத்துக்கு வரமாட்டார்கள்.



வேறு படத்தை காப்பி செய்யும்படி ஏமாற்ற:

ரைட்கிளிக் செயலை ஜாவாஸ்கிரிப்ட் மூலம் தடுக்கக் கூடாது என்பதை ஒப்புக் கொள்வீர்கள் அல்லவா? Rollover என்ற ஜாவாஸ்கிரிப்ட் அம்சத்தை பயன்படுத்த வேண்டும். யாரும் காப்பி செய்யக் கூடாது என நீங்கள் நினைக்கிற படத்தை வெப் பக்கத்தில் காட்டுங்கள். மவுஸை அந்த படத்தின் மேல் கொண்டு சென்றால் வேறு படம் தெரியும்படி, ஜாவாஸ்கிரிப்டில் Rollover கட்டளையில் கூறிவிடுங்கள். எனவே உங்கள் வெப் பக்கத்தை பார்வையிடுபவருக்கு அந்த படம் தெரியும். ஆனால் அதை காப்பி செய்ய மவுஸை அதன் மேல் கொண்டு போனால் அந்த படம் மறைந்து வேறுபடம் காட்சியளிக்கும். எனவே ரைட் கிளிக் மூலம் காப்பி செய்தால் அந்த புதிய படம்தான் அவர் கம்ப்யூட்டரில் காப்பியாகும். எப்போதும் உங்கள் படம்தான் தெரிய வேண்டும் மவுஸைக் கொண்டு போனவுடன் வேறு படம் தெரியக் கூடாது என நினைத்தால் அதற்கும் வழி உள்ளது. Transparent Gif படத்தை உருவாக்கி கொள்ளுங்கள். பிறகு Embedded style sheet மூலம் அந்த Transparent Gif படத்தின் கீழே உங்கள் படத்தை வைத்து விடுங்கள். உங்கள் படத்தின் மேலே கண்ணாடி காகிதம்போல் Transparent Gif வீற்றிருப்பதால் யாருக்கும் எந்த சந்தேகமும் ஏற்படாது. ரைட்கிளிக் செய்து படத்தை காப்பி செய்கிறவர்களுக்கு கண்ணாடி காகிதமான Transparent Gif படமே காப்பியாகும். அதன் கீழேயுள்ள உங்கள் படம் காப்பியாகாது.



படத்தைத் துண்டுகளாக மாற்றி வெப் தளத்தில் போட:

ஒரு படத்தை அப்படியே உங்களது இணையப் பக்கத்தில் வைக்காதீர்கள். அதைப் பல துண்டுகளாகப் பிரித்து அந்த துண்டுகளை வெப் பக்கத்தில் அமைத்திடுங்கள். எனவே உங்கள் படத்தை காப்பி செய்ய விரும்புகிறவர் அந்த துண்டுகளையெல்லாம் காப்பி செய்து பின்பு ஏதாவது இமேஜ் எடிட்டிங் புரோகிராம் கொண்டு அவற்றை ஒட்ட வைக்க வேண்டும். இந்த எரிச்சல் பிடித்த வேலைக்கு பயந்து அந்த துண்டுகளை காப்பி செய்யாமல் விட்டுவிடுவார்கள்.



படத்தினுள் வாட்டர் மார்க்கை நுழைக்க:

படத்தை அப்படியே வெப் பக்கத்தினுள் கொண்டு வரக்கூடாது. அந்த படத்தின் உள்ளே உங்கள் பெயர் அல்லது வேறு ஏதாவது எச்சரிக்கைச் செய்தியை வாட்டர் மார்க்காக நுழைத்து விட வேண்டும். படத்துக்கு இடையூறு இல்லாமல் ஆனால் படத்தை காப்பி செய்பவர்களுக்கு அது பயன்படாதவாறுவாட்டர் மார்க் இருக்க வேண்டும். ஏதாவது இமேஜ் எடிட்டிங் சாப்ட்வேர் கொண்டு வாட்டர் மார்க்கை உருவாக்கலாம். யார் கண்களுக்கும் தெரியாத வாட்டர் மார்க்கை உருவாக்கலாம். இதற்கெனவே சில சாப்ட்வேர்கள் உள்ளன. எடுத்துக்காட்டாக Digimare  என்ற சாப்ட்வேர் மூலம் கண்ணிற்கு தெரியாத வாட்டர் மார்க்கை உங்கள் படத்தினுள் உருவாக்கலாம். வாட்டர் மார்க் தெரியாததால் எல்லாரும் உங்கள் படத்தை காப்பி செய்யலாம். ஆனால் அப்படி காப்பி செய்தவர்கள் மீது சட்டப்படி நீங்கள் நடவடிக்கை எடுக்க முடியும்.

Read More