Hack Tutors — Blogger Tricks, Tutorials and Social Media Tips

Forms That Brings Good Conversions To Your Blogger Page

noreply@blogger.com (Anup Kayastha) — Tue, 24 Jan 2012 02:26:45 PST

So you are working hard on your blog, spreading ideas you are passionate about and you need to get in touch with your visitors. Forms are great means of converting casual visitors into engaged audience for your blog. How to put them up on your page?

Forms use server side scripts for submitting data, but as we all know, Blogger does not allow using server-side scripts, which means the mail() function is unaccessible. With no plugin or widgets either, the only way of creating and running a form for Blogger is to use an external service that provides the needed scripts. Which is good news, because most often form builders come with a bunch of great extra features to boost the usability of your forms. 123ContactForm is one effective web form builder that helps you create and administrate all types of forms and surveys for Blogger.

All submitted info is stored securely for you on the 123ContactForm servers, where you can access it with any query.

For better conversions as well as for making your life easier, here are some features to look for in your forms for Blogger:

- Nice skin. Forms can be styled in any possible way, as 123ContactForm allows full CSS
customization. Make them blend with the image of your blog.

- 3rd party apps to extend the capabilities of forms. A wide range of integrations is available:
SalesForce (adds leads to the account for sales purposes), MailChimp (imports the contacts in forms for using them in e-mail campaigns), WebHooks (for manipulating the behaviour of forms and
submitted data), Yahoo and Google Groups, VerticalResponse, iContact.

- E-mail notifications. With 123ContactForm you can have the information collected through the webforms sent to you via email. All the data, including uploaded files, is there. In case the total size of the uploaded files is larger than 5MB, they will be sent as attachments instead of download links)

- Data export. This form generator exports submissions to neat CSV sheets that may be called later for database purposes.

- Reports over data. This can be a very useful tool for dedicated marketeers. Instead of having a long list of submissions that they have to analyse later with dedicated software such as SPSS, reports are ready in a minute without them getting hands dirty with raw data.

Creating forms for Blogger

It takes no more than 5 minutes, just follow these steps:

1. Sign up/Log in to www.123contactform.com.

2. In your dashboard, go to Create New Form and choose the type of form needed: contact form,
event registration form, order form, survey.

3. Edit form fields.

4. Choose Settings - the e-mail address for notifications, payment integration for order forms, 3rd party apps you wish to integrate with your form.

5. Last step - Get code & Publish. Choose the Blogger tab, copy the code given and paste it into your Blogger post (in HTML view).

And voila! Here is your fresh form ready to use. Forms are very handy tools to help you out in a variety of situations. If you are a new blogger needing a hatful of contacts for sending newsletters, just put up a simple contact form with opt-in fields for the users to choose the sections that interest them. You can perform surveys for gathering feedback from customers (online product surveys, business demographics, customer satisfaction surveys). Or you can sell and receive payments through order forms. All you need is the idea, tools are at hand!

Social Bookmarking Buttons With Spinning Effect for Blogger

noreply@blogger.com (Anup Kayastha) — Tue, 03 Jan 2012 02:07:29 PST

Till now many social bookmarking widgets has been released for Blogger. Simply, social bookmarking buttons and icons helps you to make your blog socialize and get more traffic. Adding social bookmarking buttons is cool way to get more readers and targeted audience.

Before using social bookmarking option, you must be aware of icons design how much clickable is it. Your readers are likely to click social bookmarking button containing in your blog if they find the buttons really cool. If you haven't such buttons, so here is something special for you.

Social bookmarking buttons with spinning hover effect. Buttons are cool itself and when your reader hover the mouse over it, it spins a round.

Check the demo yourself!

Here is how to add these cool buttons to your Blogger blog:

Login to Blogger > Design > Edit HTML > Expand widget templates. Find the following code in your template:

<data:post.body/>

Just below that add the following group of codes:

<b:if cond='data:blog.pageType == "item"'>
<div class='spinning_icons'>
<a class='twitter' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow' target='_blank' title='Twitter'>Twitter</a>
<a class='delicious' expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Delicious'>Delicious</a>
<a class='digg' expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Digg'>Digg</a>
<a class='facebook' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Facebook'>Facebook</a>
<a class='stumbleupon' expr:href='"http://www.stumbleupon.com/refer.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Stumbleupon'>Stumbleupon</a>
<a class='rss' href='http://feeds.feedburner.com/hacktutors' target='_blank' title='RSS'>RSS</a>
</div>
</b:if>

Replace hacktutors with your feedburner username. Again, find the following code:

]]></b:skin>

Just above that code, past the following:

.spinning_icons a{
width:48px;
height:48px;
display:inline-block;
text-indent:-9999em;
background-position:0 0;
background-repeat:no-repeat;
z-index:2000;
overflow:hidden;
}
.twitter{ background:url('http://4.bp.blogspot.com/-KxcARTmAlQI/TwCDycGOXVI/AAAAAAAABis/rBrMzmoyN6c/s1600/twitter_32.png'); }
.delicious{ background:url('http://4.bp.blogspot.com/-82J7zeYp1s8/TwCEN_HoAhI/AAAAAAAABkQ/t1wtld8lNA4/s1600/delicious_32.png'); }
.digg{ background:url('http://1.bp.blogspot.com/-MtS4dU0fY4A/TwCENEQUQvI/AAAAAAAABkE/glAaVSTKJDM/s1600/digg_32.png'); }
.facebook{ background:url('http://4.bp.blogspot.com/-Sxhuf0CW8OY/TwCEMpoaq0I/AAAAAAAABkA/PfhoKDMBcBQ/s1600/facebook_32.png'); }
.rss{ background:url('http://4.bp.blogspot.com/-Q5bYfx3dD2g/TwCEKQfYMQI/AAAAAAAABjw/XrXOvdFeZZs/s1600/rss_32.png'); }
.stumbleupon{ background:url('http://3.bp.blogspot.com/-hwn17i1SLNU/TwCEJNfyIWI/AAAAAAAABjo/TBb8oc2KHGs/s1600/stumbleupon_32.png'); }
.spinning_icons a:hover{
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
transition: transform 0.2s ease-out;
-webkit-transition: -webkit-transform 0.2s ease-out;
-moz-transition: -moz-transform 0.2s ease-out;
}

