Digital Blog : Blogger Templates , Tips & tricks , Blogger Tutorial , Seo tips .: Tutorials

Showing posts with label Tutorials. Show all posts

9 Best Websites For Designing Your Logos Online For Free

June 04, 2010

All in One Blog

So here is the list of 9 Best Websites For Free Logo desigs

LogoEase

LogoEase is a website where you can create your own logo and download it free for your future reference.

TheFreeLogoMakers

This is the second most popular website which I find for the online creation of Logo. After creating the logo, you can save it as a HTML file.

OnlineLogoMaker

Online Logo maker is another commonly used for crating logos and downloading them for free.

FlamingText

Flaming Text is a online logo generator from where you can create the logo and then use it as image on your website or in your email signature.

Simwebsol

Simwebsol is a web2.0 free logo creator website.

CoolText

Cool Text is a free online logo generator for your websites without doing a lot of design work.

FreeFlashLogos

You can find loads of Flash logo samples and you can customize them according to your need and use it for free.

Register with your email id and then create some cool logos and also save it in this website. You can’t download it or copy it in your PC. Don’t know why they haven’t provide the option for download, but you can create some awesome logos there with the help of theirlogo samples already there.

LogoSnap

You can design the logo here and save the logos after login.
This is all for now, hope it will be useful for you. If you find any other site which you think should include in this list, please be kind and share the link with us in the comments.

»» Read more

Best Websites that can make you a Web Designer

June 03, 2010

All in One Blog

HTML, Css, JavaScript are basic building blocks of a Web Page. A Web Designer needs to combine all these technologies to make a presentable website. This article is for those who wants to learn how to make a website, all the websites listed below have very accurate information and you can easily learn web designing step by step.

So sit back and enjoy most popular and step by step tutorial websites that can turn you into a web designer for sure.

W3Schools

W3Schools is the most popular among these, every article of there’s is almost accurate and they also provide simple examples to define the tutorial. HTML tutorials are very finely created and a definite amount of demos are provided to understand the concept behind.

WebDevelopersNotes

WebDevelopersNotes.com offers free web programming tutorials and tips on HTML, JavaScript, Flash, SQL, web graphics, web hosting, web promotion, email programs (Outlook Express, Windows Mail, Windows Live Mail), web master resources, web development articles, internet basics and much more!

WebDesign

Web Design Library is committed to Provide in-depth analysis of the events most pertinent to the web design world, Giving its readers a behind-the-scenes look at the people, companies and events making headlines, Advancing the web design industry’s most comprehensive view at what’s hot, what’s not and what it all means.

Tizag

Tizag was designed to teach beginner web programmers how to use HTML and CSS. They have a very helpful community and it can make your problems to solve in a snap.

WebReference

Its a Network website of Internet.com and as they are known for some very high quality content and genuine stuff they provide. You can find many useful tutorials in a well displayed format.

Quackit

Quackit teaches beginners how to create websites. Teaching you the basics such as HTML and CSS. Advanced topics can help you add more features to your website.

EchoEcho

Easy to understand explanations, massive examples, tips, smart workarounds and useful quick references. EchoEcho is a great resource for JavaScript tutorials.

WebMonkey

Webmonkey is a free, public resource for web developers. Builders, designers and programmers like you — the people who know best — write the articles, tutorials, code snippets and other contributions.

AcademicTutorials

You will find over 100 programming language tutorials, lessons, and how-to’s. You can surf through the collection of free online tutorials or read postings in one of our forums. Just choose the language you are interested in learning in the left Side Bar.

Msdn Microsoft

This is the place to learn about technologies like HTML, Cascading Style Sheets, and JavaScript. You’ll also take a feature tour of Visual Web Developer 2008 Express Edition, and become acquainted with Visual Basic and Visual C#. Finally, depending on your knowledge level, you may want to follow the Bits & Bytes series to learn computer basics.

HtmLite

Html lite tutorials are easy to understand and are for the common web page creator. The UI is not that great but you can see the quality of content and tutorials.

HtmlPrimer

A well Designed and simple layout they provide very basic and information which is very high graded.

HtmlCodeTutorial

There goal is to provide the most helpful and complete guide to creating web pages anywhere. If you’re just beginning, start learning HTML here.

Jquery

jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript.

