Home » Posts filed under tutorials

Showing posts with label tutorials. Show all posts

Sunday 1 September 2013

Black Berry 10 Web Works SDK Setup & Start with Hello World App

Sunday, September 01, 2013 BB10, programming, tutorials No comments

Black Berry 10 Web Works SDK Setup

There is a lots of opportunity waiting in the field of app development it is in the blackberry OS or any other OS like as Android , Java, Windows you do more with this cool stuff. Submit apps in corresponding apps store you can earn money with your beautiful app work.Do you know the basic of HTML thats enough to start developing an apps in BB10. ya thats true with html code you can develop your own within minutes.Here i demonstrate how to setup BB10 platform in your PC.I have video tutorial about this, if you wish to watch this cool video you will get ideas undoubtedly.

Watch this Video and Start to make apps in BB10

Tools Needed :

Ripple emulator
Web Works Sdk
Black Berry 10 Simulator
VMware

All these Stuff you can download form Here

After Download

Click and Drop ripple_ui.crx in to you chrome browser and enable
Install BB10 Web Works SDK
Install Black Berry 10 Simulator
VMware-player

Start App Development:

Navigate to your RippleSites folder. As a reminder, you created it in one of the following locations when you set up your tools:
- Windows XP: C:\Documents and Settings\<Username>\RippleSites
- Windows 7: C:\Users\<Username>\RippleSites
- Mac OS: /Users/<Username>/RippleSites
In your RippleSites folder, create a folder named HelloWorld.
In your HelloWorld folder, create an index.html file. This file is the landing page for your app. Use the following code:

<!DOCTYPE html> 
<html> 
    <head> 
        <meta http-equiv="Content-Type" 
              content="text/html; charset=UTF-8"> 
        <title>Hello World</title> 
    </head> 
    <body> 
        <p>Hello World!</p> 
    </body> 
</html>

When we package your app, we will need an icon.png file to display on the BlackBerry device. In your HelloWorld folder, create a folder named images. Download icon.zip and extract theicon.png file to the images folder.

Create a config.xml file in your HelloWorld folder. Use the following code:

<?xml version="1.0" encoding="UTF-8"?> 
<widget xmlns="http://www.w3.org/ns/widgets" 
    xmlns:rim="http://www.blackberry.com/ns/widgets"
    version="1.0.0.0" id="HelloWorldApp">   
   
    <name>helloWorld</name> 
    <author>My name</author>
    <description>The classic first app</description>
    <icon src="images/icon.png"/>
    <content src="index.html"/> 

</widget>

View Your App In Ripple Emulator


The Ripple emulator can act as a local web server for your HTML5 app and can simulate what your app will look like on a BlackBerry device.

Open the Google Chrome browser and make sure that Ripple services are running. If they aren't, click the Ripple icon beside the address bar, and then click Start Ripple Services.
Enter the URL for your Hello World landing page. Substitute http://localhost:9910 for the first part of the file path, up to and including /RippleSites (for example,http://localhost:9910/HelloWorld/index.html).
When the page is finished loading, click the Ripple icon beside the address bar.
Click Enable.
When you are asked to select a platform, select BlackBerry 10 WebWorks

You Done it If any Assistance Contact me:

Slide Down or Up the panel

Thursday, June 20, 2013 Hack, tutorials No comments

Click to slide the panel down or up

mytechpartner

Copy below code and paste it

<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("#flip").click(function(){
$("#panel").slideToggle("slow");
});
});
</script>

<style type="text/css">
#panel,#flip
{
padding:5px;
text-align:center;
background-color:#66FF33;
border:solid 1px #66FF33;
}
#panel
{
padding:50px;
display:none;
}
</style>
</head>
<body>

<div id="flip">Click to slide the panel down or up</div>
<div id="panel">Hello world!</div>
</body>
</html>

if like this then share it on your wall

Simple FB Share Button Code

Thursday, June 20, 2013 Hack, tutorials No comments

Looking for simple FB share button for your blog with number of count in a single code:

Copy below code and paste any where you want appear the FB Share button

……………………………………………………………………………………………………………………………

<div style="float: left; padding: 3px;">
<a expr:share_url="data:post.url" href="http://www.facebook.com/sharer.php" name="fb_share" type="box_count">
Share
</a>
<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript">
</script>
</div>

