browse your blog

stylish text area

2012-10-19T09:23:00.000-07:00

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

<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

Add Zoom Hover Effect to Image

2012-10-19T08:09:00.004-07:00

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

5. Finish.....!

Add Facebook in Blog

2012-10-19T07:53:00.000-07:00

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

5. Save and then see the change!

How To Add IP Visitors Detector In Blog

2012-10-19T07:37:00.001-07:00

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

2012-10-19T06:58:00.000-07:00

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

2012-10-18T04:59:00.001-07:00

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

2012-10-17T05:06:00.001-07:00

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.

London Creative - Portfolio Gallery Template

2012-10-17T05:01:00.002-07:00

This Is a Gallery Design Two Column Blogger Template with a Right Sidebar.The Template Colors Are mainly black and red.The Templates Features Include, Drop down navigation menu with search bar.Split header with blog title on left and contact info on the right.Two Level Featured posts slider or image slideshow.Fixed read more with thumbnails on the home page.Numbered page navigation below the posts.

Elements Blogger Template

2012-10-17T04:48:00.001-07:00

Elements Blogger template is a two column blogger template having right sidebar and having featured posts slideshow. Elements Blogger template have awesome header background with the search box. It have inbuilt auto posts summarization with “continue reading”widget. It have inbuilt two dropdown menu and the main color used in this blogger template is black , white , orange yellow. Elements Blogger template can be used for music , art , love , technology blogs.

Template Help And Installation :

1. How to Install Blogger Template
2. Customize your template
3. Add meta tag and optimize your blog.

Features of this template :

1. Awesome Dropdown menu
2. Professional look
3. Two column blogger template
4. Fixed continue reading on the home page
5. Featured posts slideshow

Gaming Mag Blogger Template

2012-10-17T04:40:00.001-07:00