FreeWebMasterHelp

You will find many high quality tutorials and articles dealing with some of the most popular and important issues and technologies surrounding web development. There are also tools to help you to develop your site, a huge image database, a directory of some of the best webmaster sites and ‘Ask The Webmaster’, a new feature which allows you to ask questions about web development.

I hope you must have liked the selection of websites i have made above. Do tell us your views and any website that has helped you learn the art of Web Designing.

http://savedelete.com/

»» Read more

Play Around with Notepad for Fun

May 05, 2010

All in One Blog

What this trick does is, when you run the following script it starts blinking caps Lock light continuously. If you run this script twice the rate of blink increases and alternatively NumLock light start to blink with CapsLock.
Open Notepad and Type :

Set wshShell =wscript.CreateObject(“WScript.Shell”)
do
wscript.sleep 100
wshshell.sendkeys “{CAPSLOCK}”
loop
Save it as “Caps.VBS” and send it to your friend. Double Click it if you wanna see it working. Its a very funny Notepad Trick.

»» Read more

ONLINE FREE TUTORIALS LINK

All in One Blog

Here are some website links I want to share with Everyone. All these sites contains Tutorials of the following :

JAVA, ORACLE, VB, C, C++, DATA STRUCTURES, HTML, XHTML, SQL, JAVA SCRIPT, TCPIP, .NET, COMPUTER HARDWARE & SOFTWARE, TROUBLESHOOTING, PHOTOSHOP, FLASH, WEB-DESIGN, & many more. Just visit the links below.

»» Read more

A simple Remote control Tester

March 26, 2010

All in One Blog

Here is a handy gadget for test- ing of infrared (IR) based re- mote control transmitters used for TVs and VCRs etc. The IR signals from a remote control transmitter are sensed by the IR sensor module in the tester and its output at pin 2 goes low. This in turn switches on transistor T1 and causes LED1 to blink. At the same time, the buzzer beeps at the same rate as the incoming signals from the remote control transmitter. The pressing of different buttons on the remote control will result in different pulse rates which would change the rate at which the LED blinks or the buzzer beeps. When no signal is sensed by the sensor module, output pin 2 of the sensor goes high and, as a result, transistor T1 switches off and hence LED1 and buzzer BZ1 go off. This circuit requires 5V regulated power supply which can be obtained from 9V eliminator and connected to the circuit through a jack. Capacitor C1 smoothes DC input while capacitor C2 suppresses any sudden spikes appearing in the input supply. Here, a plastic moulded sensor has been used so that it can easily stick out from a cut in the metal box in which it is housed. It requires less space. Proper grounding of the metal case will ensure that the electromagnetic emissions which are produced by tube-lights and electronic ballasts etc (which lie within the bandwidth of receiver circuit) are effectively grounded and do not interfere with the functioning of the circuit. The proposed layout of the box containing the circuit is shown in the figure. The 9-volt DC supply from the eliminator can be fed into the jack using a banana-type plug.
Tech. Editors note: In fact, the complete gadget can be assembled in the eliminators housing itself and a cut can be made in its body for exposing the IR modules sensor part.

»» Read more

Super Cool CD Sticker : Photoshop Tutorials

March 18, 2010

All in One Blog

cover 18

1. Start by creating circular frame shape using custom shape tool.

pict 1

2. Using direct selection tool select inner nodes as shown and press Ctrl+T.

cover 2

3. Scale down the points to create a small hole. These outer and inner circle size should be in synch with actual CD dimensions.

cover 3

4. Fill it with gray color.

cover 4

5. Duplicate the layer. Again select the outer nodes and scale down a bit and select inner nodes and scale up a bit both using direct selection tool.

cover 5

6. Double click the layer to open layer style window. Apply settings as shown.

cover 6

cover 7

cover 8

7.Â Â Create a big circle using elliptical shape tool. Press Ctrl+Alt+G to create a clipping mask.

cover 9

8. Similarly create two more circles with different colors and different placement. Press Ctrl+Alt+G to create a clipping mask for each layer.

cover 11

9. Create a sun shape using custom shape tool.

cover 12

10. Change the layer mode to luminosity.

cover 13

cover 14

