Friday, December 26, 2014

Easy Way to Host and Use CSS or JS File in Google Drive Free

host your file in Google drive

What is host or hosting stand for?

Keeping your files any virtual store or place for further use is simply hosting. You are now able to host various types of files for further use. You may need to host CSS, JS or images for use them to your blog or other website.

Why should we host files?

Blogger has no facilities to store extra files. If you want to use CSS or JS to modify your blog then you are bound to use them inline or internally. But SEO expert will recommend you to use external CSS and other codes if possible. Another important thing is using codes internally will decrease content ratio than codes. Search Engines always look for content not for codes. To decrease code ratio we should host files in a suitable virtual store like Google Drive.

Why should we host our files in Google Drive?

There are many providers to host your files. May be they are paid or free. But most of the people will recommend you Google Drive. Because it is free and provided by Google. We can depend on Google without little hesitation.

Easy way to host files in Google Drive

First Create a CSS file as you need to use in your blog or website. Suppose we want to modify heading and paragraph. Then create a CSS file to modify heading and paragraph.

1
2
3
4
5
6
7
8
9
10
11
12
#heading   {
            border: 2px solid #a1a1a1; 
            padding: 5px 10px; 
            background: #dddddd;
            width: auto;
            border-radius: 15px;
            }
#paragraph  {
            text-align: justify;
            font-family:courier;
            font-size:14;
            }
Save it as post.css
Now go to Google Drive and Sign in with gmail account.

Click on Create to create a folder and give a suitable name of your folder. If you use many files and folder the name will help you to recognize them.
Select your folder and click on share button.

Then click on Advance.

Then click on change.

Now select On-Public on the web from Link sharing and click Save.

Now open or double click on your newly created folder.

Upload your post.css file by clicking upload button.

After uploading select this file and and share this file On-Public on the web as you did before for your folder.

Easy way to use hosted file from google drive

When you click on share then you will see the link for respective file. Copy this link.

Now paste this link and see you will get it like this
https://drive.google.com/file/d/0B7zpCJBUlTXTMVRIUHkzSWhpYlE/view?usp=sharing
The bold part is your file id. That is 0B7zpCJBUlTXTMVRIUHkzSWhpYlE
https://googledrive.com/host/ Your file ID
That is
https://googledrive.com/host/0B7zpCJBUlTXTMVRIUHkzSWhpYlE

Now copy this code bellow
Now go your blogger Dashboard >> Template>> Edit HTML

Now paste this Code just after <head>
Now in your post where you use <h ="heading"> instead of <h> and <p="paragraph"> instead of <p >

Save your template and see the change.

In this way you can use your hosted CSS file as you want.

Enjoy your blogging


Sunday, November 30, 2014

Easy Way to Declare Language in Blogger Platform


Declaring the default language of a website plays vital role for SEO. It helps search engines to know about the website language and they don't have to waste time detecting website language. If you want to make your blog / website SEO friendly then this is a must do. 
If you are on WordPress then you'll have built-in functionality for declaring website language but the user of blogspot/blogger are not so lucky. The people using blogger platform have to manually declare language by adding an HTML code inside your blog template. Today I'll show the easy way to do that.

Easy Way to Declare Language in Blogger Platform

The Lang attribute really helps search engines detect a websites language, So if your website is with any regional language or international then you have to declare it. Follow the step by step instruction for declaring language in blogger.

Step 1: From Blogger Dashboard, Go to Template > Edit HTML. (keep back up your template before edit)

Step 2: Search for <html 

You will find a code similar to this (it may vary by template or by more or less editing)
lang attribute
Fig 01: Code may appear like this image

<?xml version="1.0" encoding="UTF-8" ?>  
<!DOCTYPE html>  
<html b:version='2' class='v2'  
expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml'
Now just copy this code given below.
lang="en-US" xml:lang="en-US"
and paste it in the <html> tag as shown in the Fig: 02

insert lang attribute
Fig 02: Insert code after <html


It will look something like this

1
2
3
4
5
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2'
lang="en-US" xml:lang="en-US"
expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml'

