How to create a Bootstrap WordPress Theme? - step 4

If you didn't read the third step, then click here. Ok. Now we will move to the third step.

1. In this step, first create the Js files for the theme from the demo.

• bootstrap.min.js  -> Source -> view-source:http://getbootstrap.com/dist/js/bootstrap.min.js
• holder.min.js  ->Source -> view-source:http://getbootstrap.com/assets/js/vendor/holder.min.js
• ie10-viewport-bug-workaround.js -> Source -> view-source:http://getbootstrap.com/assets/js/ie10-viewport-bug-workaround.js
• ie-emulation-modes-warning.js -> Source -> view-source:http://getbootstrap.com/assets/js/ie-emulation-modes-warning.js

Save the file at js folder which is available at your themes folder. or create the new one and save them with source code

2. Remaining Js files - Direct linking url -> you need not to save this -> we will do this at functions.php

3. Add the following code into functions.php file, Just before the " ?> " .I mean before the PHP closing tag.

function newsite_js() {

    global $wp_scripts;

    wp_register_script( 'html5_shiv', 'https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js', '', '', false );
    wp_register_script( 'respond_js', 'https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js', '', '', false );

    $wp_scripts->add_data( 'html5_shiv', 'conditional', 'lt IE 9' );
    $wp_scripts->add_data( 'respond_js', 'conditional', 'lt IE 9' );
   
    wp_enqueue_script( 'IE_emeulationmode_js', get_template_directory_uri() . '/js/ie-emulation-modes-warning.js', array('jquery'), '', false );
   
    wp_enqueue_script( 'Google_ajax_js', 'https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js', '', '', true );
   
    wp_enqueue_script( 'bootstrap_js', get_template_directory_uri() . '/js/bootstrap.min.js', array('jquery'), '', true );
   
   
    wp_enqueue_script( 'holder_js', get_template_directory_uri() . '/js/holder.min.js', array('jquery'), '', true );
    wp_enqueue_script( 'IE10_js', get_template_directory_uri() . '/js/ie10-viewport-bug-workaround.js', array('jquery'), '', true );

}
add_action( 'wp_enqueue_scripts', 'newsite_js' );

4. Now save the functions.php file

5. Download the Bootstrap from the following link.

http://getbootstrap.com/getting-started/#download

6. Extract the Bootstrap file, find "fonts" folder. Copy the "fonts" folder and paste into the theme folder.

7. Now our scripts are activated.

8. You can verify - By your slider moving and menu working.

Video Tutorial:

Mobile apps eating mobile memory - Is there any permanent solution or suggestion?

In this world, most of us are using smart phones. Every mobile user facing memory problem with their apps. Here I like to give some suggestions for this problem. If anyone find or invent an app or software for this, I would happy.

Problems:

1. Our memory on phone is low comparing with desktop and laptop.
2. Second is RAM memory on phone is not enough.
3. Most of the mobiles easily lost their performance.

Suggestion:

1.  If any Software / App controls all apps in a single way, then It would be better. It should be work like Web browser, website concept. From a single browser, we can access multiple websites, likewise if we have single app, then we can access the all apps from the server.

2. Store the apps on server or cloud server or virtual server, access the apps from a single software like browser.

3. It avoids to store the apps on the mobile. Need not to increase the memory or space on mobile.

4. Or when accessing app, space should be created outside the mobile. For example, every tower station should have some space or memory. When accessing app, some space should be allotted virtually to the mobile from the tower station or some other virtual space. Once the app closed, virtual space should be deleted. This is one type of solution for increasing RAM memory.

If you have any other solution or ready-made App, (Not for Desktop, We have many App controllers for Desktop and Laptop) Please comment. I like to add your suggestions in this article.

How to create a Bootstrap WordPress Theme? - step 3

If you didn't read the second step, then click here. Ok. Now we will move to the third step.

1. Create two new folders at your themes folder namely css,js.

2. In css folder, create css files namely bootstrap.min.css and ie10-viewport-bug-workaround.css.

3. Click the following link," view-source:http://getbootstrap.com/dist/css/bootstrap.min.css " copy and paste the code at bootstrap.min.css

4. Click the following link, "view-source:http://getbootstrap.com/assets/css/ie10-viewport-bug-workaround.css " copy and paste the code at ie10-viewport-bug-workaround.css file.  Save both files.

