Blogroll

photoshop cs6 html 5 css php seo backlinks

adsense

Smarty Template Engine Step by Step Tutorial

Smarty has focused on how to help you make an high-performance, scalability, security and future growth application.

JavaScript was designed to add interactivity to HTML pages

JavaScript’s official name is ECMAScript, which is developed and maintained by the ECMA International organization.

This is default featured slide 3 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 4 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

Tuesday, 21 January 2014

how to change blogger templete? tips Video tutorial


HOW TO CHANGE BLOGGER TEMPLATE?


When I start blogging on blogger, I used to run my blog on blogger’s default templates. But as I started learning more about blogging I feel that default templates are not so much attractive and professional. They are even not search engine optimized because they all was designed many years ago and don’t even updated a single time after that. Search engines like Google has updated its search algorithms many times and they are continuously updating to improve search results and user’s experience. That’s why it is very important for us as a blogger that we used a SEO friendly template for our blog. We should change our blog’s default theme with any third party templates. That’s why today I bring a tutorial to help newbie bloggers so that they can learn how to change template in blogger.

Change Blogger Template

To change your blog template first you need to download a template from internet which you want to apply to your blog. There are many sources of blogger template on the internet from where you can get lot of professional templates easily for free. Just go to Google and search for “Blogger Templates” and download a template of your choice. Once you have your template, perform below steps.
  1. Log in to your Blogger account.
  2. Now click on the drop down menu and choose Template.
  3. blog template
  4. Press Backup/Restore button located at the top right corner.
  5. backup restore button
  6. First you should download your existing template as a backup. So, click on “Download full template” button.
  7. download template
  8. Now click on Choose File button and choose your new template which you want to apply to your blog.
  9. choose template
  10. Once you select your template, simply click on Upload button for final step.
  11. You are done!

How To Add Meta Description Tags In Your Blogger? Video Tutorial

Meta Description in Blogger


The first thing we will do is going to our Blogger dashboard and from there, go to Settings > Search preferences > Meta Tags > Description and click on Edit.

meta description

Then check the box "Yes" to enable search description. Finally, click the "Save Changes" button.

Adding Meta Description To individual Posts


Now we will focus on adding the meta description to individual pages. Simply edit the page or post, look for the Search Description setting, and there we enter the text and save by clicking the Done button.


And that's it. However it is best to test if it works and we will do so with the MetaChecker online tool, where we only have to introduce the url of a post or page, click Analyze and then it will show the results, including a complete analysis of keywords, on-page seo , meta tags, URLs, current server status and a rating bar that goes from Horror to Excellent.