Now save the template and your are done! Have a look at your cool new bookmarking button that appears at the bottom of your post.

Thanks to Paulund for this cool CSS3 bookmarking button spinning effect.

Official Blogger iPhone App

noreply@blogger.com (Anup Kayastha) — Thu, 10 Nov 2011 05:02:49 PST

Google Blogger has recently released their official iPhone app which allow the users to use Blogger in iPhone, iPod touch or iPad.

With the current version of Blogger iPhone app you can create new post with pictures from your iPhone or you can take new picture directly.

Take have a look at some screen shots below:

You can download the Blogger app for iPhone in Apple App Store.

If you want to play with HTML/CSS codes within the post then this app might not be your choice because its quite hard to type HTML/CSS in the post editor of Blogger iPhone app. Therefore, its better to use Blogger in your PC instead.

Blogger iPhone app needs to be improved and it needs more advance options to make more user friendly. Hopefully, Blogger will release another version of this app soon with more new advanced options and features.

What do you say about this new Blogger iPhone app?

4 Tips for Gaining Influence on Social Networks

noreply@blogger.com (Anup Kayastha) — Wed, 21 Sep 2011 08:58:30 PDT

If you are serious about blogging, you are probably also serious about promoting your blog such that your influence on the Internet grows. The two most popular and, not to mention, economical, mediums for any type of Internet promotion, whether it's promoting your blog or a business, are Twitter and Facebook. Other similar social media platforms are also important, but for now, these are the main players. Gaining influence on these networks can sometimes seem like an impossible undertaking, but here are a few things to consider.

Don't talk about yourself all the time
A recent article featured on Brian Solis, a blog about media and influence, features some revealing statistics about how self-referential tweets on Twitter can lower your chances of being re-tweeted, which is a standard way to gauge your influence on Twitter. Not only that, but analysis on the article also shows that as the number of self-referential tweets increases the number of followers decreases.

Be current, entertaining, or informative
The same Brian Solis article shed light on one more factor that affects influence on Twitter, specifically—subject matter. The type of content that was most retweeted was news. The second most influential subject matter was instructional content, while the third most influential, as gauged by retweets, was entertainment. As such, if you want more people to be exposed to your content, stay away from only promoting products, purveying your personal opinion, or talking about your daily life.

Don't just target the biggest influencers
Smart Blogs recently featured an interview with a Technorati Media President Charles Black, who discussed social media and effective social networking. Black noted that it is more important to target and seek the influence of "mid-tail" or "magic middle" bloggers than the biggest bloggers, simply because even though top bloggers have more followers, mid-level bloggers have more influence because they are closer and more in touch with their audience.

Be trustworthy and credible
Although this may sound a bit hokey, the most important factor in gaining influence in social media, and the blogosphere generally speaking, is to maintain your credibility and trustworthiness. As such, any time you post anything, whether it is on Twitter, Facebook, or your blog, and you are representing ideas or products that you would like to promote, be sure to double-check any assertion you make. Followers aren't necessarily your friends, so if you are wrong about something, they won't be so forgiving. They can simply go elsewhere to find someone who is more credible than you are.

Of course, these aren't the only ways to ensure a stronger following on social networking sites, but they are definitely a start. Above all, trust your readers, followers, and users. Always put them first.

This guest post is contributed by Lauren Bailey, who regularly writes for best online colleges.

Things to Keep in Mind Before Choosing a Web Hosting Company

noreply@blogger.com (Anup Kayastha) — Tue, 10 Jan 2012 07:45:23 PST

Web hosting is the process of storing files on a server so as to be made available on the internet. Many individuals and companies, both big and small, always maintain an online presence in the form of a website or blog. In the case of a company, it is very important to have a website on the internet because it is a means through which the business can be expanded through more sales. Today, having a website is now seen as a very important part of operating a business.

Choosing a reliable web hosting company can be sometimes tricky. There are hundreds of companies which offer web hosting services. It is very important to think about some things while choosing a web hosting company because this can bring a lot of difference as far as company's profit is concerned. Some of the things to keep in mind before choosing a web hosting or canada web hosting company are:

Technical support: When you have a website, things can go wrong any time. Therefore, it is of utmost importance to choose a hosting company that will be able to help you out in terms of technical issues. A good company should be able to provide 24/7 technical support through live chat so as to quickly get your problem solved.

Reliability: you should choose a web hosting company that has reliable service. Online visitors should be able to access your website any time. Do not choose a cheap web hosting company whose servers are always down every now and then. A good indication of this can be found out by checking out web hosting reviews online. Of course, there are cases in which the best hosting companies' servers can also go down but thats rare and its not long before they are up again.

Website building software: Through the control panel or what we commonly known as Cpanel, a web hosting company should have a website building software or in other words website builder, especially for those who do not have programming knowledge. This is going to save you a lot of money because you would not need to hire a website designer.

Number of domains to be hosted: Sometimes one domain alone doesn't serve the purpose of an individual or a company. In this case, you need to make sure how many domains does the web hosting company allow.

Control panel: aAuser-friendly control panel is very important with any web hosting account. Therefore, make sure that the company has the ones which do not require you to spend too much time in learning how to use them. Most of the web hosting companies now have a demo login feature so you can check that out. An example of a good and user friendly cPanel must have a software like Fantastico, which enables you to create WordPress blogs very easily.

If you have the intention of creating a shopping portal or online store, make sure that the web hosting company offers SSL. Secure Sockets Layer (SSL) is the transactional security protocol which is used by many websites in protecting their online activity including online transactions etc.

