Friday, October 13, 2017

Review of CodeLobster PHP Edition

CodeLobster is  a multi-functional Portable PHP Integrated Development Environment (IDE) with HTML,CSS, JavaScript to develop application perfectly. It is widely used for Wordpress and Joomla for its flexible plug-ins.

Review of CodeLobster PHP Edition

 
Features:
  • It has free version with free license key by official. 
  • Free Code Editor with syntax highlighting and auto-completing. 
  • PHP Debugger.
  • It supports about 14 languages. 
  • HTML inspector is available for free.
  • Code inspector, validator, formatting, snippets, SQL Manager, Version control system features are available in Lite Version.
  • It supports flexible and powerful plug-in for popular CMS and Frameworks of Professional Version and it is premium. 
  • Update one version to another is easy and CodeLobster offers Lifetime Free Update. 
  • Before purchasing premium, you can use trial version for 30 days.

Pros and Cons of CodeLobster

Pros:
  • Autocomplete: You don't need to think with function name, class name, keywords, curly braces etc when you write code on this Editor for the several languages. It will autocomplete where it is needed.
  • Code Validator: The great feature of CodeLobster is code validation for PHP, CSS, HTML. It shows the errors instantly. 
  • Code Snippets: This editor shows the related code snippets when you start code.
  • Plug-ins: For why I love this. Very flexible and powerful plug-ins for the major CMS, it makes the work easy and in-time.
  • Version control system: To control the version of your project or application, it allows through SVN and git.
  • FTP/SFTP supports: To publish the project, it allows FTP/SFTP. So it is easy to connect your project with FTP server through Filezilla and other FTP software.
  • Low price: Where the price of other PHP IDE about $100-$500, CodeLobster PHP Edition offers 3 versions: Free, Lite for only $39.95 and Professional for $ 99.95.
  • Forum and support: To get instant help from CodeLobster, it has active forum and contact system.
  • Software update history: The recent FREE Version 5.13 released in
    July 11, 2017 with bug fixed and integrating new features.
Cons:
  • Operating System Limitation: Currently CodeLobster can be installed only on Windows OS. It is not available for other OS like Ubuntu, Linux Mint, Mac OS. Hope it will available very soon.
  • Free Version
  • Free
  • HTML editor
  • HTML code inspector
  • CSS editor
  • JavaScript editor
  • PHP editor
  • PHP debugger
  • Get Free Code
  • Lite Version
  • $ 39.95
  • All Features of Free Version
  • SQL manager
  • Version Control Systems
  • Code validator, snippets, formatting
  • SASS and LESS
  • Node.js support
  • Sorting and Convertion
  • Purchase
  • Professional Version
  • $ 99.95
  • Free + Lite Version
  • Supported Frameworks: CakePHP, CodeIgniter, Laravel, Phalcon, Smarty, Twig, Yii Plug-in
  • JavaScript Frameworks: AngularJS, BackboneJS, JQuery, MeteorJS Plug-in
  • CMS Support: Drupal, Joomla, Magento, Wordpress Plug-in
  • Purchase

Recommend: ★★★★★

Let me know what is your review of CodeLobster PHP Edition. Happy coding !

Read More »

Tuesday, October 10, 2017

HTML Meta Tags for Blogger

Optimization with HTML Meta tags is the most important to make your Blogger SEO friendly.
You can't talk to Search Engine about your blog any without adding HTML Meta tags that which type page you want and don't want  to index, crawl.
Google recommends using Meta tags because it can understand and using Meta tag helps to provide information about site.

Indexing and crawling aren't the main purposes, to familiar with your blog, content, authorization; to show snippets of data of your blog on search engine, social site etc are done by meta tags.


HTML Meta Tags for Blogger

This article will help you to PROPER use of HTML Meta Tags for your Blogger blog STEP-by-STEP.

1. Open Graph Protocol (OGP) Meta Tags

To enable blog pages to become rich object on social site specially for Facebook, you have to install OGP for your blog.

To install, follow the instructions.

1(A) Replace your <html....> tag with
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:og='http://ogp.me/ns#'>
1(B). Replace your <head...> tag with
<head prefix='og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#'>
1(C). Paste the following meta tags just after the above <head> tag.
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='PUT URL OF YOUR BLOG LOGO HERE' property='og:image'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.metaDescription' name='og:description'/>
</b:if>
<b:if cond='data:blog.pageType == "index"'>
<meta content='Put Short Description of Your Blog.' name='description' property='og:description'/>
</b:if>
<b:include data='blog' name='all-head-content'/>
<meta content='blogger' name='generator'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/>
<link expr:href='"http://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if>
</b:if>
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
<meta content='Your Name' name='Author'/>
<meta content='general' name='rating'/>
<meta content='your email' name='email'/>
<meta content='en_US' property='og:locale'/>

