2013/05/15

Your Home Page Never Being Changed With IE

Some websites illegally modify your registry editor and set their website as default home page, for stop this,

1. Right-click on the Internet Explorer icon on your desktop and select "Properties".

2. In the "Target" box you will see "C:\Program Files\Internet

Explorer\IEXPLORE.EXE".

3. Now by adding the URL of the site to the end of this it overrides any
Homepage setting in internet options:

"C:\Program Files\Internet Explorer\IEXPLORE.EXE" www.nhoten.com

(Ebook) How to Set Up Your Blog With WordPress 2013

"...Although Wordpress is most commonly used to create a blog-style site - which is technically just a series of posts with a specific date and time that they were posted - it can also be easily adapted to suit static websites, such as for your local business, artist portfolio, or even a complete online shopping site. As you delve into Wordpress, you’ll find that there’s a Wordpress plugin to create literally any kind of website you could possibly think of.
Wordpress isn’t the only CMS around though, so why choose Wordpress? Simple:
• It’s feature rich, so with the basic installation you should be able to everything you want to. If some-
thing is missing for your particular requirements, it’s highly likely there is a plugin already made to
handle it for you. The upshot is, you don’t need to code anything.
• It’s mature - created in 2003, it’s had a very long life so far and continues to be in active development.
This isn’t buggy new beta-release software - it’s incredibly stable.
• It’s secure. As with any piece of software or operating system, there have been a few serious hacks
over the years but the developers have been on top of them quickly. The latest versions include
prominent warnings when a new version is available, and so long as you regularly check your blog and
update when needed, there’s very little chance of your blog being hacked....
"

Download here

2013/05/04

Harmony (only HTML templates) share

Harmony is template created by Invent Group

Created: 17/Nov/2011
+ 4 Home Page Sliders
+ Polished Accordions & TabsM
+ Multiple sliders, video portfolio and many more
Harmony Template goes with 16 ready-to-use color schemes. Pick up your favourite one and use it! It’s very easy! Below you can read more about Harmony Template and its many other amazing features.
Download here

10 Ebooks for your online business


10 Basics for Starting Your Online Business 


...Launching an online business can seem either simple or harrowing, 
depending on your perception of the Internet.  For many, the task at hand will 
come naturally because they’re comfortable maneuvering the ‘Net with ease.  For 
others, it’s an entirely alien idea requiring heavy guidance. 

 Everyone who has ever sought out legitimate business opportunities online 
has probably scoured the Internet for sites that offer both direction and devices to 
make their journey easier....
Download all 10 ebooks (part 1) here
10 Basics for starting your online business
10 Magic Marketing Tips For Restaurants
Facebook Marketing

2013/05/03

How To Improving Your Mobile Web Designs


How To Improving Your Mobile Web Designs 

It’s estimated that by 2014 mobile Internet usage will outstrip desktop and laptops. That means that nearly 2 billion people, world-wide, will browse the web on a mobile device. The problem is that the web was designed for computer screens. All of the coding and web design rules were created for a big monitor, keyboards, and mice. Soon, most people will be using smaller screens and touch interfaces. It’s time to learn mobile web design so you can be prepared for the future.


We’ve gathered together some of the best tutorials from around the Internet to get you up to speed and going with mobile web design. Or if you are already work in mobile web design, there are some great tutorials included to help improve your skills.

Convert a Menu to a Dropdown for Small Screens


This easy-to-follow tutorial shows how to write HTML code for a dropdown menu that converts cleanly to mobile screen sizes.

Fluid Images


This tutorial gives the scripts you need to create fluid images and videos that easily transfer from large monitors to small mobile devices.

CSS: Elastic Videos


Learn how to create elastic HTML5 videos, elastic object and Iframe embedded videos, and how to create fixed width and elastic videos in CSS and HTML.

Tips for Wireframing a Usable Mobile App Interface


This tutorial walks you through how to effectively plan for mobile iOS/ Android app design. There are plenty of helpful hints and tips to make your designs a success.

Responsive Design with CSS3 Media Queries


Learn how to use HTML5 and CSS3 media queries to create a design that is cross-browser responsive. In other words, learn how to make your website look great, no matter if visitors are using a mobile device or a PC.

Responsive Web Design: What It Is and How To Use It


This SmashingMagazine tutorial gives an excellent overview of responsive web design along with tips and coding needed to implement it.


How to Create a Mobile Site with MoFuse


