Softwareteachworld

Showing posts with label Blogger Widget. Show all posts

Saturday, 19 October 2013

How To Serve Responsive Images On Your Site?

Chiranshu at Saturday, October 19, 2013 1 comment:

How To Serve Responsive Images On Your Site

Responsive internet style (RWD) has currently become one in every of the the foremost vital internet style techniques today, and it offer the cornerstone for contemporary mobile internet development. Implementing a number of RWD techniques to your journal will provides it the sting it required, negative due, to provoke its mobile users to go to additional typically. thus whereas we\'re on the topic of implementing RWD techniques, let's speak to a small degree regarding serving actually responsive pictures, as a result of there square measure one or two problems each webmaster faces once coping with pictures, responsively speaking.

Usually, Responsive internet style needs to with fluid pictures, i.e. pictures that size themselves relying upon the users\' screen size and determination. They work fine for desktops and tablets, however the largest downside with fluid pictures is, notwithstanding what shopper the user has, identical image size are going to be sent to them. The user agent then resizes the image in line with the specifications at hand. this may be a tangle for mobile knowledge connections, and might scale back load time on a mobile. You can, however, use variety of techniques to serve pictures of various sizes to user agents.

Picture Element in markup language five

Picture Element in HTML 5

The component is about to become a customary for responsive pictures in markup language five, and it\'ll enable USA to use multiple supplys for one image whereas deciding the source are going to be done looking on the screen size. The markup appearance as follows;

Since markup language five hasn\'t been totally finalized, this component remains being projected, and is within the testing part. thus it cannot be used nevertheless. You can, however, use a JavaScript library known as image Fill to realize identical impact. It makes use of span tags, and its markup appearance one thing like this;

Recommended: Settings For "Custom Robots Tags" Inside Post Editor

WordPress Plugins

If you\'ve got a WordPress web site, then you are in luck, as a result of there square measure varied plugins you\'ll be able to use to try and do the duty for you.

PHP Scripts

If you somewhat understand your method around PHP, then you\'ll be able to use a custom third-party PHP script to deliver resized pictures to the user relying upon the users\' screen size and backbone. this can be out and away one in every of the foremost stable ways in which to try and do the duty, and is unquestionably higher than victimization JavaScript to find user agent, and render image consequently.

One such script is that the adaptive Image. adaptive Image may be a little PHP script that detects user screen size and deliver the correct image for that screen size. It doesn\'t need the ever-changing of your current markup, however the implementation is quite discouraging for fewer tech-savvy users.

We\'ll cowl the implementation of those PHP scripts in another post. except for currently, you\'ll be able to strive the opposite alternatives, and tell North American nation concerning your expertise with these straightforward, nonetheless effective responsive net style techniques.

Recommended:

Auto SEO Script for Blogspot Blogs to Add Keywords Automatically

Thursday, 17 October 2013

Settings For "Custom Robots Tags" Inside Post Editor

Chiranshu at Thursday, October 17, 2013 No comments:

Settings For "Custom Robots Tags" Inside Post Editor

Blogger simply additional Custom robots header tags to post editor. one amongst the options of search preferences was robots.txt and Robots tags that can be set just for homepage, archives, posts and pages. however currently you\'ll be able to edit these settings even for individual posts and pages right from BlogSpot post editor. in contrast to "Meta Description", Customs Robot Header tags don not seem to be visible and don\'t seem to be shown if you are attempting to envision it by viewing the browser supply file for your journal. you may solely see Meta Description if you\'ve got additional the dynamic code. ar going to} learn nowadays wherever are robots tags additional in your templates and the way are you able to read them. Lets 1st realize and find these Robots header tags.

Why cannot You See Robots Tags?

If you\'ve got applied custom robots flags by following the tutorial for Search Preferences, then you\'d have determined that you simply do not see any flag showing after you read the supply file of your journal. this is often} as a result of that these flags can be seen solely within the HTTP header fields. Google currently accepts robots tags that square measure directly additional to the Headers of the markup language Page. to stay things easy, do this:

After applying custom robots flags and activating it, visit your journal in Chrome
In chrome attend this path: Tools > Developer Tools > networks (In Firefox it\'s : Tools > internet Developers > internet Console > Net )
You will see many column fields as shown within the image below:

developers tools

4. At the top-left you may realize universal resource locator of your journal. If you do not see any knowledge then merely refresh your journal while not closing the Developers Tools window, you may realize data showing.

5. Click your journal universal resource locator and you may see 2 sections at yours right. Requests Header also Response Headers.

6. beneath the Response Headers you may see AN X-Robots-Tag header tag. This tag resembles the flags that you simply had set for your homepage. In my case I actually have set the custom robots tags for your homepage as All and noodp thus it\'s showing as X-Robots-Tag: all,noodp

These tags for- archives,search pages, posts and pages ought to look just like the higher than one except for some reasons I may find the tags for homepage alone.

Settings For Custom Robots Tags Headers

To see header tags in post header you need to 1st activate the custom headers. If you\'ve got not however activated then follow these steps. attend Settings | Search Preferences, click Edit next to \"Custom robots header tags,\" and choose affirmative. Activated Successfully!

Now you need to learn once must you use them. victimisation them properly will assist you rank higher and victimisation them at wrong eventualities will for certain play the other.

all There are no restrictions for indexing or serving. This is default for all pages
noindex Do not show this page in search results and do not show a "Cached" link in search results.
nofollow Do not follow the links on this page
none Equivalent to noindex, nofollow
noarchive Do not show a "Cached" link in search results.
nosnippet Do not show a snippet in the search results for this page
noodp Do not use metadata from the Open Directory project (DMOZ) for titles or snippets shown for this page.
notranslate Do not offer translation of this page in other languages in search results.
noimageindex Do not index images on this page.
unavailable_after: [RFC-850 date/time] Do not show this page in search results after the specified date/time. The date/time must be specified in the RFC 850 format. Example: 17 May 2012 15:00:00 PST
The only tags that you must concentrate on square measure noimageindex, noindex and nofollow. Rest square measure simply not needed for atiny low scale journal. All of those tags square measure helpful after you have a company journal or web site with thousands of pages or maybe countless pages. they assist to regulate however search engines might crawl your content.

When to use noimageindex ?

If you\'re sharing personal or family footage on any of your posts or page then is also you\'d like to not build those footage public and keep them restricted to readers reach solely. In such case you will check this selection and robots are going to be directed to not index the pics or pictures used within the post.

When to use noindex?

Any page or post that you simply wish to cover from robots and guests is labelled as noindex. guests wont be able to discover that page via search engines or is also even with the Google Custom computer programme.

You can even noindex post or pages that you simply assume can result your search ranking. Google Panda Effects all those blogs that publishes calibre content. If you\'re feeling any of your post {is just|is merely} for recreation purpose and doesn\'t relate to your niche then you\'ll be able to simply opt for the noindex choice from Header Tags.

When to use nofollow?

If you\'re making a helpful directory of one hundred or additional links that every one purpose to some external websites and you do not wish to pass your PageRank juice to them then you\'ll be able to opt for the nofollow header tag.

If you\'re craving for once to nofollow links then scan this tutorial:

When must you nofollow a link?
Need Help?

There was an excessive amount of of SEO tutorials on and that i am certain you guys would like a small twist in topics. thus i\'d attempt to unharness some new plugins and widgets to form certain you get pleasure from totally different flavors of blogging.

Don\'t hesitate to post your queries. i\'m for certain lazy at replying however I for certain reply back. Peace and blessings buddies! :)

Thursday, 12 September 2013

Improve Online Network Relationships Dynamically with Chatwing Chat App

chiranshu monga at Thursday, September 12, 2013 No comments:

The relationships you’ve engineered on-line area unit as necessary because the relationships you\'ve got in world. most of the people area unit currently building their lives on-line. Most businesses and transactions area unit done on-line. These on-line contacts will give you opportunities and new data you can’t simply acquire within the internet therefore higher produce and maintain a profitable connections with them.

How are you able to do that while not disbursal abundant of some time on the Web? Install Chatwing chatbox to your web site or journal and luxuriate in its options that facilitate real time world property. Chatwing is straightforward to implant and use. You won’t expertise any technical problem once exploitation it as a result of it’s designed to be user friendly. Chatwing works on a awfully easy nonetheless stable platform that may not fail you once it involves real time interactions.

Within just a number of seconds, Chatwing will go purposeful. warranted no difficult method and you\'ve got several choices on however you\'re getting to enjoy exploitation this improved chat app.You will not simply improve on-line relationships with Chatwing as your primary internet communication tool, you may conjointly expand your social media networks also.

Every day, you\'ll begin discussing attention-grabbing topics together with your web site} guests and share helpful tips to stay them returning to your site. Your Chatwing chat box will handle thousands of internet surfers therefore you don’t need to worry for communication delays or technical issues. you\'ll be conjointly expertise versatile communication leverage with Chatwing’s vainness address type. This vogue permits you to limit the quantity of participants within the chat room or opt for internet users WHO can participate within the cluster chat, isn’t that cool?

You can update contacts typically and answer them in real time. Communication is a very important part for a relationship to succeed. Also, an honest strategy is to supply them with a chatapp that\'s fashionable and free from profanities. you\'ll simply come through each through Chatwing’s full spoken communication management feature and high customization level. you\'ll activate word filter possibility or ban users for good. you\'ll conjointly transfer quiet music to line the mood of discussions.

Acquire a lot of contacts by increasing Chatwing chat app’s multiple log in system. This feature permits Facebook, Twitter, Yahoo and Gmail users to log in and participate in chat activities trouble free.You’ll ne\'er recognize WHO you\'re getting to meet and become your reliable partner on necessary endeavors. simply fancy human action together with your on-line contacts whereas Chatwing will the remainder to form things doable.

Pages

SoftwareTeachworld

Recent Post