Blog Template 2.0: 1/6/08 - 1/13/08. <body><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d5560732631221352938\x26blogName\x3dBlog+Template+2.0\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dBLUE\x26layoutType\x3dCLASSIC\x26searchRoot\x3dhttp://blogtemplate20.blogspot.com/search\x26blogLocale\x3den_US\x26v\x3d2\x26homepageUrl\x3dhttp://blogtemplate20.blogspot.com/\x26vt\x3d3194941705705434899', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </script>
Free Blogger Templates | Home |
.
BlogTemplate20 Free Download Blog Templates
Free Templates
Recent Post(s)
Search Design
Archives
Syndication

AddThis Feed Button

Blog Stats
eXTReMe Tracker
StatCounter tracker
Blogs that link here
Could be useful
Templates Stock
Premium HQ Template
Full Widgetized
Elegant Citrus Fresh
Blue-Dark gradient
Rounded Keko
Fresh Magz Clean
Twitter Style Skin
Travel Logbook
X rated template
BlogArtZine
Cute Girly Cupcake
Brown Magz Style
White Simplicity
Masunurin Simple Rounded
Premium Dashboard
ZinMag News Showcase
Natural Magazine style
Premium RedHat
Money Making Template
Sky dashboard
Premium Blue Sky
Slick Red Web 2.0
Classic w/ Slideshow
Photo Gallery Theme
Theme Showcase
Pro 4 Columns
Neo Simple Green
Club Card Minimalistic
Amature Sexy Template
Feat: Headline Slider
CNN NYT like
Lollipop Woman Stuff
Garland
Papeles Effect
Simple BlueSky
Beach Holiday
Green Light
Glossy Blue
Colorful Transparent
Green Marine
Dark Portfolio blog
Fresh Summer
Valentine Day
Blogy Webby
Azul 2.0
Blogy Freshy
Blogy Illacrimo
Glossy Minimalist
Hello Wiki 2.0
Green Lush Fresh
Kaskus Black
Red Late Show
Red Wine elegant
Blogy Integral
Green Mynix
Red White 2.0
StarCrash web 2.0
Blogy Pro 2 Col.
Blogy Crepusculo
Redish web 2.0
Dark Blue skin
Simple 3 Col.
Beauty Illustration
Fresh Natural
Punk Rock Metal
White Minimalist
K2 Freshy
FireFox Theme
Binary web 2.0
Clear Menu
3 Colomns 2.0
Tabbed menu xml
Tabbed menu classic
iPhone Theme
3 Col Simple
Rounded Corners
Clear Curved Blue
Glossy Glass
Very Web 2.0
Apple Mac skin
Colourful web 2.0
Photoshop CS2 skin
Magazine white
3 Col web 2.0
Blogger Photoblog
PopBlue 3 col.
TypoXP 2.1 skin
Dark Red Glossy
Sandpress 3 col
Elegant Clear web2.0
Elegant Dark web2.0
Rounded tab skin
Fresh blue 2.0
Cute Orange (HOT)
Trendy Blue Marine
Bloggerized AdSense
Orange Yellow Sosuechtig
Blue O2 web 2.0
Premium Blogger
TypoXP2 Standard
18+ Anime Series skin
2 Best Classic skin
NeoSapien New Skin
Simple Glowing Blue Darky
Fresh Green Aura
Ocean Mist Trendy
A new day Elegant
Blue steel 3 columns
Please read our Privacy Policy
Confined space entry dvd
online casino bluebook
online casino gambling guide, to top ranked online casinos and reviews of over 200 gambling related websites. www.onlinecasinobluebook.com also host a casino forum, blog, and casino news articles

Free web 2.0 blogger skins
Spice up your blog by adding our small cool banner inside your blog pages. Simply copy and paste code below. It will not harm your blog, I swear.


Welcome to BlogTemplate20
a blog with free Blogger templates collection.
// Saturday, January 12, 2008

We picked up some 48+ coolest free RSS badges from 51+ top. These rss badges can replace your old one and spice up a little more bit your Blogger template. Recently it becomes popular to use large RSS badges to attract more subscribers. Just download what we'd pcked up for you, and choose the finest badges for you, then decide the one more suited with you and your Blogger skin layout.

Download RSS badges

Here it is clickable download button to get the file.

Download the file

Labels:

Read more | Download

//
BlogTemplate20 Search Result
// Friday, January 11, 2008

