How To Change Fonts on Android

Changing Fonts are one of the many customizations options which can be done on both Rooted and Unrooted devices and you have plenty of fonts to choose. If you have already rooted your device, you can even add your custom font to the device, and if your device is not rooted, there are still some fonts waiting for you.

Let’s review 4 easy ways to change fonts on Android both on devices requires Root or without root:

Install a Launcher (No Root is Required)

We have talked so much about Android Launchers, and you already know their advantages. Some launchers like Go Launcher, or Apex let you choose a font from a list of available fonts. This method is very easy and the only prerequisite for the installation is to have these launchers installed on your device.

The only disadvantage of changing fonts from a launcher is that, it only affects the parts of the device that are under the authority of the launcher. For example since the main settings of the device remains unchanged after installing a launcher, then you shouldn’t expect to see a change in settings fonts.

Install System Fonts (No Root is Required)

This method is used if your phone supports Font changing feature. For example both Korean companies (LG and Samsung) have some pre-installed fonts and they even let you download more font packages from Google Play. Fonts are changed on the entire menus of the device and if you haven’t rooted your device and you happen to own a Galaxy device, then this is the best and easiest way to change fonts on your device.

Go to Settings…Display…Font Style. There you have 5 options as default fonts. Tapping the “Get Fonts Online” takes you to Google Play and let you download many beautiful packages.

Install from Font Management apps (Requires ROOT access)

Whe n you take the risk and Root your device, you expect to have some accesses and features, which are worth the risk and voiding the guaranty.

There are some font management applications which provide hundreds of beautiful fonts with many options to customize. These Android apps are easy to use and after installation you can choose the fonts you like.

iFont(Fonts For Android) and Font Installer ★ Root ★ are 2 of the best Android apps to change fonts. Make sure your read the developers description before installation to see it your phone is supported or not.

Download iFont from Google Play

Download Font Installer from Google Play

Note that iFont provides some features for Galaxy users which haven’t Rooted their devices.

Manually Add Custom Fonts (Requires ROOT access)

This method is not recommended for those who haven’t got much experience changing system files. By the way, you can find all the installed fonts under this path: /system/fonts. You can replace your custom fonts with already existing ones in this folder. You must rename the font name and know which font you should replace, otherwise the process doesn’t go through.

How to Remove "Powered By Blogger" Attribution from Blogger

As many of you know that Blogger is completely developed in XML (Extensible Mark Up Language). Blogger has its own XML codes which you can use to add elements or to remove elements. Those who make Blogger templates must know XML. There are many attributes or links on default blogger templates which sometimes people don't want to see on their blogs. And one out of those links is "Powered By Blogger" Attribution which appears in every blogger default template at the footer.

So today, we will find the easiest and quickest way to remove this link.
Steps:
Go to Blogger Dashboard.
Now click on your Blog Title.
Navigate to Template tab.

Note: Before editing your template, you may want to save a copy of it. Back Up Your Template.

4. Click on Edit HTML button.

5. Click Proceed button to continue.

6. Now you have to find the code of attribution element. Search for the code snippet similar to below in the template,

<b:widget id='Attribution1' locked='true' title='' type='Attribution'>

7. Now alter the attribute locked value to false in the line of code, which cause element unable to remove.

i.e: <b:widget id='Attribution1' locked='false' title='' type='Attribution'>

8. Now you will able to remove attribution element. But still you won't be able to add any element to your page footer. So you need to change another line of code to allow adding elements to footer. Find the code snippet similar to below from the template.

<b:section class='foot' id='footer-3' showaddelement='no'>

9. Now change attribute value showaddelement to yes as below,

<b:section class='foot' id='footer-3' showaddelement='yes'>

10. Now Save template.

11. Navigate to Layout tab from left pane.

12. Find Attribution element bottom of the page.

Click on Edit link correspond to the Attribution element.

14. Now click Remove button on pop up window.

15. Now Attribution element has been removed. You can add another element using bottom Add a Gadget link to add custom attribution or any other element.

16. Click Save arrangement button.

Enjoy :-)

Change Read More to Button in Blogger.

Today I'm going to teach how you can insert read more link in your blogger posts.