…………………………………………………………………………………………………………………………………

Do you like this then share it on your wall

SkyDrive

Wednesday, June 19, 2013 Tech news, Trickszone, tutorials No comments

1:- SkyDrive

2:- Play slide show
3:- Download to download album photos
4:- View original
5:- Sharing photo or folder
6:- Embed

7:- manage move / delete
8:- People tags you can tag peoples to your photo
9:- Information about your photo

Integrate SkyDrive To Your Blog

Wednesday, June 19, 2013 tutorials No comments

I recommend bloggers to use Windows Live Writer to write your good quality blog content

Here i show How To create web album in your blog (slide show) using Windows Live writer With SkyDrive

Before you need a Windows live ID address

click and choose Create Online Album

Drag your Photos and name to album

and insert button that's it you finished the steps

myTEchpartner

VIEW SLIDE SHOW

DOWNLOAD ALL

Complete collection Of HTML Tags

Wednesday, June 19, 2013 programming, tutorials No comments

HTML Tags Chart

To use any of the following HTML tags, simply select the HTML code you'd like and copy and paste it into your web page. This is for HTML beginners and experts…..

Tag

Name

Code Example

Browser View

<!--

comment

Nothing will show

<a -

anchor

<a href="http://www.domain.com/">
Visit Our Site</a>

Visit Our Site

<b>

bold

<b>Example</b>

Example

<big>

big (text)

<big>Example</big>

Example

<body>

body of HTML document

<body>The content of your HTML page</body>

Contents of your web page

<br>

line break

The contents of your page<br>The contents of your page

The contents of your web page
The contents of your web page

center

<center>This will center your contents</center>

This will center your contents

<dd>

definition description

<dl>
<dt>Definition Term</dt>
<dd>Definition of the term</dd>
<dt>Definition Term</dt>
<dd>Definition of the term</dd>
</dl>

Definition Term

Definition of the term

Definition Term

Definition of the term

<dl>

definition list

<dl>
<dt>Definition Term</dt>
<dd>Definition of the term</dd>
<dt>Definition Term</dt>
<dd>Definition of the term</dd>
</dl>

Definition Term

Definition of the term

Definition Term

Definition of the term

<dt>

definition term

<dl>
<dt>Definition Term</dt>
<dd>Definition of the term</dd>
<dt>Definition Term</dt>
<dd>Definition of the term</dd>
</dl>

Definition Term

Definition of the term

Definition Term

Definition of the term

<em>

emphasis

This is an <em>Example</em> of using the emphasis tag

This is an Example of using the emphasis tag

<embed>

embed object

<embed src="yourfile.mid" width="100%" height="60" align="center">

<embed>

embed object

<embed src="yourfile.mid" autostart="true" hidden="false" loop="false">
<noembed><bgsound src="yourfile.mid" loop="1"></noembed>

Music will begin playing when your page is loaded and will only play one time. A control panel will be displayed to enable your visitors to stop the music.

<font>

font

<font face="Times New Roman">Example</font>

Example

<font>

font

<font face="Times New Roman" size="4">Example</font>

Example

<font>

font

<font face="Times New Roman" size="+3" color="#ff0000">Example</font>

Example

<form>

form

<form action="mailto:you@yourdomain.com">
Name: <input name="Name" value="" size="10"><br>
Email: <input name="Email" value="" size="10"><br>
<center><input type="submit"></center>
</form>

Top of Form

Name:
Email:

Bottom of Form

heading 1
heading 2
heading 3
heading 4
heading 5
heading 6

<h1>Heading 1 Example</h1>
<h2>Heading 2 Example</h2>
<h3>Heading 3 Example</h3>
<h4>Heading 4 Example</h4>
<h5>Heading 5 Example</h5>
<h6>Heading 6 Example</h6>

<head>

heading of HTML document

<head>Contains elements describing the document</head>

Nothing will show

<hr>

horizontal rule

<hr />

Contents of your web page

<hr>

horizontal rule

<hr width="50%" size="3" />

Contents of your web page

<hr>

horizontal rule

<hr width="50%" size="3" noshade />

Contents of your web page