5. Now click and open js folder. Create js file named ie-emulation-modes-warning.js

6. Click the following link, "view-source:http://getbootstrap.com/assets/js/ie-emulation-modes-warning.js " copy and paste the code into ie-emulation-modes-warning.js, Save the file.

7. Now add the following code at header.php file just before the "</head>" tag

<?php wp_head(); ?> .  Save header.php file.

8. Then open the footer.php file, add the following code just before the "</body>" tag

<?php wp_footer(); ?> . Save footer.php file.

9. Create a new file at your theme folder, named functions.php. then add the following code into the file, Save it.

<?php

function newsite_styles() {

wp_enqueue_style( 'bootstrap_css', get_template_directory_uri() . '/css/bootstrap.min.css' );
wp_enqueue_style( 'main_css', get_template_directory_uri() . '/style.css' );
wp_enqueue_style( 'Ie_css', get_template_directory_uri() . '/css/ie10-viewport-bug-workaround.css' );


}
add_action( 'wp_enqueue_scripts', 'newsite_styles' );

?>


10. Open the style.css file and add the following code.

view-source:http://getbootstrap.com/examples/carousel/carousel.css

Do not delete the above comment line on the style.css. Add the code below the comment line. And save it.

11. Now view the site. Some styles are added. But we have added styles and scripts for header only. We will do footer styles and scripts in next lesson.


Video tutorial:

Google Apps for your business

Do you need good server for your business Email? Are you struggled with your current webmail? Are you feel very hard to use your webmail or your business email. This is the time to change Google Apps Program.

If you are a Gmail user, it's very easy to you. Just sign up and start with FREE trail. All you need is configure your MX record on the server. Google Apps automatically take your business emails into their server.

You can login from Gmail with your business email id like this yourname@domainname.com. You can get some other features of Google apps, They are given below.

1.  Gmail
2.  Calender
3.  Drive
4.  Docs
5.  Sheets
6.  Slides
7.  Sites
8.  Hangouts

For Indians - ₹150/user/month

Link : https://goo.gl/e5zDh7
Type the below Coupon Code get 20% offer (code valid only for Indians)

9KFJXEKQJAQT4C
ALQPEG4NFAHKTJ



 

How to voice typing in Google Docs? - Without keyboard

Google Doc supports voice typing. You can do this by following steps.

1. Voice type is available or support on Google Chrome Browser.
2. Create a new doc file or open a new doc file on Google drive.
3. Then click "tools" on menu.
4. Click "Voice typing "
5. Now voice typing box will appear.
6. Select your language on the voice typing box.
7. Click microphone button.
8. Then speak, whatever you want on your language. 
9. Google docs recognize your voice and converts your speech to text.

That's all.

Now see the video :

How to secure WordPress websites?

No one like their website is hacked by someone else. Securing a WordPress website is not an easy job. In this article we will see how to secure our WordPress website and what are steps we need to take if our website is hacked.

What types of WordPress websites / activities - will hacked easily?

1. If you have lots of vulnerabilities available on your site, then your website is 90 to 100% chance to hack
2. Poor password like your pet name, phone numbers, easily guessing passwords (car number, lucky number)
3. If you didn't have HTTPS on your website URL.
4. robots.txt file enabled on your site
5. Uploading your files without scanning by Virus scanner
6. Sharing passwords to others without proper guidance
7. Using same password for long time
8. Installing FREE and unauthorized plugins, themes
9. Forget to changing passwords often.
10. Forget to changing passwords after the development (cpanel, wp-admin)
11. Forget to update security patches on theme, plugin, WordPress.
12. Social Engineering -> Some of them will talk with you at social media or somewhere else, And getting your password from your speech. 
13. Poor Web hosting, and not updating hosting security patches
14. Showing your domain details.(whois.com, you can find domain details, So hide or secure them when registering domain)
15. Bad encryption system at your database password
16. Using WordPress files in the same folder, You can separate them some other sub folder.
17. Giving full access permission to all files
18. WP_DEBUG is enable after the development
19. Allowing spam comments on your post and page.
20. Disabling firewall
21. Accessing your WordPress admin at FREE wifi network, or some poor networking system
22. Giving direct wp-admin link. You can use  or set alternate link instead of wp-admin.
23. Themes and plugins which is developed security not in mind.