After inserting your read more links in your blogger posts you can change them to stylish buttons of your choice.
Now first we will see how to insert read more links in the blogger posts.

How to Insert 'Read More' links in Blogger Posts.

While writing a post in blogger post editor there is an option called "Jump Break" which can be used to insert the read more link anywhere you want in the post. See the image below.

That option is actually used to insert the Read More link inside a post in blogger. Click this option where you want to insert the Read More link. Usually people insert it after the first paragraph.

Inserting this Link will only show that part of the post that is above the "jump break" on the home page. In place of the remaining post it will show a link as 'read more' to read the full post.

You can actually change this text link to an image link or stylish button link.Now let us see how to change this link to buttons.

Change "Read More" Text link to Button.

Follow these steps to change the text with a button.

1. Go to Design tab >> click "Edit html" >> Tick "Expand widget Templates" checkbox
2. Find below text from search (Ctrl + F)

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>

3. Now remove these words from the above code.

 + &quot;#more&quot;

4. After removing these codes your html will look like this.

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>

5. Now look for these words

<data:post.jumpText/>

Replace it with your Text which you want to appear in the place of 'read more' or with your image url

 <img src="http://image-URL.png"/>

Inseert this Stylish Read More Button 6. If you want to insert this picture as your jump break button then put this code.

<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyYxQMS_DMW0GlH192agj1EtkGJ0aUOoGSlaIKbv5aNjhZbr64t2TvxHCMJJS9UzyfVERXPjrzwdCQRYLsRDifD9PGdxxlsCr-duEtnZpjtCP4Ri0AVYeoMD5OP9qhLkdiwrQVu3cXTH_b/s1600/read+more+in+blogger.gif" width="87" height="47"/>

7. Now save your template ,everything is done. View your blog and see the button Working.

Text Features in Photoshop Beginners tutorial

In this tutorial we are going to train you not only how to add vertical and horizontal text with the type tools, but how to warp the text. We will be discussing spell checking and other features such as typing on a path using the Pen tool. By the time you are done with this training, you will understand these areas, plus more. Text is fun, so let’s have fun with this tutorial and learn the basics of the Type tool. Sit back and enjoy this tutorial.
Currently we are using Windows XP and the Photoshop CS4 Extended version.

Knowledge You Need to Know:

If you are unfamiliar with certain areas that are not covered in this tutorial, feel free to visit us at: http:/winappsfree.blogspot.com. We have many different types of tutorials that will train you for free! Once you have the knowledge, feel free to come back and go through this tutorial again.

Preparing The Canvas:

Create a new canvas of 800 X 800 (pixels) and set the background to White. Once created, change your foreground color to anything you would like.
Horizontal Type Tool:
You will find the Horizontal Type Tool in the toolbox and it will show a letter “T” as a symbol. If you have a 2 column toolbox, then it will be located directly above the drawing tools (discussed in a previous tutorial). Right click on the “T” to display the Type Tool sub-menu. Left Click on the Horizontal Type Tool (this will type text from left to right). Photoshop Tip – You can also open the sub-menu by holding down the Left mouse button over the Tool.

You will notice these important options for the Horizontal Type Tool will be displayed.
A). Left Click on the canvas to type.
B). Under the “Image” menu, Left Click this drop-down menu to select a different font.
C). Under the “3D” menu, Left Click this box to change the font size or enter a value.
D). Under the “Help” menu, Left Click how you want the text to be format, such as left justified, center, or right justified.
E). Left Click the color to change the text color.
F). The circle with a line through it is the “Cancel” button.
G). Left Click the check box to commit (finish).
Photoshop Tip – If you want to edit the text, then make sure you have the Horizontal type tool selected and Left Click on the text. You will notice Photoshop will then allow you to edit the text and the options. To highlight all or partial of the text, use the Horizontal Type Tool and single Left Click the first letter that you want to edit. Now hold down the Left mouse button and drag it to the right side. When you are finished, release the Left mouse button.

Warping Text:
You can warp text, which is very similar to the Warp Tool in the Transform Path screen (see transforming objects tutorial).
A). Left Click this button (to the right of the color box) to display the Warp Text options. The button has a letter “T” with a double arrow that is curved down.
B). Left Click the “Style” drop-down box and Left Click on a preset. As you change the styles, you will see the text change. On this example, select “Arc” preset style.
C). When you are finished, Left Click the “OK” button.

