Tuesday, 5 February 2013

Add Floating Share Bar to Blogger Blog

Hello, my readers , My friend has made a widget. I am feeling so much excited to share this to you because this is the first floating widget that he had made. he made this widget compressing the codes and credit goes to a lot of people for this widget. The widget is named as "Floating Widget 100% Customization Enabled ". You can see a widget like this in spiceupyourblog which is made by Paul Crowe but he hasn't shared how to make that. I tried a lot to make that but I can't. At last, he made that and I am using that now. And also, this widget has a specialty. This is completely No CSS widget.

I think you all will liked the widget by seeing the demo. This widget design is actually made by Paul Crowe of Spice Up Your Blog; but he only knows the code for making that. My friend had made the code myself like that. For share buttons, he had used the AddThis buttons. Actually, he had customized the AddThis floating buttons like that of spice up your blog.

ADD FLOATING SHARE BAR TO BLOGGER BLOG


  • WHITE THEME 
<!-- HTH AddThis Floating Button BEGIN --><div class="addthis_toolbox addthis_floating_style addthis_counter_style"  style="position: fixed; left: 250px; top: 280px; background:#fff; border:2px solid #ddd;"><center><img src="http://2.bp.blogspot.com/-14G5q4JK_tE/UERzjHUMHqI/AAAAAAAABfc/Jt8eNt2kZYQ/s1600/12.png" /></center><a class="addthis_button_facebook_like" fb:like:layout="box_count"></a><a class="addthis_button_tweet" tw:count="vertical"></a><a class="addthis_button_google_plusone" g:plusone:size="tall"></a><br /><a class="addthis_counter"></a><br /><a href="http://feeds.feedburner.com/howtohackasia" rel="nofollow" target="_blank" title="Subscribe To Our Rss Feed"><img src="http://4.bp.blogspot.com/-m-mXB00lv8k/UAHb7QZ7J6I/AAAAAAAAHnc/nlhO8M7pDzo/s1600/rss-updates.png" /></a><a href="http://feedburner.google.com/fb/a/mailverify?uri=howtohackasia&loc=en_US" rel="nofollow" target="_blank" title="Subscribe To Our Rss Feed"><img align='left' src="http://3.bp.blogspot.com/-NEWMLMxk-rM/UAHb6iSFf9I/AAAAAAAAHnQ/boawK1uKdmw/s1600/email-updates.png" /></a><br /><br /><br /><p style=' line-height:0px; font-size:10px; font-weight:bold; text-align:center;'><a href='http://www.howtohack.asia/2013/02/add-floating-share-bar-to-blogger-blog.html' target='blank' style='color:#CAC8C8;'>Widgets</a></p></div> <script src='http://s7.addthis.com/js/300/addthis_widget.js' type='text/javascript'/></script><!-- HTH AddThis Floating Button ENDS -->


  • DARK THEME
<!-- HTH AddThis Floating Button BEGIN --><div class="addthis_toolbox addthis_floating_style addthis_counter_style"  style="position: fixed; left: 160px; top: 150px; background:#000; border:2px solid #ddd;"><center><img src="http://1.bp.blogspot.com/-4exP4MEbOLk/UAHb7Bvkb1I/AAAAAAAAHnU/jbgWe1mtItg/s1600/please-share-this-post.png" /></center><a class="addthis_button_facebook_like" fb:like:layout="box_count"></a><a class="addthis_button_tweet" tw:count="vertical"></a><a class="addthis_button_google_plusone" g:plusone:size="tall"></a><a class="addthis_button_pinterest_pinit"></a><br /><a class="addthis_counter"></a><br /><a href="http://feeds.feedburner.com/howtohackasia" rel="nofollow" target="_blank" title="Subscribe To Our Rss Feed"><img src="http://4.bp.blogspot.com/-m-mXB00lv8k/UAHb7QZ7J6I/AAAAAAAAHnc/nlhO8M7pDzo/s1600/rss-updates.png" /></a>
<a href="http://feedburner.google.com/fb/a/mailverify?uri=howtohackasia&loc=en_US" rel="nofollow" target="_blank" title="Subscribe To Our Rss Feed"><img align='left' src="http://3.bp.blogspot.com/-NEWMLMxk-rM/UAHb6iSFf9I/AAAAAAAAHnQ/boawK1uKdmw/s1600/email-updates.png" /></a><br /><br /><br /><p style=' line-height:0px; font-size:10px; font-weight:bold; text-align:center;'><a href='http://www.howtohack.asia/2013/02/add-floating-share-bar-to-blogger-blog.html' target='blank' style='color:#CAC8C8;'>Widgets</a></p></div> <script src='http://s7.addthis.com/js/300/addthis_widget.js' type='text/javascript'/></script><!-- HTH AddThis Floating Button ENDS -->

  • TRANSPARENT THEME