11. Similarly create more shapes according to the topic of your CD ROM. Weâ€™re creating a CD ROM for Horoscope software so we are placing suns and planets etc. You can also insert images too. Create clipping mask for all shapes.

cover 15

12. Create a circle almost half the size of outer circle. Using type tool click on this path to type your text on it.

cover 16

13. Apply some outer glow layer style.

cover 17

14. Similarly create a path for the website url and place near the bottom.

cover 18

The following is my final work.

»» Read more

How to Google Translate Flags Widget For Installing Blogger

March 05, 2010

All in One Blog

I’m sure that we are all not from the same country, and we all can’t understand all languages in the world . To day I explain how to add Google Translate Widget in the form of nations’ flags .

Widget Features :

This Widget Auto detect your blog language and translate it to the readers chosen language.
Support 12 different languages, English, Spanish, Italian, Dutch, Brazilian, Russian, Japanese, Korean, French, Germany, Arabic And Chinese.

If you are interested in add Google Translate Widget, then you follow the simple steps :

Login to blogger with your ID , then Click Layout.
Click Page Element tab.
then Click Add A Gadget .
Click HTML/JavaScript

Copy and paste the Google Translate code into the available area :

And finally Click Save Templates

It is very easy , keep trying

»» Read more

How to Create Automatic Read more Function

March 04, 2010

All in One Blog

We know that Blogger has supported the function to cut off the article . But recently, the automatic Read more is more popular because the automatic Read more will cut off the posts automatically .

If you want your blog has automatic Read more , you can follow the easy steps below.

Easy steps:

At 1st Login to blogger with your ID.
Then Click Layout >> and Click Edit HTML .

Copy and paste the JavaScript below the code </head>

<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script>

<script type='text/javascript'>

//<![CDATA[

function removeHtmlTag(strx,chop){

if(strx.indexOf("<")!=-1)

{

var s = strx.split("<");

for(var i=0;i<s.length;i++){

if(s[i].indexOf(">")!=-1){

s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);

}

}

strx = s.join("");

}

chop = (chop < strx.length-1) ? chop : strx.length-2;

while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;

strx = strx.substring(0,chop-1);

return strx+'...';

}

function createSummaryAndThumb(pID){

var div = document.getElementById(pID);

var imgtag = "";

var img = div.getElementsByTagName("img");

var summ = summary_noimg;

if(img.length>=1) {

imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';

summ = summary_img;

}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';

div.innerHTML = summary;

}

//]]>

</script>

Find the code <data:post.body/> on your template Ctrl + F write and hit Enter.
Then , Remove the code and change with the code below:


<b:if cond='data:blog.pageType != "item"'>

<div expr:id='"summary" + data:post.id'><data:post.body/></div>

<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");

</script>

<span class='rmlink' style='float:right;padding-top:20px;'>

<a expr:href='data:post.url'>»»  read more</a></span>

</b:if>

<b:if cond='data:blog.pageType == "item"'><data:post.body/>

</b:if>

And finally Click SAVE TEMPLATE.

»» Read more

How to setting a Blog

February 19, 2010

All in One Blog

After you Create a blog, You must do some settings to Your Blog more effective to make easy The Search Engine to find Your blog, also to easy Visitor Navigation.

To start it, please follow these steps:

1. Please Login to Your Blogger Account

2. Choose Your Blog (if You have more than 1 Blog)

3. Click "Settings"

4. In the "Basic" Tab

Title⇒ Write Blog Title You want

Description⇒ Write Your Blog Description that describes the content of Your Blog

Add your blog to our listings? ⇒ Yes

Let search engines find your blog? ⇒ Yes (if Your Blog is Private, choose No)

Show Quick Editing on your Blog?⇒ Yes

Show Email Post links?⇒ Yes

Adult Content?⇒ No (If Yes is selected, viewers of your blog will see a warning message and will be asked to confirm that they want to proceed to your blog)

Show Compose Mode for all your blogs?⇒ Yes

Enable transliteration?⇒ Disable (Adds a button to the toolbar for converting words from English to the selected language. You may later change the language in the Post Editor)

Click "Save Settings" button.

Publishing

Type the characters you see in the Word Verification picture

Click "Save Settings" button.

Formatting

Show⇒ Select the number of posts you want to show on the "Home" ex: 5 | Posts (If Days is selected, a limit of up to 500 posts will be enforced)