The example below is the “Arc” preset. Please note in later tutorials we will show how you can bevel or add a drop shadow or even add a texture. Today we just want to cover the basics of this tool.

Vertical Type Tool

The Vertical Type Tool allows you to type text up and down versus the Horizontal Type Tool which allows you to add text left to right.

A). Right click the “T” and Left Click the “Vertical Type Tool”.

B). Left Click on the canvas to begin typing.

The rest of the options are the same as the Horizontal Type Tool (Please read that section for more details).

Photoshop Tip – The keyboard shortcut to go to the active Type Tool is the letter “T”.

Check Spelling:

Photoshop comes with a spell checker. After you type your text, Left Click on the “Edit” menu and Left Click on the “Check Spelling” command.

You will notice the “Check Spelling” will highlight the incorrect word.

A). It will suggest the top recommendation of the spelling of the word. You can change the word by Left clicking any of the “Suggestions”.

B). If you have multiple layers then make sure the “Check All Layers” is selected (by default, this is automatically selected).

C). When you are done with spell checking, Left Click the “Done” button.

D). Either “Ignore” or “Ignore All” will bypass the incorrect spelling.

E). Either “Change” or “Change All” will change the incorrect spelling to the one listed in the “Change To” (A) field.

F). If you feel the word is spelled correctly, Left Click the “Add” button to add it to the dictionary.

Adding Text To A Path:

Photoshop gives you the functionality to type on a path. What is a path? Think of it as a path in the woods. The path might not be straight, but if you walk the path it will get you to the end. We are going to draw the path with the Pen Tool.

For this example, create a new 800 X 800 with a white background. The Pen tool can be a bit confusing, so we will take the next few steps slowly. In the future, we will be creating a tutorial strictly about the Pen Tool. Right click the Pen Toolbox (located in a 2 column toolbox, 4 up from the hand on the left side). Left Click the “Pen Tool”.

We need to turn on the Paths option. Once you selected the “Pen” tool, Left Click the Paths option, which is located under the “Edit” menu. The button actually shows a picture of a pen with a box around it.

On this example we would like you to move the “Pen” tool towards the left hand side of the canvas and single Left Click. You will notice it creates a “Point”.

On this example, move to the right hand side (A) and when you Left Click on this spot, hold down the Left mouse button. Now drag the mouse down to the bottom right (B) and release the Left mouse button.

Congratulation, you have just drawn a path. There are many intermediate or advanced users that have never used the “Pen” tool. Now select the “Horizontal Type” Tool and move your mouse cursor to the “Path” Line. You will see the cursor change. When you Left Click, it will put an “X” for the starting point. Now type your characters and use the “Cancel” or “Commit” button to finish the path.

Congratulations, you have just finished the tutorial on the Type tools, plus you have used the Pen tool to create a path. 

Recent/Latest Posts Widget For Blogger/Blogspot

You surely have seen on many blogs and websites a Recent Posts Widget in the sidebar that shows the recent or newest or latest posts of the certain blog or website. This widget shows the best posts title for SEO, date of post and an image of the post and even a snippet of the post. So today we are going to learn how to make this widget for your blog with some very easy steps. So let's start now.

How to add Recent Posts Widget to Blogger

Step 1. Log in to your Blogger Dashboard, then go to Layout and click on Add a Gadget link
Step 2. From the pop-up window, scroll down and choose HTML/JavaScript.
Step 3. Select & Copy the code from one of the options below and paste it into the new HTML/JavaScript:

Option 1: Recent posts widget with snippets

