One more Idea to put different meta tag for different post

Author: web developer => suvanno | at : 5:10 AM | Category : |

Meta descriptions for your web pages can improve the chances of your site being found and clicked on. For those of you who tried adding such descriptions or keywords to your Blogger pages, you might have noticed there's no easy way of doing that.

This article describes the workaround I found for this problem and is a follow-up to the discussions posted here:

About the solutions mentioned in the articles above:

  1. If you add a "constant" meta tag to your Blogger template (as described in the first article), all your pages will have the same description and keywords. This defeats the purpose of this optimization effort and you'll have to go with the solution from the second link. However...

  2. The JackBook Dot Com code seems to be a bit outdated and using it might cause one of the following problems:

    • 404 error when trying to view any of your web pages, or...

    • The blog is displayed correctly, but the description and keywords are not seen by any meta analyzers.

Here are the changes you have to apply to your template in order for the descriptions to work correctly:

  1. Open the Layout panel of your blog and go to Edit HTML.

  2. Click the Download Full Template link and save a backup copy of your current template so you can undo the following changes in case anything goes wrong.

  3. Locate the following lines of code:
  4. <head>

  5. Add the following code immediately after the line:

  6. Replace the http://learn-webcreation.blogspot.com/ line with the URL of your homepage.

  7. Replace the word DESCRIPTION with a description for your homepage.

  8. Replace the word KEYWORDS with a list of keywords separated by commas and relevant for your homepage.

  9. Now, for each individual page from your blog you'll need to follow steps 4-7 again, but adding corresponding URL's, descriptions and keywords. For example, if your first article is about your pet, what you'll need to do next is...

  10. Add this code again immediately after the line:

  11. Replace the http://learn-webcreation.blogspot.com/ line with http://learn-webcreation.blogspot.com/2008/03/my_pet this_is_an_example.html.

  12. Replace the word DESCRIPTION with a description of my pet.

  13. Replace the word KEYWORDS with pet,dog,dog_name.

  14. After adding code for all of your pages, save the template and check if it's doing what it's supposed to.

Read rest of entry

How To Put Bookmarks Under Each Blogger Post.

Author: web developer => suvanno | at : 3:42 AM | |
I found a new way to put a bookmark under each post in blogger. And i think this is pretty neat.All you have to do are the following guides below.

1. log in to your blogger account.
2.Click layout and edit html.
3.Check the expand widget.
4.Click Ctrl and F and paste the code below

and copy the code below and put it under the code in step 4 .Enjoy!!!


Read rest of entry

How to Add a "Share This in Google Reader" Button to Your Blogger Posts

Author: web developer => suvanno | at : 12:31 AM | Category : |

Wouldn't it be great if you could add a button to every post that would make it easy for your visitors to share your posts with their friends in Google Reader, even if they don't subscribe to your feed?

The following is instructions to do just that, for Blogger layout based blogs. (Blogger Classic, Wordpress, and basic static HTML page instructions will be posted soon.)

This will require you to edit the HTML of your template. While I have tried to make this as easy as possible, those that don't feel comfortable with this, should not try it.

The button will only show on post pages and not the main page of your blog. It's not wise to do this any other way, as the URL that will be supplied in Google Reader will be the URL of the page in which your button is clicked. If it is on the main page, the post may not be there when someone reads the entry in someone's shared items, and it is likely not to win you any new loyal readers, so use this only on post pages.

I have also added some comments in the code that will make it much easier for you to add addional buttons in the future, and have them appear on all pages or just post pages.

1. On your Blogger Dashboard, click the Layout link for the blog you want to add the button to.

2. At the top of the Layout page, click the link for Edit HTML.

3. Where it says "Backup/Restore Template", click the link that says "Download Full Template" and save the .xml file to your hard drive. This file will help you restore your template, in case anything goes wrong.

4. In the "Edit Template" section, check the box at the top right that says "Expand Widget Templates".

5. Use your browser's search function to find this line:

<div class='post-footer'>

6. Find the 2 lines in your template that look like this:


<div class='post-footer'>

<p class='post-footer-line post-footer-line-1'>

7. Copy and paste the following code between those 2 lines:



<!-- Footer Button Codes BEGIN -->

<div>

<p>

<!-- things placed after this line will show on all pages -->



<b:if cond='data:blog.pageType == "item"'>

<!-- things placed after this line will only show on post pages -->