MySQL Databases: Databases are important in the creation and management of websites. If you need a web hosting account for business, make sure that the company enables you to have enough databases.

A good way of paying less for a web hosting account service is to pay in advance. There are some hosting companies which allow you to pay for a period of 12 and 36 months. Not only that; you will also be given a money-back guarantee of about 30 days. With such hosting plan, you can always make your business grow.

Get Thousands of High PR Backlinks within a Minute!

noreply@blogger.com (Anup Kayastha) — Sat, 03 Sep 2011 05:40:57 PDT

Finally I've finished writing my new eBook that teach you step-by-step how easily you can get thousands of actual high PR dofollow backlinks within matter of minute. No more struggle and no more needed to pay fat bucks for high PR backlinks packages as you can create thousands of them by yourself!

Now, you can discover up to actual PR 7 DoFollow pages to place your backlinks instantly! Yes you don’t have to wait for a minute. Imagine yourself, what things you can do once you get those prefect pages to add the backlinks...

Get backlinks as much as you want and rank #1 in Google, Yahoo, Bing and other search engines.

This is the matter that we all know and what we want to have. You can use any keyword to rank #1 in all kinds of search engines like Google, Yahoo and Bing. #1 in search engines like Google means more traffic, more clicks and more money! Remember, no any other traffic sources are better than traffic from search engines.

Make Passive Income Very Quickly!

Beside implementing this method to your own website, you can make very passive income easily by doing business without any investment. I've included 4 unique and sure ways to make money using this method. If you follow the step that I provided in the guide then I'm sure you'll be making at least $200 per day, however, it is possible to make more than that if you work more. Our previous buyers are already making decent money from it (see the testimonials below).

All of the techniques of getting 1000s of actual high PR dofollow backlinks and making at least $200 per day is packed up in one eBook:

This is the thing that many internet marketers need for search engine ranking, increasing theircash flow purposes and use huge collection for their own project.

Making money is more easier than getting backlinks!
Actually, I discovered this method. This guide contains everything what I had done to get very high PR backlinks instantly and making $200 per day with backlinks very easily.

I’ve included my case study in this guide. I’ve been using same method and jumped up from PR 0 to 3 and currently making $200 per day. You can get 1000s of high PR pages within a minute! All pages will be DoFollow, auto approve and have very good PR.

This eBook is newbie friendly and works perfectly as I have written step by step guide.

Please note that the method and technique of this eBook is never used before.

Get free Bonus!
I’ll give you free bonus with the purchase of this eBook. Bonus eBook has good quality list of high PR pages where you can drop your backlinks within a minute.

Who bought this eBook?
This guide is sold in many online internet marketing and search engine optimization forums. And we have many buyers who are happy and suprized by viewing the techniques of the guide.

You can view reviews and testimonials from these pages:

Click here to view reviews and testimonials from IMtalk Forum
Click here to view reviews and testimonials from Warrior Forum

Over 200 happy buyers won't be wrong!

Watch the video testimonial from one of my happy buyer:

So what you are waiting for?

Price: Only $15

Hiding Featured Post Widget in Post Pages in Blogger

noreply@blogger.com (Anup Kayastha) — Mon, 08 Aug 2011 06:20:54 PDT

Recently, I released the auto-sliding featured post widget for Blogger blogs. Hopefully, this widget have no any issue like before.

I got one question regarding this featured post widget from one of my reader.

Hello, You sliding widget is just amazing.

the only problem for me is, i want that sliding widget only on homepage.
once, someone opens some post, that widget must not be displayed.
how can i do that ?
kindly reply

Actually, I could have answered to this question personally but I think there are may other peoples who are searching for same solution.

Well, this is the post that shows you how to hide auto sliding featured post widget in post pages of Blogger blogs. Please note that this tutorial is for only auto sliding featured post users. Kindly, follow the following tutorial to hide auto sliding widget.

Step 1

Go to Blogger > Design > Edit HTML.

Step 2

Find the code </body> in your template and add the following code just above </body> tag.

<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
#slider {
display: none;
}
</style>
</b:if>

Step 3

Now you are done! Just refresh your homepage first then the post page. You'll see that there will be no auto sliding featured post widget in your post pages. But that widget remains appears in the homepage.

You can still share the bugs and problems regarding this widget via comment below.

Easy Favicon Implementation in Blogger

noreply@blogger.com (Anup Kayastha) — Wed, 03 Aug 2011 08:46:34 PDT

Blogger has released another new great feature. This time, the feature allows us to add custom favicon in our blogs. However, we've already got the custom codes in which we can add favicons to Blogger blog adding some lines of code in the template. We're quite little bit fast than Blogger.

Its simple easy to use Blogger's Favicon feature. Just follow the following steps:

Step 1

Login to Blogger > Design > Page Element. In the middle of the screen you'll see new 'Favcion' text. Just click 'Edit' button next to it.

Step 2

Now you have to upload your favcion. If you don't have favcion already then you have to create it first. Just use Photoshop or search any suitable icons on the web. I recommend 16x16px size favicon.

Step 3

Once you got it, use click Upload button and choose your favcion file. Once you you, click Save button.

Step 4

Finally, refresh your blog and you'll see new little favicon in your address bar or tab of the browser.

Please note that you'll not have to change the format of favcion. Blogging will automatically do that for you. This is even great feature. From now, if you wanted to change favcion you'll not have to touch any codes.

Enjoy using Blogger!

ShortMail Email For Twitter Users

noreply@blogger.com (Anup Kayastha) — Fri, 22 Jul 2011 03:34:17 PDT

Till now, Twitter didn't released any emailing features for their users. Few months back ago, Facebook announced the new email features which allow the users to use @facebook.com email.

Recently, there is new release of email provider that is ShortMail. ShortMail is like other email provider such as Yahoo, Gmail and Hotmail but there is some limitation for their users. You can only write 500 characters in each email that you send via ShortMail.

