Newer posts are loading.
You are at the newest post.
Click here to check if anything new just came in.

December 30 2010

10:00

53 Creatively Designed YouTube Backgrounds to Inspire You

If you will be googling articles with collections of backgrounds for MySpace, Twitter, Friendster, etc., you will find many. But, seldom that you will find YouTube layouts in the research. So, we have decided to compile some of the best, creatively designed YouTube background layouts for you to download. For the steps on how to customize your YouTube channel, scroll down to the bottom part of the article. Enjoy making your YouTube channel beautiful!

1. Digital Abstract

A white layout with colorful objects on the background. The white layout stands out because of the colorful background used.

Digital abstract

2. Royal Fantasy

A layout in a shade of Blue. The circles make the design look like a fantasy.

Royal fantasy

3. Snowboard

If you are looking for a really simple and clean layout, then this one dedicated for you. A white with snowboard-shaped figure on the background and a Green font color to make it more clean.

Snowboard

4. Music Doodles

A very clean school-themed layout with music doodles on the background.

Music doodles

5. Sketches

Different kinds of sketches on the background with some grunge-style effect.

Sketches

6. Paper Clouds

A clean layout with clouds that are made into paper.

Paper clouds

7. Glowing Paint

One cool YouTube layout with nice background in gradient and spilled paints as the border that makes it more look creative.

Glowing paint

8. Color Dots

Very cute background with circles and a transparent layout that make the design looks professional.

Color dots

9. Skyline

Do you like designs with silhouettes? Then, you may also like this layout. It has a skyline silhouette on the background and a transparent layout to emphasize more the contents of the page.

Skyline

10. Retro Lines

A simple layout with a five way-like lane on the background.

Retro lines

11. Love

Feeling romantic? Then, you may use this layout to reflect your feelings. A pinkish-red layout with hearts drawn on it.

Love

12. Blackboard

A layout where the YouTube videos and other contents are placed on a chalkboard. Cool, right? For those who hates chalkboard because of school will now probably like it.

Blackboard

13. Paint House

Paint House is a sleekish layout with some drops or spills of paints on the background. The Blue background makes it look very attractive.

Paint house

14. Notes

A cool design where one page of a notebook is put as the main layout of the whole channel background.

Notes

15. Paper Galaxy

A plain background with a color of pink and violet well-blended together. Also, the paper that is hung emphasizes the contents of the page.

Paper galaxy

16. Spring

A layout that is designed for Spring season. The colors gives a refreshing look onto the layout, as well as the cute flowers on the background.

Spring

17. Retro Glass

Want to go simple and retro? This layout can be your choice. Retro style with a glass effect on the content layout.

Retro glass

18. Abstract Background

Be abstract and feminine with this background. Very chic and stylish.

Abstract background

19. Apple Fan

Are you a fan of Apple? You may like this Apple-themed layout.

Apple fan

20. City-side

A perfect layout to brighten up your channel with this inspired city-themed in Blue.

City-side

Are you a fan of abstract, graffiti or grunge styles? Therefore, you may like these YouTube layouts.

21. Future Abstract

A blue inspired abstract background layout with a glowing effect that makes the contents stand out.

Future abstract

22. Green/Orange Abstract

Nice swirls! Very captivating layout indeed.

Green orange tech

23. Big Graffiti Wall #1

Graffiti is stylish. This layout is one good example.

Big graffiti

24. Retroffiti

A good graffiti-retro-themed layout. The colors are nice and attractive.

Retroffiti

25. Big Graffiti Shiney #2

I find this one cool, aren’t you? Nicely done graffiti indeed.

Big graffiti shiney

26. Document #5

This is how can dirty look creative. Make this one as your choice!

Document 5

27. Stay With Me

Let your viewers stay on your channel with this nicely designed layout.

Stay with me

28. Grungy Abstract Star

Nice swirls and choice of colors. A good layout to make your YouTube go grungy yet creative.

Grungy abstract star

29. Grunge Destruction

Let YouTube users be distracted with this grunge background layout.

Grunge destruction

30. Grunge Abstract

A nice texture drawn on the background with a grunge style look.

Grunge abstract

How about layouts that are related to technology? Here are they…

TECHNOLOGY LAYOUTS

31. Computer Network

