Showing posts with label Resources. Show all posts
Showing posts with label Resources. Show all posts

Aug 5, 2013

4 Concepts to Convert your Website into an App

4 Concepts to Convert your Website into an App front
The previous article spewed fire on the need for having an app for your precious website. Here we'll discuss the concepts you can use to create a new app from your already functioning website. According to data from mobithinking, currently 1.3 billion consumers are using android, this figure is expected to rise to 4.4 billion by 2017. As per Neilson report, huge number of people are now shifting towards mobile smartphones. An april Google Survey, show that people preffer mobile web than websites. 56 billion smartphone apps will be downloaded in the year 2013 as per ABI Reseach. Portio Research, however suggests that the revenue from app downloaded will increase to 64.5 billion in 2017. Now that you are on my side in creating an app, lets widen your horizon and see the different types of apps you can create. Lets have the four types of apps web developers always want for conversion.

Number image concepts
The Functional App
A re-directional app on the other-hand, functions in a completely different way. For an app, the user just has to toil for once, i.e. during the installation of the app. 
After that, the person just has to click on the app in his phone and boom! your website, his smartphone, a match made in heavens. Regarding the concept  an app is usually known for its functionality. A website however is not. 

You can actually use your app to practically pull the users towards your website, confused? lets have an example, A very apt example for fitness lovers is an app called micoach at adidas. The app tracks your movements as you go jogging or walking or running with the help of gps on your phone.. Finally after the workout, the app give you the distance traveled, calories burnt and even speed. In a nutshell it is a complete app. but there is a facility of scheduling workouts in the app, . i.e. you can create  a schedule on which days you would plan to run and which days you would rather work on strength training. However the function can used only after you sign-up on the website. That would mean the visitors will have to visit the website and look at other functionality available, glance through their blogs indulge in forums and meet new people (See how the possibilities unfold)

micoach screenshot

Number image concepts 2A. Website Redirection Type App
Other than a functional app which obviously provides a service, you can always go for the simple website redirection app. which opens a separate platform for viewing your website that too without opening the browser. This is applicable for podcast based websites too (like websites which host video clips or music composings) where users can select and view a video. a very nice example is the khan academy app, where separate videos are hosted for students to listen and learn.

Khanacademy screenshot

Let us take the example of, an extraordinary website with huge connections and overflowing articles. What does it need, you ask? "I want to conquer the world" would be its answer. Why would an otherwise fabulous website need an app for. But they do have one, for the obvious reasons mentioned in the previous article. The app readily transforms into a full blown article based website which obviously relies on your ability to make a selection and touch.

Mashable Screenshot

2B. Website Conversion Type App
Another type of app is the one using a website and converting into an app. with separate functionality for buttons, image viewings and feedback systems, throw in a couple of simple games and you've got yourself a real winner. One really good website converted into an app is The website is one of the most popular and trusted sources of latest news. let us look at the app.

NDTV screenshot

Number image concepts

Reader Type App
Other than website redirection and functional apps, there is a third type of app not very common but is still present. The particular app downloads content from the website and reads it aloud with the help of an inbuilt reader software. 
The app is particularly useful for commuters who do not have enough time to read or are unable to read. and prefer to listen to the article being read aloud by someone while on a bus or train.

Number image concepts
Theme from your website
If your website is an insanely popular one with a lot of people backing it and a bucket load of fans just waiting for a piece of it. you can create a theme based app.
The theme consists of just duplicating the css style of the website into a theme pack which can be installed on any android or ios device. In short, your website structure and content is sooooo good that people are dying to replicate/copy it on their phones.

This was all about,
4 Concepts to Convert your Website into an App Mohitchar

May 21, 2013

How to create Water color effect in Photoshop

How to create Water color effect in Photoshop
Today, we welcome our author Himanshu Sharma. Himanshu, an expert in Photoshop here explains all about How to create a Water color effect in Photoshop. So sit back and enjoy this detailed tutorial in Himanshu's words.