<div id="hlrpsa">
<script src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-snippets.js">
</script>
<script>
var numposts = 5;var showpostdate = false;var showpostsummary = true;var numchars = 100;var standardstyling = true;
</script>
<script src="http://your-blog.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts">
</script></div>
<div id="hlrpsa">
<script src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-snippets.js">
</script>
<script>
var numposts = 1;var showpostdate = false;var showpostsummary = true;var numchars = 100;var standardstyling = true;
</script>
<script src="http://www.blogtipsuk.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts">
</script></div>
<div id="rpdr" style="font-family: arial, sans-serif; font-size: 9px;">
<a href="http://www.blogtipsuk.com/2013/12/recent-latest-posts-widget-for-blogger-blogspot.html" target="_blank" title="Grab this Recent Posts Widget" alt="Recent Posts Widget for blogger">Recent Posts Widget</a> by <a href="http://www.winappsfree.blogspot.com/" title="Recent Posts Widget"
alt="Blogger and SEO Tips and tricks">Blogger SEO Tips</a></div><noscript>Your browser does not support JavaScript!</noscript>
<style type="text/css">
#hlrpsa a {color: #0B3861; font-size: 13px;} #rpdr {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKtsF4z1dxwZ1Al9xxwe8neXjCgLW3ILIgM9vevkD9HpySf6CQvAT3MVuw5_PzConxagPEST9SrR772UUjMoKR1tP6891Ib0oLnDZK6moPWmafUMYyimHPsmNeXUopn0TFfAjm0mh0HaST/s1600/blogger.png) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}
#rpdr, #rpdr a {color:#808080;}
#hlrpsa { color: #999999; font-size: 11px; border-bottom:1px #cccccc dotted; margin-top:-10px; padding-bottom:10px;}
.hlrps a {font-weight:bold; }
.hlrpssumm {}
</style>

Option 2: Recent Posts Widget Showing Post Titles Only

<div id="hlrpsb">
<script style="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-titles-only.js"></script>
<script style="text/javascript">var numposts = 10;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>
<script src="http://your-blog.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div>
<div id="hlrpsb">
<script style="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-titles-only.js"></script>
<script style="text/javascript">var numposts = 1;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>
<script src="http://www.blogtipsuk.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div>
<div id="rpdr" style="font-family: arial, sans-serif; font-size: 9px;">
<a href="http://www.blogtipsuk.com/2013/12/recent-latest-posts-widget-for-blogger-blogspot.html" target="_blank" title="Grab this Recent Posts Widget" alt="Recent Posts Widget for blogger">Recent Posts Widget</a> by <a href="http://www.winappsfree.blogspot.com/" title="Recent Posts Widget"
alt="Blogger and SEO Tips and tricks">Blogger SEO Tips</a></div><noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript>
<style type=text/css>
#hlrpsb a {color: #0B3861; font-size: 13px;} #rpdr {background: url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKtsF4z1dxwZ1Al9xxwe8neXjCgLW3ILIgM9vevkD9HpySf6CQvAT3MVuw5_PzConxagPEST9SrR772UUjMoKR1tP6891Ib0oLnDZK6moPWmafUMYyimHPsmNeXUopn0TFfAjm0mh0HaST/s1600/blogger.png ) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}
#rpdr, #rpdr a {color:#808080;}
.bbrecpost2 {
padding-top:6px;
padding-bottom:6px;
border-bottom: 1px #cccccc dotted; }
</style>

Step 4.

Change 5 (option 1) and 10 (option 2) with the number of posts you want to display.
Change false to true if you want the posts dates to appear
Change 100 (option 1) if you want more characters to be displayed.
To change the color and font size of the links, modify the values in blue (links) and violet (font-size)
To change the style of posts summary, modify the values in green (color) and orange (font size)
Replace the your-blog text with the name of your blog or if you have a custom domain change all the bolded line with your address.

Step 5. Save your widget. And that's it! Enjoy!

Related Posts Widget for Blogger/Blogspot with Images

Related posts Widget will probably produce list of related posts. This specific Widget can be added often in homepage (under every single posts) or perhaps inside the post. By putting this specific related posts Widget, there is possible opportunity to distribute the other articles to visitors and they also may well will usually get that post in the listing, it will reduce the inflatable bounce rate of one's blog all of which will keep your visitors by suddenly stop from the blog. I will tell you how to add related posts widget to your Blogger.

How to add Related Posts Widget to Blogger

Step 1. Log in to your Blogger Dashboard, then go to Template and click Edit HTML.
Step 2. Find below text from search (Ctrl + F)

]]></b:skin>

Step 3. Copy and paste the given code above this line.