Different kinds of technology on the background with a transparent white content layout.

Computer

32. Tech Master

If you want to go techy and abstract, this tech inspired layout you may use.

TechMaster

33. MacOSX

Make your channel like how MacOSX look with this layout.

MacOSX

CELEBRITY LAYOUTS

34. Lil Wayne Vector #10

For the fans of Lil Wayne, here is a black and pink layout and Lil Wayne in a vector-like style. Very cute.

Lil wayne vector

35. Wayne #16 (2.0)

Another Lil Wayne layout, but in a white, grungy look. The 3D text is nice, it gives life to the design.

Wayne 16

36. Katy Perry #11 (2.0)

Very Katy Perry! If you are an avid fan of Katy Perry who also likes girly thing, then this layout is for you.

Katy perry

37. Miley Cyrus #3 (2.0)

A youthful look of layout for the fans of Miley Cyrus. The concept of the layout is great.

Miley cyrus

38. R.I.P. Michael Jackson

Clean and professional look of YouTube layout of the king of pop, Michael Jackson. May he rest in peace.

Michael jackson

For those who are fan of movies, I have here some movie layouts for your YouTube channel.

MOVIE LAYOUTS

39. The Hangover

Loved the movie, The Hangover? Tell other YouTube subscribers by customizing your channel with this one?

Hangover

40. Toy Story 3

Make your YouTube channel cute like how the story of Toy Story 3 is.

Toy story 3

41. The Hulk

This The Hulk YouTube layout can be your choice of you want to go dark but creative. The shade of Green is nice and the background is so scary.

Hulk

42. Avatar

Avatar is a great movie! Feel free to use this Avatar-inspired layout in Blue green color scheme.

Avatar

43. Twilight

If you love Twilight, you may also love this YouTube layout.

Twilight

44. Pirates of the Carribean 4

Make your channel into a pirate-themed layout with some grunge style.

Pirates of the carribean

45. Harry Potter

Are you a Harry Potter fan? Try this layout for your channel.

Harry potter

46. Kungfu Panda

I love Kungfu Panda! The story is nice as how beautiful this layout is.

Kung fu panda

47. Prison Break

I like the way the story is created as how I like this layout is done.

Prison break

48. The Book of Eli

Liked the movie, The Book of Eli? You may want to put this as your YouTube layout.

The book of eli

CAR LAYOUTS

49. MG XPOWER 5V #5

Greatly done layout with a grunge-style effect on the background. Nice blending of colors.

MG Power 5V 5

50. Ford Police Interceptor

The building and the police car blended well on the background. A great layout to use.

Ford police interceptor

51. Lambo # 6

Be grungy with a Lamborghini on the background with this layout. So cool!

Lambo 6

52. RX7 Veilside #3

For guys who love cars, this cool orange themed layout can be your choice.

Rx7 veilside

53. Ford Mustang Shelby GT500 #2

Love Ford Mustang Shelby? Try this nice layout with awesome brushes put on the background.

Ford mustang shelby

Resources: Best Websites To Download YouTube Layouts

1. BackgroundTube

BackgroundTube.com has the purpose to serve one very small purpose, to give you free, professional looking backgrounds to use on your YouTube channel. Backgrounds you find here will always be free and awesome.

BackgroundTube

2. MYTUBEDESIGN

MyTubeDesign provides a collection of top quality YouTube Channel Layouts, as well as a platform for talented YouTubers to showcase their channels.

MyTubeDesign is dedicated to the YouTube Community. One of the goals of MTD is to be an open channel to the community and provide the best channel designs out there. Not only are the excellent layouts designed with passion, but also are free for everyone to use.

Mytubedesign

3. YTLayouts

YTLayouts is also one good website that offers YouTube layouts for your channel for free. You can find different layouts that are grouped into categories.

Ytlayouts

4. Free YouTube Layouts

Free YouTube Layouts is a website that offers YouTube channel layouts all for free.

Freeyoutubelayouts

Before you go, I will be teaching you on how to customize your YouTube channel layout. Make sure that you downloaded first your chosen theme. Do not worry, even little ones can do this.

How To Customize YouTube Channel Layout

1. Log in on YouTube. Click your channel name located on the upper right corner of your screen and click My Channel, then you will be prompted on your channel page.