You can use ShortMail if you already have Twitter account. Your Twitter username will become the email of ShorMail. For example, I have anupkayastha username in Twitter so my ShotMail email will be anupkayastha@shortmail.com

Here is how to signup in ShortMail.

Go to ShortMail.com and click 'Claim your ShortMail address with Twitter' button. In next screen, you have to enter your username and password of your existing Twitter account. See the following screen shot if you feel uneasy:

As this is Twitter based email feature, you have to use your Twitter username and password whenever you login to your ShortMail account.

One of the good feature of ShortMail is that, you can make your email private or public. If you choose public option while sending any email, your sent email will be visible on shormail.com/your_twitter_username

To send new email, click the Compose button at the top right side.

Simply this is great new Twitter based email feature which will help Twitter and Twitter users for the efficient usage.

What do you think of ShortMail?

Google Plus Crossed Over 10 Million Registered Users

noreply@blogger.com (Anup Kayastha) — Thu, 14 Jul 2011 23:48:41 PDT

Recently, Larry Page, the current CEO of Google Inc announced that the recent release of Google Plus has reached over 10 million registered users. This is quite good sign of Google Plus as its not older than few weeks.

You can see the recent status of Larry Page in Google Plus that he told now Google+ has over 10 million registered user!

Go to Larry's profile and view the status.

We are in the middle of our quarterly earnings call right now. Here are the remarks I just gave. One key stat: Over 10M Google+ users!

-Larry

Google+ is getting more popularity day by day and it had became one of the competitor of Facebook. Google Plus and Facebook does same work as both are social networking sites. However, Google+ is still in beta phase and registration is possible by invitation only at the moment.

10 million users with in a few week is great achievement by Google. However, Google might not have done it if they don't get millions of users in their existing products.

We still have to wait and watch the competition between Google+ and Facebook. At the time of official announcement of Google+, it is expected to have more than triple registered users than current one.

Sign In With Multiple Emails In Google Plus

noreply@blogger.com (Anup Kayastha) — Thu, 14 Jul 2011 21:50:40 PDT

You might have already joined Google Plus, if not you can get one invitation from us. Google Plus is up with great features which makes the users to use it frequently. As we know Google already announced that we can Sign in to Google accounts with multiple emails. So, we can also use multiple emails to sign in to Google Plus.

Lets see how we can do it.

Step 1

Log in to Google Plus and click your name containing at the top right side of the page. Click Account settings option.

Step 2

In the Security, you'll see Multiple sign-in. Click 'Edit' link just next to it. In the next screen choose 'On' option and check all the required that will make you sure how to use multiple sign in feature (see below).

Click save button.

Step 3

Now again, at the top right side of the page. Click your name and click Switch account > Sign in to another account...

No finally you can enter you username and password of your existing Gmail email. After all, you can switch to multiple accounts. See below.

Finally you are done and enjoy using Google Plus. If you know more tricks about Google plus then kindly share it via comment below.

Auto Sliding Featured Post Widget for Blogger

noreply@blogger.com (Anup Kayastha) — Fri, 08 Jul 2011 23:08:45 PDT

Last time we introduced JQuery featured post widget for blogger. But it got some problems like overlapping the posts and code errors. But now, unlike previous widget, here I'm with new finely working featured post widget for Blogger blogs.

This featured post widget is more advanced in comparison to previous one. Take a look at the working demo of this featured post widget at first.

Demo

If you like it here is how to add it in your Blogger blog.

Step 1:
Go to Blogger > Dashboard > Edit HTML.

Step 2:
Find (Ctrl + F) the tag <body> and just below paste the following code:

<script src='http://www.digitalbunch.com/wp-content/uploads/2011/07/smoothscroll.js' type='text/javascript'/>
<link href='http://www.digitalbunch.com/wp-content/uploads/2011/07/smooth-slider-hacktutors.css' id='smooth_slider_css-css' media='all' rel='stylesheet' type='text/css'/>
<script src='http://www.digitalbunch.com/wp-content/uploads/2011/07/hacktutorsscript.js' type='text/javascript'/>
<script src='http://www.digitalbunch.com/wp-content/uploads/2011/07/jquery-hacktutors.js' type='text/javascript'/>
<script src='http://www.digitalbunch.com/wp-content/uploads/2011/07/slide1.js' type='text/javascript'/>
<style media='screen' type='text/css'>
#smooth_sldr {
width:560px;
height:180px;
background-color:#ffffff;
border:0px solid #999999;
}
#smooth_sldr_items {
padding:10px 18px 0px 26px;
}
#smooth_sliderc {
width:516px;
height:140px;
}
.smooth_slideri {
width:506px;
height:140px;
}
.sldr_title {
font-family:Georgia, Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
font-style:normal;
color:#000000;
}
#smooth_sldr_body h2 {
line-height:17px;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
font-style:normal;
color:#000000;
margin:0px 0 5px 0;
}
#smooth_sldr_body h2 a {
color:#000000;
}
#smooth_sldr_body span {
font-family:Arial, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
font-style:normal;
color:#333333;
}
.smooth_slider_thumbnail {
float:left;
margin:0px 5px 0 0px;
width:165px;
height:120px;
border:1px solid #000000;
}
#smooth_sldr_body p.more a {
color:#000000;
font-family:Arial, Arial, Helvetica, sans-serif;
font-size:12px;
}
#smooth_sliderc_nav li {
border:1px solid #333333;
font-size:12px;
font-family:Arial, Arial, Helvetica, sans-serif;
}
#smooth_sliderc_nav li a {
color:#000000;
}
.sldrlink {
padding-right:40px;
}
.sldrlink a {
color:#333333;
}
#slider {
background:#333;
height:205px;
display:block;
margin:22px 0 10px 10px;
width:565px;
}
</style>

