tag:blogger.com,1999:blog-63686285602293569462024-03-13T08:34:28.964-07:00Computer GuruComputer Tricks | Hacks | Tips | Web Tricks | Trading Tips | Blogging Tricks and Tipsprkshttp://www.blogger.com/profile/06792514651945330604noreply@blogger.comBlogger98125tag:blogger.com,1999:blog-6368628560229356946.post-44565970038679838142015-07-30T07:37:00.001-07:002015-07-30T07:37:09.301-07:00Geothermal Heat Pump<div dir="ltr" style="text-align: left;" trbidi="on">
<b><a href="http://geo.cool/" rel="nofollow" target="_blank">Geothermal Heat Pump</a></b><br />
<b><br /></b>You probably rely on an air conditioner to cool your home in summer. In winter, you may turn to a high efficiency gas furnace or boiler. Both systems are functional ways to manage temperature discomfort, but what if you could simplify your system with a single heating and cooling solution?<br />
<b>What is a heat pump?</b><br />
There are a lot of similarities between heat pumps and conventional air conditioners. Both use a chemical refrigerant to extract heat from a building interior. This lowers the temperature to comfortable levels, but a heat pump can go a step farther.Unlike an air conditioner, a heat pump can draw heat from outside your home and pump it inside. This allows the heat pump to provide heating during cold weather conditions.<br />
<br />
It’s a flexible option many homeowners enjoy in mild seasons.<br />
<br />
<b> How It Works</b><br />
Geothermal heat pumps do four things for your home.<br />
They:<br />
<br />
<ol>
<li>Shrink the carbon footprint.</li>
<li>Reduce energy consumption.</li>
<li>Deliver all-season air comfort.</li>
<li>Save money. </li>
<li>These are, obviously, great things. Who doesn’t want to save money?</li>
</ol>
But….<br />
<br />
<b>How Do Geothermal Heat Pumps Work?</b><br />
How does a geothermal heat pump operate more efficiently than a conventional air conditioner or air-source heat pump? The key is environment stability. A typical air-source heat pump absorbs the heat inside your home to make it cooler. Pretty simple. It reverses this cycle to heat during cold weather. It’s, essentially, pulling heat out of the air, then pumping it inside.Unfortunately, there’s not a lot of ambient exterior heat in the middle of winter. A geothermal heat pump does not rely on a medium as unstable as outside air in order to do its job. Instead, geothermal units work through an underground loop network to deliver winter heating and summer cooling. You might not realize it, but the ground a few feet beneath your shoes is a very stable environment. Underground temperatures vary little from season to season no matter how hot or cold it gets on the surface. This means that a geothermal heat pump always has a stable exchange medium to draw heat from in winter. And So<br />
A geothermal heat pump can heat and cool at a fraction of the energy a previous generation air conditioner or air-source heat pump would need. In fact, the U.S. Department of Energy determined a typical geothermal installation can pay back its installation cost through energy savings in as little as 5 years.<br />
<br />
<b>Why Geothermal Heat Pumps?</b><br />
You’re in the market for a new heating and air unit. You’ve heard geothermal heat pumps are supposed to be great. But are they really better than conventional HVAC solutions?Geothermal heat pumps rely on buried heat to boost operating efficiency. The underground loop allows a unit to maintain even heating capacity no matter how low the aboveground temperature may drop.<br />
This translates into substantial energy savings compared to a conventional electric heating unit.<br />
<b><br /></b><b>How much can they save?</b><br />
The U.S. Department of Energy estimates a typical geothermal installation will pay back its installation cost in 5 to 10 years. This may sound like a long time, but consider the ground loop.<br />
The ground loop itself is the most expensive component to install, and is rated for decades of service. With a little regular maintenance, a geothermal heat pump can save money for years and years.<br />
It can save even more when you combine it with a 30% Residential Energy Tax Credit.<br />
<b><br /></b><b>Not Just Money</b><br />
Geothermal heat pumps deliver more than just financial relief. They’re also a great way to reduce your home’s overall carbon footprint. If you’re interested in green initiatives, a geothermal HVAC system is a step in the right direction.And let’s not forget that geothermal heat pumps produce outstanding air comfort in summer and winter. You get one home HVAC system to deal with all your seasonal air discomfort problems. You don’t have to meddle with a separate air conditioner or furnace. You can even integrate your home hot water system into the geothermal network with an attached desuperheater. In short, geothermal heat pumps deliver real benefits compared to regular HVAC systems.<br />
<br />
<b>So, what about the geothermal part?</b><br />
<br />
<div>
</div>
<br />
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: 'Times New Roman'; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; margin: 0px; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">
A non-geothermal heat pump is usually called an air-source heat pump, because they use the air as a heat source. By contrast, a geothermal heat pump, sometimes called a ground-source heat pump, uses the Earth itself as the source. You might not know it, but, no matter how hot or cold it is on the surface, the temperature only a few meters underground rarely fluctuates. Geothermal heat pumps rely on this stability to provide energy efficient heating and cooling all year long.Long Term BenefitsWhat that all means is that a geothermal heat pump is one of the most cost effective home heating and cooling solutions available. They last for years, deliver terrific air comfort, and do so more efficiently than virtually any other HVAC system.It’s HVAC simplicity with benefits.</div>
</div>
prkshttp://www.blogger.com/profile/06792514651945330604noreply@blogger.com2tag:blogger.com,1999:blog-6368628560229356946.post-12803031322393434752015-07-14T10:55:00.002-07:002015-07-14T10:55:51.965-07:00Buy youtube views<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBPZ_6oujMxr8ccGmDOUmM7VGwXMmpohH4JghbqCxs82SeoIU_AdLbxwOflzg_NrMthOqIE_u1ESDO0mQA2xB_vsYS5h9q1l4vLApZMRS5YfdL1_pKKddDURPNIY8NCxyqfMrZjiRaTvhH/s1600/buy-youtube-views.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="223" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBPZ_6oujMxr8ccGmDOUmM7VGwXMmpohH4JghbqCxs82SeoIU_AdLbxwOflzg_NrMthOqIE_u1ESDO0mQA2xB_vsYS5h9q1l4vLApZMRS5YfdL1_pKKddDURPNIY8NCxyqfMrZjiRaTvhH/s400/buy-youtube-views.jpg" width="400" /></a></div>
<br />
Making a stage in YouTube helps you change your each activities. Since a business needs enough presentation for things and intrigues, YouTube is the fitting stage with its more than 1 billion heavenly clients who fit to your redirections. Taking everything in account, the reason not <a href="http://www.smmgigs.com/buy-youtube-views/">buy youtube views</a>?<br />
<br />
YouTube is checked second goliath Search motor bordering thirdly amazing site after Facebook and Google. This estimations is other than something for your business. YouTubing your business discovers a business center to add to your business with condition of-craftsmanship actuating instruments.<br />
<br />
YouTube probably gets best in class time of progressing and crusading for your business which globalizes your enterprise.Besides this, changing your substance on YouTube joins part to your business. In the same way, assistant undertaking of YouTube going down your reputation as well.<br />
<br />
There is no key for reputation stunts in light of the way that YouTube gives sustenance you layers of crusading mechanical social events and systems which suffice your prerequisite for general presentation.<br />
<br />
When you YouTube your business parts of things, they get general presentation. As YouTube invites more than 6 billion hours of parts being seen constantly, it gives sustenance satisfactory number of gatherings of observers. YouTube being exceedingly found the opportunity to site, it urges individuals to discover business and aides as well.<br />
<br />
We encounter distinctive social solicitations who <a href="http://www.smmgigs.com/buy-youtube-views/">buy youtube views</a> and have set up their business in youtube. In this way, <b>obtaining youtube views</b> is the most flawlessly awesome way to deal with oversee develop your part on the web.<br />
<br />
Your substance over YouTube easily gets balanced with Google AdWords. It runs publicizing crusade over your YouTube highlights where your substance over YouTube get paid with perspectives and snaps.<br />
<br />
In like way, YouTube accessory system unites all the substance inventors on YouTube who suit your substance with masterminded courses like publicizing, paid interests and stock.<br />
<br />
YouTube has said such a publicizing instrument and strategy which has the probability to get moving full swing. Notwithstanding publicizing, this driving part sharing stage sticks together advancing and structures alliance as well.<br />
<br />
YouTube offers you to add to two or three stages and get-togethers to begin the correspondence and chat with your potential clients and individuals who love your interest.Correspondingly, these examinations drive more traffics to your locales which reason for assurance create considered things and approaches.<br />
<br />
As a key tab of YouTube licenses you to subscribe what interest you more. It lets your clients and individuals around you to subscribe your each upgrade comparatively as your business and things.<br />
<br />
These successfully imparted paying little mind to purposes of YouTube for business join layers of prize to your business. Regardless, engaging YouTube for your business would be endeavoring at regardless, yet openness of Social Media Marketing stages empower you to <b>purchase YouTube views</b>.</div>
prkshttp://www.blogger.com/profile/06792514651945330604noreply@blogger.com2tag:blogger.com,1999:blog-6368628560229356946.post-23924911670991681732014-03-25T17:49:00.003-07:002014-03-25T17:49:43.663-07:00Buy youtube viewsHaving almost 6 billion hours of video watching monthly in leading video sharing platform YouTube, it provides the incredible social marketing tools via maximum views which are knitted with social power and authenticity. <a href="http://www.mrviews.com">mrviews</a> allows you to buy YouTube views which are affordable, active and reliable to grow your ventures by leaps and bounds. It kick-starts your enterprise with global exposure.
Why Only mrviews?
→ Affordable and reliable
→ High quality and retention value
→ Promoted by experts
→ Supersonic deliverance
→ PayPal verified
→ 24/7 services and supports
→ Money back guaranteed
→ No surcharging
While offering the <a href="http://www.mrviews.com/buy-youtube-views">quality YouTube views</a>, mrviews doesn’t ask you for the passwords rather we just make use of the URLs of videos. When you buy YouTube views from mrviews, it offers reliability, authenticity leading to branding, endorsement and brand loyalty among the huge clientele.
Promotion done by experts for the YouTube views which are provided by mrviews, leaves no stone unturned to get the global exposure. The team of mrviews assists you to grow sensational over the YouTube. YouTube views are blended with 24/7 services, supports, updates, upgrades and more without any sort of surcharging. All of the transaction is made with PayPal.
<a href="http://www.mrviews.com/buy-youtube-views">Buy youtube views</a>prkshttp://www.blogger.com/profile/06792514651945330604noreply@blogger.com5tag:blogger.com,1999:blog-6368628560229356946.post-44813811913214439022010-02-15T05:43:00.000-08:002010-02-15T05:43:13.910-08:00Get More Clicks in your adsIf you want to get more clicks in your ads then there are some simple tricks for you. This tricks works. It increases my click at the rate of 2%. :) this is also somehow good for me.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"></div>I tried to make the link of the ads as similar as the other links in the blog. The other links in my blog are in the #B60606 color so i tried to make the link of the ads also in the same color. <span id="goog_1266235323801"></span><span id="goog_1266235323802"></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkxJe2gohPIKyEsqthUuKJWwMwiTHuoggr5wS0ewplcm9qKkPDD5o3DzYgFVWOfif7YtAUwc0QtqP6YfQT3X5j_d6RronFxGHtDha42pkMaEhqREpQ7CD7OJSvEcWtzu4FU-grekSbWf4/s1600-h/1.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkxJe2gohPIKyEsqthUuKJWwMwiTHuoggr5wS0ewplcm9qKkPDD5o3DzYgFVWOfif7YtAUwc0QtqP6YfQT3X5j_d6RronFxGHtDha42pkMaEhqREpQ7CD7OJSvEcWtzu4FU-grekSbWf4/s320/1.JPG" /></a> </div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: left;">I also have another trick for you. you have to follow the below instructions for that</div><div class="separator" style="clear: both; text-align: left;">1. Goto adsense.com and get a new ads code in the size 300 x 250 .</div><div class="separator" style="clear: both; text-align: left;">2. Copy the code and paste it in the HTML/Javascript in the Blogger.com → Layout tab.</div><div class="separator" style="clear: both; text-align: left;">3. Now you have to alter a little thing in the code..</div><div class="separator" style="clear: both; text-align: left;"> Just change the ads size 250 to 228 in the code given by the adsense.com</div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizRd05AVTJt0WXyJCMM69mwJPG_sJKAFmLcuIDeMCyKMlAOyYVhRZejDrsbr5RDD1Wt07hu9YI_OF-4fvC-cCtsnJURrnXNwQ92ZsLHum0aqQIDH4C1136np0kftnnVn-xvJ0rdb-_TRw/s1600-h/1.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizRd05AVTJt0WXyJCMM69mwJPG_sJKAFmLcuIDeMCyKMlAOyYVhRZejDrsbr5RDD1Wt07hu9YI_OF-4fvC-cCtsnJURrnXNwQ92ZsLHum0aqQIDH4C1136np0kftnnVn-xvJ0rdb-_TRw/s320/1.JPG" /></a></div><div class="separator" style="clear: both; text-align: left;">By this change in the code changes the ads like this :</div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXl0TAyeeHcDDamaa7JIalH9zZqGvSsel7Gtd4o77oIrsZuN8JpTTjlzoIVdBI06yMKHmE3mEIM1-5duVVhWRzDz6OObAz42SgTkp-X9KzZBof3hwJi02ok5bk-fVpETVJNHnrWH3Vvns/s1600-h/1.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXl0TAyeeHcDDamaa7JIalH9zZqGvSsel7Gtd4o77oIrsZuN8JpTTjlzoIVdBI06yMKHmE3mEIM1-5duVVhWRzDz6OObAz42SgTkp-X9KzZBof3hwJi02ok5bk-fVpETVJNHnrWH3Vvns/s400/1.JPG" width="218" /></a> </div><div class="separator" style="clear: both; text-align: left;">It removes the Ads by Google sign. so the visitors click in the ads :)</div><div class="separator" style="clear: both; text-align: left;">This tricks sounds funny but it works.</div><div class="separator" style="clear: both; text-align: left;">Check it out :)</div>Unknownnoreply@blogger.com9tag:blogger.com,1999:blog-6368628560229356946.post-23035987678058808192010-02-14T07:36:00.000-08:002010-02-14T07:36:46.372-08:0011 SEO Tips from my sideEverybody wants to increase traffic towards to their blog. It takes longer to take a very good traffic. Follow some tips and you get a good traffic.<br />
<br />
1. <span style="font-weight: bold;">Post quality content:</span> If the content of the blog is good then it will attract visitors and visit your blog regularly and then you will get good back links.<br />
<br />
2. <span style="font-weight: bold;">Reply to the comments and mails:</span> Once you are getting traffic to your blog. Visitors may comment on your blog/website. So reply their comments and mail quickly if needed.<br />
<br />
3. <span style="font-weight: bold;">Submit your blog to blog directories:</span> Submit your blog to some good blog directories of high PR. It will increase link to your blog. So pay some attention to link building. Here you may find a <a href="http://blog.sponsoredreviews.com/">very good list of blog directories</a>.<br />
<br />
4. <span style="font-weight: bold;">Install Google Analytics to your blog:</span> Install <a href="http://www.google.com/analytics/">Google Analytics</a> to your blog and get detailed analysis report of your traffic. There are many things in Google Analytics to help you for getting traffic. You may also find there that what keywords are sending visitors to your blog. To install Google Analytics script to your blog you just need a Google account. If you don't have you can create one.<br />
<br />
5. <span style="font-weight: bold;">Submit your blog to social bookmarking site:</span> Also submit your blog to social bookmarking site such as <a href="http://digg.com/">digg</a>, <a href="http://delicious.com/">delicious</a> and <a href="http://www.stumbleupon.com/">stumbleupon</a> etc.<br />
<br />
6. <span style="font-weight: bold;">Join bloggerforum.com:</span> <a href="http://bloggerforum.com/">Join bloggerforum.com</a> to help others and yourself for the blogging related problems and questions. Mention your website/blog name in posts signature there. It will increase links to your website.<br />
<br />
7. <span style="font-weight: bold;">Join digitalpoint Forum:</span> You may join <a href="http://forums.digitalpoint.com/">digital point forum</a>.<br />
<br />
8.<span style="font-weight: bold;"> Join Bloggeries Forum:</span> Join <a href="http://howtomakeablogpopular.blogspot.com/www.bloggeries.com">Bloggeries forum</a>.<br />
<br />
9. <span style="font-weight: bold;">Put a RSS subscribe feed button to your blog:</span> Add a gadget to subscribe your blog via RSS. You can start this service by <a href="http://feedblitz.com/">feedblitz</a>,<a href="http://feedburner.com/"> feedburner</a> etc.<br />
<br />
10. <span style="font-weight: bold;">Learn Some SEO tips:</span> Learn SEO techniques (Search Engine Optimization Techniques) to get good traffic.<br />
<br />
11.<span style="font-weight: bold;"> Give your blog an Appropriate Title:</span> Appropiate title of a blog also makes some difference to get traffic.<br />
<br />
<br />
Hope this work :)<br />
Drop the comment according to your view ;)Unknownnoreply@blogger.com9tag:blogger.com,1999:blog-6368628560229356946.post-51821210606319499152010-02-14T05:33:00.000-08:002010-02-14T05:33:17.189-08:00Send E-mails from localhostI was so worried that i was not able to send the E-mail from the localhost while using WAMP and i asked to my teacher that how can i send the E-mail from the localhost ? and he instructed me to follow the given instruction. This instruction is for both WAMP and XAMPP users.<br />
<br />
1. Now open php.ini file.<br />
2. search for the STMP attribute. Generally you can find the line “SMTP=localhost“. change the localhost to the smtp server name of your ISP. And, there is another attribute called “smtp_port” which should be set to 25.<br />
<br />
3. change the attribute as :<br />
<br />
<div class="code"><br />
STMP = stmp.wlink.com.np<br />
stmp_port = 25<br />
</div><br />
I made stmp.wlink.com.np as my internet service provider (ISP) is Wlink.com.np<br />
<br />
4.Now restart your <span class="blsp-spelling-error" id="SPELLING_ERROR_16">apache server. so that your php.ini file will be reloaded.</span><br />
<span class="blsp-spelling-error" id="SPELLING_ERROR_16"><br />
</span><br />
<span class="blsp-spelling-error" id="SPELLING_ERROR_16">5. now try sending the mail using main() function :)</span><br />
<span class="blsp-spelling-error" id="SPELLING_ERROR_16">thats it !!</span><br />
<span class="blsp-spelling-error" id="SPELLING_ERROR_16"><br />
</span><br />
<span class="blsp-spelling-error" id="SPELLING_ERROR_16">You might get teh error message like this :</span><br />
<span class="blsp-spelling-error" id="SPELLING_ERROR_16"><br />
</span><br />
<div style="color: red;"><span class="blsp-spelling-error" id="SPELLING_ERROR_16">Warning: mail() [function.mail]: “sendmail_from” not set in php.ini or custom “From:” header missing in D:\wamp\www\Website\mail.php on line 28</span></div><span class="blsp-spelling-error" id="SPELLING_ERROR_16"><br />
</span><br />
<span class="blsp-spelling-error" id="SPELLING_ERROR_16">if you get the error like this the </span>specify the following headers and try again.<br />
<br />
<br />
<div class="code"><br />
$headers = ‘MIME-Version: 1.0′ . “\r\n”;<br />
$headers .= ‘Content-type: text/html; charset=iso-8859-1′ . “\r\n”;<br />
$headers .= ‘From: sender@sender.com’ . “\r\n”;<br />
mail(“you@yourdomain.com”,”subject”,”body”,$headers);<br />
</div><br />
Now it will work :)Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-6368628560229356946.post-58251562324306820662010-02-14T05:17:00.000-08:002010-02-14T05:17:40.843-08:00Get Real IP Address in PHPYou must be using $_SERVER['REMOTE_ADDR'] in PHP to find the visitor's IP address. and you may also know that this will not return the true IP all the time, Because if your client is using the Proxy server then this will return back your client's proxy IP, so this is not correct all the time. to get the real IP of your visitor follow the steps.<br />
<br />
First of all you need to make the function :<br />
<br />
<br />
<div class="code">/*<br />
* ComsGuru.blogspot.com<br />
* Prakash Timilsina<br />
*/<br />
function TraceRealiP()<br />
{<br />
if (!empty($_SERVER['HTTP_CLIENT_IP']))<br />
{<br />
$ip=$_SERVER['HTTP_CLIENT_IP'];<br />
}<br />
elseif (!empty($_SERVER['HTTP_X_FORWARDED_FOR'])) <br />
{<br />
$ip=$_SERVER['HTTP_X_FORWARDED_FOR'];<br />
}<br />
else<br />
{<br />
$ip=$_SERVER['REMOTE_ADDR'];<br />
}<br />
return $ip;<br />
}<br />
</div><br />
Thanks, and i hope this works :)Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-6368628560229356946.post-10042750513160744542010-01-25T11:02:00.000-08:002010-01-25T11:10:57.026-08:00Page Rank Updated<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRa0QrcM2AzOijd2LEBHD1DwxityAG06yGt1JIriJ76SYyzBmPEEnjItQJYo68XYaDmtv3pckjK4VF_vuf4RCROQcxPnzhahYk_hqBbYsKVIka6JFEdlj99I7k1fVfQKH6MTR4M4I73v8L/s1600-h/google+page+rank.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRa0QrcM2AzOijd2LEBHD1DwxityAG06yGt1JIriJ76SYyzBmPEEnjItQJYo68XYaDmtv3pckjK4VF_vuf4RCROQcxPnzhahYk_hqBbYsKVIka6JFEdlj99I7k1fVfQKH6MTR4M4I73v8L/s320/google+page+rank.jpg" /></a><br />
</div>Google PageRank was updated last on<br />
<h2 style="text-align: center;">18 Jan. 2010</h2><h2 style="text-align: left;"><span style="font-size: small; font-weight: normal;">Pagerank Update, PR Update or Google Pagerank Update, it's all the same, it's a service provides you with the last modified date that google change it's PR or Pagerank, So, What is pagerank? PageRank is a numeric value that represents how important a page is on the web. Google figures that when one page links to another page, it is effectively casting a vote for the other page. The more votes that are cast for a page, the more important the page must be. Also, the importance of the page that is casting the vote determines how important the vote itself is. Google calculates a page's importance from the votes cast for it. How important each vote is is taken into account when a page's PageRank is calculated.</span> </h2><h2 style="text-align: left;">Do you want to get the updates ?</h2><div id="subscribe"><form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=computer-guru', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="border: 1px solid rgb(204, 204, 204); padding: 3px; text-align: center;" target="popupwindow"><fieldset style="background-color: white;"><img src="http://i896.photobucket.com/albums/ac164/prakash_3p/mail.gif" /> You will get the updates to your Inbox directly from the Computer Guru Blog:<br />
<br />
Email address :<br />
<br />
<input gtbfieldid="11" id="feedinput" name="email" type="text" /><br />
<input alt="SUBMIT!" border="0" src="http://www.clicktale.com/res/1/img/signup_arrow_anim.gif" type="image" /><br />
<input name="uri" type="hidden" value="computer-guru" /><input name="loc" type="hidden" value="en_US" /><br />
</fieldset></form></div>Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-6368628560229356946.post-14373666336246410232010-01-25T07:46:00.000-08:002010-02-14T05:18:15.171-08:00JavaScript Hack III gave you the cool and effective <a href="http://comsguru.blogspot.com/2010/01/javascript-hack.html">javascript tick last time</a>. Now i have some other tircks also<br />
<br />
They are<br />
<br />
#How to use these hack ?<br />
→ just paste the given codes in the address bar of your browser thats it !!<br />
1. To dispaly the Dancing Images<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjui_VilYC5H61RgY98g1v_UzKh1moMM6BMiDZtQ-dEaSC4daVMzH7LsNjHdgVcZtJIhAqPUHcNbDqF6FyaVGqzzTzEGB8GumDPCVCsmJR3jvkFhrQ0T4P1SclC5ZJh22gvFKUVebTQVv9w/s1600-h/dancing+images.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="368" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjui_VilYC5H61RgY98g1v_UzKh1moMM6BMiDZtQ-dEaSC4daVMzH7LsNjHdgVcZtJIhAqPUHcNbDqF6FyaVGqzzTzEGB8GumDPCVCsmJR3jvkFhrQ0T4P1SclC5ZJh22gvFKUVebTQVv9w/s640/dancing+images.JPG" width="640" /></a><br />
<br />
<div class="separator" style="clear: both; text-align: left;"><br />
</div>code for this hack are :<br />
<br />
<div class="code"><br />
javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.images; DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=(Math.sin(R*x1+i*x2+x3)*x4+x5)+"px"; DIS.top=(Math.cos(R*y1+i*y2+y3)*y4+y5)+"px"}R++}setInterval('A()',5); void(0); <br />
</div>Now another hack ..<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaIL8k8mwO22bU1-jhwh6jOPW8v4YjONNc2MzYIuNqQGXph5pfU4I760s83ll4qPBAKh3OGCqKxKvHJaZKFxHjNdxZvKwjbkYQOfJ-72oEFHCK_3vRKxM4OMKR6ZtCScpngTXcstv0vJ8P/s1600-h/pass.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="315" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaIL8k8mwO22bU1-jhwh6jOPW8v4YjONNc2MzYIuNqQGXph5pfU4I760s83ll4qPBAKh3OGCqKxKvHJaZKFxHjNdxZvKwjbkYQOfJ-72oEFHCK_3vRKxM4OMKR6ZtCScpngTXcstv0vJ8P/s640/pass.JPG" width="640" /></a><br />
<br />
<div class="code"><br />
javascript:(function(){var s,F,j,f,i; s = ""; F = document.forms; for(j=0; j<F.length; ++j) { f = F[j]; for (i=0; i<f.length; ++i) { if (f[i].type.toLowerCase() == "password") s += f[i].value + "\n"; } } if (s) alert("Passwords in forms on this page:\n\n" + s); else alert("There are no passwords in forms on this page.");})(); <br />
<br />
</div><br />
<br />
Thats it :)<br />
i hope it works..Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-6368628560229356946.post-30526012851506285222010-01-24T07:14:00.000-08:002010-02-14T05:18:15.172-08:00JavaScript Hack<div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimkqshlqj-xhyBkVwJ2364ovfW7OKYf2ZGs6gDvhVws0feM5SoHgG3dJWg7vWUxCv46yScsL9q9dDnZyemb2DFow0VKbzJahNC8xBUCIBMaBjkivxqQuAud4quRIZLb-pHyq5CPfI2r1uk/s1600-h/computer+Guru1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="295" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimkqshlqj-xhyBkVwJ2364ovfW7OKYf2ZGs6gDvhVws0feM5SoHgG3dJWg7vWUxCv46yScsL9q9dDnZyemb2DFow0VKbzJahNC8xBUCIBMaBjkivxqQuAud4quRIZLb-pHyq5CPfI2r1uk/s400/computer+Guru1.jpg" width="400" /></a><br />
</div><hr /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_3y5VvHydww16Nxbc5BbjRRVbChyg-xheu-Dx2MVCubtjznujY-PJCl8ex9HL_KRR9TvzmVzWpacyesWrDB8qsJpEQAna8qf_NsB5OYadxqEFuE9dGP9NJ7CgL2zRTT_2fI1xYHWIAgHE/s1600-h/computer+Guru1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_3y5VvHydww16Nxbc5BbjRRVbChyg-xheu-Dx2MVCubtjznujY-PJCl8ex9HL_KRR9TvzmVzWpacyesWrDB8qsJpEQAna8qf_NsB5OYadxqEFuE9dGP9NJ7CgL2zRTT_2fI1xYHWIAgHE/s640/computer+Guru1.jpg" width="640" /></a><br />
<br />
<hr />Do you want to fool your friends or family. then i have a simple trick of javascript. by this trick you can just make any website just like a notepad or word editor.<br />
<br />
<br />
<div class="code">javascript: document.body.contentEditable = 'true';document.designMode = 'on'; void 0 <br />
<br />
</div><br />
Paste this code in the address bar of the internet browser.<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj57BX0a_zLuekrYN1M70TZKibsGKiMuEhTEAX-j1X-G3PKBSyV8fK9tFIub2LELzyoFlSblsQP9J6M_ExtQU_IBT_zN_Wk1RaKVfa5aBx6jj8EbVNcgZ71cMGNgHKtttDHb4sqKUzQagPJ/s1600-h/computer+Guru2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj57BX0a_zLuekrYN1M70TZKibsGKiMuEhTEAX-j1X-G3PKBSyV8fK9tFIub2LELzyoFlSblsQP9J6M_ExtQU_IBT_zN_Wk1RaKVfa5aBx6jj8EbVNcgZ71cMGNgHKtttDHb4sqKUzQagPJ/s640/computer+Guru2.jpg" width="640" /></a><br />
</div>Thats it <img border="0" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif" />Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-6368628560229356946.post-80142466797684758292010-01-23T20:35:00.003-08:002010-01-24T21:13:08.722-08:00Comment CounterSee Demo at the last of this post<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGd_YzqGFbIcVO_qhnIwgZAUjcNpOsl2NxviUXredecuG8n_JlchZiiogpW1f7eI-CdDuYsDmJGzJlQD4ALlQjdKq_2aLPBXNxMyatT9Ct8XNNe1txULTQUxP9U-pEvrVc-aPjLnAD8oPJ/s1600-h/1.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGd_YzqGFbIcVO_qhnIwgZAUjcNpOsl2NxviUXredecuG8n_JlchZiiogpW1f7eI-CdDuYsDmJGzJlQD4ALlQjdKq_2aLPBXNxMyatT9Ct8XNNe1txULTQUxP9U-pEvrVc-aPjLnAD8oPJ/s320/1.JPG" /></a><br />
</div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: left;">Do you want to put this counter in your blog ?<br />
</div><div class="separator" style="clear: both; text-align: left;">If yes then just follow the below instructions : <br />
</div><div class="separator" style="clear: both; text-align: left;"><br />
</div>*Step 1*<br />
Login to blogger.com then Click on Layout >Edit HTML<br />
Now Tick on the Expand Widget Templates<br />
<br />
*Step 2* <br />
Now Search <br />
<br />
<div class="code"><b:loop values='data:post.comments' var='comment'><br />
<br />
</div><br />
then paste the below code Just ABOVE it.<br />
<br />
<div class="code"><!--COMMENT COUNTER--><br />
<span class='comm-num'><br />
<a expr:href='data:comment.url' title='Comment Link'><br />
<script type='text/javascript'><br />
CommentsCounter=CommentsCounter+1;<br />
document.write(CommentsCounter)<br />
</script><br />
</a><br />
</span><br />
<!--COMMENT COUNTER--><br />
<br />
</div><br />
Now Search for<br />
<br />
<div class="code"></head><br />
<br />
</div><br />
Now paste the below code just above this<br />
<br />
<br />
<div class="code"><style type="text/css"><br />
.comm-num a:link, .comm-num a:visited {<br />
color: white !important;<br />
text-decoration: none !important;<br />
background: url(<span style="color: red;">http://i50.tinypic.com/egx3t3.jpg</span>) no-repeat;<br />
width: 50px;<br />
height: 48px;<br />
float: right;<br />
display: block;<br />
margin-right: 5px;<br />
margin-top: -15px; /*comments-counter position*/<br />
text-align: center;<br />
font-family: 'Century Gothic','Lucida Grande',Arial,Helvetica,Sans-Serif;<br />
font-size: 15px;<br />
font-weight: normal;<br />
}<br />
<br />
.comm-num a:hover, .comm-num a:active {<br />
color: gray !important;<br />
text-decoration: none !important;<br />
}<br />
</style> <br />
<br />
</div><br />
<br />
<hr />Now the red colored code should be replaced by you.<br />
Just change the url for ur choice image .<br />
<br />
<hr /><br />
<br />
<br />
<center><br />
<img src="http://i47.tinypic.com/2efny2q.jpg" /> <img src="http://i50.tinypic.com/xdckth.jpg" /> <img src="http://i49.tinypic.com/2l91q3a.jpg" /> <img src="http://i49.tinypic.com/2zzhr4o.jpg" /><br />
<br />
<br />
<br />
<br />
<br />
<hr /><img src="http://i46.tinypic.com/df97c4.jpg" /> <img src="http://i49.tinypic.com/2vugahu.jpg" /> <img src="http://i48.tinypic.com/vxm5w1.jpg" /> <img src="http://i50.tinypic.com/24xko7m.jpg" /><br />
<br />
<img src="http://i47.tinypic.com/ivlu77.jpg" /> <img src="http://i48.tinypic.com/33coxp2.jpg" /> <img src="http://i47.tinypic.com/99m5on.jpg" /><br />
<br />
<img src="http://i45.tinypic.com/29m6t5f.jpg" /> <img src="http://i49.tinypic.com/2608rih.jpg" /> <img src="http://i47.tinypic.com/345zj44.jpg" /> <img src="http://i50.tinypic.com/66m69g.jpg" /><br />
<br />
<br />
<br />
<br />
<hr /><img src="http://i50.tinypic.com/egx3t3.jpg" /> <img src="http://i47.tinypic.com/rc4qj6.jpg" /> <img src="http://i48.tinypic.com/352kaba.jpg" /> <img src="http://i49.tinypic.com/dq4opk.jpg" /><br />
<br />
<img src="http://i48.tinypic.com/106ezjk.jpg" /> <img src="http://i49.tinypic.com/2wcids5.jpg" /> <img src="http://i46.tinypic.com/bhlyya.jpg" /><br />
<br />
<br />
<img src="http://i50.tinypic.com/34qqq1c.jpg" /> <img src="http://i45.tinypic.com/fwt7kj.jpg" /> <img src="http://i48.tinypic.com/65tvmg.jpg" /> <img src="http://i48.tinypic.com/o5oupx.jpg" /><br />
<br />
<br />
<br />
<br />
<hr /><br />
<br />
<br />
</center><br />
<br />
Now just save Template and enjoy :)<br />
thankx [BloggerStop.Net]Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-6368628560229356946.post-30446617332460856462010-01-23T20:35:00.001-08:002010-01-24T19:44:07.289-08:00Add Yahoo Smiley Emoticons Above Comment Form Thanks : Blogger Stop<br />
<br />
For the DEMO goto to the END of this post <br />
To put this goto blogger.com > Layout > Edit HTML <br />
<br />
<div class="code"><b:if cond='data:post.embedCommentForm'><br />
<b:include data='post' name='comment-form'/><br />
<br />
</div><br />
paste the below code just BETWEEN the above codes<br />
<br />
<br />
<div class="code"><div <span id="IL_AD6">style</span>='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 369; text-align: left; border: 1px solid #cccccc; padding: 5px; background: #eeeddf; height:86'><br />
<b><br />
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/> :))<br />
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' width='18'/> ;))<br />
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/> ;;)<br />
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/> :D<br />
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/> ;)<br />
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/> :p<br />
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='22'/> :((<br />
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/> :)<br />
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/> :(<br />
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/> :X<br />
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' width='18'/> =((<br />
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' width='18'/> :-o<br />
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/> :-/<br />
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/> :-*<br />
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' width='18'/> :|<br />
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' width='24'/> 8-}<br />
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' width='31'/> :)]<br />
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' width='44'/> ~x(<br />
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' width='30'/> :-t<br />
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' width='18'/> b-(<br />
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' width='18'/> :-L<br />
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' width='34'/> x(<br />
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' width='30'/> =))<br />
</b><br />
</div> <br />
<br />
</div><br />
Now search<br />
<br />
<div class="code"></body> <br />
<br />
</div><br />
And paste the below code just above the above code<br />
<br />
<br />
<div class="code"><script src='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/smiley.js' type='text/<span id="IL_AD3">javascript</span>'/><noscript><a href="http://bloggerstop.net" target="_blank"><span style="font-size: x-small;">Add Smilies</span></a></noscript><br />
<br />
</div><br />
Now save template<br />
<br />
Thanks [BloggerStop.Net]Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-6368628560229356946.post-75225323037444034902010-01-23T20:34:00.001-08:002010-01-23T20:36:21.140-08:00Blog TransferDo you want to transfer your blog to another e-mail Id or Another Account ?<br />
Just follow the below steps<br />
<i><b>#Step 1.</b></i><br />
Login to Blogger.com<br />
<br />
<i><b>#Step 2</b></i><br />
<div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFy1NyEWtARbRKnrxt9pGnMNrfuEpEryxpKhNFqksnMp99LreC420Sl2BBTWIvXNABsS9EsQF02sSFMTfQTgeCqFzNJqApY7PN1q44_HpQCoKBGf3Pkpa1IiQSRW37x_bE3oANVsWh3Bqj/s1600-h/1.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFy1NyEWtARbRKnrxt9pGnMNrfuEpEryxpKhNFqksnMp99LreC420Sl2BBTWIvXNABsS9EsQF02sSFMTfQTgeCqFzNJqApY7PN1q44_HpQCoKBGf3Pkpa1IiQSRW37x_bE3oANVsWh3Bqj/s320/1.JPG" /></a><br />
</div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;"> Click on the Setting tab<br />
</div><div class="separator" style="clear: both; text-align: left;"><b><i>#Step 3</i></b><br />
</div><div style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBqNbncbE4mwZt4KWEWUTgIjKjzVndPGzcze-Avo5cfmacbS5B31IDyyFNVSRYHA09yW6QdfzoFabaI1-BGOzpzFmixDqHV9KIxGZErv4QshnVwlzBXQukjpSxXMflAO7yOsJzFOS9UF6_/s1600-h/3.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBqNbncbE4mwZt4KWEWUTgIjKjzVndPGzcze-Avo5cfmacbS5B31IDyyFNVSRYHA09yW6QdfzoFabaI1-BGOzpzFmixDqHV9KIxGZErv4QshnVwlzBXQukjpSxXMflAO7yOsJzFOS9UF6_/s320/3.JPG" /></a><br />
</div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: center;">Click on permission<br />
</div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><i><b>#Step 4</b></i><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgepq5zxdzsu3yXTjZpCmrOZDfTMJD9OiEBfDISg-URWj3FGEvG2klWRf_1tVx5kM9vcus2TOk8kAsoy4AoQv2IXR53Uz4B-s9gzE9zmhZpZcb5YkF0KRsYcSSp9RQUSbQGi-vMdLJXw5x_/s1600-h/2.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgepq5zxdzsu3yXTjZpCmrOZDfTMJD9OiEBfDISg-URWj3FGEvG2klWRf_1tVx5kM9vcus2TOk8kAsoy4AoQv2IXR53Uz4B-s9gzE9zmhZpZcb5YkF0KRsYcSSp9RQUSbQGi-vMdLJXw5x_/s320/2.JPG" /></a><br />
</div><div class="separator" style="clear: both; text-align: center;">Click on Add Authors <br />
</div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><i><b>#Step 5</b></i><br />
</div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxCsUhGSjSdZ6sJSFSKTKc1A8ij3oHUKVXVqgX5rJSA5GBhVK3yn_QpUOG4u1vcFpbxd4-wzmsbiaMnJ2oRFvtWDp0tbRk7T9xqAZ5Qdi9uq6R6pf8UzhEgM7o-KjZgH8qfvVm9LTRsU1B/s1600-h/4.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxCsUhGSjSdZ6sJSFSKTKc1A8ij3oHUKVXVqgX5rJSA5GBhVK3yn_QpUOG4u1vcFpbxd4-wzmsbiaMnJ2oRFvtWDp0tbRk7T9xqAZ5Qdi9uq6R6pf8UzhEgM7o-KjZgH8qfvVm9LTRsU1B/s320/4.JPG" /></a><br />
</div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;">Enter the Email ID for you new Account and then just click on Invite.<br />
</div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><i><b>#Step 6</b></i><br />
</div><div class="separator" style="clear: both; text-align: left;">Now log in to your new ID account then click on the confirmation link.<br />
</div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><i><b>#Step 7 </b></i><br />
</div><div class="separator" style="clear: both; text-align: left;">Now there a form will appears. then put your new email id there. REMEMBER : not the old one <br />
</div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><i><b>#Step 8</b></i><br />
</div><div class="separator" style="clear: both; text-align: left;"> Then Again login to your old Account then go to the same... i.e Setting <span style="font-size: xx-small;">></span> Permission then just give the Admin privilege to your new ID. then Remove the old one.<br />
</div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><b><i>Thats it.</i></b><br />
</div><div class="separator" style="clear: both; text-align: left;">you are done<a href="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif" /></a><br />
</div>Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-6368628560229356946.post-33934902417090147432010-01-23T20:33:00.000-08:002010-01-23T20:33:49.768-08:00Become An AuthorDo you want to become an author of Computer Guru Blog ? if yes then kindly fill up the below from..<br />
<br />
<form accept-charset="UTF-8" action="http://www.emailmeform.com/fid.php?formid=555830" enctype="multipart/form-data" method="post"><table bgcolor="#ffffff" border="0" cellpadding="2" cellspacing="0"><tbody>
<tr><td><span style="color: black; font-family: Verdana; font-size: x-small;"></span> <br />
<div id="mainmsg"></div></td></tr>
</tbody></table><br />
<table bgcolor="#ffffff" border="0" cellpadding="2" cellspacing="0"><tbody>
<tr valign="top"> <td nowrap="nowrap"><span style="color: black; font-family: Verdana; font-size: x-small;">First Name</span><br />
</td> <td><input name="FieldData0" size="30" type="text" /> <br />
</td></tr>
<tr valign="top"> <td nowrap="nowrap"><span style="color: black; font-family: Verdana; font-size: x-small;">Last Name</span><br />
</td> <td><input name="FieldData1" size="30" type="text" /> <br />
</td></tr>
<tr valign="top"> <td nowrap="nowrap"><span style="color: black; font-family: Verdana; font-size: x-small;">Webiste URL</span><br />
</td> <td><input name="FieldData2" size="30" type="text" /> <br />
</td></tr>
<tr valign="top"> <td nowrap="nowrap"><span style="color: black; font-family: Verdana; font-size: x-small;">E-mail</span><br />
</td> <td><input name="FieldData3" size="30" type="text" /> <br />
</td></tr>
<tr valign="top"> <td nowrap="nowrap"><span style="color: black; font-family: Verdana; font-size: x-small;">About yourself</span><br />
</td> <td><textarea cols="60" name="FieldData4" rows="10"></textarea><br />
</td></tr>
<tr> <td colspan="2"></td></tr>
<tr> <td></td> <td align="right"><input maxlength="100" name="hida2" size="3" style="display: none;" type="text" value="" /><input class="btn" name="Submit" type="submit" value="Submit" /><br />
</td></tr>
<tr><td align="center" colspan="2"><br />
</td></tr>
</tbody></table></form>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6368628560229356946.post-78189619654595692202010-01-23T20:28:00.001-08:002010-01-23T20:28:37.415-08:00Thank you<div style="text-align: center;"><br />
<span style="font-size: x-large;"><b>Congratulations !!!</b></span><br />
</div><br />
<br />
<div style="text-align: center;"><br />
The request is successfully received. we will contact you as soon as possible. please check your E-mail constantly we will reply you with in a week if you are approved.<br />
</div><br />
<div style="text-align: center;"><br />
<br />
</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6368628560229356946.post-63573629919638885022010-01-21T11:23:00.000-08:002010-01-21T11:23:56.160-08:00Check PageRank of all the internal pages of ur blog Are you using Internet Explorer? if yes then you need to upgrade to Mozilla Firefox For this Trick.<br />
And if you are just using the firefox then Install <a href="https://addons.mozilla.org/en-US/firefox/addon/3036">this Plugin</a> in ur Firefox<br />
<br />
Now you will see This type of horizontal bar at the top :<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_LtVdtCMijn91A7SFE2SFUE0zSa681p-NbwflP6ARj4h4QicYf82z5GoAXwuHi8BeuOag-OnIWREp5HKhvs9u3JUzqkziR0mGeovb3XqEChnUbPGWUbz3T7XxNQAVytykwjrnQObInHkZ/s1600-h/1.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_LtVdtCMijn91A7SFE2SFUE0zSa681p-NbwflP6ARj4h4QicYf82z5GoAXwuHi8BeuOag-OnIWREp5HKhvs9u3JUzqkziR0mGeovb3XqEChnUbPGWUbz3T7XxNQAVytykwjrnQObInHkZ/s640/1.JPG" /></a><br />
</div>Now after Seeing this..<br />
goto google.com<br />
then search your site like this<br />
Site:YOUR-SITE.COM<br />
<br />
then this will show you the PageRank of your everypageUnknownnoreply@blogger.com0tag:blogger.com,1999:blog-6368628560229356946.post-34931476623682367702010-01-21T11:04:00.000-08:002010-01-24T19:44:09.356-08:00Install Page Navigation in your Blogger BlogThis is the Page Navigation Screen-Shot. This makes the blogger blog easy to use. Want to put this in your blog ? <br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXt04GDa1A5skQb0-GnzNhiGRZigxqTlyxrDyVjK3TdhkVnnbv8IbrephZeeq7xuE6GBDJT1o-G1d4DP-sdranjGCiTD-Q12Nty2eIk2u5CyDk6Hq0vQkq6tOgwSyrKmM12eKB1SgxMS50/s1600-h/1.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="62" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXt04GDa1A5skQb0-GnzNhiGRZigxqTlyxrDyVjK3TdhkVnnbv8IbrephZeeq7xuE6GBDJT1o-G1d4DP-sdranjGCiTD-Q12Nty2eIk2u5CyDk6Hq0vQkq6tOgwSyrKmM12eKB1SgxMS50/s320/1.JPG" width="283" /></a><br />
</div><div style="text-align: center;">You can see the live Demo at the end of the page<br />
</div><div style="text-align: left;"><br />
</div><div style="text-align: left;"><i><b>#Step 1 </b></i><br />
<br />
Goto Blogger.com then login there > Layout > EDIT HTML <i><b><br />
</b></i><br />
</div><div style="text-align: left;">Find :<br />
</div><div class="code"></body><br />
<br />
</div>Then Paste the below code just above it :<br />
<br />
<div class="code"><!--PAGINATION-STARTS--><br />
<script type='text/javascript'><br />
<div style="color: red;">var pageCount=3;<br />
</div><div style="color: red;">var displayPageNum=3;<br />
</div>var upPageWord =&#39;Previous&#39;;<br />
var downPageWord =&#39;Next&#39;;<br />
</script><br />
<script src='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/pagination1.js' type='text/javascript'/><br />
<script src='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/pagination2.js' type='text/javascript'/><br />
<!--PAGINATION-STOPS--><br />
</div><br />
The <span style="color: red;">RED</span> colored codes can be replaced by you. if u want 5 result per page then just replace the 10 with 5<br />
<br />
<i><b>#Step 2</b></i><br />
<br />
Now Find this code :<br />
<br />
<div class="code"></head><br />
<br />
</div><br />
Then paste the below code just above it.<br />
<br />
<div class="code"><!--PAGINATION-STARTS--><br />
<link href='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/pagination2.css' rel='stylesheet' type='text/css'/><br />
<style type='text/css'><br />
.showpage a:hover {<br />
color: #FFFFFF;<br />
background-color: #92416C;<br />
}<br />
// STYLE CODE FOR SELECTED PAGE STARTS<br />
.showpagePoint {<br />
color: #FFFFFF;<br />
background: #92416C;<br />
border: 1px solid #92416C;<br />
}<br />
// STYLE CODE FOR NUMBER BUTTONS STARTS<br />
.showpageNum a:link,.showpage a:link {<br />
color: #000000 !important;<br />
background-color: #92416C;<br />
border: 1px solid #92416C;<br />
} <br />
<div>// HOVER CODE for NUMBER BUTTONS<br />
</div>.showpageNum a:hover {<br />
color: #FFFFFF !important;<br />
background: #92416C !important;<br />
border: 1px solid #92416C;<br />
}<br />
// STYLE CODE FOR "PREV and NEXT" BUTTONS STARTS<br />
.showpageArea a {<br />
border: 1px solid #92416C;<br />
}<br />
<div>// HOVER CODE for NEXT-PREV BUTTONS<br />
</div>.showpageArea a:hover {<br />
border: 1px solid #92416C;<br />
color: #FFFFFF !important;<br />
background: #92416C !important;<br />
}<br />
</style><br />
<!--PAGINATION-STOPS-http://comsguru.blogspot.com--><br />
<br />
</div>you are done<br />
Now Click on save Template then see your blog<br />
<br />
Thanks [BloggerStop.Net]Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6368628560229356946.post-49048454635453658562010-01-21T09:45:00.000-08:002010-01-21T10:39:36.201-08:00Computer Guru got PR1 :DI am very excited to announce one good news to you all visitors that our Blog "Computer Guru" have got its first Page Rank -1 in google. This blog is only 3 month old blog and i think it have done some great improvement.<br />
<div class="separator" style="clear: both; text-align: left;"> <br />
</div><center> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-InLdHg_wUSF9FNz7l8Jv9Adsku4Y5cwUynlPnhtAVeLnKOfghc1_FtS-Qo7I_aiO0w-qCfd9CEqfT35v5YI9k_Wo_w0K-xEsjmHXMBoIeTszIoLg8FYz0i_QwmlS7qWZ_LFqqSOWlNSl/s1600-h/1.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-InLdHg_wUSF9FNz7l8Jv9Adsku4Y5cwUynlPnhtAVeLnKOfghc1_FtS-Qo7I_aiO0w-qCfd9CEqfT35v5YI9k_Wo_w0K-xEsjmHXMBoIeTszIoLg8FYz0i_QwmlS7qWZ_LFqqSOWlNSl/s320/1.JPG" /></a><br />
</center><br />
And see another cool fact <br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjjOUql1kdWoZf0ApyHz5EajQI6-id1Xy26HEnPtGQbmpx39-HhXTFdtg9uxLl2E1XjfE_hkbLSgiCBT-yGshCeJL4kZgVZze8IJ3awzN0Z0YT6XEr2DHOWIrxwqExeP_-1apesz16X1YU/s1600-h/1.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjjOUql1kdWoZf0ApyHz5EajQI6-id1Xy26HEnPtGQbmpx39-HhXTFdtg9uxLl2E1XjfE_hkbLSgiCBT-yGshCeJL4kZgVZze8IJ3awzN0Z0YT6XEr2DHOWIrxwqExeP_-1apesz16X1YU/s320/1.JPG" /></a><br />
</div><div class="separator" style="clear: both; text-align: left;">Here, this is my current post. This post was crawled by Google within 1 minute. I was trying to check how time wills it takes to crawl my blogs post by Google. Than I check URL immediately in Google after posting some articles. I am surprised that time. It just takes 1 minute to crawl.<br />
</div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: left;">This is all about my 3 month improvement :) <br />
</div><div class="separator" style="clear: both; text-align: center;"><br />
</div><br />
<div class="separator" style="clear: both; text-align: center;"><br />
</div>Unknownnoreply@blogger.com5tag:blogger.com,1999:blog-6368628560229356946.post-17580308544335569422010-01-20T23:58:00.000-08:002010-01-21T10:39:36.202-08:00Check your PageRank here :)Quick Update guys.. Google just updated the Pageranks few hours ago.<br />
<br />
If you don't know what Pagerank means.. Google Pagerank is a Parameter on how Google ranks web pages on search results. It depends on the content and backlinks of the site/blog.<br />
ComputerGuru PR remained at PR1.<br />
<span style="font-weight: bold;">So,What's your Blog Pagerank?</span><br />
Check your Pagerank here.<br />
<br />
<iframe frameborder="0" height="430" name="Pagerank Checker" scrolling="no" src="http://tools.bloggertricks.com/pagerank_checker/pagerank-checker.php" width="410">&lt;p&gt;&amp;amp;amp;amp;lt;p&amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;YOUR BROWSER IS NOT COMPATIBLE TO VIEW THIS&amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;gt;&lt;/p&gt;</iframe><br />
Powered by BloggerTricks.comUnknownnoreply@blogger.com0tag:blogger.com,1999:blog-6368628560229356946.post-55835119625981080262010-01-10T10:36:00.000-08:002010-02-14T05:18:15.173-08:00Smooth and cool JQuery Popups<b>Tested in:</b> Firefox, Internet Explorer 6 & 7, Opera (old and 9.52) , Safari & Chrome.<br />
<br />
<script src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js" type="text/javascript"></script><br />
<script src="http://yensdesign.com/tutorials/popupjquery/popup.js" type="text/javascript"></script><br />
<br />
<center><br />
<div id="button"><input type="submit" value="Press me please!" /></div></center><br />
<div id="popupContact"><a id="popupContactClose">x</a><br />
<h1>Demo!</h1><br />
<p id="contactArea">Your content goes here....<br><script type="text/javascript"><!--
google_ad_client = "pub-8485779107491333";
/* jquery */
google_ad_slot = "6605099659";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script><br />
<br />
<br />
</div><br />
<div id="backgroundPopup"></div><br />
<br />
Hey i have an cool popup trick. this is so smooth.<br />
Now lets try.<br />
<br />
Make the .html file and include the following..<br />
<br />
<div class="code"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><br />
<title>yensdesign.com - How to create a stuning and smooth popup in jQuery</title><br />
<link rel="stylesheet" href="general.css" type="text/css" media="screen" /><br />
<script src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js" type="text/javascript"></script><br />
<script src="popup.js" type="text/javascript"></script><br />
</head><br />
<body><br />
<center><br />
<div id="button"><input type="submit" value="Press me please!" /></div><br />
</center><br />
<div id="popupContact"><br />
<a id="popupContactClose">x</a><br />
<h1>This is Try</h1><br />
<p id="contactArea"><br />
Your content goes here<br />
<br />
</p><br />
</div><br />
<div id="backgroundPopup"></div><br />
</body><br />
</html><br />
<br />
<br />
</div><br />
After this Make the general.css file and include this :<br />
<br />
<div class="code"><br />
<br />
table {<br />
border-collapse:separate;<br />
border-spacing:0pt;<br />
}<br />
caption, th, td {<br />
font-weight:normal;<br />
text-align:left;<br />
}<br />
blockquote:before, blockquote:after, q:before, q:after {<br />
content:"";<br />
}<br />
blockquote, q {<br />
quotes:"" "";<br />
}<br />
a{<br />
cursor: pointer;<br />
text-decoration:none;<br />
}<br />
br.both{<br />
clear:both;<br />
}<br />
#backgroundPopup{<br />
display:none;<br />
position:fixed;<br />
_position:absolute; /* hack for internet explorer 6*/<br />
height:100%;<br />
width:100%;<br />
top:0;<br />
left:0;<br />
background:#000000;<br />
border:1px solid #cecece;<br />
z-index:1;<br />
}<br />
#popupContact{<br />
display:none;<br />
position:fixed;<br />
_position:absolute; /* hack for internet explorer 6*/<br />
height:384px;<br />
width:408px;<br />
background:#FFFFFF;<br />
border:2px solid #cecece;<br />
z-index:2;<br />
padding:12px;<br />
font-size:13px;<br />
}<br />
#popupContact h1{<br />
text-align:left;<br />
color:#6FA5FD;<br />
font-size:22px;<br />
font-weight:700;<br />
border-bottom:1px dotted #D3D3D3;<br />
padding-bottom:2px;<br />
margin-bottom:20px;<br />
}<br />
#popupContactClose{<br />
font-size:14px;<br />
line-height:14px;<br />
right:6px;<br />
top:4px;<br />
position:absolute;<br />
color:#6fa5fd;<br />
font-weight:700;<br />
display:block;<br />
}<br />
#button{<br />
text-align:center;<br />
margin:100px;<br />
} <br />
<br />
</div><br />
Now its trun for the javascript<br />
Make popup.js and include the following<br />
<br />
<br />
<div class="code">var popupStatus = 0;<br />
function loadPopup(){<br />
if(popupStatus==0){<br />
$("#backgroundPopup").css({<br />
"opacity": "0.7"<br />
});<br />
$("#backgroundPopup").fadeIn("slow");<br />
$("#popupContact").fadeIn("slow");<br />
popupStatus = 1;<br />
}<br />
}<br />
<br />
function disablePopup(){<br />
if(popupStatus==1){<br />
$("#backgroundPopup").fadeOut("slow");<br />
$("#popupContact").fadeOut("slow");<br />
popupStatus = 0;<br />
}<br />
}<br />
<br />
function centerPopup(){<br />
var windowWidth = document.documentElement.clientWidth;<br />
var windowHeight = document.documentElement.clientHeight;<br />
var popupHeight = $("#popupContact").height();<br />
var popupWidth = $("#popupContact").width();<br />
$("#popupContact").css({<br />
"position": "absolute",<br />
"top": windowHeight/2-popupHeight/2,<br />
"left": windowWidth/2-popupWidth/2<br />
});<br />
<br />
$("#backgroundPopup").css({<br />
"height": windowHeight<br />
});<br />
<br />
}<br />
<br />
<br />
$(document).ready(function(){<br />
<br />
$("#button").click(function(){<br />
centerPopup();<br />
loadPopup();<br />
});<br />
<br />
$("#popupContactClose").click(function(){<br />
disablePopup();<br />
});<br />
$("#backgroundPopup").click(function(){<br />
disablePopup();<br />
});<br />
$(document).keypress(function(e){<br />
if(e.keyCode==27 && popupStatus==1){<br />
disablePopup();<br />
}<br />
});<br />
<br />
}); <br />
</div>Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-6368628560229356946.post-46195175352643515652010-01-08T02:52:00.000-08:002010-02-14T05:18:15.174-08:00For the codes<div style="text-align: justify;">I have got a nice trick to write the codes in the blog..<br />
</div><div style="text-align: justify;">if you want to write < then write &lt; and if you want to write > then write &gt;<br />
</div><div style="text-align: justify;"><b>Code decoration</b><br />
</div><div class="separator" style="clear: both; text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM8ccsjLJ2MMfBcGGuyEvxJHZoRjH8HligiT018Dd9CoeFc8XboWhgA7RLEf_pa32kzSg3QKmcjUmvEZa89tyY3kT03ENxi69BLHBp9anT2Q-BRvRlk51uShPqNIMuM4Uj02SMg2POVfuq/s1600-h/1+copy.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM8ccsjLJ2MMfBcGGuyEvxJHZoRjH8HligiT018Dd9CoeFc8XboWhgA7RLEf_pa32kzSg3QKmcjUmvEZa89tyY3kT03ENxi69BLHBp9anT2Q-BRvRlk51uShPqNIMuM4Uj02SMg2POVfuq/s640/1+copy.JPG" /></a><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">If u want to put like this type of background in the codes then you have to perform the simple trick<br />
</div><div style="text-align: justify;">Goto Blogger.com > Layout > Edit HTML<br />
</div><div style="text-align: justify;">Now find<br />
</div><div style="text-align: justify;"><br />
</div><div class="code">]]><br />
</div><br />
<div style="text-align: justify;">Now paste the below code just above that<br />
</div><div style="text-align: justify;"><br />
</div><div class="code"><br />
/*code*/<br />
div.code {<br />
border : 2px solid #99cc66;<br />
padding-top:-10px;<br />
padding-left:25px;<br />
margin:0 0 0 0;<br />
line-height:15px;<br />
border:dotted thin #008800;<br />
font-size:13px;<br />
color:#FF0000;<br />
background : #fff url(http://i39.tinypic.com/a47lat.jpg) no-repeat left top;<br />
}<br />
coder {<br />
border: 1px solid #ccc;<br />
display:block;<br />
padding: 4px 4px 5px 4px;<br />
margin: 5px 0px 5px 4px;<br />
font-family:"Courier New", Courier, mono;<br />
overflow: auto;<br />
text-align:left;<br />
width: 480px;<br />
}<br />
<div style="text-align: justify;">thats it,<br />
</div><div style="text-align: justify;">now if u want to publish any post with the codes then just add this tag just before the code<br />
</div><div style="text-align: justify;"><div class="code"><br />
</div><div style="text-align: justify;">Your Codes Here<br />
</div><div style="text-align: justify;"></div><br />
</div></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6368628560229356946.post-61682942229193161202010-01-05T03:43:00.000-08:002010-02-14T05:18:15.175-08:00Smooth scrolling using JQueryLast time i gave you the <a href="http://comsguru.blogspot.com/2009/12/how-to-make-scrool-to-top-using-jquery.html">trick to scroll to top</a>! But this trick was not moving so smoothly, So this time i got the great trick to scroll to top!<br />
<br />
<br />
First of all find :<br />
<br />
<div class="code"></body></div>Then paste the below code<br />
<br />
<div class="code"><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script><br />
<script type='text/javascript'><br />
$(function(){$.fn.scrollToTop=function(){$(this).hide().removeAttr("href");if($(window).scrollTop()!="0"){$(this).fadeIn("slow")}var scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop()=="0"){$(scrollDiv).fadeOut("slow")}else{$(scrollDiv).fadeIn("slow")}});$(this).click(function(){$("html, body").animate({scrollTop:0},"slow")})}});<br />
$(function() {<br />
$("#toTop").scrollToTop();<br />
});<br />
</script><br />
<a href="#" id="toTop">&uarr; Goto Top </a><br />
</div><br />
Now find :<br />
<br />
<div class="code">]]></b:skin></div>Then paste the below code just above the above code:<br />
<br />
<div class="code">#toTop { width:80px;background:#F4FFBF;border:1px solid #ccc;text-align:center;padding:5px;position:fixed;bottom:10px;right:10px;cursor:pointer;color:#666;text-decoration:none; }</div><br />
Thats it ;)<br />
if u have any problem the drop the commentUnknownnoreply@blogger.com0tag:blogger.com,1999:blog-6368628560229356946.post-2244235087201601482010-01-05T02:39:00.000-08:002010-02-14T05:18:15.176-08:00Visible text "Password" instead of "*****" in the password Field<script language="javascript">
function changeBox()
{
document.getElementById('div1').style.display='none';
document.getElementById('div2').style.display='';
document.getElementById('password').focus();
}
function restoreBox()
{
if(document.getElementById('password').value=='')
{
document.getElementById('div1').style.display='';
document.getElementById('div2').style.display='none';
}
}
</script><br />
<div align="justify">As you know, the user login box of the website contains the following fields username and password. Furthermore, most of them put the “Username” inside user name field and “<span style="color: navy;">********</span>” inside password field to save the space within designing. Do u want to make like this ?<br />
</div><div align="justify">Tradition Concept : <br />
<input id="oldpasstype" name="oldpasstype" onfocus="if(this.value=='password') this.value='';" type="password" value="password" /> <br />
</div><div align="justify"><br />
</div><div align="justify">New Concept : Put the cursor in the field below and start typing password<br />
<div id="div1"><input maxlength="20" name="pass_temp" onfocus="changeBox()" size="20" type="text" value="Password" /><br />
</div><div id="div2" style="display: none;"><input id="password" maxlength="20" name="password" onblur="restoreBox()" size="20" type="password" value="" /><br />
</div><br />
<div class="code"><script language="javascript"><br />
function changeBox() <br />
{<br />
document.getElementById('div1').style.display='none';<br />
document.getElementById('div2').style.display='';<br />
document.getElementById('password').focus();<br />
}<br />
function restoreBox() <br />
{<br />
if(document.getElementById('password').value=='')<br />
{<br />
document.getElementById('div1').style.display='';<br />
document.getElementById('div2').style.display='none';<br />
}<br />
}<br />
</script><br />
<div id="div1"><input name="pass_temp" type="text" value="Password" size="20" maxlength="20" onfocus="changeBox()" /><br />
</div><br />
<div id="div2" style="display:none"><input name="password" id="password" type="password" value="" size="20" maxlength="20" onBlur="restoreBox()" /><br />
</div><br />
</div></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6368628560229356946.post-61798465465535745282010-01-01T01:49:00.000-08:002010-02-14T05:18:15.176-08:00Cool JQuery example<div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVk4_cagDYsXLf2zx2j6B1GzGClNNVu6R9e6f2iImEwnQKvVe5Np5LxOUxLW2T97xyudf6zxYbNp83OP9TJvAx61C5_wzFtrx7IxUs6Bn-7alnUNnOfuJtAffBqS0h2Sp80dmlhw0V4ylT/s320/1.jpg" /><br />
</div><br />
This is the simple shuffle effect of the JQuery, you can see the live demo just in the buttom of this page.<br />
<br />
You must be thinking to put the same effect in your blog also right ? Now i am going to tech you that how to put this effect in the blog.<br />
<br />
1. First of all login to your blogger account and then click on Layout then Edit HTML.<br />
<br />
2. Now search for ]]></b:skin> and paste this code :<br />
<br />
<br />
<div class="code">body {<br />
font: 12px Verdana,Arial, Helvetica, sans-serif;<br />
margin: 10px auto;<br />
width:350px;<br />
}<br />
.container {<br />
width:312px;<br />
margin-top:20px;<br />
}<br />
.msg_body {<br />
border:1px solid #CCCCCC;<br />
padding: 5px;<br />
width: 300px;<br />
background-color:#F4F4F8;<br />
text-align:justify;<br />
position:absolute;<br />
}<br />
.linkclass<br />
{<br />
font-weight:bold;<br />
color:#006699;<br />
}<br />
</div><br />
Now, its time to paste the javascript code.<br />
Paste the following code just after the ]]></b:skin><br />
<br />
<br />
<div class="code"><script src='http://roshanbh.com.np/examples/block-shuffle/jquery.js' type='text/javascript'/><br />
<script type='text/javascript'><br />
$(document).ready(function()<br />
{<br />
//hide the all div except first one<br />
$(&#39;.msg_body:not(:first)&#39;).hide();<br />
//when the anchor is clicked <br />
$(&quot;a.linkclass&quot;).click(function()<br />
{<br />
//check weather the visible block and clicked link&#39;s block is same or different<br />
if($(this).attr(&quot;href&quot;)!=&quot;#&quot;+$(&quot;.msg_body:visible&quot;).attr(&quot;id&quot;))<br />
{<br />
//reduces the z-index and margin of left side increased and decreased by 400px and hide<br />
$(&quot;.msg_body:visible&quot;).css(&quot;z-index&quot;,&quot;0&quot;).animate({marginLeft: &quot;-=400px&quot;},&quot;500&quot;).animate({marginLeft: &quot;+=400px&quot;},&quot;500&quot;).hide(&quot;1&quot;);<br />
//increase the z-index of the new visible block <br />
$($(this).attr(&quot;href&quot;)).css(&quot;z-index&quot;,&quot;10&quot;).fadeIn(400);<br />
}<br />
});<br />
<br />
});<br />
</script><br />
<br />
</div><br />
Now Save Template.<br />
Goto Page Elements sub-tab<br />
<br />
<br />
Click <b>Add a gadget </b>Then select <b>HTML/JAVASCRIPT </b>then Paste the below code<br />
<br />
<br />
<br />
<div class="code">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#xp" class="linkclass">Xp </a>&nbsp;&nbsp;<br />
<a href="#vista" class="linkclass">Vista</a>&nbsp;&nbsp;<br />
<a href="#messenger" class="linkclass">Messenger</a>&nbsp;&nbsp;<br />
<a href="#software" class="linkclass">Softwares</a><br />
<br />
<div class="container"> <br />
<div id="xp" class="msg_body"> <b>XP</b><br/><br/><br />
<b>System Shutdown</b><br/><br />
The error message came "System Shutdown" Worried about this ? you can stop this unwanted message. you can Go to Start → Run → type Shutdown -a there. This stops the message which comes there and it will stop the shutdown. If this message comes many times in your computer and if u feel lazy going to the run and typing then you can right-click on the desktop then select new → Shortcut → type Shutdown -a there and click on next lastly...<a href="http://comsguru.blogspot.com/2009/12/system-shutdown.html"><div class="more"><br />
MORE</div></a><br />
</div><br />
<div id="vista" class="msg_body"> <b>Vista</b><br/><br/> <br />
<b>Can I dual-boot Windowx XP and Vista ?</b><br/><br />
Few Months ago the windows vista's public release hence compatibility issue with system drivers and software are to be expected, i.e. your favorite games or image editor may not work on vista yet. Fortunately, you can have both Windows XP and windows vista on the same computer, by setting up your PC to dual-boot. Assuming that Windows XP is installed first, creat new partation on hard drive Right-Click on My Computer and choose Manage...<a href="http://comsguru.blogspot.com/2009/10/can-i-dual-boot-windowx-xp-and-vista.html"><div class="more"><br />
MORE</div></a><br />
</div><br />
<div id="messenger" class="msg_body"> <b>Messenger</b><br/><br/> <br />
<b>Find who is invisible in Gtalk :</b><br/><br />
Many people now a dayz become invisible in the messenger but they are online. Today in the morning also i was online on the Gtalk but i found my friend was offline. Actually he was online but he was invisible. I came to know that thing after the friend told me later. One of my friend told that there is way to find who is online in Gtalk :1. If you get hte message that " The user is offline and can’t receive messages right now " then your...<a href="http://comsguru.blogspot.com/2009/10/find-who-is-invisible-in-gtalk.html"><div class="more"><br />
MORE</div></a><br />
</div><br />
<div id="software" class="msg_body"> <b>Softwares</b><br/> <br/><br />
<b>Realtek AC'97 Driver A4.06</b><br/><br />
Realtek Drivers and codecs for Realteks series of audio chipsets for motherboards. The package includes: Driver/Application Setup Program RtlRack for Win98/Me/2000/XP and AvRack for Win95/NT4 Realtek Sound Effect Manager (DirectX 8 is required to enable advanced features.) Download...<a href="http://comsguru.blogspot.com/2009/11/realtek-drivers-and-codecs-for-realteks.html"><div class="more"><br />
MORE</div></a><br />
</div><br />
</div><br />
<br />
</div>You can modify the content as your wish ;)<br />
<b>Thankx [<a href="http://roshanbh.com.np/" target="_blank">Roshan Bhattarai</a>] <br />
</b><br />
<b>Drop the comment of you have any problem.</b>Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-6368628560229356946.post-67021865348958878812009-12-31T18:56:00.000-08:002010-02-14T05:18:15.178-08:00How to make "Scrool to top" using JQuery<div class="separator" style="clear: both; text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3MPGwk2s0__LjpBNVBlgc_p4nYe79LBpaLCQvMnfSLGtZAfdZ9KcwbD1KCqPb20V7SIJWHE3yLVJh18W1JjGDxc-ok3YqsI-hz3PcazhroLVCjzgIJ3MruZcyM0X3Ap1so4Z1ebgVCq76/s1600-h/1.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3MPGwk2s0__LjpBNVBlgc_p4nYe79LBpaLCQvMnfSLGtZAfdZ9KcwbD1KCqPb20V7SIJWHE3yLVJh18W1JjGDxc-ok3YqsI-hz3PcazhroLVCjzgIJ3MruZcyM0X3Ap1so4Z1ebgVCq76/s320/1.jpg" /></a><br />
</div><div style="text-align: justify;">If your blog have long post then i suggest you to put "Scroll to top" in your blog or website. This enables your visitors to scroll to the top of your blog's page without scrolling the scrolling button on the mouse. <br />
</div><div style="text-align: justify;">If you want to add this then Follow the instructions,<br />
</div><div style="text-align: justify;"># Login to your Blogger > Layout > Edit HTML<br />
</div><div style="text-align: justify;"># Now Find :<br />
</div><div style="text-align: justify;"><div class="code"></body><br />
</div></div><div style="text-align: justify;"># Now add the below code just after the body tag,<br />
</div><div style="text-align: justify;"></div><br />
<div class="code"><span id="fullpost"><a href="#" id="backtotop">^ Scroll to Top</a><br />
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script><br />
<script type='text/javascript'><br />
/*-----------------------<br />
Scroll to top<br />
Creator : Prakash Timilsina, </span>ComsGuru.blogspot.com<br />
<br />
-----------------------*/<br />
$(function(){$.fn.scrollToTop=function(){$(this).hide().removeAttr("href");if($(window).scrollTop()!="0"){$(this).fadeIn("slow")}var scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop()=="0"){$(scrollDiv).fadeOut("slow")}else{$(scrollDiv).fadeIn("slow")}});$(this).click(function(){$("html, body").animate({scrollTop:0},"slow")})}});<br />
$(function() {<br />
$("#toTop").scrollToTop();<br />
});<br />
</script><br />
</div><div style="text-align: justify;"><br />
# Now you have to add some CSS for that, Now find<br />
</div><div style="text-align: justify;"><div class="code">]]></b:skin><br />
</div></div><div style="text-align: justify;">→Paste the below code just above the above code :<br />
</div><div style="text-align: justify;"><br />
<div class="code">#backtotop { width:100px;background:#F4FFBF;border:1px solid #ccc;text-align:center;padding:5px;position:fixed;bottom:10px;right:10px;cursor:pointer;color:#666;text-decoration:none; } <br />
</div></div><div style="text-align: justify;"><br />
</div>Unknownnoreply@blogger.com0