This tutorial walks you through how to use MoFuse for coding your mobile website design. Keep in mind that MoFuse does the coding for you, so even beginners can use this tutorial.

Coding for the Mobile Web


Simple things like using relative measurements instead of fixed widths for your site can make your code more flexible and renderable on mobile devices. This article gives plenty of helpful basic tips, perfect for those who are new to mobile web design.

How to Create a Mobile Version of your Website


Strip out the extraneous and focus on the basics so that your mobile site doesn’t take too long to load over 3G connections. This tutorial walks you through how to do this with easy to follow explanations.

Mobile Website Tutorial – Mobile 101


If you’re going to create several mobile sites, this article will get you started on knowing what you need to crank out high-quality designs.

How to Use CSS3 Media Queries to Create a Mobile Version of your Website


This incredible tutorial from SmashingMagazine shows how to add CSS3 stylesheets for mobile devices to your actual website coding.

Mobile Web Mastery: 25 Tips on Designing for Mobile Devices


Clean up your mobile design and make it more appealing and easier to use with this helpful and easy-to-follow tutorial.

A Quick Look at Mobile Web Designs


For those about to begin a mobile design, be sure to read through this refresher course full of helpful tips first.

10 Key Considerations for Your Mobile Web Design Strategy


If you’re deploying mobile websites across your family of internet properties, you’ll need a strategy. Read through these important considerations in this article before beginning.

Mobile Web Design: Best Practices


You can create a normal mobile website, or you can create a fantastically awesome mobile website. Here are the best practices for designing for a mobile interface.

How to Build a Mobile Website


Code your site from scratch or update your existing site to work with mobile devices using this detailed tutorial from SmashingMagazine.

Techniques for Gracefully Degrading Media Queries


Learn how to degrade media queries for responsive mobile design by following these techniques for best practices.

Produce Websites Based on HTML5 and CSS3 Specifications with Dreamweaver CS5.5


Learn how to use Adobe’s web design software to craft a mobile site right alongside the desktop version.

Dreamweaver CS5.5 – Multiscreen Authoring


Create the rules for a site to render correctly on multiple screens from within Dreamweaver.

Responsive Data Tables


What do you do when the width of your data table is larger than the width of a mobile phone? This article from CSS Tricks gives you some handy tools for solving this problem.

Am I Missing Something?

Hopefully the compilation above will get you started down the road to creating great mobile websites, either from scratch or by applying CSS rules to your existing site to allow it to work on any sized device. If you think I have missed something great or valuable do let me know in the comments!
Thanks to ArtAtm

How to create Animated Ad Banner in Photoshop


Animated Ad Banner

In this tutorial, i'll show you how to create a professional animated ad banner which you can follow and create your own banner to advertise your site. .
We will be creating a standard banner size, which is 468x60. So start a new document File » New, you can type in the width and height yourself, or you can select "468x60 Web Banner" from the "Preset Sizes" drop down options.
PS. If you want professional banner design, take a look at 20dollarbanners.com - they do great banner design work at affordable prices

The first thing we want to do is create a 1px border around the banner.
- So Create a New Layer and name it "Border"
- Press CTRL+A to select all. Then go to Edit » Stroke. Apply the following Settings:
Width: 1px. Color: Black. Location: Center. Blending Mode: Normal. Opacity: 100%
This gives us a crisp 1px border around our banner. Now, every other layers we create through the tutorial will need to be placed beneath this border layer on the layers pallete, this is to make sure the border will always be visible.
Now, the design of the banner itself is really up to you, the important thing about this tutorial is the animation technique which I will show you later, but you can read on if you want to follow this tutorial and make a similar banner to mine.
I will be creating a banner to promote tutorialwiz.com, so i'll include its logo for branding purpose. So I open up my logo and copy and paste it into my banner, and resize it down to fit the banner. Now I use the eclipse shape tools and create a large round shape to right. This is where my promotion text will go. You will need to make it larger than the banner size so it has a nice curve in the middle.
Now I want to give it some color, so I apply some gradient to it, go to Layer » Layer Style » Gradient Overlay. I used the default settings, with the following colors:

I also applied some drop shadow and inner shadow using all the default settings, just change the opacity down to 20%
I used the rounded corner shape tool and created a shape underneath my logo for my tag line. Applied a gradient layer style with the following colors.