<hr>
(Internet
Explorer)

horizontal rule

<hr width="75%" color="#ff0000" size="4" />

Contents of your web page

<hr>
(Internet
Explorer)

horizontal rule

<hr width="25%" color="#6699ff" size="6" />

Contents of your web page

<html>

hypertext markup language

<html>
<head>
<meta>
<title>Title of your web page</title>
</head>
<body>HTML web page contents
</body>
</html>

Contents of your web page

<i>

italic

<i>Example</i>

Example

<img>

image

<img src="Earth.gif" width="41" height="41" border="0" alt="text describing the image" />

<input>

input field

Example 1:
<form method=post action="/cgi-bin/example.cgi">
<input type="text" size="10" maxlength="30">
<input type="Submit" value="Submit">
</form>

Top of Form

Example 1:

Bottom of Form

<input>
(Internet Explorer)

input field

Example 2:
<form method=post action="/cgi-bin/example.cgi">
<input type="text" style="color: #ffffff; font-family: Verdana; font-weight: bold; font-size: 12px; background-color: #72a4d2;" size="10" maxlength="30">
<input type="Submit" value="Submit">
</form>

Top of Form

Example 2:

Bottom of Form

<input>

input field

Example 3:
<form method=post action="/cgi-bin/example.cgi">
<table border="0" cellspacing="0" cellpadding="2"><tr><td bgcolor="#8463ff"><input type="text" size="10" maxlength="30"></td><td bgcolor="#8463ff" valign="Middle"> <input type="image" name="submit" src="yourimage.gif"></td></tr> </table>
</form>

Top of Form

Example 3:

Bottom of Form

<input>

input field

Example 4:
<form method=post action="/cgi-bin/example.cgi">
Enter Your Comments:<br>
<textarea wrap="virtual" name="Comments" rows=3 cols=20 maxlength=100></textarea><br>
<input type="Submit" value="Submit">
<input type="Reset" value="Clear">
</form>

Top of Form

Example 4:

Bottom of Form

<input>

input field

Example 5:
<form method=post action="/cgi-bin/example.cgi">
<center>
Select an option:
<select>
<option >option 1</option>
<option selected>option 2</option>
<option>option 3</option>
<option>option 4</option>
<option>option 5</option>
<option>option 6</option>
</select><br>
<input type="Submit" value="Submit"></center>
</form>

Top of Form

Example 5:
Select an option:

Bottom of Form

<input>

input field

Example 6:
<form method=post action="/cgi-bin/example.cgi">
Select an option:<br>
<input type="radio" name="option"> Option 1
<input type="radio" name="option" checked> Option 2
<input type="radio" name="option"> Option 3
<br>
<br>
Select an option:<br>
<input type="checkbox" name="selection"> Selection 1
<input type="checkbox" name="selection" checked> Selection 2
<input type="checkbox" name="selection"> Selection 3
<input type="Submit" value="Submit">
</form>

Top of Form

Example 6:
Select an option:
Option 1
Option 2
Option 3
Select an option:
Selection 1
Selection 2
Selection 3

Bottom of Form

<li>

list item

Example 1:
<menu>
<li type="disc">List item 1</li>
<li type="circle">List item 2</li>
<li type="square">List item 3</li>
</MENU>
Example 2:
<ol type="i">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
<li>List item 4</li>
</ol>

Example 1:

List item 1

List item 2

List item 3

Example 2:

List item 1
List item 2
List item 3
List item 4

<link>

link

<marquee>
(Internet
Explorer)

scrolling text

<marquee bgcolor="#cccccc" loop="-1" scrollamount="2" width="100%">Example Marquee</marquee>

<menu>

menu

<menu>
<li type="disc">List item 1</li>
<li type="circle">List item 2</li>
<li type="square">List item 3</li>
</menu>

List item 1

List item 2

List item 3

<meta>

meta

<meta name="Description" content="Description of your site">
<meta name="keywords" content="keywords describing your site">

Nothing will show

<meta>

meta

<meta HTTP-EQUIV="Refresh" CONTENT="4;URL=http://www.yourdomain.com/">

Nothing will show

<meta>

meta

<meta http-equiv="Pragma" content="no-cache">

Nothing will show

<meta>

meta