Step 3: Save Template
US-English (en-US) is the default language attribute but if your website is of some other language then you can change en-US with the ISO code of your language.

ISO Codes for Language

If your website is of some other language then go to the link given below. There is a complete list of languages with respective ISO codes. Just replace en-US with your desired language code and Save Template.

ISO 639-1 Language Code List


So now you'll be easily able to declare your blog language using the tutorial given  above. If you think this tutorial is helpful, Please leave your comments below.

Monday, November 24, 2014

Easy Way To Use HTML Alt Tag in Image of Blogger (Blogspot) Blog?



By the demand of Optimization (SEO) you should have to maintain some standard criteria during writing a Blog post.

At the time of writing any post, if any optimization is done in order to get rank well in search engines like Yahoo, Bing and Google, then this is called On Page Optimization.
Now a day, the search engines are emphasizing on the On Page SEO more. Without any Off Page optimization, if you just do some On Page Optimization on your page; it’s enough to get higher rank in search engines. It’s proved. I experienced it on one of my Blog and doing better in SERPs.


Adding ALT Tag  in Image is one kind of On Page Optimization and that is very important part of SEO or getting higher rank.

Now, you can think yourself why the Alt Tag is so important for a Image?

Well, the so called search engines especially Google Bot can’t read the images you add on your post. Suppose, you added a image of “Pen drive” on one of your post. You added this photo because you want to tell the search engines what this post is all about. But this is really sorrowful matter is that, Google Bot won’t be able to detect your image. Search Engine Bot can’t read the image; they can read just any kind of text.

So, using ALT tag in your image means, adding a text about what kind of image you are using. In other means, if you use the ALT Tag in images; if the browser’s image load option is stopped, then your browser will show you the Alternative Text; so that you can easily understand that what the image was there.

Using Alt tag in images will increase your search engine positioning in making your blog on top on SERPs.

Suppose if you used an ALT tag on you Pen drive Image; the search engine robot would definitely detect your image that it is a pen dirve image and this post is all about a pen drive.

So, How Can I add a Alt Tag in Blogger or Blogspot Blog Post?

We can do it in tow ways.

One of them is changing HTML Code manually, It is little hard but not impossible for a newbie. If we add ALT tag for image by changing HTML code our experience of Coding will gain also.

Here the process of adding the Alt tag has been mentioned stepwise-
  1. Add an Image as usual method in your new post.
  2. Now click on the Edit HTML tab from the Post Editor Box Toolbar.
  3. Find the HTML code for your Image . Which is most likely                                                                            <img src= “http://ezoneplus.blogspot.com/seo.jpg”>.
    If you want to add a img Alt tag where the Alternative Text will be “SEO”. Then, just put a code like alt= “SEO” after the image source link.
    For example: <img src= http://ezoneplus.blogspot.com/seo.jpg” alt= “SEO” />.
    Here an Alternative Name “SEO” has been added which can be readable by the search engines.
  4. Try to use your post keyword (Just one keyword) on your Image Alt Tag. It will give you visitors from Image Search of the search engines too.
Whenever you make a new post on your Blogspot blog, then after adding an image on post, click on Edit HTML tab and inset the alt html tag manually.

If you think this way of adding ALT tag is very difficult, then you have another shortcut way.


After inserting the image in your post click on this image and then you will see a floating menu with this image.

Insert ALT tag
Image Options

There will be a option name properties. Then click on properties. Then another small popup menu will appear with title and alt field.

alt tag field
alt text: ALT Tag field
In title field write proper title of your image. And in alt field write suitable words which mostly describe your image and related with your post also. Remember it will be a most effective keyword also. It should be with one word.

Enjoy Your Blogging.

Monday, November 17, 2014

Easy Way to Submit Blogger Sitemap To Yahoo and Bing Search Engines

Sitemap submit to bing


I heard from many blogger that their blogs are not getting indexed by bing and yahoo. But they have already indexed by google. Without submit your blog sitemap to bing and yahoo you can’t expect huge traffic because they are biggest one search engine in the world. So you should introduce your blog or site to bing to getting expected traffic. But its not so heard to submit blog sitemap to bing. By this tutorial you will be able to index your blog and it’s all URL to bing successfully.



