Category: Solutions

How to show html text in blogger posts

As many visitors ask how to embed html text in a way that it is displayed as it is in the published post and also their visitors can copy the content, so here’s a way to do that quite easily:The main problem that bloggers face is that, typing/pasting the html code in either Edit html or Compose sections during posting a blog entry is that, after publishing they dont find the code, rather the code lines are simply missing from their original place.The reason for this to occur is that if you try to type the HTML as it is (example <br/>), the web browser will interpret that as an instruction to display what follows in a new line (line break) but not display the HTML.What you can do is:

change the “<” symbol with , and also the symbol “>” with , but as to do all this manually is quite difficult, so you can use this website tool for simply converting the html code into embeddable text:

Description: This script
converts special HTML characters to their entities version inside user entered data such as a TEXTAREA before the
form is submitted. Specifically:

‘<‘ becomes ‘<’
‘>’ becomes ‘>’
‘”‘ (double quote) becomes ‘"’
”’ (single quote) becomes ‘'’
‘&’ becomes ‘&’

This helps prevent potentially harmful or disruptive HTML tags from being posted to your
form.

Example:

NOTE: After copying and pasting the converted text please remember to change these code snippets from the the overall code : and (starting and ending code letters) with these <blockquote> and </blockquote>

How To Make a Bootscreen !

The Art of Making BootSkins
BootSkins are certainly the skinning fashion of the moment. These are replacements for the screen that is displayed when Windows is loading.
Previously, replacing these screens had been a somewhat risky affair involving hacking your Windows application to pieces, but now BootSkin (www.bootskin.com) allows you to replace the screen without risking damage to your Windows installation under Windows 2000 and Windows XP.

Note : The Software Required are Packed and the link to it is given at the end of the turtorial