<!--Blogger Tricks Related Posts with thumbnails Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'> /* remove this */
<style type='text/css'>
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
font-size: 18px;
letter-spacing: 2px;
font-weight: bold;
text-transform: none;
color: #5D5D5D;
font-family: Arial Narrow;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
border-right: 1px dotted #DDDDDD;
color:#5D5D5D;
}
#related-posts a:hover{
color:black;
background-color:#EDEDEF;
}
</style>
<script type='text/javascript'>
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwj3Hj5q0vKyMYRdIVl0U6S8_dVLzkIRl4QeoYRYb7ZjbCTohXnWgfm2URHvwonbVJ2qIEB81jdi_R9mFvAR47LEsoYaQW8_MEubZb5KB-uYxXoVBqyYCEKfP2kNraA-jXbtLXY5x1XxA/s400/noimage.png";
var maxresults=5;
var splittercolor="#DDDDDD";
var relatedpoststitle="Related Posts";
</script><a href="http://www.winappsfree.blogspot.com/" style="font-size:0pt">Blogger Tricks</a>
<script src='http://netoopscodes.googlecode.com/svn/netoops-related-posts-with-thumbnails-blogger.js' type='text/javascript'/>
</b:if> /* remove this */
<!--Blogger Tricks Related Posts with thumbnails End-->

Change the red value to show number of posts.
Change the green color to change color of splitter line between posts.
Change the blue color to change Name of title.

Step 4. Find below text from search (Ctrl + F)

<div class='post-footer'>

Step 5.  Copy and paste the below code above this line.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://winappsfree.blogspot.com/2013/05/related-posts-widget-for.html' style="font-size:20%">Related Posts Widget</a></b:if></b:if>

Change red color to change number of posts displayed in widget.

Add SEO Meta Tags Title and Description in Blogger