How to avoid and secure your WordPress website:

1.  Always place your files at good hosting companies
2.  Keep one copy of your site files on your hardisk
3.  Install this plugin "Wordfence Security". It helps to protect your WordPress site.
   Link: https://wordpress.org/plugins/wordfence/
4. Limit access control - wp-admin
5. Do not use untrusted plugins and themes
6. Use hard or complex passwords. Change it every month or two weeks
7. Be clean your computer with virus scanner. Scan whenever you need.
8. Don't compromise to update WordPress, themes, plugins.
9. If find any bugs, please report it here .
10.  Find your webserver and network vulnerabilities, try to resolve them as soon as possible.
11. Use SFTP to send files.
12. Give proper file permissions. Don't compromise with permissions
13.  Change your default admin URL.
14.  Put your WordPress files on separate folder.
15. Disable file editing with the following code.
    

    define('DISALLOW_FILE_EDIT', true);

16. Use some good firewall plugins like iThemes Security, All in One WP Security, WordFence, Sheild 
17. Do not allow any unauthorized access to your Cpanel, FTP, wp-admin, Database.
18. Do not access your Cpanel/Admin at different computers, public places, browsing center. 
19. Disable debug code at wp-config (set as false)
20.  Monitor your website through security plugins
21. Learn about social engineering, it helps you how they are getting passwords from you.
22. Care  PHP and WordPress version. If there any updates and conflicts, do it properly.
23. Learn something about hackers, intruders, crackers.

How to create a Bootstrap WordPress Theme? - Step 2

Before reading this tutorial, Please view the step -1 or view the video tutorial : https://www.youtube.com/watch?v=RdokBuEG8Y4

Ok. We will move the second step now.

1. Create another two files in theme folder : header.php and footer.php

2. Now view the following source code, copy and paste it into the index.php file  and save index.php: view-source:http://getbootstrap.com/examples/carousel/

3. From   index.php , cut the code from  "<!DOCTYPE html>" to -  before this comment line

<!-- Carousel
    ================================================== -->
 

Paste the code into header.php file and save header.php file.

4. Please add the following code at top of the index.php file to call the header.php file

     <?php get_header(); ?>   and save the index.php.


5. Finally, cut the footer content from index.php file which starts from " <!-- FOOTER -->" to "</html>" . and add or paste the code to footer.php. Save footer.php

6.  Please add the following code at bottom of the index.php file to call the footer.php file

     <?php get_footer(); ?>   and save the index.php.

7. Now view the site. Your contents will added without styling.

View the following video for this text tutorial.

Some common mistakes - should avoid when blogging

If you are starting or running a blog, you should avoid following mistakes. This helps you to make more money as well as success in your blogging.


1. Search Engine Optimization:

Most of the bloggers are having good knowledge in their subject. But they don't know how optimize the SEO (Search Engine Optimization).  Here are some tips :

• Create Google analytics code and tracking id for your blog and insert it.
• Don't forget to submit your domain name at Google URL submission
• Also submit your domain name to some other search engines like Yahoo, Baidu etc
• Do some keyword research and implement them in your blog
• Update and post new posts often. Search engine loves new and updated contents.
• Put some attractive pictures to post.
• Create Google map to your business location.
• Hosting is very important, Don't buy poor hosting plans, If you are using WordPress, then buy WordPress hosting.
• If you are running WordPress blog, install Yoast plugin and configure it.
• Your contents should be relevant to your blog and fresh.
• Do the software and framework updates whenever it needs.
• Create Social pages and invite your friends to join. Post your article links to your social pages.
• Don't try to increase traffics informal way.
• Try Google Adwords, LinkedIn ads, Facebook ads to increase traffic.

2. Copying Contents from Other Bloggers:

Most of the people don't like to read the contents or information twice. It gets them bored, and they never come to your blog again. Your topic should be new and your own writing. Try to find the new interesting topic and write about it. How to find new topic?

• If you have subject knowledge, then automatically you find new topics.
• So read a lot from internet or books. Then write, based on your own view and thought.
• Go outside, find some groups related to your blog, join the group and share your knowledge. You will get more shared knowledge from them.
• Watch TV news or magazines which is related to your blog. This helps you to increase more about the subject.
• Join a journalism course. It helps you how to write new topics.

 3. Putting maximum and unwanted ads:

If you put 10 or more ads in single page, then your readers willing to move some other sites or blogs. Here are some tips how to put ads in your blog.

•  Don't put popup and clickable ads (Inside your content)  in your blog.
•  Put maximum two to three ads in a single page or post.
•  Avoid / Remove unwanted ads.
•  Avoid to place too many ads inside or between the contents/posts.
•  Free some pages/posts without ads.

4. Reply the comments: 

Don't forget to reply the comments you have received. If not, then users or visitors consider  - you are inactive. It may looks simple one. But its very important to every blogger.

5. Do not use hard English / Language :

Your visitors may be all over the world. So do not use hard words(unfamiliar, unpopular), idioms and phrases, high level grammatical sentences in your writing. It will annoying your visitors and they never like to read your posts. So use simple, easy, familiar words in your writing.

6. Posting articles without consistently:

Many bloggers starting and posting articles eagerly at starting stage. But after few months, they are not interested and dry, giving long gap in their postings. So take some time between your postings and do not run away from your blog. Find some interesting topics and write regularly.

7. Close or Shutdown the blog permanently before getting earnings: 

This very important than others. Because, you have invested some time and money in your blog. You should maintain your blog at least one year. Many bloggers are creating blogs for earnings. If want to earn from your blogging, find some alternate methods. Do not always focus on same methods.

Try something like this:

•  If you are not earning from Adsense, then try alter methods, like infolinks
•  Try some affiliate marketing like CPA .
•  Consult with famous bloggers or join a course something like how to blogging?
•  Get feedback from your readers, friends then improve your writing as per the feedback.

How to delete an account from Google analytics ?

Here are some steps to delete an account in Google analytics.

1. Sign In to your Google Analytics account
2. Click "Admin" on menu.
3. Three column layout will appear, They are "ACCOUNT, PROPERTY, VIEW" .
4. Under the ACCOUNT, select your account you want to delete.
5. When selecting, related property will automatically selected on PROPERTY, If not, select by your own.
6. Under PROPERTY, click Property Settings.
7. In Property Settings page, click "Move to Trash Can" Button .
8. Then click "Delete property"
9. Now your property is deleted but not account.
10. Then select the account "ACCOUNT" , Then select "Trash Can"
11. That's All. 

 

How to create Google Analytics code?

Here are the steps to create Google Analytics code for your website.

1. First you need Gmail or Google account.
2. Then go to the following link in your browser - https://www.google.com/analytics/
3. Click Sign In button on right top corner
4. Select Google Analytics 
5. Give your gmail username and password and logged in.
6. Then click sign up button on the top right corner.
7. Give your information's like step5 Image.
8. Scroll down and click Get Tracking Id button,
9. Select country and I Accept button.
10. Now you get your Tracking script  and ID  like step8 Image.
11. You can put your Tracking id on blogger and Script on your website header.
    
    
    

How to create a Bootstrap WordPress Theme? - Step 1

Hi All,

Necessary files to create Custom WordPress theme:

1. style.css
2. index.php 

You should create these files at the following location

1. In your WordPress installed folder - may be cpanel or local host (click to see how to install WordPress).  Find the "wp-content" folder. Click and open the folder

2.  Inside the  "wp-content" folder, You will see another folder named "themes". Click and open the folder.

3. Inside the "themes" folder, Create a folder with different name. It may be your theme name or a custom name.

4. Inside the newly created folder, create style.css and index.php

Simple steps :

WordPress Folder -> wp-content -> themes -> create a directory or folder with a name. (For Example :"myfolder") -> create style.css and index.php and save it.

Now you have created necessary files for your custom theme.

You should add the following code into your style.css file:

/*
Theme Name: Themename
Theme URI: 1wmedia.com
Author: 1wmedia.com
Author URI: http://1wmedia.com
Description: These the come with sidebar and full width pages.

*/  

In the above code,

Instead of "Themename " use your own or custom theme name. Others - you can use your own URI and Description.

Now login your dashboard -> Appearance -> Themes -> Your theme will display. -> click and activate the theme.

See the picture below:

First step is over. We will see next steps in next post.


Video Tutorial :