Date Header Format⇒ This is how the date will appear above your posts. Choose format You like

Archive Index Date Format⇒ This is how the archive links in your sidebar will display

Timestamp Format⇒ Choose format You like

Time Zone⇒ Choose like where You life

Language⇒ English

Convert line breaks⇒ Yes

Show Title field⇒ Yes

Show Link fields⇒ Yes

Enable float alignment⇒ Yes

Post Template⇒ Post templates pre-format the post editor with text or code that will appear each time you create a new post. So write what often you use

Click "Save Settings" button.

Comments

Comments⇒ Show (Selecting "Hide" does not delete existing comments - You can show them at any time by re-selecting "Show")

Who Can Comment?⇒ Anyone - includes Anonymous Users

Comment Form Placement⇒ Embedded below post

Comments Default for Posts⇒ New Posts Have Comments

Backlinks⇒ Show (Backlinks enable you to keep track of other pages on the web that link to your posts. Selecting "Hide" does not delete backlinks - You can show them at any time by re-selecting "Show")

Backlinks Default for Posts⇒ New Posts Have Backlinks

Comments Timestamp Format⇒ Choose Format You like

Comment moderation⇒ Never

Show word verification for comments?⇒ No (Because Word Verification is not visitors friendly)

Show profile images on comments?⇒ Yes

Comment Notification Email⇒ Fill with your email address, so that each have a comment on the article, you get an email as a notification from blogger.com

Click "Save Settings" button.

Archiving

Archive Frequency⇒ Monthly

Enable Post Pages?⇒ Yes

Site Feed

Allow Blog Feeds⇒ Full

Post Feed Redirect URL⇒ If you have burned your post feed with FeedBurner, or used another service to process your feed, enter the full feed URL here. Blogger will redirect all post feed traffic to this address

Post Feed Footer⇒ This will appear after each post in your post feed. If you use ads or other third-party feed additions, you can enter that code here. You must also set "Enable Post Pages" to "Yes" (in Archiving settings) and set "Allow Blog Feeds" to "Full" (above).

Click "Save Settings" button.

»» Read more

How To Create A Blog

All in One Blog

Main requirements for creating a Blog is a need to have the Email Account. I think all who read this post already understand how to create an Email Account, so I do not need to explain again how to create Email Account. please visit the Gmail, and click Sign Up. Fill in all the required data correctly.

Next we will create a Blogger account. The steps are:

Click Blogger, or type www.blogger.com in Your Browser Box then click Enter

Click image arrow labeled "Create YOUR BLOG"

Type your Email Address that is still active

Retype your Email Address

Type the password that you want

Retype the password

Type Blog Name with the name you want to show

Write the Word Verification Code in the form

Check the little box that You accept the Terms of Service

Click image arrow labeled "CONTINUE"

Enter the Blog Title that you want in the form Blog Title (in the future can change again)

Write the Address Name (URL) of your site in the form Blog address

Write verification code displayed on the verification form words

Click image arrow labeled "CONTINUE"

Choose template that you want (in the future can change again)
Click image arrow labeled "CONTINUE"

In the "Your blog has been created". Click on the picture the arrow labeled "Start Posting"

Now You can write You want to Show in Your Blog then Share for people. And when You finish, click the "PUBLISH POST".

»» Read more

How To Adding Cool Unusual Text Effect

All in One Blog

Hello All visitors How are you . to day i'm post a Photoshop Tutorial . Name is Photoshop Tutorials How to adding Cool Unusual Text Effect .

Demo

Cool Unusual Text Effect 27

Read the text below.

Start by creating a new document to make this text effect. I created a small document sized 500×300 pixels and fill it with color of #74a103:

Cool Unusual Text Effect 01

After that cerate a new one layer, then select the Elliptical Marquee Tool and make the selection, then fill this selected area with color of #b6e100.

Cool Unusual Text Effect 02

Remove the selection with Ctrl+D and apply Filter > Blur > Gaussian Blur with similar settings to these:

Cool Unusual Text Effect 03

Your result should look like mine:

Cool Unusual Text Effect 04

Now it’s time to add your text to the canvas! Start by getting out the Horizontal Type Tool then write out your text.

Cool Unusual Text Effect 05