Then I applied a 2pixel white stroke to it. (Layer » Layer Style » Stroke)
I also added a grey to white gradient to the background layer so it doesnt look too flat.
Now theres my banner design (yes, its simple, but thats all we need really..). Now comes the fun part. Animation.
To make the tutorial simple, I will rotate only between 2 lines of text, you should then get a fairly good idea of what to do, then you can apply it to create more text rotations.
- Use the type tool, and create your first text (one that will appear in the first frame.

- Now hide the text layer . then use the text tool again, and type your 2nd line of text, in the same place as your first text.
Now you should have the following in your layers pallete:

and the banner look like this:
Now we are ready to animate it, lets switch to Image Ready. In photoshop, just click the "Switch to Imageready" button.
In imageready, you should see a pallete at the bottom that looks like this
Now click on the "New Frame" icon (indicated above), this will duplicate the selected frame and append it to the animation.
Now with the 2nd frame selected, select the visible text layer from your layers pallete and shift it up by 2 pixel (press UP arrow twice).
If you take a look at your first frame, and 2nd frame, they are slightly different.
Now duplicate the last frame, then use the DOWN arrow, and move the text layer down by about 10 px, and set the layer's opacity to 70%
Now duplicate the last frame, move the text layer down by about 15px, and set the layers opacity to 40%
Duplicate the LAST frame.
Now hide the current visible text layer, and make the other text layer visible, move the text layer down to about the same position as the other text layer was, and set its opacity to 40%
Then Duplicate the last frame.
Now use the UP arrow / or your mouse, and move this text layer UP by about 15px and set its opacity to 70%
Then duplicate the last frame.
Now move the text layer UP by about 10 px and set its opacity to 100%
Then duplicate the last frame.
Now move the text layer DOWN by about 2px.
Now repeat from STEP 8 above to make this layer go down and the other text layer go UP again.
If you done everything correctly, you should have around 14 frames.
At the bottom of each frames, you will see "0 sec.", this is the time delay between each frame.
We want to set ALL of these to "0.05" OR "0.1", any, depends on how fast you want it. Experiment :).
To set this to 0.05, click on the down arrow next to "0 sec", and choose "Other", then enter 0.05
At the bottom of the animation pallete, there is a control panel, with some buttons like one found on your DVD player, click > to play the animation.

As you can see here, the texts are cycling so fast we cant even read it. But there is 2 frames that we want it to stop at, and the animation will make it look like its sliding in and out.
Select Frame #1 and set it's delay to 2 seconds. Now find the other frame where the other text is in the position to read, (mine is at frame #8), and also set that to 2 seconds.
Now, look at our animation :)

I just want to point out that this tutorial was to show you how to create animated banner, the designs and style, you should come up with your own (better than mine of course). Remember NOT to over do it as animation can chew up alot of KB as you create more frames and more movements.
If you had any problems following this tutorial, CLICK HERE to download my PSD and see how I did it, and maybe change a few things to use for your site.
Source: Here

Easy to add facebook comments in wordpress


I added Facebook comments to my blog a two months ago. It’s proven to be a popular addition to the site. Most people stay signed in to Facebook when they browse the web so it has encouraged more comments on posts.
I initially tried a few different ways of integrating comments on my site. I followed some long drawn out tutorials that required lots of editing and I tried a few plugins too. Through trial and error I found that the the best way to integrate Facebook comments on your WordPress website is to use the official Facebook plugin Comments Box (Note, this is not a WordPress plugin).

Step 1: Create A Facebook App

The first thing you need to do is visit the Facebook Application page and click on ‘Create New App’.
Create A Facebook App
All you need to do is give your name an appropriate name e.g. YourSite.com Comments. Facebook will provide you with and App ID/API Key and App secret key.
Create A Facebook App

Step 2: Customise Your Facebook Comment Area

Next thing you should do is go to the Facebook Comments code. Don’t worry about the ‘URL to comment on’ field for the moment. You simply need to choose how many comments you want per page, the width of your comment area and whether you prefer the light or dark scheme.
Customise Your Facebook Comments

Step 3: Add Facebook Code To Your Header.php Template

When you click on the ‘Get Code’ button you will be presented with two options: HTML5 and XBFML (iframe isn’t available for comments). I recommend using the HTML5 version.
If you have created more than one application on Facebook, make sure you select the appropriate application for your comments so that the correct ID is generated in the code.
Get Code From Facebook
The first piece of code should look something like this:

<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1&appId=YOURAPPLICATIONID";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Open up your header.php template and add the code just below the body tag e.g. directly after <body>. After you have added the code, save the file.

Step 4: Add Facebook Code To Your Comments.php Template