Step 3:
Now go to Design > Page Element > Add a Gadget > HTML / JavaScript. Past the following code in it:

<div id="slider">
<script type="text/javascript">
stepcarousel.setup({
galleryid: 'smooth_sliderc', //id of carousel DIV
beltclass: 'smooth_sliderb', //class of inner "belt" DIV containing all the panel DIVs
panelclass: 'smooth_slideri', //class of panel DIVs each holding content
autostep: {enable: true, moveby:1, pause:7000},
panelbehavior: {speed:500, wraparound: false, persist:false},
defaultbuttons: {enable: true, moveby: 1, leftnav: ['http://www.shoutmeloud.com/wp-content/plugins/smooth-slider/images/button_prev.png', -8, 70], rightnav: ['http://www.shoutmeloud.com/wp-content/plugins/smooth-slider/images/button_next.png', 0, 70]},
statusvars: ['imageA', 'imageB', 'imageC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
contenttype: ['inline'], //content setting ['inline'] or ['external', 'path_to_external_file']
onslide:function(){
jQuery("#smooth_sliderc_nav li a").css("fontWeight", "normal");
jQuery("#smooth_sliderc_nav li a").css("fontSize", "12px");
var curr_slide = imageA;
jQuery("#sldr"+curr_slide).css("fontWeight", "bolder");
jQuery("#sldr"+curr_slide).css("fontSize", "17px");

}
})
</script>
<noscript>
</noscript>
<div id="smooth_sldr">
<div id="smooth_sldr_items">
<div id="smooth_sldr_body">
<div id="smooth_sliderc">
<div class="smooth_sliderb">
<div class="smooth_slideri">
<a href="http://www.hacktutors.info/2010/09/releasing-platinum-blogger-template.html"><img class="smooth_slider_thumbnail" src="http://1.bp.blogspot.com/_b0xJ7qk6DTc/TID70p28DHI/AAAAAAAAA-U/jeysjWTsuAI/s400/Platinum+Blogger+Template.JPG" alt="Platinum Blogger Template" /></a>
<h2><a href="http://www.hacktutors.info/2010/09/releasing-platinum-blogger-template.html">Platinum Blogger Template</a></h2>
<span>I converted Platinum WordPress theme into Blogger Template. Originally, Brian Gardner designed it and I converted it for all Blogger users and make it available for absolutely free.</span>
<p class="more"><a href="http://www.hacktutors.info/2010/09/releasing-platinum-blogger-template.html">Read More</a></p>

</div>
<div class="smooth_slideri">
<a href="http://www.hacktutors.info/2011/06/google-pagerank-update-june-2011.html"><img class="smooth_slider_thumbnail" src="http://4.bp.blogspot.com/-_FO0b18FevM/TgmdX1txkiI/AAAAAAAABdk/mN3A1DefpQA/s1600/google-pagerank-update.png" alt="Google Page Rank Update" /></a>
<h2>
<a href="http://www.hacktutors.info/2011/06/google-pagerank-update-june-2011.html">Google Page Rank Update</a>
</h2>
<span>Google PageRank has been updated in June 2011 for the second time in this year. HackTutors got back its PR while it was 0 before. Now its PR 3.</span>
<p class="more"><a href="http://www.hacktutors.info/2011/06/google-pagerank-update-june-2011.html">Read More</a></p>

</div>
<div class="smooth_slideri">

<a href="http://www.hacktutors.info/2011/05/high-pr-backlinks-within-minute.html"><img class="smooth_slider_thumbnail" src="https://lh6.googleusercontent.com/-bN5-UJUhtyM/TWi7jqBPk6I/AAAAAAAABYY/NWmixTuAmfY/s1600/FinalWSOcover.png" alt="Get Thousands of High PR Backlinks Within a Minute" /></a>
<h2><a href="http://www.hacktutors.info/2011/05/high-pr-backlinks-within-minute.html">Get Thousands of High PR Backlinks Within a Minute</a></h2>
<span>Now, you can discover up to *PR 7 DoFollow Pages* to place your Backlinks instantly! Yes you don't have to wait for a minute.</span>
<p class="more"><a href="http://www.hacktutors.info/2011/05/high-pr-backlinks-within-minute.html">Read More</a></p>

</div>

</div>
</div>
</div>
</div>
<ul id="smooth_sliderc_nav">
<li><a id="sldr1" href="#" >1</a></li>
<li><a id="sldr2" href="#" >2</a></li>
<li><a id="sldr3" href="#" >3</a></li>
</ul>
<br class="sldrbr" />
<div class="sldrlink"><a href="http://www.clickonf5.org/smooth-slider" target="_blank">Smooth Slider</a></div>
</div>
</div>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('#smooth_sliderc_nav a').click(function() {
var id = jQuery(this).attr('id');
var step_to_slide = id.replace(/sldr/, "");
document.getElementById(id).href = "javascript:stepcarousel.stepTo('smooth_sliderc', "+step_to_slide+")";
});
});
</script>

Now, replace blue color URL with your post URL. Replace red color URL with your post's image URL. Similarly, replace green color with your post title and pink text with short post description.

Save the widget.

Step 4:
Pace the widget above the 'Blog Post' as shown below:

Finally you are done! View your blog if it is comfortable or not.

Show me your work via comment below and I will include your blog as demo working in this post.

Make Your Post Page Title UnClickable in Blogger

noreply@blogger.com (Anup Kayastha) — Fri, 08 Jul 2011 23:20:06 PDT

You might have seen that the titles of single post of WordPress blog is unclickable. It means URL of the post is disabled in the post titles. This feature is only implemented in post page but not in homepage. Lets take this blog as an example.

First, visit the homepage of this blog, HackTutors. Now, investigate any of the post title. You see the title is clickable and you can easily go inside the post by clicking the title of a post. Now once you are inside the post page, view the post title. Then you see its unclickble. Finally, you can do this in Blogger!

So, lets see how you can do this in few steps.

