Learn How To Add Image Pop-Up And Opacity Effect To Blogger Images – MBT Church Theme Style!

Adding different effects to your blog template surely makes it outstanding. By default MBT Church Theme has two Image effects features, which are the pop-up and fading image effects.

First lets learn how to add the Pop-up image effect to our images. I hope you are using MBT Church Theme, if not then download and upload it now!

 

Image Pop-up effect

To expand an image to its original size, you will need to follow the steps below, 

• Go to your blogger Editor and upload an image.
• After you have uploaded an image, simply click the preview button near the top-right-corner as shown in the image below,

• Right click on the image that you just uploaded and then click on Copy Image Location to get the Image URL. Make sure you are using Mozilla Firefox Browser,

 

You can use the same method always to get Image URLs for your uploaded images. Get rid of Photobucket!

• After you get the image URL simply use the popping code shared below,

 

<a class="thumbnail" href=""><img src="Add Image URL Here" width="100px" height="100px" border="0px" /><span><img src="Add Image URL Here" /><br /> Image Description here </span></a>

 

• Copy-paste this image code in your blogger editor and make the following changes,

------> Replace Add Image URL Here  with the image location that you just copied.

------> You can also change the size of the display image. The Display image is the smaller image which on mouse hover expands to the original size. Change 100px to any size you want.

------> Replace Image Description here with a little description about the image. This text will appear below the expanded/popped up image. If you don’t want to add any description simply delete the bolded green text.

That’s All! Apply the popping code to see things popping up :>

 

On Mouse Hover Image Opacity Effect

Now Lets add the fading effect to your images. This one is pretty easy!

• Follow the same steps for getting the image URL as guided above.
• Once you have copied the Image Location, use the following code to add fading effect to your image,

<a  class="Fadein" href="Add Image URL Here"/><img src="Add Image URL Here" width="" height="" border="0px" /></a>

• Simply replace the bolded red text with the Image location that you copied.
• By default the original image size will appear because I have mentioned no image dimensions. If you want to give a particular size to the image then give the proper dimensions to width="" and height=""   e.g:- width="500px" height="600px"

That’s All! I hope everything was clear.

You can follow the same procedure for adding these two effects to images in your sidebar. You just need the Image URL and that’s it!

Adobe Photoshop CC is an outstanding tool for image editing. However, it has enhanced its features in its later releases. Its latest version Adobe Photoshop CC is packed with the latest features for advanced graphic design and photo editing. Now photo editing has become very easy with all new Adobe Photoshop CC. Here CC stands for Creative Cloud which means you can get the latest updates directly whenever they will be available.

It cannot be said that Adobe Photoshop is solely for image editing. Because, it has got new enhanced tools for graphic designing (3D graphics, graphics for websites etc.), CSS, animations and video editing. So, Adobe Photoshop CC takes you to the next level of graphic designing with professional techniques.

The following tools are also integrated with Adobe Photoshop CC:

• Adobe Generator
• Adobe Lightroom
• Adobe Edge Reflow CC
• Adobe Bridge
• Behance

Other Software of the series:

Adobe After Effects CC

Adobe Premiere Pro CC

Adobe Dreamweaver CC

Adobe Flash Professional CC

Adobe Photoshop Elements 12

Adobe Photoshop Lightroom 5.6

Adobe InDesign CC 2014

What’s New in Photoshop CC 2014

Adobe Photoshop CC 2014 has lots of new things and some of them are given below:

Camera Shake Reduction

Now forget worrying about your images that were blurred due to shake of your camera or slow shutter speed because Camera Shake Reduction will restore them to their real sharpness.

Smart Sharpen

This technology gives your images a realistic look. It sharpens your images or photos to maximize clarity and reduce noise.

Perspective Warp

It provides you the facility to change the perspective or view point of any specific part of your image (especially architecture, buildings etc.) without causing any distortion to the surrounding area.

3D Printing

Adobe Photoshop CC provides you an all new support for 3D printing.

Smart Image Resolution Upgrade

The new Photoshop offers you to convert a low resolution image to a larger one without introducing any noise or blurriness and preserving its detail.

Enhanced Web Graphics Designer and CSS Generator

Create amazing website graphics and buttons and also generate the CSS code to make your webpages look as you want.

Smart Video Creation

Create any video clip using full range of Photoshop tools. Now you can use Adobe Premiere Pro CC for advanced editing.

Faster Performance

Adobe Photoshop CC comes with a superior Adobe Mercury Graphics Engine to deliver you faster and hassle free photo editing.

Details

Release Date:18 June 2014

Version: CC 2014

Developer: Adobe Systems

Software type: Image editing

Minimum System Requirements

Operating System: Windows 7 SP1/Windows8/8.1 32 bit and 64 bit

Processor: Intel Pentium 4 or AMD Athlon 64 Processor

RAM: 1 GB

VRAM:512MB

Screen Resolution:1024X768

Screenshots

Download

Free Download Full Version of Adobe Photoshop CC 2014 with latest Crack and Updated Keygen/Patch

Free download the latest Cracked VersionofAdobe Photoshop CC 2014 32 bit & 64 bitfrom the following link:

http://bit.ly/UetLyV

Mac users can download the latest Adobe Photoshop CC 2014 from the link below:

Free Download Adobe Photoshop CC 2014 Cracked For Mac OS X

Please share your experiences, Comment Below.

14:30