How-to-customize-youtube-layout-1

2. Once you are already on your channel, click the Themes and Colors button.

How-to-customize-youtube-layout-2

3. Download your chosen YouTube channel layout. In my case, I used Lovely Graffiti that can be found on YTLayouts. You may find the image below and copy each colors on your YouTube channel.

How-to-customize-youtube-layout-colors

4. Click Save Changes.

How-to-customize-youtube-layout-4

And that’s it! You have just customized your YouTube channel layout.

To stand out from the rest of the YouTube users, customize your channel layout. Hoping you enjoyed and learned something on this article.

June 28 2010

21:00

Customize Your Facebook Fan Page: Tips, Tricks, Applications

Customization will always make you stand out from the rest of the world, the same rule applies on Facebook as there are more than 400 million active users.By now you may be well aware of Facebook fan page which is used for promoting business online on Facebook. But just creating a simple fan page won’t help you get the fan following you want. With this article I will be sharing with you some of the most basic tips that you can implement right away & customize your fan page within few minutes, using some applications and codes.

Static FBML

An application which should be implemented by most of the fan-page owners. Static FBML is really simple to implement and can be used to do various modifications on Facebook Fan Page. FBML supports pure HTML & CSS.

We will use Static FBML to create customized Fan page for Facebook.

Adding FBML To Fan Page

  1. Login to your Facebook account & Search for Static FBML
  2. Then click on the tab Add to My Page & Select the page.

Now we will add some code that will transform your fan page completely.

Creating Landing/Welcome Page

Landing or Welcome Page is the first page you see when you visit a new fan page encouraging user to click on the Like button. Creating a Landing page really simple & I will share the step by step guide on how you can do it easily.

In previous step you have already installed the Static FBML application now you need to create a welcome page image that will encourage users to click on the like button. You can do it easily in Photoshop or any similar applications.

When creating the image “Do remember that image’s width should be of  520px” the height does not matter but it would be good if you keep it of appropriate length.

1.Create an image with width 520px & appropriate height in Photoshop or similar application.
2.Create a folder name FB at your server & upload the image in that folder.
3.Now Navigate to your fan page & click on Edit Page tab below the Fan Page’s Profile Image.

Customising Facebook Fan Page 4.Locate your FBML application & click on Edit.

Customising Facebook Fan Page

5.Now you will see a similar window like the image below.

Customising Facebook Fan Page

6.Now add an appropriate title like Welcome or your blog name anything you prefer.

In FBML part just add the following code.

<img src =”http://yourwebsite.com/FB/imagename.jpg”>

If you want to add link to the image just add the following code

<a href=”http://yourwebsite.com”>

src =”http://yourwebsite.com/FB/imagename.jpg”>

</a>

You can also use text after the image with some HTML tags like h1, h2,

, etc as done in 1st Web designer Facebook fan page.

7.Once you are done click on save changes & now navigate to your Fan Page you will see a new tab with the title you have written, by clicking on that tab you will see your image in that page.

Customising Facebook Fan Page8.Now to set your new page as default landing page you need to click on the edit page tab as we have done in step 3 & locate wall settings then set your default landing page to new page.

Customising Facebook Fan Page

You are all done with creating a new & improved version of your fan page. We will add some more code to fan page to make it more personalized so keep reading further.

Adding Subscriber Form to Fan Page

If you use feedburner to manage your feeds you can easily add subscriber form to your fan page by getting the code under the Subscription management in your feedburner account.

Customising Facebook Fan Page

Now navigate to your FBML application and then click on edit & then click on add another FBML box.

Customising Facebook Fan Page

After adding the FBML box, enter title subscribe & paste the code from the feedburner into that box & now you are all done.

If you want that box to be appearing in the sidebar or the wall just click on the tab & select move to wall tab & then it will be appearing on your fan page’s wall. Similarly you can add contact form to the fan page as well.

Other Useful Articles About FBML

How to Add Google Analytics to Your Facebook Fan Page

7 FBML examples to rock your Facebook fan page

How to Put a Contact Form in a Facebook Fan Page

Applications for Customizing FaceBook Fan Page

If you are not comfortable using FBML, then still you can customize your fan page using various applications. This application  makes easier to share photos, Videos, Files, Twitter updates & lots of other stuff  depending on your needs. There are large number of applications that will help you with your fan page. Below are  some of the effective applications that will help you get your work done easily.