2. Meta Tags for Dynamic Title

Replace Your <title>....</title> tag with the following:
<b:if cond='data:blog.pageType == "index"'>
<title>Blogger, Code and Ubuntu Platform</title>
<b:else/>
<b:if cond='data:blog.pageType != "error_page"'>
<title><data:blog.pageName/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == "error_page"'>
<title>Page Not Found - <data:blog.title/></title>
</b:if> 
3. Verification Meta Tags
To get better result from search engine, you must connect your website with Google, Yahoo/Bing, Yandex Webmaster Tool. To verify you have to put verification code provided by them with meta tags on your blog.
Learn -

Put the following meta tags just after title tags. Similarly step 4,5 also.

<meta content='Verification Code' name='google-site-verification'/>
<meta content='Verification Code' name='yandex-verification'/>
<meta content='Pinterest Verification Code' name='p:domain_verify'/>
<meta content='Bing Verification Code' name='msvalidate.01'/>

4. View Port Meta Tags

To enable your blog mobile supported, you need to add view port meta tags.
<meta content='width=device-width, initial-scale=1' name='viewport'/>

5. Social Site Meta Tags

<meta content='Facebook App ID' property='fb:app_id'/>
<meta content='Your Profile ID in Digit' property='fb:admins'/>
<link href='https://plus.google.com/+YOUR USER NAME/posts' rel='publisher'/>
<link href='https://plus.google.com/+YOUR USER NAME/about' rel='author'/>
<link href='https://plus.google.com/+YOUR USER NAME' rel='me'/>

6. Twitter Card and Pinterest Rich Pin Card Meta Tags

What is Twitter card?
Twitter card allows full width image, Post Title, short snippet of sharing Post's URL. Without adding meta tags for Twitter card on your Blog, it doesn't show like below .
Similarly Pinterest Rich Pin allows like Twitter Card when pin.

To enable those, find for uncustomized-post-template and hit Enter. You will get twice. Stop at the second and you will see a div tag or article tag with this attribute. Put the following code just after this tag.
<!-- Twitter Card Tags -->
<meta content='@compromath' name='twitter:site'/>
<meta content='@Elliyas_Ahmed' name='twitter:creator'/>
<b:if cond='data:post.firstImageUrl'>
 <meta content='summary_large_image' name='twitter:card'/> <!-- summary_large_image or any other your card types -->
 <meta expr:content='data:post.firstImageUrl' name='twitter:image'/> 
<b:else/>
 <meta content='summary' name='twitter:card'/>
 <b:if cond='data:blog.postImageThumbnailUrl'>
    <meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image'/> 
 </b:if>
</b:if>

<b:if cond='data:blog.pageName'>
  <meta expr:content='data:blog.pageName' name='twitter:title'/>
<b:else/>
    <meta expr:content='data:blog.title' name='twitter:title'/>
</b:if>

<b:if cond='data:blog.metaDescription'>
 <meta expr:content='data:blog.metaDescription' name='twitter:description'/>
<b:else/>
 <meta expr:content='data:post.snippet' name='twitter:description'/>     
</b:if>
<meta expr:content='data:post.sharePostUrl' name='twitter:url'/>
      <!-- /Twitter Card Tags -->

<!-- Pinterest Rich Pins Tags -->
<meta expr:content='data:post.timestampISO8601' property='article:published_time'/>
<meta content='Technology' property='article:section'/>
<b:loop values='data:post.labels' var='label'>
<meta expr:content='data:label.name' property='article:tag'/>
</b:loop>
      <!-- /Pinterest Rich Pins Tags -->

7. Indexing Meta Tags for Robots

You can control indexing, noindexing, following, nofollowing, revisit etc by search engine bot on your blog by using meta tags. Put the followings just after <head> tag.

<meta content='global' name='distribution'/>
<meta content='1 days' name='revisit'/>
<meta content='1 days' name='revisit-after'/>
<meta content='document' name='resource-type'/>
<meta content='all' name='audience'/>
<meta content='general' name='rating'/>
<meta content='all' name='robots'/>
<meta content='index, follow' name='robots'/>
<b:if cond='data:blog.pageType == "archive"'>
<meta content='noindex' name='robots'/>
</b:if>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>