<a href='javascript:var%20b=document.body;var%20GR________bookmarklet_domain="http://www.google.com";if(b&&!document.xmlVersion){void(z=document.createElement("script"));void(z.src="http://www.google.com/reader/ui/link-bookmarklet.js");void(b.appendChild(z));}else{}'>

<img alt='Share this in Google Reader' border='0' src='http://appsapps.info/blog/blogspot-layouts/gr-small.png'/>
</a>

<!-- Google Reader Share Item Button END -->

<!-- Do Not Paste Any Code Below This Line -->

</b:if>

</span>



</div>

<!-- Footer Button Codes END -->


8. Click the button at the bottom of the page that says "Save Template".

If you get any red errors, leave a comment stating the specific error message, and I will try to help you out. If you get any errors beginning with "bX-", just try again tomorrow. Sometimes Blogger has issues with itself and waiting a bit can resolve them.

9. Look at your blog. If you have done this correctly, the button should appear on post pages only, and not the main page. Test the button by clicking it on a post and sharing one of your posts in Google Reader.

10. If you would like to add other buttons to the footer of your posts, the comments in the code will help you decide where to put your button codes. One place will show on all pages, and the other will only show on post pages.

11. If you would like a larger button than the one that shows when you use this code, find the word "small" in the file name of the image URL used, and replace it with "large".
Read rest of entry

How to Create 'Read More' link

Author: web developer => suvanno | at : 12:14 AM | Category : , |
Did you ever wonder how to cut down lengthy article? See, you got here a 300 word essay, which you publish in your frontpage; but readers get bored easily reading that post. Does this problem got any solution? Luckily, the answer is no other than a 'yes'. You could cut down your essay into a short 2 to 3 paragraph by utilizing the 'Read more...' link. Here's how you do it.

First, you need to know that you are facing the dreaded html editing, but I will make this as simple as I can. Ok, let's get started.

Open your Dashboard and go to 'Layout'. Choose the 'Edit HTML' tab. Find</head> in the html code. Once you find it, paste the following code right before the </head> tag:
<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>
So it will look like this:
]]></b:skin>
<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style></head>

Save the template. Next you need to check the 'Expand widgets' checkbox. Then look for the tag <data:post.body/>. Once you found it, you need to add the following code right after it:
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url' >Read more...</a>
</b:if>
If you do it correctly, your code should look like the this:
<data:post.body><b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url' >Read more...
</b:if>
Ok you are done for the html part. Now moving on to your posts. To cut off lengthy article, type your post like this:
A catchy summary of the article
<span class="fullpost">The lengthy description</span>
The words inside the </span> be replaced by a 'Read more...' link.
Read rest of entry

How to Create Your Own Dreamweaver Shortcuts

Author: web developer => suvanno | at : 11:58 PM | Category : |

It's easy to use the Dreamweaver keyboard shortcuts editor to create your own shortcut keys. And if you create shortcuts to commands and actions that you use all the time, you can improve your efficiency and effectiveness in using this powerful editor.

  1. Select "Keyboard shortcuts..." from the "Edit" menu (Windows) or "Keyboard shortcuts..." from the "Dreamweaver" menu (Macintosh).
  2. Search for the command that you would like to have a keyboard shortcut added to.
  3. Click on the plus icon to add a shortcut to that command.
    Note: you cannot modify the default command set, if you try, Dreamweaver will prompt you to save a copy.
  4. Click in the press key box and click the shortcut command you would like to use.
    Note: If that shortcut command is already in use, Dreamweaver will let you know.
  5. Click OK to save your commands to your own keyboard shortcuts set.
Read rest of entry

Dreamweaver Shortcuts Keys