Step 1:
Go to Blogger > DashBoard > Design > Edit HTML > check Expand Widget Template.

Step 2:
Find the following code. Please note that this code mat not be similar in your template. I use H1 tag. But in your case it might be H2.

<b:if cond='data:post.title'>
<h1 class='post-title entry-title'><b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>

Now, replace the above code with the following:

<b:if cond='data:post.title'>
<h1 class='post-title entry-title'><b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.link'>
<data:post.title/>
<b:else/>
<b:if cond='data:post.url'>
<data:post.title/>
<b:else/>
<data:post.title/>
</b:if>
</b:if>

<b:else/>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</b:if>
</h1>

Step 3:
Now save the template and you are done!

Finally you can visit you blog homepage and click on the post title and you'll find that your post title are unclickable in post page.

Google PageRank Update June 2011

noreply@blogger.com (Anup Kayastha) — Tue, 28 Jun 2011 02:23:28 PDT

A very good news for all bloggers and website owners. Google PageRank has been updated in June 2011 for the second time in this year. HackTutors got back its PR while it was 0 before. Now its PR 3.

While I was checking page rank of my other existing blog, I found all of my blogspot blog got very good page rank. Here are some blog that has got good result:

DigitalBunch.com : PR 2 (Before 0)
Digital Bunch Forums : PR1 (Before 0)

Not only these but I suprized when I checked the page rank of my Blogger Template Demo blogs. If you don't believe then check yourself for the following blogs:

Platinum Template Demo Blog : PR 3
Thesis Template Demo Blog : PR 1
Flash News Template Demo Blog : PR 2
Social Eyes Template Demo Blog : PR 1

Of course I didn't spent even 1 second to build links for these demo blogs. However, it got good quality links on the websites which linked backed to this blog for Blogger template demo.

Whats your page rank for your blog?

Get High Quality Music Online

noreply@blogger.com (Anup Kayastha) — Fri, 20 May 2011 04:20:28 PDT

If you want to buy and download music from you favorite band then I highly recommend you to use Iomoio. It allow you to download mp3 songs and mp3 music. You can find the songs in very cheap price. To start buying music, you can simply create new account at Iomoio. Its free to create new account.

Also, you can search for the songs whatever you like in their site. All music found in Iomoio is perfect for iPod, iPhone & PDA. Another feature is that you can burn your music and enjoy it everywhere. Once you make payment then you can easily download the music to your computer. To send payment, they also accepts credit card funds if you contact them using their support email.

The main good this is that, they do not take monthly fees. It means you can get the music for lifetime! Also, all payments are in United States Dollar (USD). Currently they have following bonuses on deposits:

$32 + $16 Bonus
$48 + $32 Bonus
$96 + $48 Bonus

You can preview and listen 60 seconds on any track before you make purchase. So, you can test it whether it works or not. If you are not satisfied with the music then you can ask for refund by sending them email message. In conclusion, Iomoio is great site to buy music online.

Download Free MP3 Songs

noreply@blogger.com (Anup Kayastha) — Fri, 13 May 2011 13:45:41 PDT

If you are searching for the site which allow you to download free mp3 then you can use Mp3-2000. Simply because its a free site to download free music online. Mp3-2000 is MP3 search engine which allow you to search any mp3 by filtering artist and album. You can download mp3s simply by searching.

Its main feature is its search engine. Also, you can short the songs bu alphabetic order. For example, if you need the song which title starts from alphabet 'A' then you can simply click 'A' link located in the top of the homepage. If you wish you can also submit free Mp3 in their site.

Mp3-2000 is live since 1998 so we don't have to discuss about its reliability.

How to download songs from mp3-2000?

Its very easy to download files from mp3-2000. Follow the following steps:

Go to mp3-2000
At the top you will see the search form. Type your desired song name and check 'Song' option. Then click Search button. In the next page you'll see the song info. Scroll down and you'll see the image verification code and download button. Insert the image verification code and click download button.

Then the song will be downloaded!

So, enjoy by downloading free songs at mp3-2000.

Search Any Files Uploaded On The Net Easily

noreply@blogger.com (Anup Kayastha) — Fri, 13 May 2011 13:45:41 PDT

If are searching for the sites which allow you to download free movies, videos, mp3, TV, series, games and text files, then General-Files is the great website. You can search for all these stuffs since it is a downloadable search engine as well. General-Files is one of the popular file sharing site.

Its major feature is its search engines which allow you to search for the required files online. By using this site, you can search for the files containing in other file sharing site like RapidShare, 4Shared, Fileserve, etc as well. Its search features is more advanced where you can search files by filtering file size and types.

You can increase your working efficiency by using General-Files. As other site, it allow you to upload your any files and share it to your friends.

You can also register new account at General-Files and start sharing videos, mp3, TV, series, games and text files freely. Within 2 steps that is search and download you can enjoy this site. With the motto "Files for Everyone" its going on very well and being popular day by day. Also, you can download videos for free!

This site is very helpful since you can search any file uploaded by using the popular file uploading sites on the net. In short we can say it is the general search engine for any files upload on the net.

Create Free Website and Free Hosting With uCoz

noreply@blogger.com (Anup Kayastha) — Fri, 13 May 2011 13:45:41 PDT

You may have been always in problem creating websites, hosting blog and choosing content management system. But the developed web software like uCoz won't let you be remain in problem anymore. By using uCoz you can create free website without any headache. uCoz have many awesome features that helps you to blog and create your own website easily.

Beside creating websites, it provides free hosting as well. You can upload files to uCoz by using the clients like FileZilla. You can own your domain in uCoz, for example: myblog.ucoz.com. If you like to have custom domain then you are free to use it. You can buy custom domain from popular domain sites like GoDaddy and Name. Domain implementation is quite easy.