*** Remarks: Be alert using the indexing meta tags. Don't make conflict this with robots.txt setting. Use the same setting on robots.txt file.

Check Meta Tags Validation Online

Now check the validation of HTML Meta tags for your blog.

Facebook Object Debugger: You can check Facebook snippet of your Blog Post's URL.

Put your post URL and observe the result. If you have no problem, you will see no warning or error. If you have, solve according to instructions.

Twitter Card Validator: Similarly put your post URL and observe the result.

If you do successfully, you will see the following resutls:

*.yourdomain.com is whitelisted for summary_large_image card
INFO:  Page fetched successfully
INFO:  31 metatags were found
INFO:  twitter:card = summary_large_image tag found
INFO:  Card loaded successfully
Learn more about Twitter card.

Rich Pin Validator: Check your Rich Pin validation from here.

I hope you have enjoyed HTML Meta Tags for your Blogger blog.
Read More »

Monday, October 9, 2017

Best Phone Cases for Samsung Galaxy s7 [Top Sell]

ZizoWireless offers the most exclusive, protective and attractive phone cases for several brand as Samsung Galaxy S7.
Here is the list of 4 Phone Cases for Samsung Galaxy S7 with features:
  1. Zizo® Bolt Case:

    Zizo Bolt Case for Samsung Galaxy S7

    Features: • 12 - Feet Drop Tested • Weather Resistant • Suited as you need • Additional Free Tempered Glass Screen Protector • 360ยบ Holster Clip • Hands-free Viewing • Heavy-Duty • 12 colors are available • Best user experience
  2. Zizo Ion Case :

    Zizo Ion Case for Samsung Galaxy S7

    Features: • Military Grade Drop Tested • Additional Free Tempered Glass Screen Protector • Three Layers of Protection • Cover Ports • 12 colors are available • Best user experience • Currently 6 colors are available.
  3. Zizo Static Case :

    Zizo Static Case For Samsung Galaxy S7

    Features: • Exclusive and attractive case with more protection. • Absorb Shock force • Doesn't take a beating. • Built-in kickstand both Vertically and Horizontally • 5 colors are available. • Recommended by buyers.
  4. Vettore by Zizo Phone Case :

    Vettore by Zizo Phone Case for Samsung Galaxy S7 G930

    Features: • More fashionable and functional with higher protection. • Embedded cosmetic mirror • Smooth exterior design • Removable Thermoplastic polyurethane layer • Tempered glass included • Two interiors card slots for money, credit cards, or ID
Read More »

Wednesday, October 4, 2017

Introduction and Basic Terminology of DSA

Information is power. But information is the collections of organized data and data is the values of attributes.
Example:
Attributes First Name Last Name Age Sex
Values Elliyas Ahmed 24 Male

  • Data Item: Single unit of values.
  • Sub Items: Here First Name and Last Name are two Sub Items.
  • Group Items: Color = {Red, Blue, Violet}

Introduction and Basic Terminology of DSA

Elements of organized data: Fields, Records, Files.
  • Field: A single elementary unit to represent an attribute of an entity. Example: Age, Sex
  • Record: A collection of field.
  • File: A collection of record.
Primary Key: An attribute from a record can serve as Primary key if it be the unique. Observe the following record:

SL. NO Student Name Session Age
1 Masud Parvej 2012-2013 24
2 Rahul Roy 2009-2010 27
3 Masud Parvej 2013-2014 24
Here SL.NO attribute is the unique. Because, the values of other attributes (Student Name, Session, Age) may be same but the values of first attribute can’t be same. So SL.NO is the primary key for this record.

Data Structure: The organization of Data in logical or mathematical is called Data Structure.
  1. Arrays: Type of Data Structure that contains a list of finite numbers or characters.
  2. Linked Lists: Linked list is a linear collection of elements (of data) and the order of linear is ordered by means of pointer.
  3. Trees: A non linear data structure to represent the relationship between element in hierarchical.
  4. Stack: Stack is a list of elements, in which element can be inserted or deleted from the top. So it is known as LIFO (Last In First Out). Example: Stacks of plates in a bucket.
  5. Queue: Queue is a list of elements, in which element can be deleted from the bottom or end. So it is known as FIFO (First In First Out). Example: A Queue of Bus.
  6. Graph: A graph is a non linear data structure which is consist of nodes and edges.
