stylish text area

 Text area formed by <textarea> tag. The function oftext area is to give a frame for special words. But, there are many blogger/webmaster using text area for script box. There are many text area, so now I will give you example the kinds of text area.

Standard Text Area

Browseyourblog

<textarea>Browseyourblog</textarea>



Text Area that can you set the widht and height
Browseyourblog

<textarea cols="50" rows="10">Browseyourblog</textarea>



Text Area with dashed line

Browseyourblog

<textarea cols="50" rows="5" style="border: 2px dashed;">Browseyourblog</textarea>

Colorful Text Area

Browseyourblog

<textarea cols="50" name="code" rows="3" style="-moz-border-radius: 10px; background: #000000; border-bottom: 4px solid #FF0000; border-left: 4px solid #00FF00; border-right: 4px solid #FF00FF; border-top: 4px solid #FFFF00; color: red; line-height: 1.5em; padding: 5px;">Browseyourblog</textarea>

Text Area with Select All button

Select All

<div>
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /> </div>
<div align="center">
</div>
<div align="center">
<textarea cols="55" name="txt" rows="100" style="height: 85px; width: 185px;" wrap="VIRTUAL">Select All</textarea></div>
</form>
</div>

Add Zoom Hover Effect to Image

Now, we will make new effect. That's Add Zoom Hover Effect to Image. Shortly, when you put your cursor on an image, the image will be zoom (larger). Do you want to try the demo? OK, this is it. And if you want to know how to make the effect, just follow the steps below.

1. Log in to your blogger account
2. Go to Design --> Edit HTML
3. Copy the code below, and paste above ]]></b:skin>

.hovergallery img{ -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -o-transform:scale(0.8); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; opacity: 0.7; margin: 0 10px 5px 0; } .hovergallery img:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); opacity: 1; }

4. Then if you want to active the effect, use this code

<a class="hovergallery" href="http://full-tricks.blogspot.com/" target="_blank"> <img_proxy_proxy_proxy_proxy_proxy_proxy_proxy src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrFD7aD4sRPtoS8efofBQ609REmZtDjgdPc4ug0nlPhZWMoIhEj6yMsJcXdp0AvtHHRmmGCEbaIIFuz4wIZbw1XuKVbIozkPduEkTLXz8ygd0ZreIaDd1eu5pEjUMcgP48BzyfgihXpgg/s1600/my-friend-ganesha-3-15-12x9.jpg" /></a>

5. Finish.....!

Add Facebook in Blog

Did you know what is facebook? Facebook is the most popular social networking beside twitter. In this trick I will share to you  how to add facebook in your blog. Are you still confused? Facebook can add to my blog? OK if you still confused, it's better to you if you try this trick. Just follow the steps below


1. Log in to your Blogger Account

2. Go to Design>>>Page Elements>>>Add Gadget

3. Choose HTML/Java Script

4. Copy and paste the code below

<script src="http://www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/100080069921643878012/facebook.xml&up_useNewFB_p=1&up_showPopUp2_p=true&synd=open&w=300&h=500&title=Facebook&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js"></script>

5. Save and then see the change!

How To Add IP Visitors Detector In Blog

Now, i will give you a new widget. This is IP visitors detector. But, this isn't only an IP detector, this widget also contain information about OS, Browser, and Country from our visitors. So, you know the function, the function is very simple, this widget show to our visitors what is their IP address, OS, Browser, and Country. So, if you want to add this widget to your blog, you just follow the steps below.




1. Go to 123MyIP 
2. Choose your widget style
3. Go to Design>>>Page Elements>>>Add Gadget
4. Choose " HTML/Java Script"
5. Place the code
6. Save it.

Adsense Code Converter Tool For Bloggers

This tool is the most important for the all the bloggers and it helps the bloggers to convert the adsense ad code to put the ads in the blogger post.

Instruction:


1. Add your adsense code in the bellow box
2. Just click on convert ad code
3. And just copy the converted code and paste it anywhere inside your blogger blog.

Awesome jQuery Popup For Facebook Like Box - V5

How To Add This Popup To Your Blog?

As always I have kept the installation extremely easy.You just have to copy and paste the code below...

1. Now go to Blogger Dashboard > Design.

2. Add a Gadget > HTML/JavaScript.

3. Paste below code after replacing my username with yours.

Now replace with your facebook fan page

Photography Gallery Blogger Template

Two Column Blogger Template with a Right Sidebar.The template has a special design perfect for Photography blogs or other gallery blogs.Posts on the home page are displayed by thumbnails which slide to reveal a description.
The Template Colors are bright And mainly white and black.The Templates Features Include, Drop down navigation menu.Split header with blog title on left and social subscribe icons section on the right.Special gallery Fixed read more with thumbnails on the home page.3 Columns in the footer for extra gadgets and widgets.