Content Management System is one of the most great feature of uCoz. You can have full control over designing your website built in uCoz in the means of HTML and CSS. Also, you can export or import RSS feed from your blog. If you found any visitors doing suspicious activity then you can block their IP so that visitors cannot access your website.

You can design your own template using uCoz template builder which allow you to change the design as your wish. Simply it allow you to create the following modules:

Forum (Bulletin Board)
E-shop
Site News
Blog (Web Journal)
Publisher (Article Catalog)
File Catalog
Site Catalog
Tag Board (Mini Chat)
Ad Board
Photo Albums
Online games
Web Polls
Guestbook
FAQ Service
E-mail Forms
Page Editor
Statistics (Hit Counter)

Its free hosting feature makes it looks more reliable. What do you think about uCoz?

Introducing Social Eyes Blogger Template

noreply@blogger.com (Anup Kayastha) — Mon, 11 Apr 2011 06:45:26 PDT

Converting Blogger Template became one night dinner for me. Now, Hack Tutors is up with another new Blogger Template called Social Eyes. Social Eyes is blue color 2 column Blogger template which is socially inspired. Its ready to use with no costs for every blogger users as usual. First, let's have a look the demo:

View Live Demo

Times Downloaded

Features of Social Eyes Blogger Template
Social Eyes Blogger Template have following features:

2 Column
Socially inspired blue color
Stylish transparent navigation menu and sub-menu
Automatic read more with thumbnail for each post
User friendly comment section
SEO friendy
3 column footer widget

Installation Details
To install this template on your Blogger blog, login to your Blogger account and go to > Design > Edit HTML. Backup your Blogger current Blogger template by click "Download Full Template". Choose and upload XML template of social eyes from you hard drive.

You need to make some changes in its menu feature. Just replace URL and anchor text with your own. This is the code that you have to edit for top navigation menu.

<ul class='nav superfish'>
   <li class='home'><a class='home-link' expr:href='data:blog.homepageUrl'>Home</a></li>
   <li class='page_item page-item-70'><a href='http://www.hacktutors.info/2011/03/introducing-digital-bunch-forums.html'>Digial Bunch</a>
   <ul class='children'>
   <li class='page_item page-item-17'><a href='http://www.hacktutors.info/2011/03/blogger-will-introduce-awesome.html' title='Sub Page 1.1'>Feature</a>
   <li class='page_item page-item-33'><a href='http://www.hacktutors.info/search/label/Web%20design' title='Sub Page 3.2'>Web Design</a></li>
   </ul>
   </li>
   <li class='page_item page-item-27'><a href='http://hacktutors.info/search/label/Hosting' title='Sub Page 2.2'>Hosting</a></li>
   <li class='page_item page-item-29'><a href='http://buysellads.com/buy/detail/30763' title='Sub Page 2.3'>Advertise</a></li>
   </ul>
   </li>
   <li class='page_item page-item-22'><a href='http://www.hacktutors.info/p/blog-page.html' title='Sub Page 1.3'>Archieve</a></li>
   </ul>
   </li>
   <li class='page_item page-item-375'><a href='#' title='Page Layouts'>Page Layouts</a>
   <ul class='children'>
   <li class='page_item page-item-381'><a href='#' title='Content/Sidebar/Sidebar'>Content/Sidebar/Sidebar</a></li>
   </ul>
   </li>
   <ul class='children'>
   <li class='page_item page-item-227'><a href='http://www.hacktutors.info/2011/02/add-stylish-subscription-box-below.html' title='Widget'>Widget</a></li>
   </ul>

Now, your installation is complete!

If you have any problem regarding Social Eyes Blogger Template then feel free to ask me via comment below.

Let me know you suggestion and feedback about Social Eyes Blogger Template. Please note that this template is converted from WordPress theme from StudioPress.

Introducing The Digital Bunch Forums

noreply@blogger.com (Anup Kayastha) — Sat, 09 Apr 2011 20:57:33 PDT

Just 2 weeks back ago, I launched the brand new Digital Bunch Forums targeting the niche Internet Marketing and Search Engine Optimization. As I posted earlier, Digital Bunch is my self hosted WordPress blog. Therefore, I started new forum in its sub domain that is, forums.digitalbunch.com

Digital Bunch Forums is powered by vBulletin. Its still in management phase. So, it needs more design and development. Its already indexed in Google and other popular search engines. Currently, it don't consists good amount of member.

So, I carry huge expectation that you'll help me to grow and promote this forum continuously. We need good effort to make it full of quality member like you.

I hope you'll be the good member of Digital Bunch Forums. Also, let me know if you have any suggestion and feedback regarding this new forum.

You can sign up to Digital Bunch Forums from here.

Blogger will Introduce Awesome Interfaces in 2011 Year!

noreply@blogger.com (Anup Kayastha) — Tue, 15 Mar 2011 04:05:21 PDT

As a regular Blogger users, we know Blogger released many awesome features in the year 2010. According to blogger buzz, 2010 was a greatest year where they've done many development works for Blogger.

Now, in 2011 Blogger will introduce more awesome interfaces unlike other features. Check out the follow video to get quick view of new Blogger interfaces

Here are some new interfaces which Blogger will introduce:

Post Editor

New post editor seems very attractive and its just like a Microsoft word.

New Dashboard

New blogger dashboard looks like WordPress dashboard.

Content Discovery

Content Discovery feature works as a related content widget.

You can expect these features very soon! What do you think, what must be added more in Blogger?

How to use Prevx antivirus without License key- Any version

noreply@blogger.com (Anup Kayastha) — Sat, 19 Feb 2011 05:26:25 PST

When we realize that we are infected by spyware, malware or any other virus, we certainly end up with mini online antivirus tools like Prevx. And I am one of them. I got infected by malware and certainly had to rely on Prevx 3.0.

Unlike other jumbo antivurs softwares, these mini antivirus fetches their updated virus database without need of downloading any information to your Computer hence saving space. This is one of the most important thing if you are considering and suffering from low disk space.