<!-- HTH AddThis Floating Button BEGIN --><div class="addthis_toolbox addthis_floating_style addthis_counter_style"  style="position: fixed; left: 230px; top: 300px; background:none; border:2px solid #ddd;"><center><img width="100%" src="http://2.bp.blogspot.com/-14G5q4JK_tE/UERzjHUMHqI/AAAAAAAABfc/Jt8eNt2kZYQ/s1600/12.png" style="background:#fff;"/></center><a class="addthis_button_facebook_like" fb:like:layout="box_count"></a><a class="addthis_button_tweet" tw:count="vertical"></a><a class="addthis_button_google_plusone" g:plusone:size="tall"></a><br /><a class="addthis_counter"></a><br /><a href="http://feeds.feedburner.com/howtohackasia" rel="nofollow" target="_blank" title="Subscribe To Our Rss Feed"><img src="http://4.bp.blogspot.com/-m-mXB00lv8k/UAHb7QZ7J6I/AAAAAAAAHnc/nlhO8M7pDzo/s1600/rss-updates.png" /></a><a href="http://feedburner.google.com/fb/a/mailverify?uri=howtohackasia&loc=en_US" rel="nofollow" target="_blank" title="Subscribe To Our Rss Feed"><img align='left' src="http://3.bp.blogspot.com/-NEWMLMxk-rM/UAHb6iSFf9I/AAAAAAAAHnQ/boawK1uKdmw/s1600/email-updates.png" /></a><br /><br /><br /><p style=' line-height:0px; font-size:10px; font-weight:bold; text-align:center;'><a href='http://www.howtohack.asia/2013/02/add-floating-share-bar-to-blogger-blog.html' target='blank' style='color:#CAC8C8;'>Widgets</a></p></div> <script src='http://s7.addthis.com/js/300/addthis_widget.js' type='text/javascript'/></script><!-- HTH AddThis Floating Button ENDS -->

Sunday, 20 January 2013

Add Stylish Box for Blogger post to Quickly style blog post


Thesis theme is one of the best WordPress Search engine optimized  theme.Thesis Style Box plugin allows you to Quickly style your Headings in a single  post .In this post I am going to tell you “How to use Style box plugin for blogger posts”.This customization is purely based on CSS and it is very simple to install on Blogger.This plugin will surely make your blog very attractive.