Clobby – Group Chat

Clobby Group Chat - Fan Page Application

This is really useful application if you want to integrate live chat room to your fan-page. It is free application & allows users to create chat rooms & invite other friends to chat. It is great way to encourage users of the page to communicate with each other & increase the level of interactivity of the page.

ShopTab

ShopTab - Facebook Fan Page Application

If you sell products online then ShopTab is perfect application for you to showcase & sell you products through fan-page. ShopTab is premium application so you need to pay monthly charges.

Involver

Involver Facebook Fan Page Application

Involver  provides professional application for your Facbook Fanpage which you can install with a single click. The involver has large application gallery which has RSS Feed, Twitter, YouTube Channel, Photo Gallery & many more applications. With the free account you can install only two applications.

Tigerlily

Tigerlily CMS - Facebook Fan Page Application

Tigerlily application is easy to implement & its has content management systems of its own which is easily controlled from fan-page. In Tigerlily CMS free version you can easily add different modules like text editor, video, image, twitter, RSS Feed, MP3 player, flickr & podcast.

Poll Daddy

Poll Daddy Polls Facebook Fan Page Application

With Poll Daddy application you can create polls which you can share it on your fan page to get feedbacks from the users & increase their participation on the fan page.

Hope you found the post useful & informative, If you have other useful applications or FBML tricks to share then feel free to mention them in comments.

June 17 2010

21:00

The Essential Guide to WordPress 3.0 Custom Taxonomies

WordPress Custom Taxonomies ThumbnailIn general, taxonomies are used to arrange, classify and group things. By default, Taxonomies in WordPress are tags and categories that WordPress is using for the posts.  Apart from these two, WordPress makes it possible for theme developers to create their own taxonomies which are created within the functions.php theme file. This is what we are going to cover today. We will learn how to work with Custom WordPress taxonomies.

Recently, I’ve started working on my portfolio WordPress theme, and I needed to define different information for each project/template, like price, colors, style, etc. For this thing, I needed to create three more taxonomies which are looking like this:

WordPress Custom Taxonomies Example

Creating a new taxonomy

This is as simple as it is to look at the picture above. All you have to do is to copy the code below, in your functions.php. If your theme doesn’t have one, which I don’t think it hasn’t already one, just create the file yourself. Now, this is the code you have to write for each taxonomy you are creating:


<?php

register_taxonomy('test', 'post', array(
'hierarchical' => false,  'label' => 'test',
'query_var' => true, 'rewrite' => true));

?>

Just replace “test” with the name of the taxonomy you wish to create. That’s how you create custom taxonomies. The’ll just appear in the Dashboard below the Post Tags.

Using the new taxonomies

We have created them, but as well as tags and categories, you need some code if you want to output them in your article. That’s a little code snippet that goes into your WordPress loop, just like the post tags and categories:


<?php echo get_the_term_list($post->ID, 'people', 'People: ', ', ', ''); ?>

See it yourself

Below are some examples of what we were talking about in this tutorial:

  • PopCritics.com is using custom taxonomies to output different details about the movies. See the Genre(s), Actor(s), etc…
  • TypeChart.com is another great example of WordPress site that is making good use of taxonomies for finding font styling. You can see that in the sidebar.
  • Soh Tanaka’s portfolio is also using taxonomies to output details on projects. Observe the Client, Date, URL, Tasks, etc…

I hope you have understood what taxonomies are. I’m sure you have heard about them before, but never wondered what they are, but what about using them for creating a nice t-shirt store?

Using Custom Taxonomies to create a T-shirt store

tshirt store photo

Now that you have learned how to use custom taxonomies, we will use them for creating a T-shirt store. This won’t be a fully functional one, we will just build up the part that is using custom taxonomies.

1. Preparations

First of all we need a theme. We will use the new WordPress 3.0 default theme, called Twenty Ten. In order to get this theme and have it properly working, you need to download WordPredd 3.0 RC2. To get this version, scroll down to the bottom of the page, and the last one should be WP 3.0 RC2. Do not be worried working with WP 3.0, it has the same template tags.