Author: web developer => suvanno | at : 11:40 PM | Category : |
Keyboard Shortcut Action
Alt+F File
Open the file menu.
Ctrl+N / Cmd+N New document
Open a new document for editing.
Ctrl+O / Cmd+O Open
Open an existing document for editing.
Ctrl+Shift+O / Cmd+Shift+O Open in Frame
Open an existing document into the selected frame for editing.
Ctrl+W / Cmd+W Close
Close the current document. If it has not been saved, you will be prompted to save.
Ctrl+Shift+W / Cmd+Shift+W Close All
Close every open document. If some have not been saved, you will be prompted to save each one.
Ctrl+S / Cmd+S Save
Save the current document. If it has never been saved, you will be prompted for a file name.
Ctrl+Shift+S / Cmd+Shift+S Save As...
Save the current document with a new file name.
Ctrl+P / Cmd+P Print
Print the HTML for the current document.
F12 View in Browser
View the page in your primary Web browser.
Ctrl+F12 / Cmd+F12 View in Alternate Browser
View the page in your alternate Web browser.
Shift+F8 Check Links
Validate the links in the current document.
Shift+F6 Validate Markup
Validate the HTML in the current document.
Ctrl+Q / Cmd+Q Exit
Quit the program and exit.
Alt+E Edit
Open the edit menu.
Ctrl+Z / Cmd+Z Undo
Undo the last change.
Ctrl+Shift+Z / Cmd+Shift+Z Redo
Redo the last undo.
Ctrl+X / Cmd+X Cut
Cut the selected text and put it on the clipboard.
Ctrl+C / Cmd+C Copy
Copy the selected text and put it on the clipboard.
Ctrl+V / Cmd+V Paste
Paste the text on the clipboard at the cursor location.
Ctrl+Shift+C / Cmd+Shift+C Copy HTML
Copy the selected HTML and put it on the clipboard.
Ctrl+Shift+V / Cmd+Shift+V Paste HTML
Paste the HTML on the clipboard at the cursor location.
Ctrl+A / Cmd+A Select All
Select all the text in the window.
Ctrl+[ / Cmd+[ Select Parent Tag
Select the containing tag.
Ctrl+] / Cmd+] Select Child Tag
Select the contained tag.
Ctrl+F / Cmd+F Find and Replace
Search within the current document for text and replace it with other text if you choose.
Shift+F3 / Cmd+G Find Selection
Search within the current document for the selected text.
F3 Find Next
Go to the next instance of the searched for string.
Ctrl+G / ? Go to
Go to the line number or character position you specify.
Ctrl+Space / Cmd+Space Show Code Hints
Display any information available on the tag at the cursor.
Ctrl+Shift+> / Cmd+Shift+> Indent
Indent the selected line(s) one tab space.
Ctrl+Shift+< / Cmd+Shift+<< Outdent
Outdent the selected line(s) one tab space.
Ctrl+Shift+' / Cmd+Shift+' Balance Braces
Align the braces.
Ctrl+U / Cmd+U Preferences
Change your preferences for Dreamweaver.
Alt+V View
Open the View menu.
Ctrl+` / Cmd+` Switch Views
Switch between code, design, and code & design views.
F5 Refresh Design View
Reload the markup displayed in the design view.
Ctrl+Shift+H / Cmd+Shift+H Head Content
Display the header content while in design view.
F6 Expanded Tables Mode
View tables expanded.
Ctrl+F6 / Cmd+F6 Layout Mode
View tables in layout mode.
Ctrl+Shift+I / Cmd+Shift+I Hide All Visual Aids
Turn off all visual aids.
Ctrl+Alt+R / Cmd+Opt+R Show All Rulers
Display all rulers on the screen.
Ctrl+Alt+G / Cmd+Opt+G Show Grid
Display grid in design view.
Ctrl+Alt+Shift+G / Cmd+Opt+Shift+G Snap to Grid
Snap elements to grid.
Ctrl+Alt+P / Cmd+Opt+P Play Plugin
Play plugin at cursor.
Ctrl+Alt+X / Cmd+Opt+X Stop Plugin
Stop plugin at cursor.
Ctrl+Alt+Shift+P / Cmd+Opt+Shift+P Play All Plugins
Play all plugins.
Ctrl+Alt+Shift+X / Cmd+Opt+Shift+X Stop All Plugins
Stop all plugins.
F4 Hide Panels
Hide all open panels.
Alt+I Insert
Open the insert menu.
Ctrl+E / Cmd+E Insert Tag
Insert markup tag at cursor.
Ctrl+Alt+I / Cmd+Opt+I Insert Image
Insert image at cursor.
Ctrl+Alt+F / Cmd+Opt+F Insert Flash
Insert Flash animation at cursor.
Ctrl+Alt+D / Cmd+Opt+D Insert Shockwave
Insert Shockwave object at cursor.
Ctrl+Alt+T / Cmd+Opt+T Insert Table
Insert table at cursor.
Ctrl+Alt+A / Cmd+Opt+A Insert Named Anchor
Insert named anchor at cursor.
Shift+Return / Shift+Return Insert Line Break
Insert line break (
) at cursor.
Ctrl+Shift+Space / Cmd+Shift+Space or Option+Space in Design View Non-breaking space
Insert a non-breaking space ( ) at cursor.
Ctrl+Alt+V / Cmd+Opt+V Insert Editable Region
Insert editable region for a template at cursor.
Alt+M Modify
Open the modify menu.
Ctrl+J / Cmd+J Page Properties
Modify the properties for the page.
Ctrl+T / Cmd+T Quick Tag Editor
Add a tag quickly in the design view.
Ctrl+L / Cmd+L Make Link
Make the highlighted object a link.
Ctrl+Shift+L / Cmd+Shift+L Remove Link
Remove link from highlighted object.
Ctrl+Shift+1 / Cmd+Shift+1 Align Left
Align object left.
Ctrl+Shift+3 / Cmd+Shift+3 Align Right
Align object right.
Ctrl+Shift+4 / Cmd+Shift+4 Align Top
Align object at top.
Ctrl+Shift+6 / Cmd+Shift+6 Align Bottom
Align object at bottom.
Ctrl+Alt+Shift+T / Cmd+Opt+Shift+T Add Object to Timeline
Add element to timeline.
Alt+T Text
Open text menu.
Shift+F7 Check Spelling
Check spelling in document.
Alt+C Commands
Open commands menu.
Ctrl+Shift+X / Cmd+Shift+X Start Recording
Record all commands.
Alt+S Site
Open the site menu.
Ctrl+Shift+D / Cmd+Shift+D Get
Get all files on remote site and bring them to local drive.
Ctrl+Alt+Shift+D / Cmd+Opt+Shift+D Check Out
Check out all files on remote site and bring them to local drive.
Ctrl+Shift+U / Cmd+Shift+U Put
Put all files on remote site from local drive.
Ctrl+Alt+Shift+U / Cmd+Opt+Shift+U Check In
Check in all files on local drive and put them on remote site.
Ctrl+F8 / Cmd+F8 Check Links Sitewide
Validate all links on the site.
Alt+W Window
Open the window menu.
Ctrl+F2 / Cmd+F2 Insert Menu
Toggle insert window.
Ctrl+F3 / Cmd+F3 Properties Menu
Toggle properties window.
Shift+F11 CSS Styles
Toggle CSS styles window.
F2 Layers Menu
Toggle layers window.
Shift+F4 Behaviors Menu
Toggle behaviors window.
Shift+F9 Snippets Menu
Toggle snippets window.
Shift+F1 Reference Menu
Toggle reference window.
Ctrl+Shift+F10 / Cmd+Shift+F10 Databases Menu
Toggle databases window.
Ctrl+F10 / Cmd+F10 Bindings Menu
Toggle bindings window.
Ctrl+F9 / Cmd+F9 Server Behavior Menu
Toggle server behavior window.
Ctrl+F7 / Cmd+F7 Components Menu
Toggle components window.
F8 Files Menu
Toggle files window.
F11 Assets Menu
Toggle assets window.
F9 Tag Inspector Menu
Toggle tag inspector window.
F7 Results Menu
Toggle results window.
Shift+F10 History Menu
Toggle history window.
Shift+F2 Frames Menu
Toggle frames window.
F10 Code Inspector Menu
Toggle code inspector window.
Alt+F9 Timelines Menu
Toggle timelines window.
Alt+H Help
Open the help menu.
F1 Using Dreamweaver
Help with using Dreamweaver.
Ctrl+F1 / Cmd+F1 Using ColdFusion
Help with using ColdFusion.
Shift+F1 Reference
Reference help for Dreamweaver.
Read rest of entry

Hidden Programs In Windows Xp

Author: web developer => suvanno | at : 11:35 PM | Category : |

1) Private Character Editor
This program is for designing icons and Characters
click :start
Then :run
type :EUDCEDIT

2) iExpress
This Program is for converting your files to EXECUTABLE files
click : start
Then : run
type : iexpress

3)Disk Cleanup
This program used for cleaning harddisk to offer space
click : start
Then : run
type : cleanmgr

4)Dr Watson
This program Is for repairing problems in Windows
click : start
Then : run
type : drwtsn32

5)Windows Media Player 5.1
Opens the old media player
click : start
Then : run
type : mplay32

Read rest of entry
Subscribe to: Posts (Atom)
 

WEB CREATION Copyright © 2009 Blog is Designed by Suvanno Tharu Sponsored by Hitsweb Pvt.Ltd