How To Submit your Sitemap To Bing?


You have to submit your blog sitemap to bing only. Not to yahoo. It will do the remaining job. Lets do it step by step.......

STEP 01: Login to  Bing Webmaster Tools with your Hotmail or Outlook  Account.

STEP 02:  Add your main URL of your blog and click on Add button as shown in the Fig: 01
Submit sitemap
Fig 01: Add Main URL to Bing Webmaster
STEP 03: Now click on SUBMIT A SITEMAP and Copy these code bellow and paste into Add a Sitemap field on next page as shown in the fig:00
Bing Webmaster tools
Fig 02: Adding Sitemap to Bing Webmaster
http://ezoneplus.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=500
Note:  [ezoneplus.blogspot.com] Change this with your blog main URL every where in this post.

STEP 04:  Click on Add Button.

STEP 05:  Now you have to verify your  blog ownership by adding meta tag in your blog.

Bing  webmaster tool will give three options to verify. You you have to be verified with second option

STEP 06:  Copy the Meta Tag which is given in bing  webmaster tool at second option and perform below steps:
             o Login your blogger account  Dashboard>> Template>>Edit HTML
             o Find the <head> Tag and paste meta tag just under it
             o Save the template and 
 
sitemap for bing
Fig 03: Copy highlighted meta tag line
STEP 07:   Go back to Bing Webmaster Tools account  and click  on Verify button.
Thats all. You have successfully submitted your sitemap to bing. Now you are freed from worry. Your 500 post or link will be indexed by bing.

But if you have more than 500 post or link. I hope one good day your post or link will cross the number 1000/ 1500 or more. What will happen then? 

Then do some additional task>>>>>
STEP 08:   Login your bing  webmaster account again and go to dashboard click on SUBMIT A SITEMAP.

For Posts between 501 to 1000

http://ezoneplus.blogspot.com/atom.xml?redirect=false&start-index=501&max-results=500

For Posts between 1001 to 1500

http:// ezoneplus.blogspot.com/atom.xml?redirect=false&start-index=1001&max-results=500

It will take few days, sometimes three days, to induce index your blog posts. In this way you can add more and more sitemap to bing.

Now your blog is prepared to realize organic traffic from Yahoo and Bing. Congrats

Please share this tutorial with others so that others can be benefited by this tutorial. If you need any thing more about this let me know by comment. Thank you. Enjoy now your blogging.

User May Also Like: 

Saturday, November 15, 2014

Simple Way to Create a Navigation/Menu bar in blogger

You have published a blog which have some good content. But when you compare it with other they have a well organized Menu Bar on there blog. Then you must think you should make like that....... isn't it?
Its not a very big deal for an expert.  But .... Are you an expert? Remember ...This post is not for an expert. It will be helpful for a newbie.
You can easily create a Menu Bar in your blog by simply adding a gadget and codes. You don't need to know huge HTML or CSS codes for that.

To Create Menu Bar Follow these Steps

Step-01: Login your blogger and go to Dashboard
Step-02: Click on Layout

Step-03: Click  Add a gadget
Menu bar
Fig 01: Add gadget
 Then another popup window will open. The screen will appear like Fig: 02

Step-04: Now add HTML/JavaScript Gadget from here as shown in Fig 02
Navigation Bar
Fig 02: Select HTML/JavaScript Gadget
Now the configure screen will appear like Fig: 03
Menu
Fig 03: Gadget Configuration Page

Step 05: Leave the title blank.
Step 06: Copy this code bellow


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<br />
<style>
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

li {
    display: inline;
}
</style>

<ul>
      <li><a href="your link">Home</a></li>
      <li><a href="your link">About Us</a></li>
      <li><a href="your link">Contact Us</a></li>
      <li><a href="your link">Your Button Name</a></li>
 </ul>