Next, you will need a local server, so the best way to create it, is using WAMP, or just build up your own environment following this previous tutorial on 1stWebDesigner.

Now that you have your local server up and running, just install WordPress.

2. Editing the Twenty Ten theme

Now we need to create our custom taxonomies. First of all, think about what custom taxonomies you will need. For a T-shirt store we need to provide:

  • size details
  • price
  • brand

So, just open up the Twenty Ten functions.php file and create those custom taxonomies. I suggest to write the code at the end of the file for avoiding to break the default functions that the theme has. You can see the code that you will need and as It is, without any PHP tags:


// Custom taxonomy for Size
register_taxonomy('Size', 'post',  array(
'hierarchical' => false, 'label' => 'Size',
'query_var' =>  true, 'rewrite' => true));

// Custom taxonomy for Price
register_taxonomy('Price', 'post',  array(
'hierarchical' => false, 'label' => 'Price',
'query_var'  => true, 'rewrite' => true));

// Custom taxonomy for Brand
register_taxonomy('Brand', 'post',  array(
'hierarchical' => false, 'label' => 'Brand',
'query_var'  => true, 'rewrite' => true));

After creating the custom taxonomies, we need to modify the loop too. So this will be a little difficult, because you need to take care to not break any of the theme’s code. Don’t worry, I’ll guide you through this.

Modifying the loop. Open up the index.php file from the 2010 theme. After you have opened it, you will see a tag that is calling the loop.php file:


<?php
 /* Run the loop to output the posts.
 * If you want to  overload this in a child theme then include a file
 * called  loop-index.php and that will be used instead.
 */
 get_template_part( 'loop', 'index' );
 ?>

We will need to completely delete this, and create a  our own loop. So, instead loop tag, copy and paste this following code:


<?php if (have_posts()) : while (have_posts()) : the_post();  ?>
<div id="post-<?<span class=">
<pre><?php the_ID(); ?>" ></pre>
</div>
 <h1><a href="<?php the_permalink(); ?>"></a>
<div>
 <!--Insert custom field and custom taxonomies code here-->
<pre><?php wp_link_pages( array( 'before' =>  '</pre>
<div>' . __( 'Pages:', 'twentyten' ), 'after' =>  '</div>
' ) ); ?>
 </div><!-- .entry-content  -->
</div>
<pre><?php endwhile; else: ?></pre>
<div id="post-<?<span class=">
<pre><?php the_ID(); ?>" ></pre>
</div>
 <h1  class="entry-title">Nothing here...</h1>
<div  class="entry-content">
Sorry, no T-shirts avaiable for  sale. Try coming back later.
 </div><!--  .entry-content -->
</div>
<?php endif; ?>

This is the loop that we will use. The ID and class are some theme specific styles. You have to notice that I have removed the meta data. Now, we will need to add the codes that will retrieve our custom taxonomies and we will need to make use of custom fields too, to retrieve t-shirt thumbnail. Add them exactly where you see the HTML comment in the above code. Now, here’s the code that we need:


<img src="ID, 'post-icon', true);  ?>" alt="Icon for Post #"  />
<ul>
<li><?php echo get_the_term_list($post->ID,  'Size', 'Size: ', ', ', ''); ?></li>
<li><?php echo  get_the_term_list($post->ID, 'Price', 'Price: ', ', ', '');  ?></li>
<li><?php echo get_the_term_list($post->ID,  'Brand', 'Brand: ', ', ', ''); ?></li>
</ul>

<?php the_content(); ?>

Notice that the custom field name is “thumb”. For using this custom field you need to create a new one with the name thumb, and the value of it is the link to your thumb. Now that we have everything set, what about trying to publish a sample post. Take a look at mine:

Conclusion

So, you have learned how to use custom taxonomies, and you have created a little T-shirt store. Well, not a fully functional one, but it’s a good start :)

If you have any questions regarding this tutorial please do not hesitate to ask via comments. I’ll try to solve all your problems. Thank you!

Older posts are this way If this message doesn't go away, click anywhere on the page to continue loading posts.
Could not load more posts
Maybe Soup is currently being updated? I'll try again automatically in a few seconds...
Just a second, loading more posts...
You've reached the end.
(PRO)
No Soup for you

Don't be the product, buy the product!

close
YES, I want to SOUP ●UP for ...