<meta name="rating" content="General">

Nothing will show

<meta>

meta

<meta name="robots" content="all">

Nothing will show

<meta>

meta

<meta name="robots" content="noindex,follow">

Nothing will show

<ol>

ordered list

Numbered
<ol>
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
<li>List item 4</li>
</ol>
Numbered Special Start
<ol start="5">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
<li>List item 4</li>
</ol>
Lowercase Letters

<ol type="a">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
<li>List item 4</li>
</ol>
Capital Letters

<ol type="A">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
<li>List item 4</li>
</ol>
Capital Letters Special Start

<ol type="A" start="3">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
<li>List item 4</li>
</ol>
Lowercase Roman Numerals

<ol type="i">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
<li>List item 4</li>
</ol>
Capital Roman Numerals

<ol type="I">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
<li>List item 4</li>
</ol>
Capital Roman Numerals Special Start

<ol type="I" start="7">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
<li>List item 4</li>
</ol>

Numbered

List item 1
List item 2
List item 3
List item 4

Numbered Special Start

List item 1
List item 2
List item 3
List item 4

Lowercase Letters

List item 1
List item 2
List item 3
List item 4

Capital Letters

List item 1
List item 2
List item 3
List item 4

Capital Letters Special Start

List item 1
List item 2
List item 3
List item 4

Lowercase Roman Numerals

List item 1
List item 2
List item 3
List item 4

Capital Roman Numerals

List item 1
List item 2
List item 3
List item 4

Capital Roman Numerals Special Start

List item 1
List item 2
List item 3
List item 4

listbox option

<form method=post action="/cgi-bin/example.cgi">
<center>
Select an option:
<select>
<option>option 1</option>
<option selected>option 2</option>
<option>option 3</option>
<option>option 4</option>
<option>option 5</option>
<option>option 6</option>
</select><br>
</center>
</form>

Top of Form

Select an option:

Bottom of Form

<p>

paragraph

This is an example displaying the use of the paragraph tag. <p> This will create a line break and a space between lines.
Attributes:
<p align="left">
Example 1:<br />
<br />
This is an example<br>
displaying the use<br>
of the paragraph tag.</p>
<p align="right">
Example 2:<br>
<br>
This is an example<br>
displaying the use<br>
of the paragraph tag.</p>
<p align="center">
Example 3:<br>
<br>
This is an example<br>
displaying the use<br>
of the paragraph tag.</p>

This is an example displaying the use of the paragraph tag.

This will create a line break and a space between lines.
Attributes:

Example 1:
This is an example
displaying the use
of the paragraph tag.

Example 2:
This is an example
displaying the use
of the paragraph tag.

Example 3:
This is an example
displaying the use
of the paragraph tag.

<small>

small (text)

<small>Example</small>

Example

deleted text

<strike>Example</strike>

~~Example~~

strong emphasis

<strong>Example</strong>

Example

<table>

table

Example 1:
<table border="4" cellpadding="2" cellspacing="2" width="100%">
<tr>
<td>Column 1</td>
<td>Column 2</td>
</tr>
</table>
Example 2: (Internet Explorer)
<table border="2" bordercolor="#336699" cellpadding="2" cellspacing="2" width="100%">
<tr>
<td>Column 1</td>
<td>Column 2</td>
</tr>
</table>
Example 3:
<table cellpadding="2" cellspacing="2" width="100%">
<tr>
<td bgcolor="#cccccc">Column 1</td>
<td bgcolor="#cccccc">Column 2</td>
</tr>
<tr>
<td>Row 2</td>
<td>Row 2</td>
</tr>
</table>

Example 1:

Column 1

Column 2

Example 2:

Column 1

Column 2

Example 3:

Column 1	Column 2
Row 2	Row 2

<td>

table data

<table border="2" cellpadding="2" cellspacing="2" width="100%">
<tr>
<td>Column 1</td>
<td>Column 2</td>
</tr>
</table>

Column 1

Column 2

<th>

table header

<div align="center">
<table>
<tr>
<th>Column 1</th>
<th>Column 2</th>
<th>Column 3</th>
</tr>
<tr>
<td>Row 2</td>
<td>Row 2</td>
<td>Row 2</td>
</tr>
<tr>
<td>Row 3</td>
<td>Row 3</td>
<td>Row 3</td>
</tr>
<tr>
<td>Row 4</td>
<td>Row 4</td>
<td>Row 4</td>
</tr>
</table>
</div>