The font I’ve used above is called Futura. Ok, start to create the text effect. Rasterize this text layer with Layer > Rasterize > Type. Press Ctrl+J to copy the layer and hide the original layer (click on the eye, which indicates layer visibility). Go to the upper layer and apply Gradient Overlay layer style to this layer.

Cool Unusual Text Effect 06

See the difference now:

Cool Unusual Text Effect 07

Start to transform current layer with Edit > Transform > Skew to get the text as on my picture below:

Cool Unusual Text Effect 08

Now, we need to do is add the glare on the letters. Create a new layer and make selection using the Rectangular Marquee Tool as on picture below and fill it with white color.

Cool Unusual Text Effect 09

Remove the selection with Ctrl+D and apply Filter > Blur > Gaussian Blur with following parameters:

Cool Unusual Text Effect 10

The result you can see on the picture below.

Cool Unusual Text Effect 11

After that create a new one layer, make selection using the Rectangular Marquee Tool and fill it with white color again.

Cool Unusual Text Effect 12

Remove selection and apply Filter > Blur > Gaussian Blur with other parameters:

Cool Unusual Text Effect 13

Your image should look as mine.

Cool Unusual Text Effect 14

Merge two of these layers in one and rotate it a little bit with Edit > Transform > Rotate:

Cool Unusual Text Effect 15

Duplicate this glare three of times and bring to each letter.

Cool Unusual Text Effect 16

Merge all glares in one layer. Ok, press Ctrl and Left click the text layer Thumbnail in the Layers Palette to make letters selection, then press Ctrl+Shift+I to invert selection and use Delete to clear selected area.

Cool Unusual Text Effect 17

Remove the selection with Ctrl+D. Go back to the hidden text layer and make it visible again. After that apply Edit > Transform > Skew to skew this layer.

Cool Unusual Text Effect 18

Don’t apply transformation unless don’t reduce the height of the letters with Edit > Transform > Scale.

Cool Unusual Text Effect 19

Ok, apply Color Overlay layer style to this layer.

Cool Unusual Text Effect 20

Now, we have different color for the letters.

Cool Unusual Text Effect 21

After that create a new one layer, then select the Polygonal Lasso Tool and begin to connect the upper part of the letter with its projection. After that fill selected area with color of #689106.

Cool Unusual Text Effect 22

Finish other letters in the same way.

Cool Unusual Text Effect 23

Ok, merge current layer with layer under. Now, we can start create volumetric letters. Get out the Polygonal Lasso Tool and create selection as on my picture below. Then apply the Dodge Tool (Brush: 45 px, Range: Midtones, Exposure: 30%).

Cool Unusual Text Effect 24

After that press Ctrl+Shift+I to invert the selection and apply the Dodge Tool with similar settings as before.

Cool Unusual Text Effect 25

Ok, now select the Burn Tool (Brush: 45 px, Range: Midtones, Exposure: 30%) and add a little bit more dark spots on the letter side. Then remove the selection with Ctrl+D.

Cool Unusual Text Effect 26

Process other letters in the same way.

Cool Unusual Text Effect 27

And that’s pretty much it. Thanks for reading, I hope you enjoyed the tutorial.

Cool Unusual Text Effect 27

»» Read more

Bloggerized by Fahim Reza(Badhon)| Blogger Template

9 Best Websites For Designing Your Logos Online For Free

LogoEase

TheFreeLogoMakers

OnlineLogoMaker

FlamingText

Simwebsol

CoolText

FreeFlashLogos

LogoMaker

LogoSnap

Best Websites that can make you a Web Designer

W3Schools

WebDevelopersNotes

WebDesign

Tizag

WebReference

Quackit

EchoEcho

WebMonkey

AcademicTutorials

Msdn Microsoft

HtmLite

HtmlPrimer

HtmlCodeTutorial

Jquery

FreeWebMasterHelp

Play Around with Notepad for Fun

ONLINE FREE TUTORIALS LINK

A simple Remote control Tester

Super Cool CD Sticker : Photoshop Tutorials

How to Google Translate Flags Widget For Installing Blogger

How to Create Automatic Read more Function

How to setting a Blog

How To Create A Blog

How To Adding Cool Unusual Text Effect

Digital Blog ( ডিজিটাল ব্লগ )

search

Main Categories

Archive

Tag