Demo:
Notes
Alert
Help
Important Notes
Tips
Windows
Linux
To use this plugin you have to add the following CSS code.
1) Login to your Blogger dashboard –> Design tab –> Edit html.
2) Search for following code:
]]></b:skin>
3) Paste the following code above the ]]></b:skin> tag.
.notes { background-image: url(http://i55.tinypic.com/2lkb24p.jpg);
color: #000000; background-color: #E3F0F2;
background-repeat: no-repeat; border:1px solid #66CCCC; font-family:Georgia; line-height:1.4em; -moz-border-radius:5px; padding:0.9em; -webkit-border-radius:5px;  list-style:none; margin:5px; font-size:12px; text-indent: 30px; padding-right:40 }

.alert { background-image: url(http://i53.tinypic.com/4jntr6.jpg);
color: #000000; background-color: #FFFFA0;
background-repeat: no-repeat; border:1px solid #EAE061; font-family:Georgia; line-height:1.4em; -moz-border-radius:5px; padding:0.9em; -webkit-border-radius:5px;  list-style:none; margin:5px; font-size:12px; text-indent: 30px; padding-right:40 }

.help { background-image: url(http://i56.tinypic.com/taggv8.jpg);
color: #000000; background-color: #CCFFFF;
background-repeat: no-repeat; border:1px solid #61B8FF; font-family:Georgia; line-height:1.4em; -moz-border-radius:5px; padding:0.9em; -webkit-border-radius:5px;  list-style:none; margin:5px; font-size:12px; text-indent: 30px; padding-right:40 }

.impnotes { background-image: url(http://i52.tinypic.com/whmexj.jpg);
color: #000000; background-color: #159EC7;
background-repeat: no-repeat; border:1px solid #5EB4A7; font-family:Georgia; line-height:1.4em; -moz-border-radius:5px; padding:0.9em; -webkit-border-radius:5px;  list-style:none; margin:5px; font-size:12px; text-indent: 30px; padding-right:40 }

.tips { background-image: url(http://i55.tinypic.com/w7hkj8.jpg);
color: #000000; background-color: #E66C2C;
background-repeat: no-repeat; border:1px solid #BC4123; font-family:Georgia; line-height:1.4em; -moz-border-radius:5px; padding:0.9em; -webkit-border-radius:5px;  list-style:none; margin:5px; font-size:12px; text-indent: 30px; padding-right:40 }

.windows { background-image: url(http://i53.tinypic.com/21bp2tf.jpg);
color: #000000; background-color: #B4D362;
background-repeat: no-repeat; border:1px solid #688965; font-family:Georgia; line-height:1.4em; -moz-border-radius:5px; padding:0.9em; -webkit-border-radius:5px;  list-style:none; margin:5px; font-size:12px; text-indent: 30px; padding-right:40 }

.linux { background-image: url(http://i55.tinypic.com/4ihb0g.jpg);
color: #000000; background-color: #FECF32;
background-repeat: no-repeat; border:1px solid #201F1F; font-family:Georgia; line-height:1.4em; -moz-border-radius:5px; padding:0.9em; -webkit-border-radius:5px;  list-style:none; margin:5px; font-size:12px; text-indent: 30px; padding-right:40 }

How to use this plugin.
After typing the post Go to Edit html tab and Enclose the heading with anyone of this tags:
<div class="notes">Your heading </div>
<div class="alert">Your heading </div>
<div class="help">Your heading </div>
<div class="impnotes">Your heading  </div>
<div class="tips">Your heading  </div>
<div class="windows">Your heading </div>
<div class="linux">Your heading </div>



styleboxstylebox1

If you like this post or if you find any bug, Please feel free to share your opinion here.

Sunday, 23 December 2012

How To Add “Email Subscription Form” To Blogger Blogspot


email subscription form, blogger blogspot, gadgets
If you are providing useful information in your blog, then every visitor will want to get latest updates from your blog. For that purpose you need a Email Subscription Form in your blog, so that interested visitors can easily get latest updates. And to add email or feed Subscription Form to your blogger blog (blogspot) it's a very easy thing to do. So let's begin:

1. Log in to Blogger, then go to Design > Page Elements > click on "Add a Gadget" link. 
2. From the pop-up window, click on the "HTML/JavaScript" gadget. 
3. Paste the following code inside the empty box:
<style>
.hl-email{
background:url(http://4.bp.blogspot.com/-u3UaeUufpmI/T8lFuelsg8I/AAAAAAAACQY/tOWbHsgTYKc/s1600/mail.png) no-repeat 0px 12px ;
width:300px;
padding:10px 0 0 55px;
float:left;
font-size:1.4em;
font-weight:bold;
margin:0 0 10px 0;
color:#686B6C;
}
.hl-emailsubmit{
background:#9B9895;
cursor:pointer;
color:#fff;
border:none;
padding:3px;
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font:12px sans-serif;
}
.hl-emailsubmit:hover{
background:#E98313;
}
.textarea{
padding:2px;
margin:6px 2px 6px 2px;
background:#f9f9f9;
border:1px solid #ccc;
resize:none;
box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px;
width:130px;
color:#666;}
</style>
<div class="hl-email">
Subscribe via Email <form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=howtohackasia', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter email address here&quot;;}" onfocus="if (this.value == &quot;Enter email address here&quot;) {this.value = &quot;&quot;;}" value="Enter email address here" type="text" />
<input type="hidden" value="howtohackasia" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="hl-emailsubmit" value="Submit" type="submit" />
</form>
</div>

Settings 
  • Replace the url address in green if you want to change the email icon
  • Increase/Decrease the 130 width value for a wider text area
  • Replace http://feedburner.google.com/fb/a/mailverify?uri=howtohackasia with your Feedburner Email Feed link. You can get it by visiting your feedburner account then navigate to Publicize and then to Email Subscriptions.
  • Replace howtohackasia with your feed title. It appear at the end of your feed link. In my case it is http://feedburner.google.com/fb/a/mailverify?uri=howtohackasia

Saturday, 22 December 2012

How To Delete Virus Manually Without Using Any Anti-Virus Programs?


This tutorial will teach you how to delete virus manually without using any anti-virus programs in your computer. The tutorial is just basic but effective and it's easy to learn. The following steps are just a summary of the video related to Clint's blog post.

Note: To be able to delete any of your file, make sure it was not use by other programs of processes.

Begin Step 1. Let's use Task Manager.
Since virus and other infectious files are running it's process within your computer system, you are unable to delete the virus unless you kill or end the process that using the virus or keep it running. In this section, we will have to use the task manager in your computer systems in order to kill a process. 
Press Ctrl + Alt + Del in your keyboard to access your task manager. In case you can't access your task manager it's either you are already infected by virus or other related files. You can download FREE extended task manager to replace your infected task manager, click here to download.
Now, if you already have the task manager, open it and go toprocess tab. This time, it's a little bit harder to determine which one of the process that is a virus or keep the virus running on your computer. You have to make a little research here. But here is a few tips for you to determine the virus. You have a files like this. csrss.exe, svchost.exe, smss.exe, Lsass.exe, most virus copy their names with that file names but got  little bit difference in spelling. Review that files and if you found files like this: svcchost.exe, ssmss.exe, cssrss.exe, look at the spelling...that's a virus.
Another TIP. Open your command prompt. Go to Start>Run and type cmd.

A Command Prompt window will open. Now, type on the current location in your cmd this command: cd.. hit ENTER and another cd..hit ENTER.
Refer to the image below.

On your current DRIVE: type, dir /ah and hit ENTER. All directories and files with hidden attribute in your current drive will display. 
Refer to the image below.

Now, look for autorun.inf file on the displayed items. If you found an autorun.inf file open it using notepad. Close now your cmd.

Here's how to open autorun.inf file using notepad.
Go to Run, type: notepad c:\autorun.inf and hit ENTER.

Note: we are currently in drive C. in case you have different drive letters, please change the C to your own drive letter.

An autorun.inf should open in notepad like this: 

You have notice the OPEN command inside the autorun.inf. Now, after the open command there is a name "virusname.exe" which will be the name of the virus or worms. Go back now to your task manager and look for that name, select it and then END TASK. You have now end the virus process. You are now done with our first step.

Proceed to Step 2. Let's again use the Command Prompt.
Open command prompt from Start>Run and type cmd. Or go to All Programs>Accessories>Command Prompt. 

In command prompt window. as we have done on the first step using command prompt, use again the cd.. command twice to go to our drive c. (note again: your drive maybe different with mine.) 


Now, type dir /ah. Remember the name of the virus as on step 1? Then now, delete the virus using the del command. But first, remember that virus are hidden files, which means we should change it's attributes using attrib command.
Type attrib -s -h virusname.exe /s /f . Refer to the image below: 
After changing the attribute, you can now freely delete the virus.
Type del "virusname.exe" /f. Refer to the image below: 
Now, you should have deleted the virus. Next step is to navigate to your Windows folder and system32 folder. To navigate to windows folder. Use the command cd "windows" and then
do the same job again. First look for virus name, change the attribute and delete. After doing it, navigate to system32 then do the same job again. Next is to navigate to the other drives, example your D, E, F, or removable drives and do the same job. That's it.............

To know more on how to use the command prompt commands, just type the command name followed by /? 
i.e. cd /?

Step 3. Let's restore the altered system files which cause by virus or worms. One or more of this important file are altered within your system after you get infected:

  • Command Prompt or cmd
  • Registry Editor or regedit.exe
  • Run command
  • Task Manager
  • Folder Options

How to Create Your Own IM Bot


This quick tutorial will show you how to develop your own functional IM bot that works with Google Talk, Yahoo! Messenger, Windows Live and all other popular instant messaging clients.
To get started, all you need to know are some very basic programming skills (any language would do) and web space to host your “bot”.
For this example, I have created a dummy bot called “insecure” that listens to your IM messages. To see this live, add [email protected] to your GTalk buddy list and start chatting.


IM Bot

If you like to write a personal IM bot, just follow these simple steps:-

Step 1: Go to www.imified.com and register a new account with a bot.

Step 2: Now it’s time to create a bot which is actually a simple script that resides on your public web server.
 It could be in PHP, Perl, Python or any other language.

Example Hello World bot:

 The example below illustrates just how easy it is to create a bot.
 This example is coded in PHP.

<?php
switch ($_REQUEST['step']) {
 case 1:
 echo "Hi, what's your name?";
 break;
 case 2:
 echo "Hi " . $_REQUEST['value1'] . ", where do you live?";
 break;
 case 3:
 echo "Well, welcome to this hello world bot, " . $_REQUEST['value1'] . "<br>from " . $_REQUEST['value2'] . ".<reset>";
 break;
 }
?>

Step 3: Once your script is ready, put it somewhere on your web server and copy the full URL to the clipboard.

Step 4: Now login to your imified account, paste the script URL

           Screen Name: [email protected]
           Bot Script URL: http://www.insecure.in/imbot.php

Step 5: Add that im bot your friends list. That’s it.

This is a very basic bot but the possibilities are endless.
For instance, you could write a bot that will send an email to all your close friends via a simple IM message. Or you could write one that will does currency conversion.

Friday, 21 December 2012

Free Download Preactivated Joboshare Video Converter 3.3.5



Joboshare Video Converter 3.3.5 Preactivated- No need of LicenseJoboshare Video Converter is easy-to-use, fast and stable total video converter software especially designed to meet all your needs of converting between various video and audio file formats such as converting AVI to MPEG, WMV to AVI, WMV to MPEG or H.264/MPEG-4 AVC video, converting AVI files to iPod formats, etc.

Joboshare Video Converter can convert almost all popular video formats, such as AVI, MPEG, WMV, DivX, MP4, H.264/MPEG-4 AVC, RM, MOV, XviD, 3GP, FLV, VOB (the video format used in DVD), DAT (the video format used in VCD, SVCD), and so on. The Total Video Converter can also convert audio formats including MP2, MP3, WMA, WAV, RA, M4A, AAC, AC3, OGG, etc.

Joboshare Video Converter can convert videos and audios for playback on most popular multimedia players including iPod, iPhone, Apple TV, Zune, PSP, Pocket PC, Creative Zen, and Archos and so on. Enjoy your favorite video clips on any devices!
  • Convert between AVI, MPEG, WMV, DivX, MP4, MPEG-4 AVC, RM, MOV, XviD, 3GP, FLV, etc.
  • Convert between audio formats, such as MP3, WMA, WAV, AAC, etc.
  • Convert videos and audios for iPod, iPhone, Apple TV, PSP, PS3, NDS, Wii, BlackBerry, iRiver, Creative Zen, etc.
Free downloasd preactivated joboshare video converter 3.3.5

Joboshare Video Converter is an ideal choice as a video converter and a audio converter. Free try this powerful video converter now and enjoy your favorite movie clips anytime anywhere!






Don't keep yourself quite .Please provide us postive or negative comments .Your positive as well as negative comments are most welcome. If you have any suggestion to make this site better then inform me ,i will think about it.

If you are financially strong and thinks that this site is helpful for you then please donate for the betterment of this website.

Sunday, 4 November 2012

EASILY TRIM YOUR MP3S ONLINE WITH CUTMP3.NET



Easily trim your Mp3s online with CutMp3.net

There's a lot of desktop software that will allow you to cut an mp3 down to a single short clip, or trim the beginning and end of a recording, but there may be times when such software doesn't work for you. Maybe you're on someone else's...computer. Maybe you don't need all of the features that a versatile app like Audacity has to offer. That's where CutMp3.net comes in. It's a simple, Web-based way to trim an mp3 without uploading or re-encoding it.

Okay, I admit, this site doesn't do much. In fact, it only does one thing: it lets you trim Mp3s by dragging the beginning and end points until you have the selection you want. Of course, you can also play the mp3s to make sure you've cut them in the right places. The only issue I had with the site was that you can't zoom in and out on the waveform, so it takes some sideways scrolling to see the end of your track. (Oh, and a volume control for the player would be nice!)