But one of the bad point of these kind of software is that, once it scans your computer and detects the threats, it asks you to enter a license key to remove the virus, which requires you to purchase the license of the software from the vendor.

I see many Google search redirecting to free license key for Prevx 3.0. But I am totally against this illegal thingy. But you (even me) might not be interested to invest your money for it. Rather I found some easy way to remove virus using Prevx 3.0. That is neither hurting Prevx 3.0 nor spending any penny.

First have a look what this mini software offers in the image above. Yes free Scanning and Detection! We'll going to use this benefit from Prevx.

Let's get with the tutorial.

Once you get to know that you are infected with virus go to Prevx homepage and download the latest version.

Run the program and let it scan. Since the virus database lies on their server it will obviously list out all the virus in your computer.

A person having basic computing might click on CleanUp Button which ends with the License Activation window.

As you don't have license key, no matter how much you cry, you'll never going to get it for free legally until and unless Prevx itself provides it.

So, we are not going there. Instead note down the location of the virus file as you can see in the second image of this post.

c:\users\saaz\appdata\local\temp\

Open up command prompt window by going to Start>Run type "cmd" without quotes (make sure that you have administrator privilege).

Now go to the virus location.

Input the following command:

DIR

This will show the list of visible files including the virus file.

Input the following command to delete the virus file:

DEL /F jnqc.exe

Repeat the same process for all virus and malware.

This is exactly not a great solution, the great thing to do is never let any virus to enter your PC. This can be accomplished by installing latest and always updating antivirus software.

Blogger Added New languages

noreply@blogger.com (Anup Kayastha) — Thu, 17 Feb 2011 05:21:45 PST

In default, we use English language for our blog as it is most used international language. Recently, blogger had upgrade with 9 basic languages: Amharic, Arabic, Bengali, Greek, Persian, Gujarati, Kannada, Hindi, Malayalam, Marathi, Nepali, Punjabi, Russian, Sanskrit, Serbian, Tamil, Telugu, Tigrinya, and Urdu.

How to Change the Language of your blog?
To change the language, just go to Settings > Basic. Scroll down util you see Enable transliteration? option and select your desired language. See below:

Click Save Settings button.

I'm quite happy as it has added Nepali language although I'm not using it as primary language in Hack Tutors.

Increase Traffic with SEO Submission Software

noreply@blogger.com (Anup Kayastha) — Wed, 16 Feb 2011 18:00:26 PST

Search Engine Optimization (SEO) Submission software is fast becoming an essential tool in online marketing. Online marketing is no doubt a very powerful tool in climbing the ladder of success whether it be for a corporate or private company. Although SEO experts say that manual submission is always the best way to go, the convenience of simpler and easier tasks and the luxury of saving time renders a submission software the wise way.

A SEO submission software is an essential software program that would includes Search Engine Optimization tools needed to climb above your competitors in the organic search results of all search engines. It usually helps expand your web traffic and boost your position in rankings. It lists your website on all important search engines, directories and special interest sites. Some softwares also offer features that will track the results of your internet marketing and search engine optimization activities. Basically what it does is submit your website to major search engines without having to go through a complex and tedious process.

Currently, there are what we call “miniature websites,’ which sole function is to provide information about existing websites. A submission software can aid in indexing your website, complete with the website title or name and a snapshot of the actual website, and submitting this indexes to major search engines such as Google. Actions such as this will quickly boost increase your ranking results in a fast and competent manner.

There are many automatic directory submission software available on the market. They offer different features and sells for different price ranges. To choose which software would be best for you, take time to do some research and comparison before deciding your purchase. SEO submission software such as Internet Business Promoter (IBP), which is a multi-award winning website promotion software tool, will automate the process of submitting your site to search engines freeing up valuable time. It even evaluates the top 10 websites for your keyword and tells you what to do to your page to reach the top of rankings. It also calculates the number of times you need to use your keyword.

So begin taking full advantage of your website and increase your profit from the internet no later than right now and purchase a SEO submission software. It is definitely one good investment that will bring huge amounts of profit and take you steps higher than your competitors without having to look back and regret.

Things To Avoid When Developing A Website

noreply@blogger.com (Anup Kayastha) — Wed, 16 Feb 2011 18:00:52 PST

The proper development of a website from the beginning can prove to be beneficial for a faster timeframe to reach website success. Being triumphant due to diligent and correct preparation in the planning and constructing of your website may prove to be time consuming and labor intensive but it will spell dividends in the end. Search engine optimization is a key element that has to be addressed an applied right from the start of planning and designing a website. Content, clarity and overall aesthetic design go together with search engine optimization and will serve as a winning combination for your website.

When it comes to the visual design of a website sometimes the phrase “less is good” spells the difference between a website from being a flop or bringing you a fortune. Aside from having search engine optimization in mind owners developing websites put themselves in mind first before the user. Keeping the customers mindset on hand will make the design more conducive to your prospective users visit to your website. It is useful to know about the psyche of online searchers.

Majority of searchers display a trait called selective attention. This can be explained by the customer’s ability to negate, disregard or not pay any attention to any form of advertising when focused on a search. Searchers choose to ignore advertisements or anything that resembles them while navigating through websites in search for certain particular subjects. This means that a site’s design should not resemble any types of advertising because this could mean that despite that the information is presented it will be treated as if it has no importance to the content of your site. Searchers will not scrutinize or pay any attention to details or content for something that is being disregarded.

There are particular design flaws that can be avoided which London freelance web designers can help you with. Make sure that you do not make use of pop up purges in your website. These pop ups are associated with advertisements and are one of the most commonly disliked by users. Avoid using designs that have a likeness to banners ads. It is proven that visitors never fixate or focus their eyes on any banner type design. If it is possible not to use any animation or flashing or blinking texts this would keep the user to linger longer in your website. Blinking texts are associated and are the common forms used in online advertising. These are a few points to consider when developing your website.