Monday, 18 February 2013

What is the Difference between Blog and Website?

Most of the people confuses in this matter. The term, Blog is introduced from the word 'Web log'. What is the difference between a Blog and Website? Very simple. A daily updated portal is said to be a 'Blog' and An online portal, which is used to inform an information or business related portal is said to be a 'Website'. For example, Google is a website and Today's World Lab is a blog!
       You can ask, A news paper portal will be updated daily, So is it a blog? Absolutely! It is a blog. But, no most of the people don't know/accepts this true fact! Here, I am presenting the differences between a blog and a website in a table. Check this for full clarity :)

Differences between Blog and Website:

Blog Website
Increasing/Frequently Updated Content Constant Content
Dynamic Static
Articles/Stories Customer Benefits
Personal and Sharable content Businesslike content
Having Authorship Lack of Authorship
Care and Feeding Once and Done
Easy to Feed Hard to Upload

Doubts?

If you have still any doubts about the differences between Blogs and websites, Drop a comment below. I'll clarify ASAP :)

Sunday, 17 February 2013

Host HTML, CSS, JS & Web Content in Google Drive

You all know, Google drive is one of the recent and most useful cloud storage. In past, Drop Box and Sky Drive are the only popular cloud storage services. But, The files under Drop box and Sky drive are not permanant and secure. But now, We can also host Web content in Google Drive and we can use those files with unlimited bandwidth. Mostly, People are using paid hosting to host their scripts and files online. Now, It's Google turn! I think you all know, Google products are completely reliable. Even, A hosting company can close, But, Google products are safe and secure :P
       Also it is a great thing for freelancers to show their work to clients. We can safely share our files, photos and videos in Google without any fear with spammers and hackers. Google drive giving us 10GB per an account and it is completely free! If you really complete 10 gigabytes, Then, create a new Google account and host again :D

Instructions before Hosting Web Content on Google Drive

We can host HTML, CSS, JS and all other web formats except PHP, ASP such formats. Because, Those formats need back-end process. However, You cannot create dynamic websites on Google Drive. You can only host the web content, personal stuff and use them with unlimited bandwidth. Earlier, Professionals are used Google Code to host their files. But, After crossing the limited bandwidth, The hosted file will deletes automatically without any notification. But, In Google Drive, It's your drive! You can host whatever with unlimited bandwidth, except illegal content.

How to Host Web Content on Google Drive?

First log in to your Google Drive account through your Web browser and create a folder and share the folder to Public. It is most important to share the folder with Public. As shown in the below figure, First create folder.
After clicking on Share option, You can see the dialogue box as shown below. Look under 'Who can access' and select public. 
Now, go to the created folder and upload your web content or files. There is a slight important thing that, After uploading the file, you will get a url like https://docs.google.com/folder/d/link-to-your-site, Change this  format to https://googledrive.com/host/link-to-your-site. Note that, link-to-your-site remains the same.       Also read the info given by Google drive, How to host web pages on Google drive.
       That's it. You are all done! Try this out with your own Google Drive account! If you have any doubts regarding this, drop your comment below. I hope you'll enjoy this post :)

Friday, 15 February 2013

How To Recover a Deleted Blog?

In the daily basis, Bloggers are increasing across the world in a huge number. Most of the blogs are violating copyrights, Only few blogs are running genuinely. The blogs, Which are running with Copied content, illegal material..etc., will be deleted due to DMCA.
          Google only deletes the blogs, Which are violating Blogger and DMCA terms permanently without any Notification. Most of the blogs are deleted in a monthly basis, Sometimes genuinely and sometimes mistakenly. If you are sure that, Your blog is deleted mistakenly, Don't worry. You can recover your blog easily. If your blog is deleted due to copyright violation, Your blog will not back. Be patience, There are several ways to get your blog back, If your blog is deleted mistakenly. Just follow the following steps :)

1. Contact Blogger Team

Send a counter notice to Blogger team and mention everything about your blog in a peaceful manner. You have to submit your Name, Email, Phone Number, Blog Address (Not custom domain, Provide your blogspot address) and signature in the following form.

2. Send a Spam Appeal

If you are not received any response by contacting Blogger Team, Then submit an appeal by using this Secret form.

3. Post a thread at Blogger Help Forums

Post your appeal in a peaceful manner with exact details at Blogger Help Forums. Click the following link and make a thread there.

4. Visit Google Customer Service Center

You can consult GCSC (Google Customer Service Center) office located at your local town or city. If you are running your blog officially with huge number of followers, Consult a GCSC office which is located nearer to your area. All GCS Centers across the world are located in the below page.

Why a blog deletes, Even though the blog is running Genuinely?

Every day, Google receives a big number of DMCA complaint reports. Blogger team verifies their level the best and takes an action against the infringed URL. Some of hackers sends false claims with neat presentations to confuse Blogger team. If blogger team confuses, Then your content will deletes. If you are sure that, Your content is legal, Then you can re-appeal to Blogger team from the mail, Which you receives after the deletion of the content. If your blog receives many false claims at a time and Blogger team confuses, Then your blog will deletes.
          So, Blogger giving an opportunity for genuine bloggers to restore their blogs back. Just follow the above steps. If you ran your blog officially, without violating Blogger terms, Your blog will definitely backs.

Doubts?

After submitting an appeal to Blogger Team, Give at least 24-48 hours to google. If your blog is not restored, Then only go to step 2. Many people restored their little baby without any loss. If your blog is not back from all the three steps, Go to the fourth step. Then you can know the full details. Please note that, Don't make any false claims. That will lead to suspension of your Blogger account!
          If you have still any doubts regarding this, Feel free to ask below by adding a comment. I know you'll   have tons of questions. I'll definitely respond ASAP.

Monday, 21 January 2013

Automatic Read More with Thumbnails For Blogger Posts

Read more function is used to cut our post on homepage, post will appear fully when we click read more link. It's cut automatically and if we insert image, it appears thumbnail. Generally, If we want to get read more post, We have to add Page Break for the post. But It is hard to do this for every post. So, To get read more option for every post automatically, Follow the below procedure.
  1. Go To Blogger > Template > Edit HTML > Expand Widget Templates
  2. Find this: <data:post.body/> and Replace it with the below code.
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/><b:else/> <b:if cond='data:blog.pageType != "item"'> <div expr:id='"summary" + data:post.id'><data:post.body/></div><script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'>Click Here To Read More...</a></span> </b:if><b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if></b:if>
3. Paste the below code just above </head> tag.
<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}

//]]>
</script>
4. That's it. You are all done! If you have any doubts, Drop your comments below! 

Saturday, 22 December 2012

HTML Color Code Generator

The below two tools will help you to get the six digit hexadecimal color code value. The tools will helps you a lot in customizing Blogger templates, HTML Editing, Appealing posts..etc. Just follow the following instructions to know how to use the generators.

Color Code Generator

Instructions:
  1. First drag the bar on the "Hue" selector to the area of your desired colour palate. 
  2. Then click inside the Brightness/Saturation area and drag the cursor until you have achieved your desired colour. The "Swatch" bar shows you the final colour result.
  3. The hexadecimal colour code is generated in the "Hex" box. Simply copy the six digit code i.e #000000
  4. That’s it!

Color Wheel For Choosing Matching Palate Colors

This is a pretty useful tool to achieve matching or cohesive colours for navigation menu, background, hyperlinks, header etc. Instructions:
  1. Simply paste the six digit colour code in the form below without the hash (#) sign and then hit Update
  2. The matching colour codes will appear inside the four boxes at the right side.
  3. You can then copy the hex values and start using them!
All due credits for these tools goes to 2createawebsite