The second piece of code that Facebook provides looks something like this (it depends on how many posts you specified per page and the widget of the comment area):

<div class="fb-comments" data-href="http://example.com" data-num-posts="2" data-width="500"></div>

The default code that Facebook provides links to a static URL therefore we need to modify the code so that the current page is linked (i.e. the permalink). To do this, all you need to do is replace data-href=”http://example.com” with data-href=”<?php the_permalink() ?>”.
Your code should now look something like:

<div class="fb-comments" data-href="<?php the_permalink() ?>" data-num-posts="2" data-width="500"></div>

To add this to your comment area, all you need to do is add the above code to your comments.php template. Where you should add this code depends on how your comments.php template is coded and whether you want Facebook comments to appear above or below WordPress comments.
If you have followed these steps correctly, you should now see Facebook comments either above or below your regular WordPress comments.
How To Add Facebook Comments To Your WordPress Website

Overview

This tutorial showed you how you can add Facebook comments to your comments.php template. Once it has been completed, Facebook comments will appear on your posts and pages.
If you are unsure about any part of this tutorial, please let me know and I will clarify the step for you.
Source: http://richwp.com/add-facebook-comments-wordpress-website/

New way to Hide WordPress Info from Your Source Code


New way to Hide WordPress Info from Your Source Code

Includes how to rename wp-contentrename wp-admin, and remove the generator tag from WordPress.
Many people, particularly designers and web engineers for high-profiles websites, do not want users to know that they are running WordPress for their websites. For the sake of seeming like a more “hardcore” coder who doesn’t need a pre-built CMS (like, it kind of sucks when you find out that Facebook actually runs on WordPress :O ), or just for security reasons; it is a shame that it is so difficult to change the wp-content and wp-admin folder names very easily through the WordPress admin. This little tutorial will teach you how to do it in any case.

Just for the record, I don’t believe that it’s really possible, or even worthwhile to attempt, completely hiding that you use WordPress for your sites. You can do the stuff I instruct here so that the typical pretentious amateur who tries to “out” you, or hack your site, runs into some challenges, but there will always be a way find out what CMS you use if someone is dedicated enough. If you use WordPress, you use WordPress. This tutorial will change obvious evidence or indications of it in your source-code, effectively removing WordPress info from your site.

Rename WP-Content

Open up the file called wp-config in your “root” directory, and just before the last line (something about require_once), add:
define('WP_CONTENT_FOLDERNAME', 'wp-content');
define('WP_CONTENT_DIR', ABSPATH . WP_CONTENT_FOLDERNAME );
define('WP_CONTENT_URL', 'http://domain.ext/'.WP_CONTENT_FOLDERNAME);

define('WP_PLUGIN_DIR', WP_CONTENT_DIR . '/plugins' );
define('WP_PLUGIN_URL', WP_CONTENT_URL.'/plugins');

Now you must change “domain.ext” to whatever is your domain – for me, that is “pythoughts.com”. Then, you can change “wp-content” to whatever you want your content file to be. I like to use “media”, because I think that’s both relevant and quite unique, but obviously this is your prerogative.
Make sure that everything still works, especially your plugins. If your plugins do not work after this, you need to edit them – you can do this in the WordPress admin by looking around in the Plugins page. Obviously what needs to change is any references to “wp-content”.
Edit from Andrew (see comments) – For WordPress v3.13: “What I did is edit the file default-constants.php located in /wp-includes/, replacing all “wp-content” to my desired folder name (need to rename the folder of course), and all works like a charm.”

Rename WP-Admin (and make login.php inaccessible)

There are two ways to do this. The long way is to hack your .htaccess file to do redirections, etc. and block out direct access to login.php. The easier method is to install and very cool little plugin, made by Devbits, called “Stealth-login”. I use this plugin on some of my sites, and it works! Which is fantastic.
So you can download that here.

Remove the WordPress Generator Tag

The bit of code that you want for this is simple:
remove_action(‘wp_head’, ‘wp_generator’);
There are a few places you can do this, but I would recommend adding it to the functions.php file in your theme. So open that up, make sure that you have your <?php wherever you want to add it, and past it in there.
And that is that.
Please let me know if A) this was useful to you, B) You know of any plugin that does all of this stuff, or C) You think that I should make a plugin that does all of this automatically. You should also of course tell me if you perceive a danger is doing this, or if you think that there is a more effective method. Or if you have any questions.
Otherwise, thank you for your time :)
Sincerely, source: http://pythoughts.com/how-to-hide-that-you-use-wordpress/