The software allows you to apply one of the default skins or one downloaded from WinCustomize (http://www.wincustomize.com/skins.asp?library=32), but how do you create one of your own?

Well, it’s actually really easy. All that are required are 2 images and one configuration file. The first thing to do is to design how you want your skin to look when it’s completed.

This is my image as I want it to look. It’s just a tweak of the standard look. What you need to bear in mind currently is that BootSkin only works with 16 color images. There are plans to change this in the future to allow more colors but we must work with what’s available at the moment so keep your image simple.
The two images are the background and the progress bar. The background incorporates everything you see above apart from the blue progress bar in the top right. The box surrounding the progress bar is an optional part of the background image.
A lot of image programs claim to produce 4-bit (16 color) bitmaps but often the format is not quite right without knowing your image editing software well. What is fortunate here is that another Stardock program can help.

SkinStudio (www.stardock.com/products/SkinStudio) is mainly a tool for creating WindowBlinds and other skins but it has a useful tool built in that can help. If you select Tools … Bootskin … Prepare Image from the menu you will launch a little utility specifically for this purpose.
If you “browse” for your image you can load it into the utility.

You should then check the “Dither” option and experiment with the different Resampling and Dithering types to find the closest 16 color representation of your original image. You can then press “Save” and save your background image.

You can then move on to prepare the progress bar. The best way to do this is to start with an existing image to tweak. Basically however, in the BootSkin, you will eventually specify how much space the progress bar will take up and then this progress bar you create will be animated as Windows loads to fill this space.
Here we are using a simple image, which also uses the same 16 color palette as the background.

OK, so on to creating the actual BootSkin.
Under the directory where you installed BootSkin there is a Skins directory. Within this directory there will be a series of folders for each BootSkin installed. To add your skin, create a subdirectory with the name of your skin. I’m creating a directory called StardockEdition. Within that folder I’m going to place my two image files and a copy of an existing bootskin.ini file from one of the other folders.

We’re almost there now. We’ve done the hard work in creating the images. Now, we just need to change the .ini file to tell BootSkin how to use these images. Lets take a look at that file now.

[BootSkin]
Type=0
Name = “XXXXXXXXXXXX”
Author = “XXXXXXXXXXXX”
Description = “XXXXXXXXXXXX”
ProgressBar=XXXXXXXXXXXXXXXXX.bmp
ProgressBarX = XXX
ProgressBarY = XXX
ProgressBarWidth = XXX
Screen=XXXXXXXXXXXXXXXXXX.bmp

Note that I’ve replaced context with a series of XXXXXs. These are the areas you need to change.
Name
Here, simply enter the name of the BootSkin you have created within quotation marks.
e.g.
Name = “Windows Stardock Edition”
Author
Here, enter your own name so you can get the credit owed for your wonderful skin within quotation marks.
e.g.
Author = “_Martin_”
Description
Enter some information about the skin you have created, again within quotation marks.
e.g.
Description = “A simple twist on the standard login to give credit to Stardock’s wonderful software”
Progress Bar
Here, you need to enter the name of the bitmap file you are using for your progress bar.
e.g.
ProgressBar=StardockEditionProgress.bmp
ProgressBarX
You need to work our where you are placing the progress bar on the screen. This represents the absolute left edge of the bar. You can use your source image to work out the location.
e.g.
ProgressBarX = 508
ProgressBarY
This is the vertical coordinate of the top left of the progress bar on the screen.
e.g.
ProgressBarY = 12
ProgressBarWidth
This is how wide you want the progress bar to be. As Windows loads, the Progress bar image that you specified will be moved across this area. Once it has moved across the width of the progress bar you have specified here the progress bar will start again from the left edge of the progress bar.
e.g.
ProgressBarWidth = 118
Screen
Here, you need to enter the name of the bitmap file you are using for your background.
e.g.
Screen=StardockEditionBack.bmp
OK, so here’s the final version of the bootskin.ini file:

[BootSkin]
Type=0
Name = “Windows Stardock Edition”
Author = “_Martin_”
Description = “A simple twist on the standard login to give credit to Stardock’s wonderful software”
ProgressBar=StardockEditionProgress.bmp
ProgressBarX = 508
ProgressBarY = 12
ProgressBarWidth = 118
Screen=StardockEditionBack.bmp

Now that you have edited the file, save it.
If you load BootSkin now, you can see you skin in the list.

Click the Apply button and your skin will be shown the next time that Windows restarts.
The final thing you can do is to share your BootSkin with others. To do this, select your skin, and select File … Export Selected Skin to File. Then, select a name for your file and a location to save it to. You will then have a .bootskin file that you can share with other BootSkin users.

Note That For This Tutorial You Required SkinStudio 4 !
Download Software From Here :
Table Of Content
1.Skinstudio 4
2.Bootscreen 10.3
3.Logonstudio-(Extra)

How To Make Any Firefox Add-on Compatible with All Versions

Firefox Icon Sometimes trying out newer versions of Firefox, especially ones that are still in beta, comes at a cost. Since the version you’re running is so new, add-on developers haven’t had the chance to update their add-ons to work with the newer versions.

So this is when you stumble upon an add-on that conveys the following message to you: “This add-on is for older versions of Firefox”.

Fix Incompatible Add-ons

Since your sights are set on using Firefox extensions that keep telling you they’re incompatible with the version you have, and downgrading a version or two isn’t an option, now you can discover a nifty tool called Nightly Tester Tools.

Preview

Ironically this is a Firefox add-on that will help you make all other incompatible extensions compatible with the browser version you’re running.

What’s Next

The first step you need to take is to download Nightly Tester Tools here, if you haven’t already

Next if you still have the extension that was disabled when you upgraded to a newer version of Firefox in your add-ons menu, then you will go to Tools/Add-ons and right-click on your disabled extension, then choose Override Compatibility.

now it will ask you to confirm your selection by clicking Force Install.

Bonus Features

Here you thought it was the end of this add-ons story but actually there are a few other features that this extension allows you to take full advantage of.

With Nightly Tester Tools you’re also able to take screenshots of any webpage and save them in JPEG format. You can easily restore tabs from a previous session if it just so happens that your PC froze and you didn’t have time to properly close your browser window.

Bonus

Feel free to test all other Nightly Tester Tools features and let us know how you like them in a comment below!

How To Show/Hide Text Using JavaScript Toggle Method

Show/Hide

For this method there are two steps, one is to add a code to the template <Head> </Head> region, so that you can use this anywhere [in posts, as well as widgets]

Then the second part of the code has to wherever you want to display text / images in this way.

First Step:
Log in to Blogger, go to “Layout”, click on “Edit HTML” tab.
Now find for this code: </Head>

Then immediately BEFORE this code, paste this:

<script language=”javascript”>
function toggle() {
var ele = document.getElementById(“toggleText”);
var text = document.getElementById(“displayText”);
if(ele.style.display == “block”) {
ele.style.display = “none”;
text.innerHTML = “show”;
}
else {
ele.style.display = “block”;
text.innerHTML = “hide”;
}
}
</script>

Second Step:
Now wherever you want to show this type of text, add code like this:

<a href=”javascript:toggle();” id=”displayText”>Show/Hide</a>
<div id=”toggleText” style=”display: none;”>This is Hidden Text</div>

here’s the method to add this hack two times in your blog !

Once you have done the process described above, do this:

Third Step:
Log in to Blogger, go to “Layout”, click on “Edit HTML” tab.
Now find for this code: </Head>

Then immediately BEFORE this code, paste this:

<script language=”javascript”>
function toggle2() {
var ele = document.getElementById(“toggleText”);
var text = document.getElementById(“displayText”);
if(ele.style.display == “block”) {
ele.style.display = “none”;
text.innerHTML = “show”;
}
else {
ele.style.display = “block”;
text.innerHTML = “hide”;
}
}
</script>

Fourth Step:
Now wherever you want to show this type of text, add code like this:

<a href=”javascript:toggle2();” id=”displayText”>Show/Hide</a>
<div id=”toggleText” style=”display: none;”>This is Hidden Text</div>

Similarly you can add any number of times, by changing the code in red to toggle3(), toggle4() etc.
But if you add it many times, then it may slow down your blog !

Add Your Sign Below All Posts In Blogger / BlogSpot Blogs

If you are using Blogger, and want to show your signature below all the posts, then you can do this in two possible ways: either add it in an HTML/JavaScript widget with the image of your signature or you can directly edit the HTML template of your blog. The second approach is recommended, as the first one may increase the loading time of blog.

In both the methods, first step is common and important, i.e. to get an image of your signature,.For this, either you can
– draw it and scan it, or
– draw it in MS paint / Adobe Photoshop or any other image editing software and save it, or
– (Recommended) Use MyLiveSignature, and type the letters (use capital letters wherever required), and continue: select font, size and color for the sign. Save / download the image.

Now upload it to either Pages.Google.com or GigaImage.com or HotLinkFiles.com, to get direct link of the image(your sign).
You will get a link like this:

http://ANY_WEBSITE.com/images/MY_SIGN.jpg

Now put that link in this code:

<img src="YOUR_DIRECT_LINK_HERE" />

Replace the code in RED color with the direct link of your sign image.

This is the second step, which has two choices (second one is recommended):

1. Adding the sign to HTML/JavaScript widget:

Log in to Blogger, go to Layout, click on Add a Gadget -> HTML/JavaScript type.
Now copy the above code and paste it here. Save the widget, then drag & drop it below the blog posts widget.

2. Adding the sign to the blog’s template.

Log in to Blogger, go to Layout, click on “Edit HTML” tab and click the radio button “Expand Widget Templates“,and find (CTRL+F) this code:

<data:post.body>

And immediately BELOW this, add the above code. And save the template.
That’s it…

It will be displayed like this:

Embed Text Resizing Widget To Increase or Decrease The Font Size

As you know, that some visitors prefer reading in small text size while others prefer larger, depending on their eye power, screen resolution, and monitor distance. So for those visitors, you can place a convenient widget to increase/decrease the font size easily.

Look the example below:
Change Text Size

+ + + + +
Or this one:

Change Text Size:

Small
Medium
Large
Larger
Largest

If you want to use any of the abve widgets, use this code:

Change Text Size<br/>
<a href=”javascript:void(0);” onclick=”javascript:body.style.fontSize=’.5em'”><span style=”font-size: xx-small;”>+</span></a> <a href=”javascript:void(0);” onclick=”javascript:body.style.fontSize=’1em'”><span style=”font-size: x-small;”>+</span></a> <a href=”javascript:void(0);” onclick=”javascript:body.style.fontSize=’1.5em'”><span style=”font-size: small;”>+</span></a> <a href=”javascript:void(0);” onclick=”javascript:body.style.fontSize=’2em'”><span style=”font-size: large;”>+</span></a> <a href=”javascript:void(0);” onclick=”javascript:body.style.fontSize=’2.5em'”><span style=”font-size: x-large;”>+</span></a>

And to use the second one, use this code:

Change Text Size<br/>
<a href=”javascript:void(0);” onclick=”javascript:body.style.fontSize=’.5em'”><span style=”font-size: xx-small;”>Small</span></a>
<a href=”javascript:void(0);” onclick=”javascript:body.style.fontSize=’1em'”><span style=”font-size: x-small;”>Medium</span></a>
<a href=”javascript:void(0);” onclick=”javascript:body.style.fontSize=’1.5em'”><span style=”font-size: small;”>Large</span></a>
<a href=”javascript:void(0);” onclick=”javascript:body.style.fontSize=’2em'”><span style=”font-size: large;”>Larger</span></a>
<a href=”javascript:void(0);” onclick=”javascript:body.style.fontSize=’2.5em'”><span style=”font-size: x-large;”>Largest</span></a>

If you want you can add this by HTML/JAVASCRIPT

or If you Want to appear this in the post than
Goto Layout > Edit HTML

And check Expand Widget Box

and search for <data:post.body/>

Then If you want it to appear on the top paste the code above <data:post.body/>

If you want it to appear on the bottom paste the code down the <data:post.body/>

And At Last Save It Over Enjoy !

XP Tips & Tricks

XP Tips and Tricks Many of our Microsoft Monday posts over the last several months have focused on Windows Vista — after all, it is the latest operating system from Microsoft. While it’s the “latest and greatest” as they say, we know many of you still use and prefer Windows XP. Today we thought we’d spend some time going over a few Windows XP tips. Some of the tips you may be well familiar with while others will be completely new to you. This will be the first in a two part series, so stay tuned for the 2nd edition.
Many of these tricks use the Windows Registry Editor, which you can start by pressing WinKey+R and type regedit into the box.
Note: Some of these tips may work in Vista, but we have not tested them in Vista.

–Rename the Recycle Bin–

Want to rename the Recycle Bin? Here’s what you gotta do:

Run the Registry Editor and navigate to HKEY_CLASSES_ROOT\ CLSID\ {645FF040-5081-101B-9F08-00AA002F954E}
Double-click on (Default), and change the name of the Recycle Bin. Close the Registry, and press F5 on the desktop to refresh the icon.

–Network Sharing–

When you’re looking at files on a network drive you might have noticed that it can take a rather long time (up to 30 seconds). What happens is XP checks to see if the other PC has any scheduled tasks. You can disable that by:

Run the Registry Editor and navigate to HKEY_LOCAL_Machine\Software\Microsoft\Windows\ CurrentVersion\Explorer\RemoteComputer\NameSpace.
Delete the {D6277990-4C6A-11CF-8D87-00AA0060F5BF} key. Close the Registry.
While you’re there you can also delete the {2227A280-3AEA-1069-A2DE-08002B30309D} key if you don’t use printer sharing.
Reboot your computer.

–Excessive Printing–

This probably isn’t for home users, but for all the people out there that do a lot or printing this is something you should consider doing. By tweaking this Registry setting the printing process will have a higher priority. Here’s the details:

Run the Registry Editor and navigate to HKEY_LOCAL_MACHING\SYSTEM\CurrentControlSet\Control\Print.
Create a new DWORD called SpoolerPriority, and give it a value of 1.
Reboot your computer.

–Disable Last Access Time Stamp–

This small little tweak is a great one, because it disables a feature that most people never even use. By default Windows always keeps track of the “Last Accessed” date in the file or folder’s properties. If you’re constantly opening and closing files you’re causing some additional work for Windows since it has to update the last accessed date each time. If you never use that property feel free to disable it:

Run the Registry Editor and navigate to HKEY_LOCAL_MACINE\SYSTEM\CurrentControlSet\Control\ FileSystem.
Create a new DWORD called NtfsDisableLastAccessUpdate, and give it a value of 1.
Reboot your computer.

–Remove Text from Icons–

I would have to put this trick up near the top of my favorites list. With it you can prevent the text from appearing below icons on the desktop. If you’re looking to clean up your desktop a bit this could be the perfect way:

Right-click on an icon, and choose the Rename option. Delete all of the text.
Hold down the Alt key and type 0160 (note: you shouldn’t see any text being typed). That will essentially make a space character the file name. Press Enter to save the results.
You can repeat this for several icons, but there is one catch. You probably know that you can’t have multiple icons in the same folder (or on the desktop) with the same name. To get around that for a second shortcut you can do Alt+0160 + Alt+0160. That will essentially create two spaces for the filename, and for a third shortcut you could do Alt+0160 + Alt+0160 + Alt+0160. As you can see this would get tedious rather quickly, but for a handful of shortcuts it is pretty nice.

From Netbook to Jetbook- Make your notebook super fast

The birth of the Intel Atom processor has been instrumental in paving the way for low-budget, ultra-compact and energy-efficient laptops which are popularly known as netbooks. These are the most compact mobile computing solutions that offer a complete web experience when on the move. The Intel Atom N270 clocked at 1.60 GHz along with 1 GB RAM, which is the bare minimum for running Windows XP, and a bunch of everyday applications such as an office suite, image viewer and a media player. However, you might want to upgrade the memory or hard drive for better performance and increased storage capacity. It becomes a necessity especially if the capacity of the stock 80 GB or 120 GB hard drive isn’t enough to hold your entire collection of music, videos and photos. In this hands-on story, we show you how to upgrade the memory and hard drive of your netbook. There’s also a big surprise for Eee PC users.

Opening the memory and hard drive compartment

This step is pretty straightforward in the case of Asus Eee PC and Lenovo IdeaPad S10. You will find a small plastic panel fastened by screws on the base of the netbook. Use the appropriate screwdriver to remove the screws and detach the panel to expose the compartment in which memory and hard drive are located. Opening the MSI Wind U100 is a bit of a hassle as the entire base has to be detached. You need to carefully unscrew each screw on the base and pull it out gently. Be careful while unfastening the interlocking clamps along the inner edges of the U100. The only netbook we gave up opening was the Acer Aspire One because the base lid failed to open despite removing all the screws.

What are the available upgrade options?

The only components upgradeable in netbooks are the hard drive and memory. Most entry level netbooks ship with an 80 GB hard disk except for a few high end models, which are fitted with a 120 GB or 160 GB hard drive. If you’re facing a storage space crunch you can opt for a higher capacity hard drive. Like laptops, netbooks are fitted with a 2.5-inch hard drive. These drives are available in 80 GB, 120 GB, 160 GB, 250 GB, 320 GB and 500 GB capacities. Choose your upgrade depending on your storage requirements and budget.

Currently all netbooks come installed with 1 GB RAM which suffices for handling basic office applications and Windows XP. An upgrade to 2 GB is recommended if you want to do multitasking or perform heavier tasks such as basic image editing. Since most netbooks have only a single RAM slot you will have to get rid of the old module and replace it with the new one. The MSI Wind U100 is an exception with 1 GB on-board RAM as well as a RAM slot.

Replacing the components

To replace the RAM, first eject the installed module by gently pushing the metal clamps on both sides of the slot outward. When the module pops out, slide it out from the slot holding it by its edges. Now insert the new module into the slot and press it down until the clamps snap in and hold it in place. Before replacing the hard drive, back up all your data and the drivers to an external storage device. The hard drive can be unplugged by first removing the screws holding it in place and then pulling it out. If the drive is fitted in a cage, you will have to remove it from the cage and fit in the new drive. Plug the hard drive into the SATA port and fasten it with screws. Finally, fit the panel back and your netbook is ready to fire up.

Install the operating system

Since netbooks don’t have an optical drive you will have to install the operating system and applications using an external USB optical drive or storage device. Install the device drivers and restore your backed up data to get back on track.

Overclocking the Eee PC

Now for the surprise. If you own an Asus Eee PC 900 or higher, you can overclock the Intel Atom N270 for a performance boost. Go to www.cpp.in/dev/eeectl and download the latest version of Eeectl (23 kb), which is a nifty utility to overclock the Eee PC on the fly. It also allows you to control the fan speed and screen backlight. Extract the contents of the archive into a folder but don’t run the utility yet. Eeectl loads the parameters from the file called eeectl.ini which is located in the same folder. Open it and scroll down to the section called Speed.Profiles and replace it with the following text:

Speed.Profiles = 54,188,1,2000 MHz;

Speed.StepDelay = 500

Speed.FSBIconMul = 1

Save the file and run Eeectl. It will show up as an icon in the system tray. Before hitting 2.0 GHz, set the fan speed to 100 percent in order to prevent the netbook from heating up. You can access the functions by right clicking on the Eeectl icon. Use CPU-Z to check if the processor is running at 2 GHz.

From Eee PC to Ooh PC!

We fitted the Eee PC 1000H with a solid state hard drive and 2 GB memory. Due to the absence of the hard drive motor, the battery life increased by 30 minutes to 3 hours and 30 minutes under load. In idle mode the Eee PC was alive for 7 hours and 25 minutes which is 3 hours more than the battery life with a regular hard drive. Next, we overclocked the Atom N270 from 1.60 GHz to 2.0 GHz and found out the difference in performance. The 25 percent increase in clock speed boosted the overall performance by 27 percent—very commendable!

Multi-touch trackpad

You can now add multi-touch capability to your Eee PC’s trackpad by using Elantech Smart-Pad which can be downloaded for free from . Although the website is in Chinese, you won’t miss the link to “Smart Pad” which is spelt in English. After installing the application, an additional tab called Elantech is added to the Mouse Properties dialog box which can be accessed from Control Panel. The add-on adds the ability to scroll, zoom, magnify and navigate pages using multi-touch.