Column 1	Column 2	Column 3
Row 2	Row 2	Row 2
Row 3	Row 3	Row 3
Row 4	Row 4	Row 4

<title>

document title

<title>Title of your HTML page</title>

Title of your web page will be viewable in the title bar.

<tr>

table row

<table border="2" cellpadding="2" cellspacing="2" width="100%">
<tr>
<td>Column 1</td>
<td>Column 2</td>
</tr>
</table>

Column 1

Column 2

<tt>

teletype

<tt>Example</tt>

Example

<u>

underline

<u>Example</u>

Example

<ul>

unordered list

Example 1:<br>
<br>
<ul>
<li>List item 1</li>
<li>List item 2</li>
</ul>
<br>
Example 2:<br>
<ul type="disc">
<li>List item 1</li>
<li>List item 2</li>
<ul type="circle">
<li>List item 3</li>
<li>List item 4</li>
</ul>
</ul>

Example 1:

List item 1
List item 2

Example 2:

List item 1
List item 2
- List item 3
- List item 4

Spice Up Your Blog With JQUERY

Sunday, June 16, 2013 Hack, Trickszone, tutorials No comments

Beautiful Honeybee

Just copy below code and paste any where you want to appear bee

Look out my page http://mytechpartner.blogspot.in/p/c-syntax.html

…………………………………………………………………………………………………………………………………….

…………………………………………………………………………………………………………………………………….

Dancing Links

………………………………………………………………………………………….

<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$('a.nudge').hover(function() { //mouse in
$(this).animate({ paddingLeft: '20px' },400);
}, function() { //mouse out
$(this).animate({ paddingLeft: 0 }, 400);
});
});
</script>
<!--DANCING-NUDGE-LINKS-STOPS-http://mytechpartner.blogspot.in—>

…………………………………………………………………………………………….

Copy above code got blogger dashboard --->template--->edit html

press ctrl+f and type </head>

just before </head> tab paste above code and save template

class=”nudge” use this to dancing link

for example

Android App Tutorial part - 1 Setting workshop

Friday, June 07, 2013 Android, tutorials No comments

Eclipse is the one of the best platform to create user friendly android apps So use Eclipse .

and also you need one more items to install ,they are

jdk-6u24-windows-i586.exe

android-sdk_r10-windows

installer_r20.0.3-windows.exe

You must install eclipse you can download form here Download Eclipse

Creating new project

File--->new--->Android Project

there will be an error so before creating new project go to

Window--->Preference--->Android

Set your SDK Location here this is D:\Softwares\Android Workshop\android-sdk_r10-windows\android-sdk-windows

Creating Virtual Device

window—>Android SDK and AVD Manager

Click on New Button to create new device

Give any name for your device

and set a target then click on Create AVD select your newly create device and click Start

Set screen size 6 for suitable window

നിങ്ങൾക്കുമാകാം മലയാളം ബ്ലോഗ്ഗർ

Monday, May 27, 2013 Trickszone, tutorials 1 comment

സ്വ ര ങ്ങൾ

a - അ     aa - ആ     i -ഇ    ee -ഈ      u -ഉ     oo -ഊ     r -ഋ       e -എ

E -ഏ      ai -ഐ    o -ഒ     O   -ഓ    ഔ -au    am -അം    aH -അഃ

ക-k          ഖ -kh              ഗ -g           ഘ -gh       ങ-ng

ച -ch      ഛ -chh           ജ -j             ഝ -jh        ഞ -nj

ട -t            ഠ-Th                ഡ -D          ഢ-Dh        ണ-N

ത -th           ഥ-thh             ദ -d              ധ -dh         ന -n

പ -p           ഫ -ph             ബ -b          ഭ -bh           മ -m

യ -y            ര -r          ല -l         വ -v

ശ -S             ഷ-sh         സ -s      ഹ -h

ണ്‍ -N         ൻ -n       ർ -r        ൽ -l        ൾ -L