Data Structure Operations:
  • Traversing: Accessing all record exactly once sequence by sequence. Example: Reading, Printing all the elements of a record once. 
  • Searching: Finding the location of a given value from record base on condition. 
  • Inserting: Adding new record to the given record. 
  • Deleting: Removing any record from the given record. Sorting: Arranging records in logical or mathematical order. 
  • Merging: Appending records.

Algorithms

Algorithm: he easiest and effective steps for solving a problem. Complexity: It is the function of algorithm that returns running time, memory space in terms of input. Questions on this lesson:

Try to solve without revise. If you can’t, try again from the beginning of this lesson.

  1. What is the main difference between field, record, file? 
  2. For a record, what is the condition for an attribute to serve as primary key?
  3.  What are the major operations of Data Structure? What is the measure of complexity of algorithm?
Read More »

Thursday, September 28, 2017

Functions in C for Beginners

What do you mean by function? We see in mathematics, function can be defined as y = f(x), where function of x is assigned to y.

Here x and y both are variable. But x is independent variable and y is dependent (on x) variable.

For any value of x this function returns at least one value for y.

Example: If y = x2 be a functional statement and the let the value of x is 2 then the function will return 4 as the value of y.

Oh, x in the function is called argument.

Exactly in C Programming language, function works as the above.

In C program, we have to define the name, data type of function and argument as like variable.
Functions in C for Beginners


Suppose we want to make a function that will take integer number as argument and return the square of the argument, about which function has been discussed just before.

So we have to first the data type of function as int and name it.
int square(int x)
{
    int y;
    y = x * x;
    return (y);
}
Observation:
    • Defining integer type of the function means, this functional will return result as integer.
    • Defining integer type of argument means, this function can only input integer number.
    • In C, argument must be within parentheses.
    • The process of this function enclosed by curly braces. First curly brace to start the function and second to end.
    • Int y to declaration variable y as local variable.
    • y = x * x; is the functional calculation.
    • return(y); will return the value of y after calculation as output of this function.
Passing more than one argument.
Multiple returns.

Types of Function in C

Functions in computer science are two types: Built-in function and user defined function.

1. Built-in Function: This function is built by the author of programming language to make easy to access program. We can call it ready made function.

Some example of built-in function:

Main function, print function, scan function are the great example of built-in function.

2. User-Defined Function:
What is user defined function?
User defined function is a type of function that is built by user.
That means, programming language like C allows to create new function.

Elements of user defined function:

    • Prototype
    • Function Definition
        ◦ Function Data Type
        ◦ Function Name
        ◦ Function Parameter
        ◦ Function Operation
        ◦ Function Return
    • Calling Function from Main Function

Example of User-Defined Function:
#include <stdio.h>
int sum(int a, int b); //Prototype
int main() //Main function
{
 
	int result;
	result = sum(10,5); //Calling/caller Function

	printf("%d\n", x);
	return 0;
}

int sum(int a, int b) //Function definition
{
 return (a+b); //Function return the sum of a and b.
}
Prototype: Prototype in function of C is the declaration of user-defined function to use that is declared before main function.
Example: int sum(int a, int b);

Function Definition: Function definition is a process to define the function how will it works, what will take input, what will return to main function, which data type parameter, return type will permit it. It is the main part of user-defined function.

Function Data Type:
The data type of function defines what kind of data this function will return.

If we define as int, float, double it will return integer, float, double value to main function respectively.

Function Name: The name of function must be declared before using function like variable. The rules of function name is similar as variable declaration in C.

Function Parameter: Parameter of function is the resources for which input function can return output by processing. Parameters are defined within parentheses after function name. Multiple parameters are separated by comma.

    • In function declaration and definition parameters should be same name but must be same of data type.
    • In function definition, operation must be organized with parameter of its.
    • In main function, use declared variable as parameter in calling function.

Function Operation: Function operation is the process to make output.

Function Return: To make output, user defined function returns something to main function by calling function.

Calling Function from Main Function:
Structure of User defined functions in c
It is not enough to define a function in program (for any programming language). We have to call it main function. Probably you know that, every C program must have a main function. It is called main function because, whatever we want to do through program, we have to do from main function. It is the root of program. In interpretation, compiler actually compiles base on main function statement-by-statement. If statement be a function that is defined outer from main function, then the compiler calls the defined function.

Caller Function:
The function is defined within main function is called caller function. Caller function contains initialized value/variable as arguments.
Here sum(10,5); is the caller function.
Called Function: The defined function outer the main function is known as called function.
Here -
int sum(int a, int b) //Function definition
{
	return (a+b); //Function return the sum of a and b.
}
is called function.
Have got this article helpful or not working? Put your comment below.
Read More »