Free Gaming Mag Blogger Template is a another premium game related blogger template. its` 2 columns with 3 column footer, 1 right sidebar, dark background, ads ready, top nav menu, beautiful falsh image slider, author box, eye catching look, social bookmark icons, fast loading, SEO optimization, black, red, gray, white colors with more futures ready blogger template. this blogger template good for game review and info blogs.

Leet Press Magazine Blogger Template

2012-10-17T04:30:00.000-07:00

Leet Press is the high quality blogger template made for the news, technology and hacking blogs. Leet Press blogger template is SEO optimized blogger template. Its two column blogger template having right sidebar. It have inbuilt social sharing widget with the header. In this blogger template you can add the widgets with the header and it have three navigation menu with inbuilt search box. Leet Press blogger template have inbuilt featured posts widget with awesome effect. Leet Press blogger template have inbuilt social sharing widget at the bottom of the posts. Leet Press have four column footer and having inbuilt bottom to top smooth sliding widget. It have the premium blogger template feature like page navigation menu.

Author URL : www.soratemplates.com

Wordpress theme by : wpmaniac.com

Template Help And Installation :

1. How to Install Blogger Template
2. Customize your template
3. Add meta tag and optimize your blog.

Features of this template :

1. Awesome three navigation menu

2. Professional look

3. Two column blogger template

4. Fixed read more on the home page

5. Inbuilt social subscription widget

6. Four column footer

7. Featured posts slideshow

8. Inbuilt featured posts widget

9. Page navigation menu

Tarnished - Magazine Blogger Template

2012-10-17T00:07:00.000-07:00

Tarnished blogger template is a two column blogger template having right sidebar. It have cool background and having professional look. In this template you can add the widget with the header and you can also add the adsense ads for more ads visibility. Tarnished blogger template having awesome dropdown menu with search box. It have featured posts slideshow with the awesome effect. Tarnished blogger template have four column and having inbuilt social subscription widget. Tarnished blogger template have inbuilt auto posts summarization widget. It have inbuilt related posts widget at the bottom of the post. This free blogger template contains many premium features like page navigation menu, featured posts slideshow, related posts widget. Tarnished blogger template can be used for technology, tricks, tips blogs.

Template Help And Installation :

1. How to Install Blogger Template
2. Customize your template
3. Add meta tag and optimize your blog.

Features of this template :

1. Awesome dropdown menu
2. Professional look
3. Three column blogger template
4. Fixed read more on the home page
5. Inbuilt social subscription widget
6. Four column footer
7. Featured posts slideshow
8. related posts widget
9. Page navigation menu

ChromeGT Blogger Template

2012-10-16T23:56:00.003-07:00

ChromeGT is a two column blogger template having right sidebar. It have awesome css3 dropdown menu and having awesome mouse hover effect. ChromeGT blogger template have inbuilt featured posts slideshow and with awesome sliding effect. ChromeGT have inbuilt search box and having social subscription widget with the header and having fantastic mouse hover effect.

ChromeGT blogger template have four footer column and its magazine type blogger template. ChromeGT blogger template can be used for technology, tricks and mechanic blogger.

Author : www.soratemplates.com
Designer : www.temashdesignlab.com

Template Help And Installation :

1. How to Install Blogger Template
2. Customize your template
3. Add meta tag and optimize your blog.

Features of this template

1. Awesome navigation menu
2. Professional look
3. Two column blogger template
4. Fixed read more on the home page
5. Inbuilt social subscription widget
6. Four column footer
7. Featured posts slideshow
8. Threaded right sidebar
9. Page navigation menu

New Floating Facebook Like Box Widget For Blogger

2012-10-16T09:49:00.001-07:00

This will Floating Facebook Button when to move your cursor on it it pop out with stylish floating facebook like box. This will help you to increase facebook likes. You just need to put small code to your blogger blog. Currently this widget is only for Bloggeer/Blogspot blogs. We will soon share about WordPress in our next post. Now lets move to how you can add this in blogger I will show you How You Can Add Another New Floating Facebook Like Box Widget For Blogger?

Add Floating Facebook Like Box Widget To Blogger

Go to Design > Page Elements.
Click Add A Gadget.
Add A Gadget,select the HTML/Javascript .
Paste the following code.

5. Click on Save button and done .

Note:-

Replace Browseyourblog With Your Facebook Page URL or User name.

Easy Html Color Code Hex Chart

2012-10-07T09:41:00.000-07:00

Use the tool below to get some of the most popular hex color values.

;
Color Code generator instruction :

1. Drag the mouse on HUE selector to the area of your desired color.
2. Then click inside Brightness/Saturation and drag mouse until you get your desired color.
3. Then the hexadecimal color code will generated in hex box just copy the six digit color i.e. #FFFFFF

How To Create Google Custom Search Engine

2012-10-07T09:26:00.002-07:00

Here I am going to show you how to add google custom search engine in to your website/Blog. Blogger templates often have custom search boxes in it you might have noticed that that kind of custom search boxes are not capable to show the relevant results. The best solution is to use Google Custom Search Engines (CSE) that are extremely efficient in digging out the most important data from your blog and displays it to the visitor. This will increase the number of page views and impressions of your blog. And you can also add google adsense inside your search box so you can get more clicks and your revenue will also increase. Just follow the simple steps to add custom search engine into your blog.

1. Go To Google Custom search Engine
2. Hit the Create custom search engine button.
3. Fill the forum as shown in the bellow figure.

4. Now click on the next button Now choose the design for your custom search engine , Click on the customize to change the looks and colors.

5. Now Click on look and feels.

6. Now from here select how you want to show the search results.

Now Click on save and get code and just go to your blogger blog and click on add widget and select html/java script and add your widget to the sidebar and you have done !

Most Viewed Posts Widget With Thumbnails by Blogger

2012-10-07T08:56:00.001-07:00

Blogger recently introduced there Most ViewedWidget which is also called Popular Posts widget. This gadget displays the posts which has the maximum number of pageviews in three ways i.e. All time, monthly or weekly. It is a great tool to engage your readers more and increase your page views. It will also help you know which of your posts leads the row.

Add The Popular Posts Widget To Your Blogs

Go To Blogger > Design > Page Elements
Click "Add a Gadget"
Choose the Popular Posts Widget

4. Set your settings in this way,

5. Save your widget and you are done!

Add Facebook Page Into Blogger Blog

2012-10-02T09:45:00.002-07:00

Add Facebook Page Into Blogger Blog

Here I am going to show you how to create and add the Facebook fan page in to the blogger blog. just follow the simple steps to add Facebook fan page inside blogger blog

1. Create the Facebook page here

2.Open that link and add all the information and add your site details and add fan page picture.

3.Now from the admin penal go to manage and select EDIT PAGE.

4.Now just click on resources and in resources click on “use social plugins ”

5. Now just add the LINK of your Facebook page.

6. After setting your fan page widget appearance just click on Get Code.

7. Now you can see that you got 2 codes see in the figure.

9. Now login to your blogger account and go to dashboard > Design > Edit HTML and find<body> (find it using ctrl + f)

now just below <body> paste the 1st code and save your template.

And add the second code where you want to show your Facebook fan page.

Add A Cute Flying Twitter Bird To Your Blogs

2012-10-02T09:22:00.002-07:00

Add a Cute Flying Twitter Bird To Your Blogs

With Twitter's worldwide popularity and with over 200 million users, generating 65 million tweets a day, it has become a must for every web master to use twitter sharing buttons and applications as much on his web as possible. This lets users to easily tweet our blogs and websites which thereby generates traffic for us in return. It has a follow me link as well as tweet link. It is compatible with all browsers.

How To Add the Twitter Flying Bird To Blogger?

Go To Blogger > Design > Edit HTML
Backup your template
Search for </body>
And just above it paste the code below

<script src='http://bloggerblogwidgets.googlecode.com/files/way2blogging.org-tripleflap.js' type='text/javascript'> </script> <script type='text/javascript'> var twitterAccount = ""; var tweetThisText = " <data:blog.pageTitle/> : <data:blog.url/> "; tripleflapInit(); </script>

5. Replace your twitter account username.

6. Save your template and you are done!

7. View your blog to see it flying. :)

How To Add Meta Tag In Blogger

2012-10-02T09:03:00.004-07:00

How To Add Meta Tag In Blogger

Adding the meta tag in to your blogger blog is the smart way to drag traffic in to your blog using search engine. For all the search engine Meta tags are most importantMeta tag are the tags which describe your site and tells search engine whats your site is all about , And meta tag is also plays good role in SEO. In short meta tags are just communicating with search engine and tells more and more information about your blog and it make it index correctly in the search engine.

So just follow the simple steps to add the meta tag in to your blogger blog.

1.Sign in into your blogger blog and click on template

2. Now select EDIT HTML

3.Now find this code (press CTRL + F )

4. Now add bellow code just after the above code see in the figure.

Now add description , keyword , your name and your email address and just click on save and you have done !

What Is Google Adsense And How Its Works ?

2012-10-02T08:52:00.002-07:00

What Is Google Adsense And How Its Works ?

What is Google AdSense ?
Google AdSense is run by Google Inc. and its CPC (click-per-cost) program that allows the publishers to display the relevant ads on their blogs/websites.

The interesting thing is Google AdSense is the easiest way for bloggers and webmaster to make money form their blogs/websites. After getting approved by the Google AdSense they will provide the AdSense ad codes and it will show the relevant ads on your blog/site. Whenever visitors clicks on the advertise at that time Google AdSense will pay it according to the CPC.

How does AdSense Work for publishers ?
How Google AdSense works for publishers ? – whenever advertiser wants to advertise the products at that time they will choose some specific keywords to advertise. Like if I want to advertise about “Learn Ethical hacking” etc,

Floating Google +1, Facebook, Twitter Buttons For Blogger

2012-10-02T08:49:00.000-07:00

Floating Google +1, Facebook, Twitter Buttons For Blogger

In this tutorial I am going to show you how to add the floating google +1 , facebook , twitter buttons in blogger blog. This is a container having 3 sharing buttons like facebook , google + , twitter. Its so much important for all the bloggers because whenever your reader reades the post and if your reader want to share your post and its easy for them to share your post in facebook , google + and twitter.

Just follow the simple steps to add the floating google +1 , facebook , twitter buttons.

1. Login into your blogger blog
2.And select Layout
3.Now click on “add gadget” and select “HTML/Javascript” and paste the bellow code.

<style>

#pageshare {position:fixed; bottom:15%; left:105px; float:left; border: 1px solid white; border-radius:2px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#ffffff;padding:0 0 2px

0;z-index:10;}

#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}

.fb_share_count_top {width:48px !important;}

.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}

</style>
<div id='pageshare' title="Share This With Your Friends">
<div class='sbutton' id='rt'>
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div>
<div class='sbutton' id='fb'>
<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div>
<div class='sbutton' id='gplusone'>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>
<br/><div style="clear: both;font-size: 12px;text-align:center;">
<a href="http://theoriginalbloggertricks.blogspot.in/search/label/widget" target="blank"><font color="silver">Widgets<font></font></font></a></div>
</div>

4.Now just save the widget and you have done !

Add CSS3 Drop Down Menu In To Blogger Blog

2012-10-02T08:36:00.000-07:00

Add CSS3 Drop Down Menu In To Blogger Blog

CSS3 dropdown menu makes the blogger blog more attractive. This dropdown menu helps your reader to negative through your blog. This dropdown menu have awesome mouse hovering effect. I personally like this dropdown menu.

Just follow the simple steps to install dropdown menu

1. login into your blogger blog.
2. Go to layout
3. click on add HTML/JAVASCRIPT
4. Now paste the following code in the HTML/JAVASCRIPT widget.

5. And save the widget and you have done !

Why You Should Start Blogging ?

2012-09-30T06:01:00.000-07:00

I was willing to have own website or blog and later I came across the blogger and started blogging. Blogger is the best platform for the bloggers, because its Google's free blog providing service. There are two most popular blogging platform named Blogger and wordpress. I recommend to choose blogger because its easy and its templates are SEO friendly so you need not to do hard work in SEO. Now lets go straight to the point. why you should start blogging ? the reasons are as follow.

You will Be A Good Writer

In blogging you have to write some of the articles so your language will improve and you will meet will different people which will share their views about your blogs and you will have good skills about writing an article.

You will Be a better reader

I’d been blogging since 2 years and have till date I have read thousands of the posts about blogging, hacking and SEO. By reading the articles you can improve your language, the more you can read the better you can write.

You will have good network

In last two years I have met hundreds of bloggers and they will be connected with you via social sites. you can be connected with us via our facebook page, Rss feed, Twitter.

You will be SEO Expert

After creating blog you will optimize your blog by submitting your blog in different different search engine like Google, yahoo, Bing etc. And you will optimize your site using the meta tags and by posting your links on other blogs. You will find some keywords using Google keyword tool which helps you to find the popular keywords for writing blogger post.

You will get paid

The main reason behind the increasing the number of bloggers. Some people making millions using their blogs then why can’t you ? You can monetize your blogs/website usinggoogle adsense ,get approved by google adsense and you can get the revenue. There are also many resource to get revenue but adsense is the best !

browse your blog

stylish text area

Add Zoom Hover Effect to Image

Add Facebook in Blog

How To Add IP Visitors Detector In Blog

Adsense Code Converter Tool For Bloggers

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.

Photography Gallery Blogger Template

London Creative - Portfolio Gallery Template

Elements Blogger Template

Template Help And Installation :

Features of this template :

Gaming Mag Blogger Template

Leet Press Magazine Blogger Template

Template Help And Installation :

Features of this template :

1. Awesome three navigation menu 2. Professional look 3. Two column blogger template 4. Fixed read more on the home page 5. Inbuilt social subscription widget 6. Four column footer 7. Featured posts slideshow 8. Inbuilt featured posts widget 9. Page navigation menu

Tarnished - Magazine Blogger Template

Template Help And Installation :

Features of this template :

ChromeGT Blogger Template

Template Help And Installation :

Features of this template

New Floating Facebook Like Box Widget For Blogger

Easy Html Color Code Hex Chart

How To Create Google Custom Search Engine

Most Viewed Posts Widget With Thumbnails by Blogger

Add Facebook Page Into Blogger Blog

Add Facebook Page Into Blogger Blog

Add A Cute Flying Twitter Bird To Your Blogs

Add a Cute Flying Twitter Bird To Your Blogs

How To Add the Twitter Flying Bird To Blogger?

How To Add Meta Tag In Blogger

How To Add Meta Tag In Blogger

So just follow the simple steps to add the meta tag in to your blogger blog.

What Is Google Adsense And How Its Works ?

What Is Google Adsense And How Its Works ?

Floating Google +1, Facebook, Twitter Buttons For Blogger

Floating Google +1, Facebook, Twitter Buttons For Blogger

Add CSS3 Drop Down Menu In To Blogger Blog

Add CSS3 Drop Down Menu In To Blogger Blog

Just follow the simple steps to install dropdown menu

Why You Should Start Blogging ?

You will Be A Good Writer

You will Be a better reader

You will have good network

You will be SEO Expert

You will get paid

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.

1. Awesome three navigation menu

2. Professional look

3. Two column blogger template

4. Fixed read more on the home page

5. Inbuilt social subscription widget

6. Four column footer

7. Featured posts slideshow

8. Inbuilt featured posts widget

9. Page navigation menu