ഒന്നിൽ കുടുതൽ  അക്ഷരങ്ങൾ ഒരു ഇംഗ്ലീഷ് അല്ഫബെറ്റിൽ നിന്ന്
ഉണ്ടാക്കാം ഉദാഹരണം

a--->1. എ         2 .അ       3. ആ         4. യ

b---> 1. ബി        2. ബ        3. ബ്        4. ഭ

c---> 1. ക           2. സ          3. ക്         4. ച്

d ---> 1. ഡി       2. ദ             3. ദ്         4. ഡ        5. ച

e --->    1. ഇ      2. എ     3. ഏ      4. ഈ      5. െ

f --->    1. ഫ     2. ഫ്

g --->    1. ഗ      2. ഗ്       3. ഖ

h ---->    1.ഹ     2. ഹ്

I --->     1. ഐ    2. ഇ      3. ി

j --->       1.ജ        2. ഗ്       3. ഖ

k --->     1. ക      2. ക്       3. ക്ക്

l --->       1. ല       2.ല്        3. ൽ         4. ൾ       5. ഌ

m --->      1. മ        2. മ്

n --->       1.ന്        2. ന        3. ൻ         4. ണ്‍       5. ണ

o ---->      1. ഓ      2. ഓ     3. ഊ       4. ൊ

p --->      1. പ         2. പി    3.പ്         4. പ്പ്

q --->       1. ഖ        2. ഖ്

r ---->     1. ര          2. റ       3.ർ           4. ര്         5. ഋ

s --->       1. സ        2. സ്       3. ശ        5. ശ്

u --->        1. ഉ         2. ു

v --->        1. വ        2. വ്

w --->       1. വ       2. വ്

x --->       1. ക്സ്

y ---->      1. യ         2. യ്

z --->         1. സ         2. ശ്        3. ഴ

ഡൌണ്‍ലോഡ് നിങ്ങൾക്കുമാകാം മലയാളം ബ്ലോഗ്ഗർ പ്ട്ഫ്‌ ഫയൽ

Drop Box Share your file to Friends

Friday, May 24, 2013 Tech news, tutorials No comments

"Your life's work, wherever you are."

Dropbox is a free service that lets you bring all your photos, docs, and videos anywhere. This means that any file you save to your Dropbox will automatically save to all your computers,phone sand even the Dropbox website.
Dropbox also makes it super easy to share with others, whether you're a student or professional, parent or grandparent. Even if you accidentally spill a latte on your laptop, have no fear! You can relax knowing that Dropbox always has you covered, and none of your stuff will ever be lost.
One of the large space available in the cloud to store your data safely and it can be share to anybody in the world and you can access it from any computer only the need of you must signing the Drop Box and install the Drop Box apps in your computer or mobile phones.
Simple Sharing
Dropbox makes sharing so easy that you'll be amazed at the things you can do. Invite your friends, family and teammates to any folder in your Dropbox, and it'll be as if you saved that folder straight to their computers. You can send people links to specific files in your Dropbox too. This makes Dropbox perfect for team projects, sharing party photos with friends, or recording your band's new album.
Safe
Even if your computer has a meltdown, your stuff is always safe in Dropbox and can be restored in a snap. Dropbox is like a time machine that lets you undo mistakes and even undelete files you accidentally trash. Your Dropbox is always ready for action from the Dropbox website to..
Free Space Earn
You can 500 MB free space for inviting your each friend to Dropbox and they install drop box on their computer
Useful for bloggers
Useful for bloggers by sharing the link on to the blog any one can download the files, photos , videos and anything…because blogger don't provide more space to doing this…..

How to create Firing words easly with CS5

Friday, May 10, 2013 Photoshop, tutorials No comments

Open CS5
1 : File--->new

2 : ctrl+i

3 : select text tool make font IMPACT and write your text in text block and enlarge that one

4: right click on text layer in layer block and select---> Rasterize Layer
then ctrl+A to select all and arrange vertically and horizontally the text

ctrl +D
5: select –> Rectangular marquee tool and select
   select a Alphabet only for eg: M press ctrl+shift+j to create new layer and name it as M
    Do this for all alphabets

Select first layer alphabet click on fx --> Drop Shadow

    Blend Mode—>Normal        opacity—>81%   Distance –>0     Spread--->20     Size –>12