paste this in content field
    >>For your Home Button you must put your main URL instead of "your link".

    >>For your About Us Button you must create a page before  named About Us and you must put About us page link respective "your link". 

    >>For the Contact Us Button Same thing will be done respectively.
    >>You can add more button in your Menu Bar by this process. as shown in the red link.
    >>When you finished then  --
    Step 07: Click Save and enjoy your new Menu bar

    Additional Important Note:

    You must drag and drop your Gadget in a suitable place of your blog where you want to see your Menu.

    If you think this post is helpful please share it.



    Saturday, November 8, 2014

    How to Add Meta Tag by writng code in Blogspot

    Meta Tag

    Meta Tags :

    Why should I use meta tag in my blog?

    What's the use of them?

     Before learn how to do we must learn why should we do. Meta tags are not the code of displaying something on your page. Your visitors can't see them. But these codes will introduce your blog with search engines.
    It will tell the search engines which type of blog or site it is, what type of content carry it, who is the author of this blog or website. With this your blog will be well intimate to the search engines. 

    The way of adding codes:  

     CAUTION: 
     Before Customize any code you must get the backup of your template for your safety. If your editing goes wrong then upload your template which you got before by getting backup. All problems gone. if not then then you have successfully edited your codes. 

    At first log in your blogger account and then go to Dashboard then click on template as shown in the fig: 01


    insert meta tag 
    Fig: 01

    Then the screen will appear like the fig: 02 and then click on Edit HTML button as shown in the fig: 02. 
    meta tag
    Fig 02: Click Edit HTML

    Now find  this code in HEAD section by pressing Ctrl+F as shown in the fig: 03. 

    <b:include data='blog' name='all-head-content'/> 

    Add Meta tag
    Fig 03: Find this yellow highlighted code

    Now Copy and paste this code above under this line as shown in the fig: 04


    <meta content='DESCRIPTION' name='description'/>
    <meta content='KEYWORDS1,
    KEYWORDS2, .......,' name='keywords'/>
    <meta content='AUTHOR' name='author'/>

    Insert meta tag
    Fig 04: Insert code like red box

    Now you must change the words with Capital letter with respective values and Click on Save template

     Note:-

    1. Write content description in DESCRIPTION.
    2. Write content keyword in KEYWORD.
    3. write the name of author in AUTHOR.

    Saturday, October 25, 2014

    Ten straightforward ways in which to Promote your Brand or Yourself on Social Media


     

    Social Media

    Twitter

    Twitter is wildly popular and it’s a great way for you to interact and your community and audience! Promote your Culture Days activity and other content that you want people to see. This is the best approach to promote, communicate, and find your name out there, because Twitter is brief, sweet so easy to use.

    Facebook

    The social media large is another good place to share your activity and find feedback to use to your advantage. Share behind-the-scenes news with everyone by uploading photos, posting updates and causation invites to friends.

    YouTube

    You may or not bear in mind of it, however nearly everybody uses YouTube. It’s the second largest computer program within the country, and one of the largest sites for mobile phone traffic, thus individuals square measure even as doubtless to travel there to seem for you as they're Google. thus here may be a large chance for you to post videos and promote your creativity! And declare your Culture Days participation by together with our video bumpers in your infective agent hit!

    1. Be yourself

    The key to success is legitimacy. once you genuinely fancy what you are doing, it's mirrored through your posts and engagement on Twitter and Facebook.

    2. Keep it short, sweet and amazing.

    By making ideas that square measure headlines in themselves like “Celebrate the ability of our city! #CultureDays” you're posting straightforward, attention-getting content that's simply shareable.

    3. Don’t simply link

    Some individuals use their social networking sites to post links — heaps and plenty of links. Relevant links square measure nice, however it’s not enough. Use the link as some way to spotlight your experience and opinions - all the whereas promoting yourself.
    If you discover an excellent article a few topic in your field of interest, rather than simply tweeting the URL, post the URL together with your thoughts. what's the most effective part? square measure there statements created with that you disagree? are you able to provides a real-world example of some thought the article discusses?

    4. Dress it up with transmission

    Sometimes, visual pictures stick during a person’s mind quite words do. Today’s social networking services create it straightforward to decorate up your posts with quite simply text!
    Are you AN creative person posting a few recent project? Add a couple of photos taken within the studio. If an image is price one thousand words, what’s a video worth? need to market your songwriting talents? however a few video showing a clip of your latest melody?

    5. Follow

    Follow the leader? Nah, follow your following. Following back isn't solely a pleasant gesture, however conjointly once somebody starts following you; you need to understand what they’re all regarding.

    6. Put your Twitter handle in your email signature

    How many emails does one send per day? currently imagine every email you send may be a likelihood for somebody new verify regarding your amazing Twitter page!
    Get the word out regarding your participation in Culture Days by together with this specially designed graphic in your e-mail signature. simply copy and paste it beneath your eSignature and let everybody understand that you’re concerned within the largest arts & cultural public participation campaign in Canadian history sweeping across the country and into your community September twenty six, 27 and 28!

    7. Tag @CultureDays

    By tagging Culture Days in your Twitter and Facebook posts, different the growing Culture Days network are going to be able to see your page and you will get some cross-traffic.

    8. place a custom banner on your web site or diary

    Let the globe understand your Culture Days activity. putt a made-to-order internet banner on your website/blog can get the picture ahead of all of your guests.

    9. Link your activity page through Facebook and Twitter

    Copy and paste your Culture Days activity page and place it beneath the “links” section (on Facebook) and “website” section (on Twitter) to ask your friends. additional individuals than you think that certify a part of your profile!

    10. Timing

    Posting regularly is vital, however it’s simply as vital not to over-post. It’s far better to house them out throughout the day, in order that your followers and friends don’t get flooded or lose interest in what you've got to mention once seeing many posts during a row from you. Facebook, for instance, can hide a number of the posts in your friends’ feed if there square measure several during a row from identical person, in order that they won't even see all if they don’t expressly click the link to check additional.

    Note:  

    You must keep your Social Media profile most like personal. You can post some personal event sometimes. You should like or comment on other's post and for this they will keep more attention on your post in facebook or twitter or likewise.

    Wednesday, September 24, 2014

    How to remove write protection and format your flash drive


    16 or 32GB of sweet USB flash drive space for storing simply sits in your workplace drawer, But it. remaining useless. Why? It’s write protected and you are trying to format the stupid thing! But you failed to complete this task. Or can you? Many people looking for solution over internet for this problem.
    First, be sure you really need to do it. are you sure your USB port is working properly? perhaps it’s simply that your flash drive is corrupted?
    We’re about to get to all-time low of this drawback and either you’ll be stashing all of your contemporary Firefly fan fiction thereon drive, that the boss doesn’t see it, or you’re about to be doing the workplace area dance thereon within the car parking zone. It’s one or the opposite nowadays, baby! Let’s go.
    First things 1st – are you able to take away the write protection of your pen drive? You must followed all the steps in our article on fixing write protection errors on a USB pen drive. There’s still one issue we are able to attempt that was the victim of oversight therein article.

    Remove Write Protection With Diskpart Utility

    Click on your START Menu and write cmd in the programs and files field. It ought to show up at the highest of your begin menu. Right-click there on cmd.exe and choose Run cmd as Administrator.
    Remove write protection

     You should currently see the Command Line Utility, that look like the image.

    Remove write protection


    Type within the command DISKPART and hit Enter. Diskpart may be a disk-partitioning tool that's engineered into Windows and is accessible through the Command Line Utility. With it, we are able to modification the values related to your USB drive.

    Remove write protection


    Now write LIST DISK and hit Enter. you ought to see a table one thing just like the one below. It shows 2 disks being available: the magnetic disc Drive (HDD) as Disk zero, and also the USB flash drive as Disk one. we all know that the USB flash drive is Disk one as a result of it's abundant smaller than Disk zero at solely 7441 MB versus 298 GB. You must be careful from here on out! you'll be able to see that if you begin operating with the incorrect disk, things will get ugly faster than once the lights come back on eventually decision.

    At this time, write SELECT DISK 1 and hit Enter. You’ll be rewarded with the information that Disk one is currently the chosen disk. sort in ATTRIBUTES DISK, and Diskpart can tell you what you would like to understand concerning your flash drive. most vital is that the 1st line Current Read-only State: yes. This shows us that the flash drive you are trying to format is write protected.
    To remove the write protection with Diskpart, write the command ATTRIBUTES DISK CLEAR READONLY. If it works, you will get confirmation like the image bellow.

    Remove write protection


    Double-check this by attempting to repeat a tiny low file to your USB drive. If it works, great. If you continue to get the write-protect error, it’s time to bring out the heavy guns. Utility Software.

    Disk formatting take a look at methodology

    The workplace for these utilities may be a Windows seven laptop with a Kingston DataTraveler DT101 G2 8GB USB a pair of.0 drive.

    Remove write protection


    Before every take a look at, the drive encompasses a take a look at file placed thereon and also the drive is write protected via the Diskpart tool. The USB drive is then off from the pc and reinserted. This ensures that the pc is reading the most recent attributes. Skipping this step generally ends up in Windows soul not having the ability to check the drive.
    The USB drive attributes checked in Diskpart and a shot is formed to repeat another take a look at file to the USB drive. If the copy fails then it may be safely assumed that the write protection is functioning.

    The information utility is then run on the take a look at drive. If it ends with a hit screen, then the USB drive is checked in Windows soul to check if the take a look at file remains there. If the take a look at file is gone, the utility is asserted to possess formatted the USB drive undefeated.
    To see if the information removed the write protection, a shot is formed to repeat the take a look at file to the USB drive. If the file copies with success, the write protection has been removed. If not, then the drive attributes square measure checked via the Diskpart tool to check if the drive remains write protected, and accessible by the pc.

    We’ll solely point out the utilities that did work on this specific drive. different information and USB drive utilities may fit on your drive, particularly if it's one thing provided by the manufacturer. If the manufacturer’s utility doesn’t work, go to the place wherever you purchased it or contacting the maker. several of them supply repair or replacement services.

    USB Formatting Utilities

    Apacer USB3.0 Repair Tool


    The Apacer USB three.0 Repair tool has 2 functions – format and and restore. It’s essential.

    Remove write protection


    As you'll be able to imagine, format is meant to format the USB drive and restore is supposed to form your USB flash drive work once more. however the restore perform works is by playacting a coffee level format. That utterly wipes your USB drive and restores it back to its plant default values.

    Remove write protection


    The format did work on the take a look at drive, but the write protection was still intact. The restore perform conjointly formatted the flash drive and renamed it PUBLIC, however still the write protection was intact.


    Remove write protection


    If neither of those functions works on your Apacer USB drive, Apacer will have a press release on their web site asking to contact with their selective dealer or distributor that you simply original purchased the merchandise to induce replacement, if the flash drive still can't be repaired.”

    Kingston Format Utility

    As shortly because the software was started, it known the drive, and it’s current filing system.

    Remove write protection


    Very quickly, it worked, however still left the flash drive write protected. just like the Apacer tool, it modified the name of the drive additionally, however to Kingston rather than Public. It wasn’t very shocking that it worked, with the take a look at drive being a Kingston product.

    The Takeaway

    These 2 programs were the sole ones that worked on information take a look at drive, so that they alright may fit on your drive. However, the programs didn't take away the write protection, that was what we actually needed to happen.
    As was noted before, check the web site of your USB flash drive manufacturer to check if they need a program that may assist you, or a repair or replacement service. keep in mind to undertake all the steps mentioned within the fixing write protection errors on a USB pen drive during this  article additionally because the directions for dynamical attributes in Diskpart. If all of that doesn’t work, you would possibly wish to place on your stomping boots, do the workplace area dance thereon, and head right down to your native distributer to induce a replacement one.

    If you’ve found differently to format a write protected flash drive and take away the write protection, we’d like to examine it within the comments. After all, we’re dead this along and that we like to share expertise.

    Contact

    Name

    Email *

    Message *