If none of the meta descriptions appear (rarely fails), we can do the process manually, but it requires us to touch a bit of code. In this case, go to Template > Edit HTML and insert before <b:skin><![CDATA[ the following code:
 <b:if cond='data:blog.metaDescription != &quot;&quot;'>
  <meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>
Of course, we will use again the previously mentioned tool to ensure that the description is placed correctly and if all goes well, our blog would be ready to face a good SEO.

Meta Description in Blogger Video Tutorial


Photoshop Cs6 For Beginners Free Transform Commands Video Tutorial

Transforming scales, rotates, skews, stretches, or warps an image. You can apply transformations to a selection, an entire layer, multiple layers, or a layer mask. You can also apply transformations to a path, a vector shape, a vector mask, a selection border, or an alpha channel. Transforming affects image quality when you manipulate the pixels. To apply non-destructive transformations to raster images, use Smart Objects. Transforming a vector shape or path is always non-destructive because you’re only changing the mathematical calculations producing the object.


Photoshop Cs6 For Beginners Selection with a Solid Color in Photoshop CS6 Video Tutorials

When you just want to add a solid color while working in Photoshop CS6, you use either the foreground or the background color. (These colors appear at the bottom of the Tools panel.) The following steps show you the basics of filling a selection with either the foreground or the background color (you have plenty of other Fill options as well.


Photoshop Cs6 For Beginners Masking Tutorial

You can add a mask to a layer and use the mask to hide portions of the layer and reveal the layers below. Masking layers is a valuable compositing technique for combining multiple photos into a single image or for making local color and tonal corrections.


Photoshop Cs6 For Beginners Brushes And Paint

Brushes can save you some serious time when it comes to adding design flourishes, so we've rounded up our favourite free Photoshop brushes.

Photoshop Cs6 For Beginners All Selection Tools

The Color Range Command – Photoshop Selections

Feather Selections In Photoshop With Quick Mask

Unlock The Full Power Of Basic Selections In Photoshop

Transforming Selections In Photoshop

The Quick Selection Tool In Photoshop

The Magic Wand Tool In Photoshop

The Magnetic Lasso Tool In Photoshop

The Polygonal Lasso Tool In Photoshop

The Lasso Tool In Photoshop

The Elliptical Marquee Tool In Photoshop

The Rectangular Marquee Tool In Photoshop

Why Do We Need Selections In Photoshop?

Making Selections With The Pen Tool In Photoshop



Photoshop Cs6 For Beginners Interface Introduction

Photoshop CS6 is finally here, and with it, Adobe has given us the biggest and best update to Photoshop in years! With so many amazing new features and improvements, like Content-Aware Move, the Blur Gallery, Background and Auto Saves, a searchable Layers panel, enhanced image cropping, a new 3D engine, video editing (yes, video editing!), plus so much more, there’s never been a better time to start your journey with the world’s most powerful image editor, or to upgrade from an earlier version of Photoshop!


Photoshop Cs6 For Beginners Simple Editing

Hey Guys! I decided to put together a tutorial for a basic edit. This is how I edit basically ALL of my photographs! It’s simple and that’s how I think it SHOULD be. I’m not a big fan of super saturated colors and super smoothed out skin. I love simple edits.

Photoshop Cs6 For Beginners


Photoshop Cs6 For Beginners - 01 - Introduction Starts

In this collection of Photoshop CS6 tutorials we will learn the fundamental tools, techniques and workflows for Photoshop CS6. It can safely be said that Photoshop is truly the backbone of the computer graphics industry. From video games to movies and every area in between, Photoshop is one of the most commonly used application by working professionals in any creative field. Now learning how to use a program like Photoshop can seem like a daunting task. Throughout this course, our goal is to teach you the tools, concepts and workflows you will need to succeed with Photoshop. Not only this, but we will break them down so that they are easy to understand. We will dive in and learn about every key area, providing you with a solid foundation. It’s important to us that you not only learn the basics of Photoshop but that you also develop good habits when it comes to this truly amazing application.

Photoshop Cs6 lesson 1


How to verify ownership in BING?

Verify ownership for: outclassweb.blogspot.com 

Option 1: Place an XML file on your web server

  1. Download BingSiteAuth.xml
  2. Upload the file to http://outclassweb.blogspot.com/BingSiteAuth.xml
  3. Confirm successful upload by visiting http://outclassweb.blogspot.com/BingSiteAuth.xml in your browser
  4. Click the verify button below

Option 2: Copy and paste a <meta> tag in your default webpage

You can add a <meta> tag containing the authentication code to the <head> section of your default webpage.
<meta name="msvalidate.01" content="6521D98DC06541EABD4F8D67F2311114" />
An example:
<html>
 <head>
  <meta name="msvalidate.01" content="6521D98DC06541EABD4F8D67F2311114" />
  <title>Your SEO optimized title</title>
 </head>
 <body>
  page contents
 </body>
</html>
    

Option 3: Add CNAME record to DNS

Add CNAME (alias) record with name 1218f6e7bc6679b306a71402efe78ba9 and value verify.bing.com.
So your DNS provider will resolve host 1218f6e7bc6679b306a71402efe78ba9.outclassweb.blogspot.com to verify.bing.com.

How to Create a Future Based Fantasy Photo tutorial

Pushing Your Creative Imagination: How to Create a Future Based Fantasy Photo Manipulation

The beauty of being able to create fantastic photo manipulations is being able to transport yourself and those who view your work to new worlds and redefine ‘normal’.
Sure, it’s a helpful exercise to great well blended realistic scenes, but with the power of Photoshop at our disposal why settle for realistic?
Create design is all about pushing the limits of visuals, reality, physics and imagination.
That’s why today’s lesson will teach you all the good stuff like pro blending techniques, lighting, image composites and more. However, beyond that, you’ll learn to start thinking about how to take ordinary photos and combine them into something exciting and out of the ordinary.

What You’ll Be Creating:

Take a look at the sleek futuristic design below. By the end of today’s lesson you’ll be able to say ‘I designed that!’.
Not only will this tutorial be a lot of fun, but you’ll learn some really handy tips and tricks along the way.
Here’s a look at the images we’ll be combining to create our masterpiece. Ready to begin? Great, let’s get started!

Resources Used In This Tutorial

  • Cyberpunk Model
  • Sky
  • Buildings
  • Tower
  • Bridge
  • Terminator’s Corpse
  • Lightning
  • Lightning brush
  • Arrow
  • Lens Flare

Step 1

Open Photoshop and create a new file. Go to File -> New and input the following attributes.
Fill the image with Black color.

Step 2

Open the Sky stock and select the whole picture by using Ctrl + A , copy and paste it to the canvas
We will transform the sky a little bit by using Transform, simply click Ctrl + T to switch to Transform then choose Warp, move the corners of the sky like this :
It should look something like this

Step 3

Apply Layer Mask to the sky.
We will desaturate and increase some contrast with these following adjustment layers.
Don’t forget to check the box “Use Previous Layer to Create Clipping Mask” so these adjustment will only be applied to the Sky layer.
Hue/Saturation
Saturation : -78
Lightness : -8
Curves
Apply Layer Mask to the Curves layer.
And we will have the Sky like this :

Step 4

Open the Buildings image and start extract the buildings part (You can do this with Pen Tool orQuick Selection Tool)
After you’re finished, copy the extracted buildings part to the canvas and place them like this:

Step 5

We will apply these following adjustment layers for the buildings :
Brightness/Contrast
Brightness : -14
Contrast : -11
Hue/Saturation
Saturation : -75
Curves
And here’s what we will get :

Step 6

Open the Tower image and start extracting the following part :
Copy it to the canvas, resize and place it like this :

Step 7

Apply the following adjustment layers to the tower:
Hue/Saturation
Saturation : -57
Lightness : -6
Exposure
Exposure : -0.80
Offset : -0.0104
Gamma Correction : 0.77
Curves
We will have the tower like this :

Step 8

Open the Bridge image and place it like this :
Apply the following adjustment layers:
Brightness/Contrast
Brightness : -43
Contrast : -28
Exposure
Exposure : -3.90
Gamma Correction : 0.87
Reduce the Opacity of Exposure layer to 80%
Hue/Saturation
Saturation : -100
Lightness : -24
Curves
Color Fill with color #3f5d7a (Layer -> New Fill Layer -> Solid Color)
Change the blend mode of Color Fill layer to Soft Light, reduce Opacity to 45% and Fill to 60%
Apply Layer Mask to Exposure layer with 40% Opacity Soft Brush
We will have the bridge blended within the canvas like this

Step 9

In this step we will create a neon light for the bridge. Start doing it by create a new layer, grab the Pen Tool and draw a rectangular shape on the bridge like this:
NOTE: If you’re struggling with the Pen Tool (many good designers still do) then check out our handy guide for mastering it once and for all. Become a Master of the Pen Tool in Under 30 Minutes
Transform the drawing part into selection part by using Ctrl + Enter.
Right click at the selection part and choose Fill to fill it with White.
And we basically have a shape like this :

Step 10

Next we can create a light effect by going to the Blending Options of the rectangular layer.
Apply the following blending option settings:
Inner Glow
Color : 1467a8
Blend Mode : Normal
Outer Glow
Color : 35A8EB
Blend Mode : Screen
Opacity : 100%
We will have a nice glowing neon light on the bridge.
Don’t forget the other part of the bridge still need a neon light too, so simply duplicate the Neon light layer, Transform -> Flip Horizontal it then place it the bridge’s left side.

Step 11

Time to create a foggy atmosphere effect!
First, create a new layer, grab the Lasso Tool with 20px Feather and select the following part:
Second, go to Filter -> Render -> Cloud (make sure you have Foreground color as White and Background color as Black, or vise versa)
Then change the blend mode to ScreenOpacity 42%Fill 75%.
Here’s the result :

Step 12

We will add some fog on the bridge’s surface with the same method as above with some little change in perspective. Create a new layer and select the following part :
After filling the selection with cloud, go to Transform -> Perspective and star pulling the 2 bottom corners like this
Reduce Opacity to 54%Fill 57%. The cloud will be in the same perspective with the surface, giving it a more realistic look.

Step 13

Apply another Color Fill with color #3f5d7a on top of all layers to give a blue atmosphere to the whole image.
Up to this point we have generally done with the background creating steps. Here is the result so far :

Step 14

Now we will work with the main character. Open the Cyberpunk Model and start extracting the model. Paste and resize her in the canvas after you’ve finished.
Apply these adjustment layers (remember to tick the Create Clipping Mask)
Hue/Saturation
Saturation : -59
Lightness : -13
Curves
Brightness/Contrast
Brightness : 1
Contrast : 61
Color Fill with color #3f5d7a
Change the blend mode to Color Dodge – Fill 75%
Apply a layer Mask to hide part of the Brightness/Contrast layer
Here’s what we will have :

Step 15

Start creating a shadow for the model by dupicate the Model layer, hold Ctrl and click on the duplicated layer to create selection, fill it with Black
Next, go to Transform -> Distort and start pulling two upper corner down like this :
Go to Filter -> Blur -> Gaussian Blur, 2.5px.
Set the blend mode to Soft Light – Opacity 68% – Fill 72%.
The shadow will now look like this :

Step 16

Create a new layer and tick Create Clipping Mask, grab a soft brush with Black color and start painting these following parts of the model :
Reduce the Opacity of this layer to 46%.

Step 17

Open the Terminator’s Corpse image and paste it into our image.
Apply adjustment layers to the corpse layer:
Brightness/Contrast
Brightness : -26
Contrast : 40
Hue/Saturation
Saturation : -67
Lightness : 13
Color Fill with color #3f5d7a
Change the blend mode to Color Dodge – Fill 75%
And here is the result :

Step 18

Create a new layer under the Corpse layer and paint some black color :
Change the layer to Soft Light – Opacity 68% – Fill 72%. We will have nice corpse’s shadow.

Step 19

It’s lightning time! Open the Lightning image and select the following part :
Paste it to the canvas, move the layer down just above the Sky layer and rotate it to this position :
Apply some adjustment layers for the lightning
Level
Hue/Saturation
Saturation : -100
Lightness : -41
Brightness/Contrast
Brightness : 4
Contrast : 100
Change the Lightning layer to Screen mode and here’s the result :

Step 20

In these following steps we will make several changes to the image’s overall lightning.
First, create a new layer, grab a White soft brush and start painting the following part :
Change the blend mode to Overlay – Opacity 30% – Fill 30%
Go to the Buildings layer, create a new layer, tick on Create Clipping Mask and paint some white color on top of those buildings :
Set the blend mode to Overlay – Opacity 75%
Next, change to Black soft brush and paint the bottom of the buildings :
Change blend mode to Soft Light – Opacity 90%
And here is what we will get :

Step 21

Add the same type of lighting to the tower, create a new layer and paint white color at the tower’s right side :
Set the blend mode to Overlay – Opacity 50%
Create another layer and paint more white color :
Change to Overlay – Opacity 70% – Fill 67%
Back to the coprse layer, create new layer and paint some black color to this part :
Change the Opacity to 60% – Fill to 77%

Step 22

Download and open the Lightning brush, paint some lightning on the corpse like this:
Apply the following Blending Option to all lightning layers. You can do this fast by applying to one layer, then right click on it and choose Copy Layer Style, right click on other layers andchoose Paste Layer Style.
Outer Glow
Blend Mode : Normal
Opacity : 100%
Color : #4590ED
Size : 3
Group all the lightning layers by holding Ctrl and click on all of them, then Ctrl + G. Duplicate the group for better lightning opacity.

Step 23

Alright we need some evidences that our model just killed a Terminator! Open the Arrow stock, select the arrow and start placing it on the corpse :
Duplicate the arrow a few more time and placing them around the corpse. Also apply layer mask on each of them like this :
Group all the arrow layers into one and apply these adjustment layer on it :
Hue/Saturation
Saturation : -58
Lightness : +5
Photo Filter (Cooling Filter 80)
Here is the result :

Step 24

Open the Lens Flare stock and grab this one :
Paste and rotate it to this part :
Set the blend mode to Linear Dodge and apply Layer Mask :
Create a new layer and pick the soft brush with color #D9F5F6 and paint like this :
Change the blend mode to Soft Light with 50% Opacity and we should have a nice glowing effect on the model’s bow

Step 25

We will add some shadow to the bottom by creating a new layer, grab a black soft brush and paint the bottom of the image like this :
Apply Layer Mask :
Create a new layer, click Ctrl + A to select and create Cloud effect like we just did before (Filter -> Render -> Cloud)
Change the blend mode to Screen – Opacity 35% – Fill 20%.
Apply Layer Mask to the layer :
And we will have some nice fog effect :

Step 26

We’re almost done! Time for some final touches. Apply the following adjustment layers:
Brightness/Contrast
Brightness : 3
Contrast : 16
Color Balance

Brightness/Contrast
Brightness : 83
Contrast : 6
Level
Selective Color

Step 27

Be sure to apply the following layer mask to the second Brightness/Contrast adjustment layer :
Go back to the model layer, create a new layer with Create Clipping Mask, paint the color#8ca7c8 on the model like this :
Change the blend mode to Linear Dodge – Opacity 80%
Go back to the corpse layer, create a new layer with Create Clipping Mask, paint some White color on the corpse :
Set the blend mode to Soft Light – Opacity 40%

Congratulations, You’re All Done!

Awesome job making it this far! You should be proud of what you’ve created. Show it off to your friends and colleagues and get some feedback.
You can also comment here with your version, or any questions you had about the techniques used. We love to see what you guys create and we’re always here to give helpful feedback and tips to help you to improve.