a)    select colour overlay change colour as cc6600 then ok
b)    select satin change colour as 582900
       distance –>25     size—>105
c)    select inner glow   change blende mode---> color dodge
        opacity --->100%   color---> ffb900 (gold)
        choke--->20%      size--->13 px
Hit OK
6 : Right click on that layer ---->Copy Layer Style
     then select all layer use shift key to easy and right click and ---->Paste Layer Style
     ctrl+G group these layers in to one group1 and right click and duplicate that one
      hide original group1.

7: open duplicate group and select first layer pressing with ctrl click one new layer
     then new layer will be below that one we want merge these two layer so select two layer and press ctrl+E
     do this for all layers
8: Select first layer from top menu bar select filter ----> Liquify
    select forward warp tool click and drag to flame effect

Blogger 4 coloumn Footer

Thursday, May 09, 2013 tutorials 3 comments

Html code for four column footer

Step 1: Go to your blogger dash board select –-> Template ---> Edit Html

press ctrl+f then search box will appear

Step 2: On the search box type ]]></b:skin>

After finding code copy the below code and paste above to it

#footer-wrapper {clear: both;width: 100%; height:4px; background: #CF4227;}
#lower {
margin:auto;
padding: 0px 0px 10px 0px;
width: 100%;
background:#333333;
}
#lower-wrapper {
background:#333333;
margin:auto;
padding: 20px 0px 20px 0px;
width: 960px;
border:0;
}
#lowerbar-wrapper {
background:#333333;
float: left;
margin: 0px 5px auto;
padding-bottom: 20px;
width: 23%;
text-align: justify;
color:#ddd;
font: bold 12px Arial, Tahoma, Verdana;
line-height: 1.6em;
word-wrap: break-word;
overflow: hidden;
}
.lowerbar {margin: 0; padding: 0;}
.lowerbar .widget {margin: 0; padding: 10px 20px 0px 20px;}
.lowerbar h2 {
margin: 0px 0px 10px 0px;
padding: 3px 0px 3px 0px;
text-align: left;
border:0;
color:#ddd;
text-transform:uppercase;
font: bold 14px Arial, Tahoma, Verdana;
}
.lowerbar ul {
color:#fff;
margin: 0 auto;
padding: 0;
list-style-type: none;
}
.lowerbar li {
display:block;
color:#fff;
line-height: 1.6em;
margin-left: 0 !important;
padding: 6px;
border-bottom: 1px solid #222;
border-top: 1px solid #444;
list-style-type: none;
}
.lowerbar li a {
text-decoration:none; color: #DBDBDB;
}
.lowerbar li a:hover {
text-decoration:underline;
}
.lowerbar li:hover {
display:block;
background: #222;
}

Step 3: again search the </body>

Step 4: After finding code copy the below code and paste above to it

Step 5: Save your templates And open Layout add your page elements

Blogroll

Sunday 1 September 2013

Black Berry 10 Web Works SDK Setup & Start with Hello World App

Thursday 20 June 2013

Slide Down or Up the panel

Simple FB Share Button Code

Wednesday 19 June 2013

SkyDrive

Integrate SkyDrive To Your Blog

Complete collection Of HTML Tags

Sunday 16 June 2013

Spice Up Your Blog With JQUERY

Friday 7 June 2013

Android App Tutorial part - 1 Setting workshop

Monday 27 May 2013

നിങ്ങൾക്കുമാകാം മലയാളം ബ്ലോഗ്ഗർ

Friday 24 May 2013

Drop Box Share your file to Friends

Friday 10 May 2013

How to create Firing words easly with CS5

Thursday 9 May 2013

Blogger 4 coloumn Footer

Categories

Blog Archive

Popular Posts

myTechpartner

Useful Sites

Contributors

Do you Like this Article?

Blogroll

Sunday 1 September 2013

Thursday 20 June 2013

Wednesday 19 June 2013

Sunday 16 June 2013

Friday 7 June 2013

Monday 27 May 2013

Friday 24 May 2013

Friday 10 May 2013

Thursday 9 May 2013

Social Profiles

Categories

Blog Archive

Popular Posts

myTechpartner

Useful Sites

Contributors

Do you Like this Article?