This tutorial is about how to add emoticons and/or smilies to a Blogger post. In fact, smiley is just other web images. It is still an image. So I think it is not difficult to insert images to Blogger post. But how can we get smilies, what about hosting it. Here I'll explain simple short (only) 2 steps how to insert smiley to your Blogger post. You can even do this while you're writing your article.

1. Free smilies
Get smilies you need, I think there are free smilies option out there that we could use. In this article I would like to use free smilies / emoticons from Emoticonizer. You should go there and choose your desired smiley. Just browse other pages to find the most suitable one that is reflecting your emo and mood. Every smiley comes with two option codes, HTML or BBCode. Because we'll use it at a Blogger blog, so choose HTML code. Click the code and Right-click it to copy the code.

free smiley from emoticonizer

2. Insert it
Now go to your Blogger post and paste the code at your desired area inside your post. Simply right-click and Paste.

paste the code

Repeat above steps as you need it. When your article is ready to published, then just click Publish Post button.

publish post

Conclusion
 Thus we don not need to host any smilies or emoticons and getting dizzy around with the code. All are provided instantly from free smilies provider. Noe just reload and view your republished blog page. Here it is result I've got.

view emoticon

It is simple enough to insert smiley, isn't it? You can spice up your blog post by this way.

Labels:

Read more | Download

//

Blogger has included blog rolling widget that we can get it by adding new page element. But there are such other option to auto blogrolling other blog links in simple way. In this tutorial we'll try to use a free linker service from Linkme-up.com site. Linkime-up.com allows blog readers and owner to add some links without registration or even entering control panel. But the owner still can controlling links to show up and blocking some spamming ip's. Placing a link can never be easier than this. This blog linker is customisable, this means that you have freedom to make any changes on linker interface. You can change its fonts type, size, colour, and bullet image. You can test how this linker works by submitting your own blog link (url) at left side bar of this page. Please do not spam, I can still block your IP and url. Oke, now lets start the tutorial about how to insert automatic blog linker using Linkeme-up.com service.

linkme-up homepage

1. Get Linker
Go to Linkme-up.com site and get your free account there.

register 

The nice thing about this service is that you don't need to do activation from email address. Just register and sign in using username and password you used during registration procedure. Now log in.

Login in

2. Customize it
In the welcome page now click Customise Linker link, or select from left side menu.

customize linker

Now make some changes as you need by setting Font type, size, text colours. Than click Save Font Settings button.

make customization as youu need

3. Getting Code
It is time to get linker code. In the left side menu there are some menus, click Linker HTML Code.

Get linker code

A textarea will appear whit the codes inside it. Just click Select Codes button than right click on the hightlighetd code, now copy it.

copy the code

4. Classic skin
New xml Blogger skin user just jump to step 5. If you are using Blogger classic template, paste the code inside your HTML template. Paste it any where inside <body></body> tag at your template. Than click Save Template Changes button.

classic skin installation

5. New Skin
For new Blogger skin user (xml), go to your Blogger dashboard and head directly to edit Layout area.

edit layout

From edit layout area now click Add a Page Element link. You can choose where linker will appear.

add page element

A popup window should appear after you click. Now choose HTML/JavaScript element. Just click Add to Blog button below this option.

insert html javascript option

Type your blog roll title. (Right click) Paste the code inside Content area. And hit Save Changes button.

Paste the code

You are done now. So what's other benefits of using this widget? This widget can be customized easily. Beside, you can manage and blog links submitted, and your readers can also easily submit their links. But the code generated is only JavaScript that means all links is not hyperlinked directly from your blog page. The advantage here is that you don't need to worry about any broken links.

Labels:

Read more | Download

//
3D icons pack download

Collection of downloadable free 3D icons to enhance your blog layout and design. This 3D icon pack consists of three icon formats, PNG, ICO, and ICNS (Mac). I'd rather forgot where I had downloaded this file. You might tell me if you know where it was originally located. Some of these icons are web 2.0 cool logo. Cool and trendy icons guaranteed. Download it below.

Download the file

Labels:

Read more | Download

// Thursday, January 10, 2008
omg design wow template

Original Publisher: JackBook.com and designdesease.com
Score : 9/10
Type : New Blogger Template (.xml)
Review :
Extremely excellent web 2.0 blogger layout. Originally designed well by Designdesease.com and ported correctly by JackBook.com site. This Wow template is the coolest trendy blogger skin ever. The template will make you Wow surprisingly . Come with simply trendy orange and cute design. Devided into three coloumns layout. Very artistic and very elegant.