Meta tag is a points intended for SEO (Search Engine Optimization). The actual <meta> label delivers metadata concerning the HTML document. Meta tag will never be displayed for the page, yet will likely be machine parsable. Meta tag are typically helpful to describe page description, keyword, Author of the content, last modified, and other metadata. The actual metadata works extremely well by means of browser (how to display content material or reload page), google (keywords), or various other web services. Search engines crawlers examine meta tag words of blog or website and allow these tag words (title, keyword and also description) data in order to yahoo, google search, based on these tag words your blog can be confirmed within search results websites (SERP's).

Meta Tag are Important and the helpful for our blog's SEO.

Put SEO Meta Tags in Blogger Template

Learn how to put Meta Tags in blogger template for better ranking in search engine results with easy steps.

Step 1.

Login to Blogger >> Go to Dashboard >> Template >> Edit Html

Step 2.

Find the following code [Tip: Ctrl+F]

<head>

This will be mostly on the main page of the template coding.

Step 3.
After/under this line paste the following code.

 <meta content='Your Blog Description' name='description'/>
 <meta content='Keyword1,Keyword2,Keyword3' name='keywords'/>
 <meta content='Author Name' name='Author'/>
 <meta content='Author Email Address' name='Email'/>
 <meta content='all' name='robots'/>
 <meta content='index, follow' name='robots'/>
 <meta content='Language Name' name='language'/>
 <meta content='Country Name' name='country'/>
 <meta content='blogger' name='generator'/>

Step 4.

Change red color bolded text according to your choice.

Note:  write keywords in separate commas  i.e., write comma after every word.

Step 5.

Now save your template and you are done, your blog is optimized for SEO and Google will show your site/blog in search results.

How To Be a Perfect Blogger

Running a blog is usually entertaining or may not. Its upon you that how you treat it. There are several things you can make an effort to show additional efficiency to your audience. Read this article totally as well as discover this techniques that they how grown to be effective?

Write a lot

Practice makes everyone perfect. You should produce as a way to strengthen ones composing expertise. Become imaginative and different on paper via others. Give just as much moment intended for composing and get a attachment with all your laptop or computer.

Always be Beneficial

It will likely be beneficial in case you published long and helpful articles. Come up with virtually any matter of which occurs in your mind. Beneficial readers tend to be those people readers whom save money period on a website. In support of period and helpful post can stay the visitor for long on your website.

Never Cease Learning

Effective persons never stop learning. Understanding is usually something which features much more power than anything at all. Once you have sufficient expertise you'll write much more posts. Much less expertise will avoid you by publishing one of a unique content. So my idea to you people is usually that for those who have free time, download e-books which might be relevant to your blog niche. And start reading it to learn much more thing.

Make a Routine Of Writing

Set the plan for you that all evening you'll compose 2-3 post in your blog. I realize that when you compose post today, the next day ones cardiovascular system will say which why don't we enjoy films or play a few video games and you abandon your hard work for another day. This can be a very poor behavior that makes a persom very lazy. Prevent such behavior. I'm telling you this stuff simply because We have handed via that and also My spouse and i do not would like that you people replicate these types of behavior.

Prepare in advance

You know lifetime is usually an unknown dark place, nevertheless we all makes it happier by carrying smaller light-weight table lamps together with us. As well as these smaller table lamps are planning. To the extent in the event that we all start out setting up in our writing a blog job. You can go coming from world for the heavens. Such as if you take case involving me that earn money accomplish setting up during my writing a blog job? My own setting up can be that in case these days My partner and i wrote a pair of articles about 'Blogging' and then tomorrow Let me compose a pair of articles with 'Social Media'.

Create Ghost Rider photo in Photoshop tutorial

After my previous articles in Photoshop Tutorial category how to Create a Crest Logo in Photoshop Tutorial today i am going to share how to create a Ghost Rider photo in Photoshop.

Let's see the tutorial:

Step-1

 Open the main photo which we are going to ghost rider it.

Step-2

Remove the head of the man using “Clone Stamp Tool (S)”.

Step-3


Remove hands too..

Step-4

Select skull using “polygonal Lasso Tool (L)”

Step-5

Delete the unwanted area and resize to place it over the shoulders like this…..

Working with fire:

Step-6

Here we choose the following fire image.

Step-7

Select fire image layer and double click it to open  “Layer Style” and set properties like this…

You get result like this….

Step-8

Erase the following unwanted parts.

Step-9

Once again double click the layer to open up the “Layer style”.

Press “Alt” and click one (right)side of the triangle and drage it to split it.

This is to set  blending range in the following way.

You get result like this……

Step-10

Resize the fire and place it behind the skull like this….

Step-11

Erase the skull with minimum opacity to blend it into the fire.

Adding fire reflection over shoulders:

Step-12

Select  brush with orange color  (#FFB801)

Brush(opacity 10%) the shoulders  in new layer with “Pin Light” blending mode.

Step-13

Similarly add fire and reflection to the hands.

Adding chain:

Step-14

For chain lets take the following image.

Extract the chain from the image using “Polygonal lasso tool (L)”

Duplicate it and stitch it to increase its length.

Add it to the man in the following way.

Duplicate the chain and liquify(filter>>liquify) it in the following way.

Step-15

Add drop shadow to the chains with following properties

Step-16

Liquify the dress of the man to give the effect of chains weight over the dress.

Step-17

Finally,  create a new layer(top most layer) and fill it with blue color (#205D90), set blending mode to “Soft Light” to get result like this….

You have done. I hope you enjoy this tutorial for more Photoshop tutorial please keep visiting thanks.

Windows 9 theme for Windows 8 and Windows 7

You love customize your Windows me to love to make my devices unique and different form others. You can customize your Windows in many ways today i am going to share Windows 9 theme for Windows 8 and Windows 7. You can customize your Windows with many tools Fences, Dexpot but they alone will not change the complete look of your Windows you have to install skin pack for getting whole new and beautiful look.

How to install Windows 9 theme on Windows 8

For getting Windows 9 theme on Windows 8  first of all you have to download skin pack installer. Skin packs installer is easy to install like other windows software. Make sure you have uninstall any old skin pack installer (if any installed) before going further, after installing skin pack installer successfully restart your Windows to see changes.

Download Windows 9 Theme for Windows 8 Online Installer (Recommended)

Download Windows 9 Theme for Windows 8 Offline Installer

How to install Windows 9 theme on Windows 7

For getting Windows 9 look on Windows 7 the procedure is same as of Windows 8 first download Windows 9 skin pack installer. It is very easy to install like other apps in windows 7, after installing restart your Windows 7 to see changes.

Download Windows 9 theme for Windows 7 Online Installer (Recommended)

Download Windows 9 theme for Windows 7 Offline Installer

So, this is easy guide to install Windows 9 theme for Windows 8 and Windows 7, if you face any difficulty while installing feel free to comment below.

How To Customize Blogger Slideshow Gadget

You know blogger blogs let you to use Blogger Slideshow. But Blogger slideshow gadget does not give the user many options like adjusting the size and style. Google AJAX Feed API provides the full code behind the slideshow gadget and also the opportunity to customize it as you like.

The Slideshow Gadget Code:

The gadget code loads the slideshow using AJAX Feed API and Javascript. Within the code a location on your page is defined to show the slideshow and style the dimensions. Lastly Javascript is used to create a slideshow control on your page. The full Slideshow code is shown below :

<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script src="http://www.google.com/uds/solutions/slideshow/gfslideshow.js"
type="text/javascript"></script>
<style type="text/css">
#picasaSlideshow {
width: 250px;
height: 200px;
margin-bottom: 5px;
padding: 5px;
}
</style>
<script type="text/javascript">
google.load("feeds", "1");
function OnLoad() {
var feed = "PUT FEED URL HERE";
var options = {
displayTime:2000,
transistionTime:600,
numResults : 8,
scaleImages:true,
fullControlPanel : true
};
var ss = new GFslideShow(feed, "picasaSlideshow", options);
}
google.setOnLoadCallback(OnLoad);
</script>
<div id="picasaSlideshow" class="gslideshow"><div class="feed-loading">Loading...</div></div>
<a href="http://winappsfree.blogspot.com/">Custom Slideshows.</a>

In the above code replace "PUT FEED URL HERE" with the link of the RSS feed of your pictures album at Flickr/Photobucket/Picasaweb as shown below.

Feeding The Slideshow:

The next step is to provide a stream of pictures to the slideshow. To provide this first create an account at Flickr.com or Photobucket.com or Picasaweb.google.com. Then upload all the photos you want to show to this account.

After uploading pictures you will get the RSS feed from the album created at Flickr :

http://api.flickr.com/services/feeds/photos_public.gne
?id=USERID&lang=en-us&format=rss_200

Replace USER ID with your actual user id at Flickr.com.
RSS Feed from Photobucket.com :

http://feed266.photobucket.com/albums/ii244/USERNAME/feed.rss

Replace 'USERNAME' with your actual username.
RSS Feed from Picasaweb :

http://picasaweb.google.fr/data/feed/base/user/NAME/
albumid/NUMBER
?kind=photo&alt=rss&authkey=KEY&hl=en

Replace NUMBER, KEY and NAME with actual values.

Then copy the full feed url and paste in the code given for the slideshow gadget instead of "PUT FEED URL HERE".

Customizing Slideshow

To customize the slideshow modify the gadget code as shown below :

To Change Number of Images modify this line in gadget code and change the number to what you want :numResults : 8,

To resize images add this line immediately below the numResults line :scaleImages : true,

The images will be resized according to original aspect unless you add this line also : maintainAspectRatio : false,

To change how long images are displayed modify the number in :displayTime : 2000,

To link the images to their source add this line : linkTarget : google.feeds.LINK_TARGET_BLANK,

To show images in medium thumbnail size use this line :thumbnailSize : GFslideShow.THUMBNAILS_MEDIUM,

For small size thumbnail images : thumbnailSize : GFslideShow.THUMBNAILS_SMALL,

Lastly to increase width and height change this code :

#picasaSlideshow {
width: 250px;
height: 200px;
.....
}

Decrease width number to fit in your sidebar width. You can get the width of the sidebar from your blog template code :

#sidebar-wrapper {
width: 220px;
...
}

Installing Slideshow

After modifyng and customizing the slideshow code as shown above :

Login at Blogger.com> Click Layouts link on Dashboard.
Click Add Gadget link on Layouts---> Page Elements.
In Popup window scroll down and click on HTML gadget.
Paste the modified code in Contents window.
Save gadget.