In this tutorial on Photoshop, you will understand how to create watercolor effects using Photoshop and how to make a photo look similar to watercolor painting. This watercolor effect is suitable for photos which has rich colors with high contrast rather than minute details, since the effect can eradicate many of the minor details.  

It is very easy to create the water color effect by duplicating certain layers, application of certain filters and making use of certain layer blend modes. The entire thing just takes few minutes for completion and you can save it in different forms (.jpg or .gif) as you wish. This tutorial will explain how to simulate watercolor effect using some brushes in Photoshop.

Step 1 : First create a new document by clicking File-- New and also create new layer. Now fill the layer with white background and rename the layer as texture. Now choose Filter and click Filter-- Texture-- Texturizer. You can use Canvas for texture with eighty percent scaling.

Step 2 : Now open the image from file menu and add it to the document. You should delete the background of the image by using both Polygonal Lasso (L) and Path Tool (P) or with help of magic wand.

Step 3 : Now use the Selection Tool to select the layer in which the girl is there. Now Go to Image-- Adjustments and choose Levels. You should enhance the whites here and choose Image-- Adjustments-- Saturation/Hue and change the level of saturation to -65.

Step 4 : Now use the Water Color Filter present in Filter-- Artistic-- Watercolor. You can make use of below settings, Texture 1, Shadow Intensity 0 and Brush Detail 9.

Step 5 : After selecting the layer of the girl’s image, Chose Layer-- Layer Mask-- Reveal All. You can select black color and mask the girl’s body using the Brush Tool (B).

Step 6 : Now you can use the Watercolor brushes specifically designed for this purpose from Bittboxx website. Now choose a new layer and select the Brush Tool. Now you have to create new layer and use the Water Color brush tool with black color selected. You are designing the hair of the girl in water color style to give a realistic look. You can resize or rotate the layer after you finish the brushing.

Step 7 : Now choose Blending options from Layer Style. Change the Opacity of the Layer to 0 and chose Color Overlay option. You can Use Red color and select the blend mode as Multiply. You can also use the Opacity to be filled as 70 percent. For Blend Mode use Hard Light and fill with Purple Color with Angle set as twenty degrees, Distance as 4 pixels and Size as 12 pixels.

Step 8 : Now create another layer and use the Bittbox brush tool for designing a hair-style which looks creative and beautiful. Try to make certain paint brush strokes in the center of the screen and then rotate or resize the layer to fit it with rest of the picture. You should be able to generate a decent hair style as described in below picture.

Water color effect in Photoshop Sample

Step 9 : Now choose Blending options in Layer Styles and set Fill options as 0. Now select Color Overlay mode and Blend mode with Blue color selected and Opacity set as fifty percent. Now use Satin option for blending.

Step 10 : Now use the same Brush tool again and paint the hair with different color say Green. You can reduce the size and add more hair and rotate it if required. Again Go to Blending options and set Fill Options as 0. Now Choose Color Overly with Blend mode set as Multiply, Green Color chosen and Opacity set as 100 percent. Now use Satin for the image. You can use the settings as Dark green with blend mode as Darken.

Step 11 : Now repeat the process again with another Layer with different color. Then select the layer that has girl’s face and set blend mode as screen. Now you can make certain adjustments like adjusting the neck with regular brush and white color.

Step 12 : Now you can add some Title to the image. Use the same brushes and fill the text with different color. You can also use Filters like Sprayed Strokes form the Filters menu. You can change the appearance to water color by choosing Filter-- Artistic-- Water color. This will give a creative look the image.

Conclusion : Finally you have got the image of a girl which appears as it was painted with water color. This tutorial explains in a simple fashion of how to add watercolor effects to a photo and applying different blend modes. You should also remember that the artwork will appear original as if it was painted with natural water colors.

This is the entire procedure for creating Water Color effect in Photoshop. For knowing more about such graphics /design related information and tips, visit Design Graphica.

Apr 17, 2013