This Hottest orange blogger template is available for download. But included in the zip file some needed files. You have to upload these files at first to your Googlepages (You need to create account there if you don't have one). Than edit some variable in original template xml code. Detailed simple instruction about how using this template was explained inside xml code. Just download and use it.

Download the file
Alternatively you can download here.

Labels:

Read more | Download

//
fresh blue blogger skin

Original Publisher: JackBook.com
Score : 7/10
Type : New Blogger Template (.xml)
Review :
Excellent web 2.0 design totally inside this blogger skin. Infact, this cool template can give users and readers fresh blue aura. Just like it's name. But honestly I said that black and white background bars behind it is too noisy. May be it will be great if added some gradients. But any way this template is deserved to be labeled as web 2.0 skin. So you also have right to download it.

What more can I say but download this template and use it if you like it. It is you on your own choices. Added BlogSocializer widget by us.

Download the file
Mirror here.

Labels:

Read more | Download

//
dfTheme 2.0d

Original Publisher: JackBook.com
Score : 8/10
Type : New Blogger Template (.xml)
Review :
Excellent design and simple interface, this dark dfTheme 2.0d blogger skin is available for download free. Ported and published under JackBook.com this cool template made your blog simple. Simplify your blog and simplify your design.

May be you need to edit some logo or you can just use it. Everything works fine. Added socializer widget by us.

Download the file
Mirror here.

Labels:

Read more | Download

//
web 2.0 template

Original Publisher: JackBook.com
Score : 7/10
Type : New Blogger Template (.xml)
Review :
Named as Buy iPod Blogger template, released from JackBook.com site. This blogger skin is totally good design and has more colomns to use. Users can place any ads or banner in just editing original xml code and set up their ads code, including Google ads. More breathing areaa can be found easily as it is simple detected character from web 2.0 layout. Coloumns are rounded corners. Nice a bit dark template.

Included editable psd file to change blog logo, and also other images used by this template. If you need than you can host it else where you want. Very simple and neat to modify. You have to download it trust me. Added some widget by us too.

Download the file
Miror here.

Labels:

Read more | Download

//

What font to be used for your blog web 2.0 logo is? Perhaps you'll choose some elegant fonts. But not all elegant fonts are distributed freely. It is suggested to use simple, cool, and elegant fonts for your logo to make it more simplified web 2.0 ready. Some of them are Arial, Georgia, Verdana, Trebuchet MS & Co. as well as Calibri, Cambria, Candara, Constantia and Corbel, they are automatically - almost - included in your system. Of course they are other fonts out there you can download free. Below are picked up 6 selected free web 2.0 fonts with extremely cool, trendy, excellent design and typography. Those are most wanted web 2.0 free to use fonts.

Delicious Exotic Font

delicious free web 2.0 font

This exotic font is available for download at this location. Named Delicious, better to be used with more character spacing. The Delicious italic is not a slanted roman, but a true italic. Serif, Mac / PC. It makes your logo more slight creative in shape, simplicity in your blog soul. Download this Delicious cool font from our linked mirror in the bottom of this post.

Diavlo Stable Font

Diavlo

Very simple but elegance. That is way this font really be most wanted by font hunters. You can download it or visit the information and documentation here.

Fertigo Smooth Font

Fertigo fonts

Create a bit creamy and juicy logo with this Fertigo font. Best of all its is free to download and to use.

Gentium basic font

gentium basic font

Basically this font is very capable to conquare your blog contents. Simplicity roman and slightly elegant typing. Not so suggested for blog logo, but it is fine to use inside your main contents.

Pigiarniq Font

Pigianiq

You can taste the feel of web 2.0 font in using logo made by this Pigiarniq font. In such strange way, this font could be like sans-serif family. But it is not, and it is standing still as another web 2.0 free font.

Qlassik Web 2.0 font

Qlassik

Using Qlassik doesn't mean to be classically layout. Qlassik is not a classic font. It has brand new kind of webish 2.0 when you use it correctly. More square and sharp a bit. Designed with excellent typography and wonderful art.

Above are some picked up free web 2.0 fonts. They give more precisly web 2.0 soul inside your blog design. As it is said to be free, than it is really free to download below. Just don't hesitate to click it.

Download the file

Here for Delicious, Fertigo, and Diavlo. As requested by its owner.

Labels:

Read more | Download

// Tuesday, January 8, 2008

Again, this tutorial will try how to make a web 2.0 stylish comment badges using Adobe Photoshop CS2 in 11 easy steps. All steps explained so simple and clear enough to understand. Blogs include many elements that the user and readers can interact with. One of the most popular elements are comments shout button. They get readers to interact with the blog and give feedback. Now you can make your own comment badge and add it to your comments list. Of course the main idea of adding web 2.0 comment badges that is to make our blog more attractive. Here it is the final result of this tutoial should be. You can make it more better with your own creativity.

Comments shout badges

The way it made is very simple but it comes with trendy cool result. Oke so lets begin our tutorial. Please make sure you are ready with your Photoshop open.

1. New Document
Make a new PSD document. Hit Ctrl+N on keyboard or by selecting File menu than click New. A dialogue box should appear. You can use any width and height value but it'd be better to use 400x400px than crop it later as we need.

new Photoshop document

2. Set the Base
Change your foreground and background colours. I use #99ff00 at Foreground and #00cc00 at background. Later on you can plan any color scheme for your web 2.0 comment badges from this step. Here I would like to make it green. In web 2.0 green is the new gery. Green is the unofficial color of web 2.0. As the new grey, green looked like more simply natural.

3. Rounded Shape
Time to create the basic shape. Bring Rounded Rectangle Tool and make sure to match this setting. There is no defined size of your rectangle should be. Just improve and match it to fit your blog layout.

rectangle tool 

4. Custom Shape
Now change your rectangle tool to Custom Shape Tool. Look for the shape like this one below. If you can find it, try to reset displyaed items to All. Just click small arrow of its right.

custom shape tool

5. Draw & Rotate
Draw your new shape below your previously rounded rectangle. Than Rotate the shape to 180 degrees. Hit Ctrl+T on keyboard than set angle properties to match below.

rotate the shape 

6. Merged
You need to unify your two shape. Just move (nudge) it to be shaped as below. Now select the shape layers, hold Ctrl button than click the two layers of your shapes. After both layer selected, Right-click on it and select Merge Layers to merge them as one layer.

Merged

7. Web 2.0 effects.
 It is time to manipulate your new comment badge to be more web 2.0 stylish. With the merged layer still selected, now open up Layer Blending Option. Select Layer menu, than Layer style, now click Blending option. Or simply right click on the merged layer and select Blending option. Blending effects we'll use here are Drop Shadow, Outer Glow, Inner Glow, and Gradient overlay. Set them as below illustration.

special web 2.0 effect
Outer glow
inner glow
Gradient overlay
After clicking OK, you should find a result is like this one. Or almost be like this one below.
middle result

8. Texting
Give some text on it. As you'll use this badge for comments badge, so we'll type some words such "Comments Shout" or others. Use some simple fonts such Tahoma, Trebuchet MS, Segoe UI, or Calibri. Than aplly text effect like below illustration. Just bring up Blending option for text layer.

give the text

9. Cute Icon
Spicy up a bit your comments badge. In this case just look for cool flowered shape, or other cute shape from Custom Shape Tool.

cool flower

Apply this blending effect to make it more cute. Use strong colour and combine it with basic shape colour. Here I use Pink and Yellow..

cute icon

10. Crop Icon out.
CTrl+Click at merged badge shape. While your shape is selected, right-click on it than click Select Inverse.

select 

Right click and Select Inverse

select inverse

Now click on Icon layer to select it. And than hit Delete button on keyboard.

select icon layer

If you did it correctly you should find result as below.

sample result

11. Spice a bit
Make a new layer, hold Ctrl+Shift+N on keyboard. Use Eliptical Marquee Tool and draw a little on your new layer. Now fill it using white colour.

fill it

Last step, change the Layer Opacity to about 50%.

change opacity

Done
Finally, creating comments shout button in web 2.0 design is quite easy as described above. But steps on tutorial above are note absolute state to do. You can improve your skills, idea, creativity, and will. Improve your mind to create design. Here some of my other results using this tutorial.

other web 2.0 result

Here you can download the PSD file of this tutorial to make it easier for you to get practice. But after you'd finished making your own, why don't you post it here and let me know your cool badge works. I almost forgot, if you also like this designing tutorial, please digg us or submit us to your fave social bookmarker.

Download the file

Labels:

Read more | Download

Gadget 2.0

Tracked by ClickAider