The Secret to Organisation in Blogging (From the Backrooms of

The Secret to Organisation in Blogging (From the Backrooms of
How do professional bloggers write such amazing articles every week? Some might even work on 5 to 10 articles at a time. Some work on just 2 to 3 really long articles with a lot of information locked up in a capsule. So the obvious question pops up, how can a blogger, manage to work on 10 blog posts at a time.

A professional blogger can work on up to 10 blog posts at a time. The multitasking allows them time and space to think about ideas both in quantity and in quality.

The average number is 8 however. Organizing is the key to better and efficient content creation. Once you organize everything you can hold large number of articles at a time. This herculean task is obviously difficult for any blogger who doesn't organize. Now organizing your blog posts is just like organizing a research, you need to divide information into chunks so that you can better manage it.

The Root Folder

Let’s have a look at a typical case of a windows blogger (i.e. at the backrooms of The main blog folder is divided into 3 headers.
  1. Blog Idea – It contains reading material, pdfs and pictures to help you understand the topics you’re working on.
  2. Blog Pictures – Contains templates for new images, incomplete image projects etc.
  3. New Articles – Contains all the new articles, that you’re writing, updating or written.

The Backrooms of

As is evident from the screenshot in the New Articles folder, the Posts Title is usually thought-of before the article is written and the complete post with images, article snippets, source articles and pages from other websites is then stored in the particular folder.

The Details

The folder system of storing the articles is presumably better and much more organized, so it removes the searching time and avoids the hassle.

The Backrooms of

Now the complete blog folder (i.e. main folder) is filled with such individual folders containing one article each along with the source media. The folders can then be divided into four parts.
  1. Articles under construction – The majority of articles are under construction and most articles are either incomplete as per content or images/video or those which need more research.
  2. Completed - The articles which have been completed in every sense in the author’s view. They are touched only on the day of publishing.
  3. Articles to be Updated – It contains the articles which has already been posted long time ago but now needs a major remodeling, as with the passing of time, some articles become outdated and Some non-essential.
  4. Update – There are pieces of information which is needs to be added to an already posted article. It contains updated media (i.e. an image to spice up the article or a video to make it more interesting). This update will not contain the article as a whole but just the media to be added.
This helped you in
The Secret to Organisation in Blogging MohitChar

Mar 8, 2013

15 Things you must include in your About-Page

15 Things you must include in your About-Page front
You have written or are planning to write an about page, but What are the things you should never miss while writing an about page? So, here's a list of thinks you should never miss out.

An about page, is one of the most important pages in  any website, It is this about page which leads the visitors to believe you're an authority on the topic and this about page converts call to action.

Thus you must not treat an About-Page as a normal blog post, but as a carefully written article which will remain on your website for years to come. But first you must determine which category do you fall into, so that you know which things are the most important in your case.

The complete article is divided into three categories
Red topics are the most important
Yellow topics are subject to the blog type (i.e. corporate blog, personal blog etc.) 
Green topics can be done without, but including them would add extra value to an about page.

So here it goes,

bulletYour name – The author name for a blog is just as important as the blog’s name in on the landing page. For a community blog or a corporate blog with number of authors, it is good to add each and everyone’s name so that they feel important and the reader finds a sense of trust, thinking ‘I know the author so I’m sure the content is authentic.’

bulletSocial circles – Be sure to inform the visitors about your social circles and where will you be available. Facebook and twitter being some of the most popular ones, you can even think out of the box with other services. The user once in your social circle will become loyal and will come even more regularly. In short, it is a nice place to garner likes and followers.

bulletUpdate Regularly – Just as it is evident, search engines always look for new content and would preffer pages with new and updated content. Regarding you, since an about page is a story of you and since time does not stops, you should be kind enough to update your about page with the latest activities and milestones in your life(only if you’re a timeliner).

bulletInclude links and buttons – You do not just want people to read your about page, you want them to explore and discover about you. So provide external links as well as internal links on your page. Give your users incentives to explore and learn. Also never forget the contact us button.

bulletInclude Photos – An about page is in many ways just another article which mainly deals with you and your creation. To captivate your readers and make them read the page, you must include multimedia and what better place is there to start other than an image?

bulletOverachievers arrange yourself - An overachiever will have every reason to fill his about space with loads of achievements and accolades, but just as Mahatma Gandhi said ‘Not to have control over the senses is like sailing in a rudderless ship, bound to break to pieces on coming in contact with the very first rock.’ So control yourself, because by mentioning everything, instead of impressing the visitors, psychologically you’re giving them inferiority complexes.

bulletWhat do the reader wants – If you’re from a different field like me, writing about an entirely different field. Then do not make the mistake of including everything. The writer came to listen to the story of you and you creation only. Do not bore them with unnecessary details (read more) and never boast your PageRank.

An aboutpage is like a mask, project yourself correctly and the viewer will respect you
bulletLocation helps – Though it is of relatively low importance for a content based blog to include a location for the author, the location of the service is of prime importance for a corporate website. It will go a long way in solving customer problems to find your address. So add a location through google maps or through text, if it helps your page.

bulletEducation – Many veterans usually prefer to include their educational and academic background in the article. The point is a good addition as it stirs up authority in the eyes of the visitors. But like everything this too has limitations, you must have some academics to talk about or else there will be a non-related statement dangling around in mid-air.

bulletWhat am I good at? – Though blatant display one’s strengths is a misuse of web space for boasting your talents, a well written about page will always tell about the strengths/skill set of the author in a subtle way. You should tell the people about your skills; after all it’s your page.

bulletHonesty is the best policy – It goes around without much saying but, users can normally pick out a lie. Though not consciously but subconsciously and so you lose some trust and thereby loyalty. But who’s stopping you to bend some facts.

bulletKeep it under limit – Again you must remember, it’s not an autobiography, it’s a page which talks about you and your creations only. So keep it short, so that the reader can get on with their lives and not get stuck to your page learning about your life history.

bulletJust an about page – Several people want to show off their talents, writing themselves as practically supermen. They use hyperbole adjectives like best, cutting Edge, world class, awesome etc. We all believe you’re awesome, but do you have facts? Just an extension of the previous topic, ‘A half-truth is still a lie’.

bulletTry different multimedia – An image might be equal to a thousand words, but it is not the only thing equal. You can try using music or video to look original and a tad different.

bulletMake up your mind – certain personal and professional blogs are written in first person (like Jeff Attwood). Also some are written in third person(like Amit Agrawal). But one of the characteristics of a wrongly written about page is, unsure person. The writer vacillates between first person and third person which is obviously not good.

This was a list on,
15 Things you must include in your About-Page mohitchar

Feb 18, 2013

Best Free website Builders - Reviews Part II

Best Free website Builders - Reviews Part II Front

Which website builder is the best? Whats the best website builder for creating your first mobile e-commerce website? The answers are evident in the second article of free website builder series. The second portion of the free website builder series presents to you a review on Yola and Both equally good in their respective USPs. Let us find who will win in this legendary duel between the kings of website builders of the 21st century.

FInd who wins between and at the first article of the series.


Just as the name suggests, yola reeks of African aura in its website as well as in the company. According to website tool tester, the only USP of yola is its powerful yet elegant customer support. The website provides support to its customers (free and paid both, something not all websites offer) through telephone.
Though yola has been notorious for its hefty fees for domains, websites and emails, but it compensates by providing outstanding services. Yola has partnered with Ecwid to provide users a hands on experience with an online store. The store however is not available to the freebies.


  1. Simple and easy builder
  2. Nice collection of help videos
  3. Moderate template variety
  4. Comparatively high numbers of language is supported by the site builder
  5. Moderate variety of widgets
  6. A very powerful online store
  7. Meta tags and description are customizable
  8. Can add HTML code

  1. Cannot handle complex templates or settings
  2. In-house Blog comments are handled only through disqus
  3. In-House Forums are handled only through

1.       The meta tags can be edited once throughout the website
2.       Blog hosted on an external website
3.       Erratic beahviour of the website builder sometimes

Codemakit’s Score – 6.6

Wix Editor

The corporate structure was created in 2006 by Avishai Abrahami, Nadav Abrahami and Giora Kaplan. With its headquarters in Tel Aviv it opened in beta mode after 2 years. Flash content on websites have always been viewed with contempt and confusion. Contempt because several services like apple do not support flash content, so the websites having flash content cannot be viewed correctly. Confusion  because there are no specific rules or information regarding the effect of flash on the website hosting it (usually search engines do not like it by SEOmoz and w3origin Blog). Wix’s USP is flash peppered with aesthetics and beauty. Unlike, the website builder is not clumsy and slow, it is powerful and fast.

Wix Editor


  1. Simple and easy builder
  2. Drag and Drop functionality
  3. Higher range of templates than its counterparts
  4. Can modify images on the go
  5. Mini pages on the same URL
  6. Highly suitable for mobile websites
  7. Added feature of designing and creating facebook pages, see how to do it
  8. Never seen before widgets
  9. 500 MB storage space


  1. Very long URL for a free website
  2. Complex process of page creation
  3. The meta tags can be edited once throughout the website
  4. Blog hosted on an external website
  5. Erratic behavior of the website builder sometimes

Codemakit’s Score 9.0

This was about,
Best Free website Builders - Reviews Part II MohitChar

Feb 3, 2013

Error Status messages http 600 series

Error Status messages http 600 series FrontThe 600 series of errors show that the server has concrete information on the user but just not on the particular situation.

So here is the complete series of Status error messages

600 Busy Everywhere
Here, the user was contacted successfully but it was busy and did not take the call. Which means that the user is busy and so the call will have to be made after sometime. This is encountered only when the client or the user has no way of answering the request made, otherwise code 486 or Busy here will be returned.

603 Decline
Here the user to whom contact is being made, does not wish to participate in the call. The machine has contacted the user successfully but the user declines to accept the connection.

604 Does Not Exist Anywhere
The server knows that the user requested does not exist. In such cases the 604 error status code is generated.

606 Not Acceptable
Here the user was contacted successfully but some of the things requested by the server to the user are not acceptable. The stuffs rejected might be syntax, media (photo, video etc.). Which means the user was contacted successfully but is unable to support all the parameters asked.

Other Articles on Error Status messages
Error Status messages http 600 series MohitChar

Jan 25, 2013

5 types of About Us pages for Web Developers

5 types of About Us pages for Web Developers Front
Presenting thorough analysis on the five main types of About us/me pages for web design blogs. 

The following are the different types – 'The Large company type’, ‘The funny man type’, ‘Veterans’, ‘Minimalists’ and the ‘Timeliners’. Read and find out which category you fall in.

The websites given as example in the article are properly linked with their respective about pages. You are free to visit for a better experience.

The Large Web Company type

The Large Web Company type
A classic example of a large web company is sitepronews or webpronews or even web design ledger (WDL). These websites’ ‘about page’ blares out loud, “You can try and ignore me, but I am WAY TOO big to be ignored.” The webpage starts with an ‘ignore-us’ type paragraph sans any links or large font headings, but then comes the blacksuit-sunglasses type language about the organization and its incorporation. All of this in a typical office like background in addition to a hefty contact information. But again there are exceptions of course, some of the companies do have a story to share, a tale to tell that too in a person to person language, don’t believe me, take a look at the ‘A list apart’ about page or sitepoint(close enough).

The Funny-man Type

The Funny-man TypeYou can even try the style adopted by coding horror, the ‘about page’ is written in simple first person peppered with small gimmicks using strike outs in some places. Needless to say it helps the visitor stick to the page and read it to the end. After the usual introduction with me and myself, the article takes the shape of a timeline about the author.
Though the about page must end here but, the page goes on and becomes a question and answer session.  The author, Jeff Atwood then explains why he chose to blog, how he does blog and why does he give such weird names to his creations. As a whole the, complete page is beautified with photos and images of website and logos and of course a smart photo of the author. He did not forget the ‘contact us’ phrase and has disabled the comments section.
Do not be misled by the term funny. Funny in this context might not always mean something hilarious, but something which touches your heart and makes an emotional connection with the author. An example is,

The Veteran Type

The Veteran Type
This type of ‘About Page’ always works well with veterans, who have been in the business for quite some time before (take Amit Agrawal for example). They have many-a-times touched the levels of greatness. The page starts with a life-sized picture of the veteran blogger probably pictured with a professional photographer. Then the text starts with the qualifications of the blogger, where he’s from and what he did before blogging.
To pull the audience in the loyalty circle, this page brags (in a positive way) about the achievements of the author. The works or projects undertaken by the author (like some website tools programmed by the author) which will help the reader to develop a connection, so that a moment comes when the user thinks (Oh so he’s the creator of the tool, he’s so awesome). Obviously the last part will contain contact information along with a small social media widgets like Facebook like box or twitter feed. You might use some vector social media icons so that when the visitor clicks on it, he is taken to the author’s social media presence.
Some veterans also use a YouTube video on themselves. Which is no biggie for them as they’re the holy grail of their field but it can be used as a tool to inspire the amateur bloggers to either like the page’s Facebook page or twitter feeds or even better, subscribe to the blog’s feed itself.


MinimalistsSome about pages are minimalist, like take shailan’s for an example, the guy is an expert in wordpress plugins but the about page is nothing like its usual blog post. The page, prepped with links is simple and just informs the visitors about what it does before ending with a ‘contact me’ phrase. Taking henry’s example, though he has taken a lot of space on the about page with his oversized fonts and beautiful pictures of his creations, but still hasn’t given a lot of information about himself. Though there is a link to his complete portfolio in the about page but you do not expect the user to scroll up and down in frenzy looking for his portfolio. Another example is ‘tutorial Blog’.

The Timeliners or The Timeline lovers

The Timeliners or The Timeline lovers
There are some people who love history, who love answering questions like how did this start? How did this come to life? They have been in the game for long but they’re not veterans. They rely on a timeline divided by years, months etc. to pronounce their achievements and milestones in their or their creation’s life. They’re the bubbly archivers who want to impress the readers by the sheer presence and many a times they succeed. For an example, you might want to take a look at chriscoyier’s about page. A  very good idea, if you decide to go for it, would be to create a javascript based timeline which opens up in front of the user while hovering on it (use your imagination!!!). Another very unique type of about page is of 37signals. The website contains a mixture of timeliners and the funnyman type. It is a fun to read.

Can you find some type other than the given
5 types of About Us pages for Web Developers MohitChar

Jan 21, 2013

5 Blogging Layouts you can use

5 Blogging Layouts you can use Front
Here's a complete analysis of different types of blogging layouts. Each and every layout has some advantages and some disadvantages
The article clearly explains the psychological aspects of blogging layouts adopted by leading websites.

The following are examples from some of the best websites in their field.

One of the most popular Bloggers in his Genre, Amit Agrawal from Labnol uses a unique style to present his articles. The first thing which comes to front is a large fonted title text which I must admit does not give a lot of information on the text or the main article beneath but is an eye catcher. The thing unique about the style is the second portion. Now everybody knows that google listings show a brief description of the link below, that is with the help of meta description tag. AmitAgrawal uses this knowledge to his advantage by adding a portion of text just below the main title, this text is a description of the article below. So the user sees the initial description in the google listings and since there is no ambiguity in that portion, the user gets what he/she wants. So the user is satisfied and stays longer at the website, leading to chances of advertisement clicks or to some internal links.
The third portion consists of an attractive image, which necessarily summarizes the premise and lets the user wanting for more. Fourth comes the main text, which the user has been dying to read just because he/she’s been appetised much. All that leads to higher value of your article in the eyes of the reader. More value will give him incentives to click on subscribe button which ultimately leads to higher PageRank with higher Visitors

Labnol's Way of blogging

Labnol's Way of blogging

The Sitepronews way of displaying articles is that of a well-seasoned boxer. Sitepronews just bombards the user with huge amount of information and image. The point when the website loads, the user feels like a bomb just went off. Such huge information at a place all condensed together bundled in neat packages make it looks more authentic and journal like. Unlike Labnol the title text is normal fonted and every article comes with a standard image telling the user what genre the article falls in, like in the above case it is pretty clear to every one that it’s an exclusive article written by one of the founders itself. 
One look at the layout and you can tell that the official social network handler for the website is twitter and others are just for the name of it. Just like Labnol the website also offers a small description of the article below so that the description is displayed in the google listings and the users get what they see. 
Then comes the actual article. Now SPN has chopped up the article in small pieces so that if at some point of time the user ends up yawning, he can skip forward to the piece of article in bold. This helps the user to stay on the website for longer. 

Sitepronews Style of blogging

Sitepronews Style of blogging

Technorati on the other hand has a very simple and unassuming attitude about their layout. The only thing different than that of other blogs is that brandishes a very catchy title on the top. Even though, they do not take the pain of explaining the title below, they manage to pull it off pretty well in their main article. 
Again the thing complementing the article is an expertly photoshopped picture of the entity in question. The only difference of this image is that most blogs keep their photo or images aligned to the left but Technorati aligns it to the right. Talking about the article, it is the same old juicy text with lots of very dense information holed up at every step you go.

Technorati Style of blogging

Technorati Style of blogging

Though webpronews is not an internet blog by itself, the website can be considered well within our range of layouts because of its original style. Webpronews, a website that is considered to be the newspaper of everything happening around the world. Its topics ranged from technology to arts, from sciences to web tools etc. The original thing about the webpronews way of setting its layout is that it is very subscriber intensive. If a user comes to the website and does not subscribe to the posts, it is considered to be a very serious condition.

The article page brandishes a very large fonted title with a small subtitle line below it (just like a newspaper). The subscriber magnet just below the article titles. Then comes the sharing platform, where the user is supposed to like, +1, tweet or Pin it. Advertisements are still kept at bay not interfering with the actual text enabling the user to find what he/she was looking for without the constant interference from the advertisements. Though it reduces the earning but a large website can afford that. Then comes the article with a hi-def. picture on the right hand side (sometimes it’s on the left) and the article wrapped around it.

Webpronews Style of Blogging

Webpronews Style of Blogging

The codemakit style of arranging the article on its website is a combination of all types. The only difference is that though it contains the title text as a medium to normal but in uppercase (i.e. Capital Letters) Now text might look  a bit small but the effect is then compensated by the letter and line spacing, giving the article a fuller look. 
Now the article does not have a sub description but it does have a prequel resembling paragraph showing what is being told in the lower lines. The particular paragraph is always colored green as color coding and usually describes the article within 2 to 3 lines.  This helps the user to be ready for what comes in the article.
Before the main text one thing to discuss is the image found at the left of the article, this image is always present in every article and carefully and cleverly displays the main topic of the discussion or a friendly pun or a cartoon to attract the reader. Then comes the witty article written with subsequent breaks and peppered with images from Chalk Dudes and step by step tutorial images. If the article is from a research post from codemakit research division then its image too is displayed.  Finally the article is then ended with a bang with the title displayed in its official font MohitChar, reminding the readers what were they looking for and incentivizing the thought process to check if they found what they were looking for.
After that come the related labels to help users move through the article. After that comes the social networking buttons to help them share the article making it more popular.

Codemakit's way of blogging

Codemakit's way of blogging

This was all about,
5 Blogging Layouts you can use MohitCHar