Blogging X-Ray

Add "Add To Blogger" Button Code Generator For Blogger

2012-02-28T09:47:00.001-08:00

If you want other to add your widget and don't want to give them the code so that they can not modify, use blogger's Add to Blog feature. Here I have generated a widget for you, this is an " Add to Blogger" widget, you only have to provide the required fields and click generate and it will automatically generate the code of your widget with an add to blogger button.

Tags: Add "Add To Blogger" Button Code Generator For Blogger

Add Shopping Cart to Blogger and Start Selling Your Products

2012-02-28T03:22:00.001-08:00

Mostly people don't take blogger as a serious source of presenting their ideas, and take it just as a platform for newbie to learn blogging or webdesigning. But recently I found a Shopping Cart Template and as I started study it I gradually realized that Blogger is much more powerful then what we think. Some one said that "Sky is the Limit" and its true if you can think than you can implement new ideas and new things in blogger. Today I am going to share with you this first ever free e-commerce/ online store template with "Add to Cart" and PayPal Checkout function for Blogger. But First We all thanks to Simple Cart for creating such a nice and useful template.

Steps to Install:

1. First, download Shopping Cart Blogger template and upload it to your blog. Blogger does not have a feature link other blogging platforms example is WordPress, which has "Custom Fields" option which lets us to add extra description such as price and thumbnails without having to add the HTML codes in post editor. So, now we have to create some table which automatically appear in our blog posts.

2. Login to Blogger Dashboard--->Settings--->Formatting

3. Set the desired number of posts to be shown in the blog.

4. Now Scroll down till you see Post Template

5. Copy paste the following code in text area.

<table border="1" style="width: 660px;">
<tbody>
<tr>
<th class="item_thumb" id="thumb" width="45%"><a href="http://3.bp.blogspot.com/-k1EQIca2tCw/TdtZUjHTeGI/AAAAAAAACAs/vNwQwZAVkaI/s1600/blue.gif" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5610175970378217570" src="http://3.bp.blogspot.com/-k1EQIca2tCw/TdtZUjHTeGI/AAAAAAAACAs/vNwQwZAVkaI/s400/blue.gif" style="cursor: hand; cursor: pointer; display: block; height: 164px; margin: 0px auto 10px; text-align: center; width: 148px;" /></a></th>
<td><input class="item_add" type="button" value="Add to Cart" /></td>
</tr>
<tr>
<th><b>Item Name</b></th>
<td class="item_name">Product Name Goes here!</td>
</tr>
<tr>
<th><b>Price</b></th>
<td class="item_price">$99.99</td>
</tr>
<tr>
<th><b>Description</b></th>
<td class="item_Description">Your product description here!</td>
</tr>
<tr>
<th><b>Available Stock</b></th>
<td>Stock count here!</td>
</tr>
<tr>
<th><b>Misc</b></th>
<td>Place extra thumbs/images of product here</td>
</tr>
</tbody>
</table>

6. Click Save Setting

7. Now go to Posting--->New Post, There you'll see the table in your post editor. Change image by clicking on image and selecting remove, use a medium seize images for best layout.

8. Change all fields as per your requirement and publish your post.

9. Now Go to Design--->Edit HTML--->Click expand widget

10. Press Ctrl+F and find the below code.

simpleCart.email

11. replace the email with your own email as shown below.

<script type='text/javascript'>
simpleCart.email = "YOUR EMAIL";
simpleCart.checkoutTo = PayPal;

simpleCart.cartHeaders = ["thumb_image" , "Quantity_input" , "Total", "remove" ];

</script>

12. Save and Enjoy

Tags: Add Shopping Cart to Blogger and Start Selling Your Products

5 Video Sites Better Than YouTube

2012-02-28T01:46:00.001-08:00

While surfing on the internet to search some video clips for my blog and suddenly I found am amazing article as it is explained in my title, This article was written by: Kumara Velu • Edited by: Lamar Stonecypher on Bright Hub, and I thought I should share it as it is with all my visitors.

Mention video viewing over the Internet and the first site that comes to mind is YouTube. They say there's nothing you can't find on YouTube. That's not entirely true. If you care to explore the video sharing sites below you may conclude that they are better than YouTube in certain respects.

Let's look at video sites that you may find better than YouTube.

Current TV

Current TV is an award-winning (Emmy) television and online network which offers videos which are not only entertaining but thought provoking. If you're tired of looking for meaningful videos among the dozens of user-uploaded videos over YouTube, it pays to give this site a visit.

Of course the shows you can watch here are previews of what you can get to watch over the television channels provided by current TV. Still, it would time well spent, just having a taste of worthwhile programs which are well-produced. It makes your viewing time worthwhile.

Yes, before I forget, InfoMania, is one channel you should check out if you're keen on the latest information that matters. Among the other TV shows you can sample at the site are Bar Karma, Vanguard, Long Way Round and The Beat.

TED

The tagline for TED is Ideas Worth Spreading. If you're interested in video content that explores issues related to day-to-day living and the other perennial issues that concern the world at large, you would want to take a look at this site.

To get an inkling of what the site has to offer, I watched a video titled, Hans Rosling and the Magic Washing Machine and came away impressed. This is a site I would want to return to explore after writing this article because there's great video content that challenges your ideas on personal and global issues. By the way, you can browse for videos by themes, speakers and thoughts.

Big Think

Big Think is another site with videos that make you think (think big?) and sit up and take notice.

Would you be interested in videos with titles like What Will Happen When Cars Drive Themselves? and Do You Need Internet Rehab? among others? And when you get tired of watching videos in this site, you can read blog posts like Why Americans These Days Are the Most Ambitious People Ever.

And there's this video on how Julian Schnabel, a painter and filmmaker overcomes creative ruts, in which he says, "…if you don't paint you can't be a painter; if you don't write you can't be a writer; if you don't film something you're not a filmmaker. So all those people that are sitting around thinking 'God I might make a bad film,' or 'I might make a bad painting,' or 'Maybe somebody won't like this,' you're doomed if that's going to deter you from that. We all have insecurities and doubts, but I think that it's better to make a mistake than not to do anything. If you win, you win and if you lose, you win."

Inspiring isn't it?

5min

Looking for a solution to a problem in the form of an instructional video? Need the video to be short yet comprehensive.? 5min may just be the site you could be on the hunt for.

The range of topics covered over here is simply breathtaking – auto, fashion, parenting, pets and even video games. Of course if you can't see your preferred topic covered in the main categories, you can always use the search box to locate videos on the subject you want to be instructed in.

If you're an instructional video buff, there are thousands of videos to delight and keep you occupied for hours on end.

Vimeo

Vimeo is a video sharing site which is the brainchild of a group of filmmakers and video creators who wanted to share their work with the world at large. Since then the site has grown from strength to strength with contributions from users.

This site covers the range of general topics not much different from that in YouTube. However, you would agree that the video quality and the layout over at Vimeo much more pleasing than our Mother of All Video Sharing Sites. Spend a weekend exploring this video sharing site if you're already tired of YouTube.

Tags: 5 Video Sites Better Than YouTube

Add Youtube Videos to Blogger

2012-02-28T01:15:00.001-08:00

Adding a Youtube video immediately change the way the blog is perceived; it becomes less about words and more about communication. After many years there have been many different ways of adding YouTube videos to Blogger, from embed codes to Blogger Gadgets.

Using embed codes may appear complex and tricky to use for some newbie, and that's why many users have opted instead to use Gadgets designed to add YouTube content to the sidebar of a blog. However, because of changing nature of Blogger and blogger templates, these Gadgets are now unsuitable for this purpose.

It means that the only best way to add a YouTube video to your blog is to use the embed code which you can easily found on a YouTube video page. This is a really simple process to complete.

Steps to Install:

Method 1.

1. Login to Blogger Dashboard--->Design--->Page Elements--->Add a Gadget--->Chose HTML/Javascript

2. Copy and paste the embed code which you can find beneath the video as a series of buttons, Like, Add to and Share.

3. You can change the height and width of the clip to suit to your layout.

4. Save and Enjoy

Method 2.

Beside above method Youtube offer another simple method to add videos, as you know that YouTube and Blogger are both Google services, this is a really simple process to complete. Beneath the video you will notice a series of buttons, Like, Add to and Share. This last option, when clicked, displays a short code link to the video, and below this there are options for social networking services such as Facebook and Twitter. Listed with these is the linked text, Show More, and here you will find a Blogger icon.

All you need to do is click the Blogger button and a popup window will appear with the embed code in it. You can add text window, perhaps a few words to introduce the clip, and you can also select which of your Blogger blogs to add it to using the drop down menu in the top right corner. Click Publish Post to make the video clip live on your blog straightaway, or else select Save Draft to return to your Dashboard and view a preview of the video clip. isn't it so simple, so why are you waiting go and embed your first youtube clips, cheers!

Tags: Add Youtube Videos to Blogger

Add Random Posts Widget to Blogger

2012-02-27T10:30:00.001-08:00

Random Post Widget can surely bring more excitement to your blog. This widget will show a random post in your blog's sidebar and by this way visitors can read more articles and can stay longer at your blog and you earning will be increased.

Steps to Install:

1. Login to Blogger Dashboard--->Design--->Page Element--->Add a Gadget--->Chose HTML/Javascript

2. Copy pate the following code in content area.


<div id="myRandomPost"></div> <script type="text/javascript"> function showRandom(root){ var feed = root.feed; var entries = feed.entry || []; var entry = feed.entry[0]; for (var j = 0; j < entry.link.length; ++j){if (entry.link[j].rel == 'alternate'){window.location = entry.link[j].href;}}} function fetchRrandom(randomy){ script = document.createElement('script'); script.src = '/feeds/posts/summary?start-index='+randomy+'&max-results=1&alt=json-in-script&callback=showRandom'; script.type = 'text/javascript'; document.getElementsByTagName('head')[0].appendChild(script); } function feelingRandom(root){ var feed = root.feed; var total = parseInt(feed.openSearch$totalResults.$t,10); var randomNumber = Math.floor(Math.random()*total);randomNumber++; a = document.createElement('a'); a.href = '#random'; a.rel = randomNumber; a.onclick = function(){fetchRrandom(this.rel);}; a.innerHTML = 'View Random Post'; document.getElementById('myRandomPost').appendChild(a); } </script> <script src="/feeds/posts/summary?max-results=0&alt=json-in-script&callback=feelingRandom"></script><div style="text-align: center;"><a href="http://www.bloggingxray.com/2012/02/add-random-posts-widget-to-blogger.html" rel="Random Posts Widget For Blogger By www.bloggingxray.com" target="_blank"><span style="font-size:xx-small;">Widget By Blogging X-ray</span></a></div>


3. Save and Enjoy

Customize:

* Change View Random Post with some other text if you want

Add Bookmark Us Hyperlink to Blogger

2012-02-27T10:07:00.000-08:00

For your web page to have visitors, individuals should keep in mind your site and check out again. This issue was settled years ago with web browser's Favorites. Still, individuals are idle and usually are not using it, unless you tell them. so you can add a fast "Bookmark this page" web page weblink in all your websites. Hitting the web page weblink requires the person with a dialogue box to add the specified URL to the Preferred record.

Steps to Install:

1. Login to Blogger Dashboard--->Design--->Edit HTML--->Click Expand Widget

2. Press Ctrl+F and find

</head>

3. Copy paste the following code just before it

<script src='https://bloggingxray.googlecode.com/svn/trunk/bookmark.js' style='text/javascript'/>

4. Save Template

5. Go to Design--->Page Element--->Add a Gadget--->Chose HTML/Jacascript

6. Copy paste the following code in content area.

<a href="javascript:bookmarksite('WEBSITE NAME ', 'URL OF WEBSITE')">Bookmark This Site</a>

7. Save and enjoy

Customization:

* To Replace Bookmark This Site with an image copy and paste the following code in place of Bookmark This Site.

<img src="URL-OF-IMAGE"/>

Tags: Add Bookmark Us Hyperlink to Blogger

Add Picassaweb Gallery To Blogger

2012-02-26T10:12:00.000-08:00

Adding images to your blog is one of the most effective and impressive way to attract attention of your visitors. Specially if you have a blog related to entertainment or sports or movies. Now you can upload images to Picassaweb and embed a slide show of your images in just few clicks.

Steps To Install:

1. Loging to Picassaweb.google.com with your blogger ID and password.

2. Upload images as many as you want

3. Click on the album

4. In your album you can see Link to this album at the right sidebar, Click it

5. When you click it another link appears Embed Slideshow , Click it.

6. A Popup window will appear set the attributes as you like and then copy the code.

7. Login to Blogger Dashboard--->Design--->Page Element--->Add a Gadget

8. Paste copied script in the content area.

9. Save and Enjoy.

Tags: Add Picassaweb Gallery To Blogger

Add An Animated Stylish Tabbed Menu To Blogger

2012-02-26T09:54:00.000-08:00

Tabbed menu now a days in so many blogs, it saves your space, can provide more links for visitors, looks stylish, and give your blog a professional look. How about if we could add a little animation in our tabbed navigation menu ? I think it will be great and give your blog an stylish look.

DEMO

Steps To Install:

1. Login to Blogger Dashboard--->Design--->Edit HTML--->Click expand widget

2. Press Ctrl+F and Find

]]></b:skin>

3. Copy paste the following code just before it.

.tabbed_content {
background-color: #000000;
width: 620px;
}
.tabs {
height: 62px;
position: relative;
}
.tabs .moving_bg {
padding: 15px;
background-color:#7F822A;
background-image:url(https://lh4.googleusercontent.com/-A1onBNeDOEM/T0ptTIbpRqI/AAAAAAAABFQ/QwjwyUW7TuQ/s155/arrow_down_green.gif);
position: absolute;
width: 125px;
z-index: 190;
left: 0;
padding: 25px 15px;
background-position: bottom left;
background-repeat: no-repeat;
}
.tabs .tab_item {
display: block;
float: left;
padding: 15px;
width: 125px;
color: #ffffff;
text-align: center;
z-index: 200;
position: relative;
cursor: pointer;
}
.tabbed_content .slide_content {
overflow: hidden;
background-color: #000000;
padding: 10px 0 10px 20px;
position: relative;
width: 600px;
}
.tabslider {
width: 5000px;
}
.tabslider ul {
float: left;
width: 560px;
margin: 0px;
padding: 0px;
margin-right: 40px;
list-style-type:none;
}
.tabslider ul a {
color: #ffffff;
text-decoration: none;
}
.tabslider ul a:hover {
color: #aaaaaa;
}
.tabslider ul li {
padding-bottom: 7px;
}

4. Again press Ctrl+F and find

<b:section class='main' id='main' showaddelement='no'>

5. Copy and paste the following code just above it.

<div class='tabbed_content'>
<div class='tabs'>
<div class='moving_bg' style='left: 155px;'/>
<span class='tab_item'>TAB TITLE</span>
<span class='tab_item'>TAB TITLE</span>
<span class='tab_item'>TAB TITLE</span>
<span class='tab_item'>TAB TITLE</span>
</div>
<div class='slide_content'>
<div class='tabslider' style='margin-left: -600px;'>
<ul>
<li><a href='#'>LINK NAME</a></li>
<li><a href='#'>LINK NAME</a></li>
<li><a href='#'>LINK NAME</a></li>
<li><a href='#'>LINK NAME</a></li>
<li><a href='#'>LINK NAME</a></li>
</ul>

<ul>
<li><a href='#'>LINK NAME</a></li>
<li><a href='#'>LINK NAME</a></li>
<li><a href='#'>LINK NAME</a></li>
<li><a href='#'>LINK NAME</a></li>
<li><a href='#'>LINK NAME</a></li>
</ul>

<ul>
<li><a href='#'>LINK NAME</a></li>
<li><a href='#'>LINK NAME</a></li>
<li><a href='#'>LINK NAME</a></li>
<li><a href='#'>LINK NAME</a></li>
<li><a href='#'>LINK NAME</a></li>
</ul>

<ul>
<li><a href='#'>LINK NAME</a></li>
<li><a href='#'>LINK NAME</a></li>
<li><a href='#'>LINK NAME</a></li>
<li><a href='#'>LINK NAME</a></li>
<li><a href='#'>LINK NAME</a></li>
</ul>
</div>
<br style='clear: both;'/>
</div>
</div>

6. Once again press Ctrl+F and find

</head>

7. Copy paste the following code just above it.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//tab effects

var TabbedContent = {
init: function() {
$(".tab_item").mouseover(function() {

var background = $(this).parent().find(".moving_bg");

$(background).stop().animate({
left: $(this).position()['left']
}, {
duration: 300
});

TabbedContent.slideContent($(this));

});
},

slideContent: function(obj) {

var margin = $(obj).parent().parent().find(".slide_content").width();
margin = margin * ($(obj).prevAll().size() - 1);
margin = margin * -1;

$(obj).parent().parent().find(".tabslider").stop().animate({
marginLeft: margin + "px"
}, {
duration: 300
});
}
}

$(document).ready(function() {
TabbedContent.init();
});
</script>

8. Save and Enjoy

Customization:

* You can change background color, text color and the spacing in the code No.3.
* Change all # to the link of your posts, and LINK NAME to names you want to show.

Tags: Add An Animated Stylish Tabbed Menu To Blogger

Add Stylish Subscribe Box To Blogger

2012-02-25T12:11:00.000-08:00

A Subscribe box mean a website weblink to your RSS for and a e-mail type, where visitor's can publish their e-mail id to get email up-dates from your site. This join box with rss, google+, tweets, myspace, feedburner. When visitor's look a easy join box, they will not join. But this join box with eye-catching and amazing look, so site visitor's will join, sure.

Steps To Install:

1. Login to Blogger Dashboard--->Design--->Edit HTML--->Click Expand Widget

2. Press Ctrl+F and find

</head>

3. Copy paste the following code just before it.

<style type='text/css'>
.sub-box{
width: 270px;
background: #fff;
padding: 2px 5px 7px 7px;
border: 2px solid #000;
border-radius: 15px;
}
.sub-box:hover{
border-style:dashed; 2px solid: #389af2;
}
.followlinks h1{
font-family:Cabin Condensed;
font-weight: bold;
color: #000;
padding: 0px 0px 2px 40px;;
font-size:17px;
}
.followlinks ul{
font-family:Cabin Condensed;
font-weight: bold;
}
.followlinks ul li{
float:left;
width:90px;
padding-left:40px;
margin:0 0 0 5px !important;
line-height:35px !important;
}
.followlinks ul li a{
font-size:20px !important;
text-decoration:none;
font-weight:normal;
}
.followlinks ul li.otrss{
background:url(http://3.bp.blogspot.com/-xOwt1EX4VX4/TteO7sxzSxI/AAAAAAAABFk/RNFj1bsukpQ/s1600/rss-ot.png) no-repeat scroll left center transparent;
}
.followlinks ul li.otgoogleplus{
background:url(http://3.bp.blogspot.com/-GW70c2ukQsI/TteO6ikOudI/AAAAAAAABFc/Cjqxp-ZVbX4/s1600/googleplus-ot.png) no-repeat scroll left center transparent;
}
.followlinks ul li.ottwitter{
background:url(http://1.bp.blogspot.com/-LTDd7jrc55s/TteO8nMa6uI/AAAAAAAABFs/r6aMf7ApC6Q/s1600/twitter-ot.png) no-repeat scroll left center transparent;
}
.followlinks ul li.otfacebook{
background:url(http://4.bp.blogspot.com/-RtDc-xIqgtg/TteO56LVTgI/AAAAAAAABFU/iWhsfa01wEo/s1600/facebook-ot.png) no-repeat scroll left center transparent;
}
form.emailform{
margin:5px 0 0;
display:block;
clear:both;
}
.emailtext{
background:url(http://4.bp.blogspot.com/-DMrSxx8BJqo/TteQx1ijO2I/AAAAAAAABF0/Qd1ROb_8oeA/s1600/ot-mail.png) no-repeat scroll 4px center transparent;
padding:7px 15px 7px 35px;
color:#444;
font-weight:bold;
text-decoration:none;
border:1px solid #D3D3D3;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
box-shadow: 1px 1px 2px #CCC inset;
width: 142px;
}
.emailtext:focus{
outline: none;
}
.sub-button{
color:#444;
font-weight:bold;
text-decoration:none;
padding:6px 10px;
border:1px solid #D3D3D3;
cursor: pointer;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-goog-ms-border-radius: 5px;
border-radius: 5px;
background: #fbfbfb;
background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBFBFB', endColorstr='#F4F4F4',GradientType=0 );
background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
}
.sub-button:hover{
background: -moz-linear-gradient(top, #e7e7e7 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7e7e7), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top, #e7e7e7 0%,#f4f4f4 100%);
background: -o-linear-gradient(top, #e7e7e7 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top, #e7e7e7 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#F4F4F4',GradientType=0 );
background: linear-gradient(top, #e7e7e7 0%,#f4f4f4 100%);
}</style>
<script type="text/javascript">
WebFontConfig = {
google: { families: [ 'Cabin+Condensed::latin' ] }
};
(function() {
var wf = document.createElement('script');
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
wf.type = 'text/javascript';
wf.async = 'true';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(wf, s);
})(); </script>

4. Save Template

5. Go to Design--->Page Element--->Add a Gadget---->Choose HTML/JavaScript

6. Copy paste the following code.

<div class='sub-box'>
<div class='followlinks'>
<h1>Get Free Email Upadtes</h1>
<ul>
<li class='otrss'><a target='_blank' href='http://feeds.feedburner.com/YOU FEEDBURNER NAME'>RSS</a></li>
<li class='otgoogleplus'><a target='_blank' href='http://plus.google.com/YOU GOOGLE PLUS ID'>Google+</a></li>
<li class='ottwitter'><a target='_blank' href='http://twitter.com/YOU TWITTER NAME</a></li>
<li class='otfacebook'><a target='_blank' href='https://www.facebook.com/YOU FACE BOOK ID'>Facebook</a></li>
</ul>
</div>
<br />
<div style="text-align: left; display: inline-block;">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=YOU FEED BURNER NAME', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" class="emailform">

<input type="hidden" value="YOU BLOGGER NAME" name="uri" />
<input type="hidden" name="loc" value="en_US" />
<input type="text" onblur="if (this.value == "") {this.value = "Enter your email...";}" onfocus="if (this.value == "Enter your email...") {this.value = ""}" value="Enter your email..." name="email" class="emailtext" />
<input type="submit" class="sub-button" value="SignUp" title='' alt='' />
</form>
</div>
</div>

7. Save and Enjoy

Customize:

Change all RED COLORED text.

Tags: Add Stylish Subscribe Box To Blogger

Add Google + Page Badge To Blogger

2012-02-25T11:47:00.000-08:00

Now that you have designed a Google+ page for your site, develop your viewers by including a badge onto the blogger. The badge allows visitors add your Google+ web page to their blogs without leaving your site, similar to Facebook’s Like Box, but better. Google+ logo will not only advertise your site on Google+ (social network), but will help it position in Google look for as well.

Below are some more reasons why you would want to put up Google+ logo on your blog:

It gives visitor more personal suggestions around the web, by linking +1’s for your site with +1’s on your Google+ web page.

It may eligible your web page for Google+ Immediate Hook up, which helps visitors find your Google+ web page and allows them add it to their groups immediately from within The Google Search.

If you are on The Google Companion Hook up, now is enjoyable to start providing your GFC supporters to your Google+ web page because The Google is going GFC (for all non-Blogger sites) on March 1, 2012.

Steps To Install:

1. Login to Blogger Dashboard---->Design---->Page Element---->Add a Gadget---->Choose HTML/Javascript

2. Copy paste the following code.


<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>

<a style='display: block; height: 0;' href="PUT YOUR G+ PAGE URL HERE" rel="publisher"> </a>

<g:plus href="Google+ PAGE URL " height="131" width="300" theme="light"></g:plus>

3. Save and enjoy

Customize:

* Delete the Google +1 script (line 1 to 8) if you already have a Google+1 button on your blog.

* Change G+ PAGE URL with the URL of your Google+ page.

* To get the page URL: Login to Google+ > Switch to your page via the dropdown menu on top left corner of your screen right under your profile name > Get the URL from your browser’s address bar.

* Change "height", "Width" and "Theme"

Tags: Add Google + Page Badge To Blogger

How to On Page SEO

2012-02-19T23:34:00.001-08:00

Now days internet have become very popular for generating revenue online but it is not easy to generate from online website ,there are many things that you should keep in mind while you start the online business on internet.To generate income from online business it needs little effort and patience with both of these things someone can be called a successful blogger.Mostly people think that after making website and making few links for that their job is done but it is not enough for any website achievements there are many factors that are playing big part in websites achievements.

Title Tag

Title tag is the key to on web page optimization because that is what appear in the clickable website link on the look for engine(google) search engines (SERP) .It should be the exact words for guests quick attraction to press on only your website and also for the search engines look for examine that will help you in quick listing .

Content

After Google panda update articles is king so your website articles should be fresh and original,if someone wants achievements in their online business so Submissions are the key to achievements in Search Website Rankings! So its most essential to tweak the articles of the website so that Search Website Spiders can count them for ratings.

Meta Description

Meta information tags is also playing very part in quick ranking , for best web design it is crucial to make website that is excellent for the search engines look for examine and also for the guests it is crucial in gaining user click-through from the search engines look for (SERPs). These shorter paragraphs of information of your website are webmasters opportunity to advertise articles to searchers and let them know exactly what the given web site has and to what they're looking for.When you are writing meta information you should use your niche(keywords) intelligently,but also create a compelling information that a searcher will want to press.

URL Structure

A website should have shorter and excellent URL that can be rememberable for the guests and then they can easily come back to your website ,URL should be on look for term or the product that you want to sell mostly websites are not on look for term centered URL like that they have to work tirelessly to catalog their website but in other side if your website URL is excellent and according to look for term that have excellent look for solidity so it will help you in quick listing.

Keyword Density

If we say without choosing the best look for term a website will never be succeed so it is quite right because if you have chosen the look for term that have only 200 guests per day but you want to have 3000 guests per day for that look for term so it is impossible, so most of the SEO experts will recommend you to choose the look for term that have excellent solidity in search motor.

Image SEO

Image SEO is very thing if someone wants to catalog website pictures,it is same like web the search engines if your website pictures are not having the right headline and information your web pictures will not be indexed in picture the search engines .Image outcome is also the best way to attract your guests because you can explain the same picture to them and like that they can understand that this web site have solution for their problems.

Tags: How to On Page SEO

How to Off Page SEO

2012-02-19T23:28:00.001-08:00

Most of the individuals want to get the top ten location for their web page but it looks really challenging to get it and mostly individuals feel to have SEO web host for their web page ,they think like that they can get the location in look for results that they wish to have for web page, but there are lots of problem in SEO web host which type of SEO methods they are using to get this location for your web page if your success is excellent and you are interacting with excellent SEO web host so your web page will be absolutely doing well business but if your SEO web host is using methods that are not legitimate according to the search engines (Google) then your web page can experience.

Search Website Submission

Submit your web page URL to the most well-known the search engines like Google, Google, Ask,Ask, AllTheWeb, AOL Search, AltaVista etc… to get detailed for free.
Socail Bookmarking

Socail public bookmarking is very essential for quick page listing in look for results because these are very well-known sites so the look for results examine crwal very quick your sites on these sites and it will genrate visitors to your site, Since content in these sites upgrade frequently, the search engines like these types of sites.Do some public bookmark submitting in well-known public bookmarking sites like Yahoo, Delightful, StumbleUpon, etc. .

Social networking Sites

Nowdays internet sites are most well-known way of getting visitors ,So try to become a participant of the most well-known internet sites like Orkut, Fb, Myspace, Attached In , Tweets etc.Make freinds and reveal your web page to them like that you can get many guests through socail networking sites.

Forum posting

The best and easist way of linking is message board publishing because some well-known boards will genrates many guests to your web page ,Forum is a place where individuals talk about thier ideas and view about any topic or topic so like that it is very fun full and pleasant way of linking.Keep in your ideas that you are getting hyperlinks from dofollow message board because if the message board is nofooloow then it is not offering you the backlinks,to have long-lasting account in any message board be perseverance and do not break the guidelines .

Blog Commenting

The most well-known way of linking is leaving feedback on blogs ,it looks like leaving feedback on blogs is very easy but indeed it is the most challenging way of getting web page link becuase most of the individuals do not allow hyperlinks in feedback and if your discussing sence they dint liked then you can be also detailed as spammer by the administration, leaving feedback on blogs is very effective way in linking ,if you want to get web page link from any site so you should try to find dofoollwo site that are relevant market ( same search term of your website-if your web page is about meals so get web page link from the same sites that are according to food) that will help you in getting quallity web page link.

Article Submmission

If you are excellent in composing so you can get web page link from content submiting to top ten content submmision sites ,there are many well-known composing and submitting articles sites where you can submite your content and like that you will get excellent web page link .Keep in ideas while composing an content that you are composing this content on relevant market (the same search term that your web page is according to that keyword) it will be very excellent web page link .

Direcotries Submmission

Directory distribution is one of the best seo methods if you submite your web page to few well-known directoreis then your half job is done,for example dmoze & yahoo is one of the most well-known directoreis that are dofollow and offer you the backlinks.

Blogging

This is one of the most well-known and highly effective way of advertising your online company/website. Create site for your organization relevant your organization products it will help you in getting reputation, have refreshing and unique content………provide the remedy of their issues to your website guests because individuals are mostly in search of their issues remedy.

Video Sharing

Video giving is also very essential to promot your site, make video clips on your products or service relevant subjects, professional views, and opinions of your products or service then cause them to become public in YouTube, Dailymotion, etc

Tags: How to Off Page SEO

Add Google Translate to Blogger

2012-02-19T23:24:00.001-08:00

Translation is very essential for any web or blogsite because your web page is going to be frequented from all over the community from which most of the individuals do not comprehend British by using this translator they can comprehend your publish and it will help you so translator is essential.It is very easy to create it just adhere to the few uncomplicated actions and create your site more wonderful.

Steps to Install:

1. Login to Blogger Dashboard----->Design----->Page Element---->Add a Gadget---->Chose "HTML/Javascript"

2. Copy paste the following code

<div id="google_translate_element">
</div>
<script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'en'
}, 'google_translate_element');
}
</script>
<script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit">
</script>

3. Save and enjoy

Tags: Add Google Translate to Blogger

Add A Google Docs Contact Form To Blogger

2012-02-19T22:55:00.001-08:00

Many of you have likely leaped on the WordPress or the Tumbler practice, but there is still folks positioning out on Blogger. The search engines is maintaining up with the Joneses with its new Writer in Set up user interface, and the web device still provides a less expensive substitute for complete personalization and unique areas for individual weblogs.

If you are a Writer person, you may have sometimes considered, "How can I create one of those crazy-cool get in touch with types that all the other weblogs on the planet have?" Luckily, if you are also a The search engines Documents person, this can be done with family member convenience (and definitely no pain).

Creating The Form

To start, log in to The Google Documents, and make a new form. You can value in a headline for your kind to keep yourself structured, but you could actually depart this area of your kind as "Untitled" and it will not subject. To make it a genuine get in touch with web page, you should offer customers with the "paragraph text" concern kind. This allows enough area for long concerns or feedback.

Please take observe that the standard kind instantly places two example concerns. Ensure that to remove the second example, or else you will have a phantom query that you do not really need. However, if you want to add more concerns using different response codecs (checkboxes, several option, etc.) then you are free to do so. You can even make the solutions necessary for products such as information. After you are done, make sure you you should preserve it.

Ripping The Form

You may already know that The search engines types usually follow non-customizable layouts that often do not capable well with your blog's style. Sure, you can upload the kind using an iFrame value, but it still maintains the same structure as the pre-designed cookie-cutter layouts. Fortunately, there is a way around that.

After concluding your kind, go back to your Documents website and start up the spread sheet of the kind you have just developed. As a side-note, this spread sheet will allow you to see all the syndication to your kind. When you appear on this web page, choose "Form" on the list bar and then press "Go to stay form".

While looking at your form page, you should use whatever feature your browser allows for looking at the page source code. Since I am using Chrome on my Mac for this tutorial, I merely used my trackpad to open the contextual menu and selected "View Page Source".

You should use the Discover operate of your visitor (CTRL + F) to find the phrase "form action". When you will realize its, you should see this code:

<div class="ss-form><form action="YOUR_FORM_URL" method="POST" id="ss-form">

Make a observe of where this range of value is, and subsequently this next bit of code:

</script></div>

Copy all the way down from the first described range of value to the next described range of value. If you would experience more relaxed sticking this value in a textual content app, then go forward. You will be using it briefly.
Installing The Form

After you have efficiently ripped the best value to your clipboard, you should go into your Writer dash. As I said before, I am using the Writer in Set up program, but if you are using the unique UI, you will still be able to go by along.

First off, you should create a new web page for your site and entitle it "Contact Me" or something identical. After starting it, go immediately to the HTML modifying area of the site and insert the value.

As of now, you have generally accomplished the process of setting up the type on your site. At this factor, your review should look just like the picture below. However, previews are going to be different for different individuals according to it they are using.

Customization

As I found with my individual site, sometimes there will be issues such as there being too much place between the site headline and the type itself or the response box being too big for the size of the site. These modest issues can be quickly set.

If you are having concerns with there being too much place between the headline and the concerns, look for for any

br

tags and remove them. However, if you are having concerns with the size of the response box, look for for this range of code:

<textarea name="entry.0.single" rows="8" cols="75" class="ss-q-long" id="entry_0">

By changing the "cols" value to a lesser variety, you can modify the size of the site for lesser displays or change surfers. Furthermore, you can actually modify the print styles of the concerns while modifying the site. With enough personalization, you can end up with something like the following picture.

Tags: Add A Google Docs Contact Form To Blogger

Add an Audio Clip to a Blogger Profile

2012-02-19T22:31:00.001-08:00

Blogger.com is one of the blog site that allow us to reveal our life with the world from the comfort of our own residences. Associates use weblogs to hook up and keep in touching and to make new friends as well. Create your own site to keep touching family online. Upgrade your information to help new friends get to know you better and to keep your site up to date with your life. Add or change your audio segments as well, to add a customized, multi-media touching to your site.

Steps to Install:

1. First upload your audio file to any free hosting website.

2. Login to Blogger dashboard.

3. At the dashboard, you can see your current blogs and latest posts. You can also see your profile information on the right hand side of the screen. Click "Edit My Profile".

4. write what ever you want to share with the world about you and then add the URL of the audio clip that you want to use.

5. Click "Save Profile" and enjoy.

Tags: Add an Audio Clip to a Blogger Profile

Add a Widget to Blogger

2012-02-19T21:55:00.001-08:00

Adding a widget to your blog can make your blog a nice look. Widgets are additional content it could be a java script code or jquery or simple HTML code. In blogger it is very simple to add a widget.

Steps To Install:

1. First find out the widget you want to add to your blog and copy the widget's code.

2. Sign into your Blogger account.

3. Go to the control panel of the blog and click on the Design tab.

4. Click on the Page Element

5. Click on Add a Gadget this will bring up a Choose New Element page.

5. Find out the entry for HTML/Javascript and click on the Add To Blog button. This will bring up a new page allowing you to add some HTML or Javascript.

6. Type in whatever title you want to give the block that will contain the widget. You can also leave the title blank.

7. Paste the widget's code into the text box labeled content.

8. Click the Save button and enjoy.

By default this widget will appear on top. If you hover the mouse over the new element, the pointer will change to four arrows pointing up, down, left and right. While the mouse pointer has those arrows, you can hold down your mouse button to drag the element at any place, and then release the button to drop it there.

Tags: Add a Widget to Blogger

Add a PayPal Form to Facebook

2012-02-19T21:40:00.001-08:00

After adding a Paypal button to your blog, now you can add a paypal button to Facebook page. By this way your chances are more wide to earn some extra money, to run your blog easily and sucssesfully. First get the necessary PayPal code and then create a new Facebook tab with the FBML application, which adds advanced functionality by employing the Facebook Markup Language. This Facebook-specific feature allows you to insert HTML code on your page.

Steps to Install:

Generate PayPal Code

Step 1
Sign into your PayPal account and click the "Merchant Services" tab.
Step 2
Go to the left side of the page and click the "Buy Now" link from the Create Buttons section.
Step 3
Complete the requested information on the Create PayPal Payment Button page. You need to name the item, which can be anything like "Donation," "Contribution" or the name of your service. Also designate the price, currency and other values.
Step 4
Click "Create Button" at the bottom of the page when finished updating the button settings and values.
Step 5
Click the "Select Code" button to highlight the code. Press the "Ctrl" and "C" keys on your keyboard.
Step 6
Open a text editor on your computer and paste the code into the program by pressing "Ctrl" and "V."
Create the Facebook Page

Step 1
Sign into your Facebook account and go to your Facebook page.
Step 2
Click "Edit Page" on the left side.
Step 3
Look for the Static FBML application. If you do not see it, click the "Browse More" link from the More Applications section.
Step 4
Go to the Static FBML application and click the "Add to My Page" link from the left side.
Step 5
Click the "Add to Page" button after the pop-up box appears. The Edit FBML page should appear.
Step 6
Go to the text editor and copy the PayPal code you saved earlier.
Step 7
Paste the code into the large FBML text section.
Step 8
Type the title for the tab in the Box Title field. Click the "Save Changes" button when finished.

Tags: Add a PayPal Form to Facebook

Add PayPal to Blogger

2012-02-19T21:33:00.001-08:00

Adding a Paypal button can turn your blog in a revenue generator. If you are blogging and providing information to people why dont you get some money ? it could be in the fomr of donation or you can sale products or e-books or any other services. Paypal button creating feature is available in PayPal, which is makes it easy to add an "Add to Cart" button, or even a "Donate" button to your Blogger website. It doesn't matter if you're selling a good or service, or are just begging for extra dollars, adding PayPal to your blog has the potential to draw in some extra cash.

Steps to Install:

Step 1
Log in to your existing PayPal account or sign up for one. Once you have logged in to the PayPal website, click on the tab labeled "Merchant Services" at the top of the screen.
Step 2
Select the type of button you would like to create to add to your Blogger website.
Step 3
Based on the type of button you selected, follow the PayPal instructions to generate the code for your button. Once you have made your selections, click "Create Button."
Step 4
PayPal will direct you to a page that has the code generated for your button. Highlight all of the code in the window, right-click and choose "Copy."
Step 5
Open your Blogger account and go to the dashboard. Click on the "Design" tab to bring up a page that displays all of the elements on your blog.
Step 6
Choose the area where you want your PayPal button to appear and click "Add a Gadget" within that area. In the pop-up window that appears, scroll through the list and select "HTML/Javascript Gadget" from the list.
Step 7
Paste the code that you copied from the PayPal website In the area labeled "Content." Click "Save."
Step 8
Click "Save" on the design window to complete the changes made. Preview your blog to view the placement of your PayPal button.

Tags: Add PayPal to Blogger

Add Multiple Authors in Blogger

2012-02-17T23:15:00.001-08:00

When your blog become populer and visitors want to become guest blogger then they have to be added in blogger with limited authority or with full access(not recomended). So now any blog can have up to 100 several Experts or co-Authors for their weblogs. So this new Group Running a blog function has permitted several writers to deal with a single Site. Although the user of your website will be the administration by standard and all new writers he encourages will be given co-author consideration. They can only EDIT their content and they will not have the function to edit / remove others content. However the administration can modify the benefits of the co-authors at any time.

Steps to Install:

1. Login to blogger deshboard.

2. Go to setting----> Permissions---->Click Add Authors

3. Enter email ID of the Author

4. Click Invite

When you clikc Invite Blogger automatically sends an email to the author and if the acept it they will become author and then they can login with that email and can write. But he can only edit or delete posts written by him. He can't delete posts written by others. But if you trust a guest blogger and want to give him more permission so that he can edit others post then, Go to Permissions---->infront of Author name there is a link named, "Grant Admin Permission", Click it and Author has granted more authority. But one thing must keep in mind while giving power to author after you giving him Admin Privileges he has the power to remove you from the blog and can capture your blog.

Tags: Add Multiple Authors in Blogger

Add Popup Subscription Shearing Widget for Blogger

2012-02-12T11:04:00.000-08:00

I have frequented many website and web page also for publication a pop up registration type has done. Desires you have seen that, when you become a member of the website within in second your contact necessary through a type for registration.

This type pop up once so when one guests who came on any website previously and come again to check out that website so this storage nourish into that and the type will not display again

This gadget can be use in every Blogger website and also WordPress just with an incredibly simple set up phase. As you can see this gadget contains hyperlinks to your Myspace Fan web page, Google+1 Page and Professional suggestions Option, Tweets adhere to button, RSS and LinkedIn hyperlinks and most of all an eye-catching registration type that will further improve the variety of your E-mail readers. The transformation didn't take me very lengthy and I am happy to provide it to all of you.

This gadget springs up a jQuery screen containing Myspace, Tweets likebox but now Google+1Button as soon as a new guest gets there. I am using here the same jQuery impact presented by sidhart in JQuery Popup Just Like Getresponse Subscription Form. Lightbox results like this one can be commonly seen on many weblogs now. It will help you improve your Myspace, twitter Lovers and also Google+1 button and LinkedIn account.

DEMO

Steps To Install:

1. Login to Blogger Dashboard--->Design--->Add a Gadget--->Chose "HTML/Javascript"

2. Copy paste the Following Code

<style>
/*
ColorBox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
/*

User Style:
Change the following styles to modify the appearance of ColorBox. They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;opacity:0.5 !important;}
#colorbox{
box-shadow:0 0 15px rgba(0,0,0,0.4);
-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);
-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);
}
#cboxTopLeft{width:14px; height:14px; background:url(http://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) no-repeat 0 0;}
#cboxTopCenter{height:14px; background:url(http://1.bp.blogspot.com/-TcJGMnSfOCY/TxrtzzHDLVI/AAAAAAAAFWc/mdndgrisRuA/s1600/border.png) repeat-x top left;}
#cboxTopRight{width:14px; height:14px; background:url(http://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) no-repeat -36px 0;}
#cboxBottomLeft{width:14px; height:43px; background:url(http://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) no-repeat 0 -32px;}
#cboxBottomCenter{height:43px; background:url(http://1.bp.blogspot.com/-TcJGMnSfOCY/TxrtzzHDLVI/AAAAAAAAFWc/mdndgrisRuA/s1600/border.png) repeat-x bottom left;}
#cboxBottomRight{width:14px; height:43px; background:url(http://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) no-repeat -36px -32px;}
#cboxMiddleLeft{width:14px; background:url(http://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) repeat-y -175px 0;}
#cboxMiddleRight{width:14px; background:url(http://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) repeat-y -211px 0;}
#cboxContent{background:#fff; overflow:visible;}
#cboxLoadedContent{margin-bottom:5px;}
#cboxLoadingOverlay{background:url(http://1.bp.blogspot.com/-PPvu-446sn4/Txrt1QsGH1I/AAAAAAAAFWw/_jWYVoR1HX8/s1600/loading-background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(http://1.bp.blogspot.com/-31strss_1-E/Txrt1J6NThI/AAAAAAAAFWo/4P12CJPj924/s1600/loading.gif) no-repeat center center;}
#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(http://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
#cboxPrevious{left:0px; background-position: -51px -25px;}
#cboxPrevious.hover{background-position:-51px 0px;}
#cboxNext{left:27px; background-position:-75px -25px;}
#cboxNext.hover{background-position:-75px 0px;}
#cboxClose{right:0; background-position:-100px -25px;}
#cboxClose.hover{background-position:-100px 0px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}
/*-----------------------------------------------------------------------------------*/
/* Facebook Likebox popup For Blogger
/*-----------------------------------------------------------------------------------*/
#subscribe {
font: 12px/1.2 Arial,Helvetica,san-serif; color:#666;
}
#subscribe a,
#subscribe a:hover,
#subscribe a:visited {
text-decoration:none;
}
.box-title {
color: #3B5998;
font-size: 20px !important;
font-weight: bold;
margin: 10px 0;
border:1px solid #ddd;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
box-shadow: 5px 5px 5px #CCCCCC;
padding:10px;
line-height:25px; font-family:arial !important;
}
.box-tagline {
color: #999;
margin: 0;
text-align: center;
}
#subs-container {
padding: 35px 0 30px 0;
position: relative;
}
a:link, a:visited {
border:none;
}
.demo {
display:none;
}
</style>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'></script>
<script src="http://yourjavascript.com/11215013191/jquery.colorbox-min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
if (document.cookie.indexOf('visited=true') == -1) {
var fifteenDays = 1000*60*60*24*30;
var expires = new Date((new Date()).valueOf() + fifteenDays);
document.cookie = "visited=true;expires=" + expires.toUTCString();
$.colorbox({width:"400px", inline:true, href:"#subscribe"});
}
});
</script>


<div style='display:none'>
<div id='subscribe' style='padding:10px; background:#fff;'>
<center>

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3a%2f%2fwww.facebook.com%2fpages%2fBlogging-X-ray%2f321876754508090&width=300&colorscheme=light&show_faces=true&border_color=%23ffffff&stream=false&header=false&height=160" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:160px;" allowtransparency="true"></iframe>

</center>

<center> <script type="text/javascript">mbgc='f5f5f5';ww='300';mbc='cecece';bbc='3F79D5';bmobc='3b71c6';bbgc='4889F0';bmoc='3F79D5';bfc='FFFFFF';bmofc='ffffff';tlc='cecece';tc='6a6a6a';nc='6a6a6a';bc='6a6a6a';l='y';fs='16';fsb='13';bw='100';ff='2';pc='4889F0';b='s'; pid='105863298390768852691';</script><script type="text/javascript" src="http://widgetsplus.com/google_plus_widget.js"></script></center>

<center> <style>
/* Social Widget */
#MBT-mashable-bar {
border: 0;
margin-bottom: 10px;
margin: 0 auto;
width:300px;
}
.fb-likebox {
background: #fff;
padding: 10px 10px 0 10px;
border: 1px solid #D8E6EB;
margin-top: -2px;
height:80px;
}
.googleplus {
background: #F5FCFE;
border-top: 1px solid #FFF;
border-bottom: 1px solid #ebebeb;
border-right: 1px solid #D8E6EB;
border-left: 1px solid #D8E6EB;
border-image: initial;
font-size: .90em;
font-family: "Arial","Helvetica",sans-serif;
color: #000;
padding: 9px 11px;
line-height: 1px;}
.googleplus span {
color: #000;
font-size: 11px;
position: absolute;
display:inline-block;
margin: 9px 70px;}
.g-plusone { float: left;}
.twitter {
background: #EEF9FD;
padding: 10px;
border: 1px solid #C7DBE2;
border-top: 0;}
#mashable {
background: #EBEBEB;
border: 1px solid #CCC;
border-top: 1px solid white;
padding: 2px 8px 2px 3px;
text-align: right;
border-image: initial;}
#mashable .author-credit {}
#mashable .author-credit a {
font-size: 10px;
font-weight: bold;
text-shadow: 1px 1px white;
color: #1E598E;
text-decoration:none;}
#email-news-subscribe .email-box{
padding: 5px 10px;
font-family: "Arial","Helvetica",sans-serif;
border-top: 0;
border-right: 1px solid #C7DBE2;
border-left: 1px solid #C7DBE2;
border-image: initial;
height:35px;}
#email-news-subscribe .email-box input.email{
background:#FFFFFF;
border: 1px solid #dedede;
color: #999;
padding: 7px 10px 8px 10px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
border-image: initial;
font-family: "Arial","Helvetica",sans-serif;}
#email-news-subscribe .email-box input.email:focus{color:#333}
#email-news-subscribe .email-box input.subscribe{
background: -moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#FFCA00),color-stop(1,#FF9B00));
background: -moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%);
-pie-background: linear-gradient(270deg,#ffca00,#ff9b00);
font-family: "Arial","Helvetica",sans-serif;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border:1px solid #cc7c00;
color:white;
text-shadow:#d08d00 1px 1px 0;
padding:7px 14px;
margin-left:3px;
font-weight:bold;
font-size:12px;
cursor:pointer;
border-image: initial;}
#email-news-subscribe .email-box input.subscribe:hover{
background: #ff9b00;
background-image:-moz-linear-gradient(top,#ffda4d,#ff9b00);
background-image:-webkit-gradient(linear,left top,left bottom,from(#ffda4d),to(#ff9b00));
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#ebebeb);
outline:0;-moz-box-shadow:0 0 3px #999;
-webkit-box-shadow:0 0 3px #999;
box-shadow:0 0 3px #999
background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ffda4d),color-stop(1,#ff9b00));
background:-moz-linear-gradient(center top,#ffda4d 0,#ff9b00 100%);
-pie-background:linear-gradient(270deg,#ffda4d,#ff9b00);
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border:1px solid #cc7c00;
color:#FFFFFF;
text-shadow:#d08d00 1px 1px 0}
#other-social-bar {
background-color: #D8E6EB;
box-shadow: 0 1px 1px #FFFFFF inset;
padding: 0px;
font-family: "Arial","Helvetica",sans-serif;
font-weight:bold;
overflow: hidden;
border: 1px solid #B6D0DA;
height:37px;
}
#other-social-bar ul {list-style: none outside none; padding-left: 4px;}
#other-social-bar .other-follow {
float: left;
color:#1E598E;
overflow: hidden;
height:20px;
padding:5px;
width: 270px;}
#other-social-bar .other-follow ul {
list-style: none outside none;
padding-left: 4px;}
#other-social-bar .other-follow ul li {
font-size: 12px;
font-weight: bold;
display:inline;
border:0;
text-shadow: 1px 1px white;}
#other-social-bar .other-follow ul li a {
font-size: 12px;
color:#1E598E;
font-weight: bold;
display:inline;
text-shadow: 1px 1px white;}
#other-social-bar .other-follow li {
font-size: 12px;
font-weight: bold;
display:inline;
border:0;
text-shadow: 1px 1px white;}
#other-social-bar .other-follow li a {
font-size: 12px;
color:#1E598E;
font-weight: bold;
display:inline;
text-shadow: 1px 1px white;}
#other-social-bar .other-follow li.my-rss {
background: url('http://3.bp.blogspot.com/-sR72SM_Wets/TwHZG9y4hXI/AAAAAAAAFv8/0bP2R3Qkl8c/s400/rss-16x16.png') no-repeat transparent;
line-height: 1;
padding: 0px 3px 1px 20px;
width: 60px;
margin-bottom:0px;
margin-left:5px;}
#other-social-bar .other-follow li.my-rss a, #other-social-bar .other-follow li.my-linkedin a, #other-social-bar .other-follow li.my-gplus a{
text-decoration:none;
}
#other-social-bar .other-follow li.my-rss a:hover, #other-social-bar .other-follow li.my-linkedin a:hover, #other-social-bar .other-follow li.my-gplus a:hover{
text-decoration:underline;
}
#other-social-bar .other-follow li.my-linkedin {
background: url('http://4.bp.blogspot.com/-ht4UMG88lvM/TwHZFFgc-1I/AAAAAAAAFvs/BBmINSJhUsk/s400/linkedin-16x16.png') no-repeat transparent;
line-height: 1;
padding: 0px 3px 1px 20px;
width: 60px;
margin-bottom:0px;}
#other-social-bar .other-follow li.my-gplus {
background: url(http://4.bp.blogspot.com/-cC729VpBxrk/TwHZE71ZgoI/AAAAAAAAFvk/_UMyIgA8vj8/s400/gplus-16x16.png) no-repeat transparent;
line-height: 1;
width: 60px;
padding: 0px 3px 1px 20px;
margin-bottom:0px;}

</style>



 <div style="margin-bottom:10px;"> <div id="Blogging-Roots" >

<div class="twitter">  <iframe title="" style="width: 300px; height: 20px;" class="twitter-follow-button" src="http://platform.twitter.com/widgets/follow_button.html#_=1319978796351&
align=&button=blue&id=twitter_tweet_button_0&
lang=en&link_color=&screen_name=neridalow&show_count=&
show_screen_name=&text_color=" frameborder="0" scrolling="no"></iframe> </div>

<div id="email-news-subscribe">  <div class="email-box">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=BloggingX-ray', 'popupwindow', 'scrollbars=yes,width=500,height=500');return true">
<input class="email" type="text" style="width: 145px; font-size: 12px;" id="email" name="email" value="Enter Your Email here.." onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" />
<input type="hidden" value="BloggingX-ray" name="uri" />
<input type="hidden" name="loc" value="en_US" />
<input class="subscribe" name="commit" type="submit" value="Subscribe" />
</form>
</div> </div> <div id="other-social-bar">  <ul class="other-follow"> <li class="my-rss"> <a rel="nofollow" title="RSS" href="http://feeds.feedburner.com/BloggingX-ray" target="_blank">RSS Feed</a> </li> <li class="my-linkedin"> <a rel="nofollow" title="linkedin" rel="author" href="http://au.linkedin.com/pub/nerida-low/24/898/aa9" target="_blank">linkedin</a> </li> <li class="my-gplus"> <a rel="nofollow" title="Google Plus" rel="author" href="https://plus.google.com/105863298390768852691" target="_blank">Google Plus</a> </li> </ul> </div> <div id="mashable" style="background: #EBEBEB;border: 1px solid #CCC;border-top: 1px solid white;padding: 1px 8px 1px 3px;text-align: right;border-image: initial;font-size:10px;font-family: "arial","helvetica",sans-serif;"> <span class="author-credit" style="font-family: Arial, Helvetica, sans-serif;"><a href="http://www.bloggingxray.com" target="_blank" >Blogging Gadget</a></span></div>
 </div></div></center>

<p style=" float:right; margin-right:35px; font-size:9px;" >Powered By |<a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://www.blogginxray.com">Blog Gadgets</a> Via <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href=" http://www.bloggingxray.com">Blogging X-ray</a></p>
</div>
</div>

3. Save and Enjoy

Customize:

Change RED colored text to your relevant Data.

Tags: Add Popup Subscription Shearing Widget for Blogger

Detective Constable Richard Horton – The Blogger Nickname NightJack – Is An Unlucky Man

2012-02-09T03:32:00.000-08:00

Detective Constable Richard Horton – The Blogger Nickname NightJack – Is An Unlucky. Last year, after succeeding an Orwell award for his unknown describe of life as a Lancashire law enforcement man, his identification was unveiled against his needs by the Times – a development that was unveiled this weeks time to have been created through the hacking of his contact email.

Horton was penalized by his regional constabulary, and though he is comprehended still to be an offering official, last night neither his attorney nor Lancashire law enforcement would validate his present part. He has not prepared a concept since. "Once I get the taste of hubris out of my mouth, I may get back to writing but I'm not doing anything at the moment," he informed the Guardian in 2009. "I'd like to write a novel but the fun and enjoyment went out of it with the Times thing and I lost the flavour for doing the book."

It's a pity, because his composing was pithy, funny and useful. "Lee takes Mike's watch and wallet as trophies," he composed of one situation. "Stamps on Mike's head more for the sake of completeness than anything. I mean, that's just what you do, you stamp the head when they are down. Everyone does that. It's soft not to."

Horton is especially unfortunate given that most other law enforcement web owners have avoided the doubtful techniques of email-hacking correspondents. "Inspector Gadget", whom Horton points out as an creativity, has been going since 2006. Now his website has obtained nearly 9m visits, he provides products from "Ruralshire" (his pseudonym for the place he performs in), and he is one of several law enforcement web owners to have released a book: Perverting the Course of Justice. Actually, Device has become so well-known that when Tim Godwin, former deputy commissioner of the Met, set up his own law enforcement website, he sensed it necessary to are eligible it with: "I'm not quite Examiner Device."

Gadget is himself predated by PC Mark Copperfield, who is considered to be the first law enforcement writer. The Observer's Processor Cohen known as his spinoff publication one of the three "most essential governmental books" of the day – and it was only in the pursuing press melee that Copperfield's real identification was discovered. As opposed to Horton, Copperfield had a flavor for the focus, did one-too-many hardly hidden transmit interview, and was unmasked as one PC Stuart Davidson of Staffordshire law enforcement. He now performs in North america.

Tags: Detective Constable Richard Horton – The Blogger Nickname NightJack – Is An Unlucky Man

Add Jquery Mouse Hover Menu Effect to Blogger

2012-02-08T10:19:00.000-08:00

This is an stylish jQuery mouse hover script, when you hover it all blog will become dark but menu will remain white. A sub menu are will expand with clickable links or anything you want. This is a combination of CSS style, HTML and Javascript.

DEMO

Steps To Install:

1. Login o Blogger Dashboard--->Design--->Edit HTML--->Click Expand widget

2. Press Ctrl+F and find

</head>

3. Copy paste the following code just above it

<style type="text/css">

.oe_overlay{
background:#000;
opacity:0;
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
}
ul.oe_menu{
list-style:none;
position:relative;
margin:30px 0px 0px 40px;
width:560px;
float:left;
clear:both;
}
ul.oe_menu > li{
width:112px;
height:101px;
padding-bottom:2px;
float:left;
position:relative;
}
ul.oe_menu > li > a{
display:block;
background-color:#101010;
color:#aaa;
text-decoration:none;
font-weight:bold;
font-size:12px;
width:90px;
height:80px;
padding:10px;
margin:1px;
text-shadow:0px 0px 1px #000;
opacity:0.8;
}
ul.oe_menu > li > a:hover,
ul.oe_menu > li.selected > a{
background:#fff;
color:#101010;
opacity:1.0;
}
.oe_wrapper ul.hovered > li > a{
background:#fff;
text-shadow:0px 0px 1px #FFF;
}
ul.oe_menu div{
position:absolute;
top:103px;
left:1px;
background:#fff;
width:498px;
height:180px;
padding:30px;
display:none;
}
ul.oe_menu div ul li a{
text-decoration:none;
color:#222;
padding:2px 2px 2px 4px;
margin:2px;
display:block;
font-size:12px;
}
ul.oe_menu div ul li a:hover{
background:#000;
color:#fff;
}
ul.oe_menu div ul.oe_full{
width:100%;
}
ul.oe_menu li ul{
list-style:none;
float:left;
width: 150px;
margin-right:10px;
}
li.oe_heading{
color:#aaa;
font-size:16px;
margin-bottom:10px;
padding-bottom:6px;
border-bottom:1px solid #ddd;
}

</style>

4. Again press Ctrl+F and find

</head>

5. Copy paste the following code just below it

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js' type='text/javascript'/>
<SCRIPT LANGUAGE="JavaScript">
var $oe_menu = $('#oe_menu');
var $oe_menu_items = $oe_menu.children('li');
var $oe_overlay = $('#oe_overlay');
$oe_menu_items.bind('mouseenter',function(){
var $this = $(this);
$this.addClass('slided selected');
$this.children('div').css('z-index','9999').stop(true,true).slideDown(200,function(){
$oe_menu_items.not('.slided').children('div').hide();
$this.removeClass('slided');
});
}).bind('mouseleave',function(){
var $this = $(this);
$this.removeClass('selected').children('div').css('z-index','1');
});
$oe_menu.bind('mouseenter',function(){
var $this = $(this);
$oe_overlay.stop(true,true).fadeTo(200, 0.6);
$this.addClass('hovered');
}).bind('mouseleave',function(){
var $this = $(this);
$this.removeClass('hovered');
$oe_overlay.stop(true,true).fadeTo(200, 0);
$oe_menu_items.children('div').hide();
})
</script>

6. Save your Template

7. Go to Page element --->Add a Gadget--->chose HTML/Javascript

8. Copy paste the following code

<div class="oe_wrapper">
<div id="oe_overlay" class="oe_overlay"></div>
<ul id="oe_menu" class="oe_menu">
<li>
<a href="">Collections</a>
<div>
<ul>
<li class="oe_heading">
Summer 2011
</li>
<li><a href="#">Milano</a></li>
...
</ul>
<ul>
...
</ul>
<ul>
...
</ul>
</div>
</li>
<li>
<a href="">Projects</a>
<div style="left:-111px;">
...
</div>
</li>
<li>
<a href="">Fragrances</a>
<div style="left:-223px;">
<ul class="oe_full">
<li class="oe_heading">
Fashion Fragrances
</li>
<li><a href="#">Deálure</a></li>
<li><a href="#">Violet Woman</a></li>
<li><a href="#">Deep Blue for Men</a></li>
<li><a href="#">New York, New York</a></li>
<li><a href="#">Illusion</a></li>
</ul>
</div>
</li>
<li><a href="">Events</a>
<div style="left:-335px;">
...
</div>
</li>
<li><a href="">Stores</a>
<div style="left:-447px;">
...
</div>
</li>
</ul>
</div>

9. Save and enjoy

Tags: Add Jquery Mouse Hover Menu Effect to Blogger

Blogger Sentenced 14 Years In Iran

2012-02-08T00:18:00.000-08:00

Blogger known for judgments of Iranian program in well-known site was also sentenced to flogging, 10 decades in exile

A dissident Iranian Blog writer was sentenced to a flogging 14 decades in jail by a Tehran trial, press privileges team Correspondents Without Region said Wednesday.

The Islamic Republic's innovative trial provided the phrase against Mehdi Khazali, manager of a site known as Baran, on Wednesday, the team said.
Khazali, the son of a well-known traditional cleric, was also to be exiled for 10 decades, it included.

Reporters Without Region said Khazali was caught on Jan 9 – his third detain in the last two decades.

A physician and expert of the 1980-1988 Irak war, Khazali is the son of Ayatollah Abolqasem Khazali, a long-time associate of the Set up of Professionals, a office human body given the job of managing the perform of Iran's substantial innovator.

Ayatollah Khazali has disavowed his son's judgments of the program, which especially took Tehran to process for its guidelines and people privileges offenses.

Khazali regularly poked fun at Chief executive Mahmoud Ahmadinejad and his members on his commonly study site, which has been compromised and is no more available, Correspondents Without Region said.

He was formerly caught last year as element of the government's attack on the huge road direct orders that followed the problematic re-election of Ahmadinejad. He was later published on help.

Khazali was among ratings of reformist political figures, editors, people privileges campaigners and student activists arrested in the attack.

Tags: Blogger Sentenced 14 Years In Iran

Cuban Capitalist Blog Writer Forced To Stay On The Island

2012-02-07T23:25:00.000-08:00

Cuban Blog writer and capitalist Yoani Sanchez was informed the other day for the Nineteenth time in four decades that she was prohibited to depart Cuba, according to Amnesty International.

"My cell is not surrounded by concrete and metal, but rather water, " Sanchez tweeted the other day.

She was expecting to take a trip to a premiere in South America where she had been welcomed to talk, but Cuba's migration govt bodies declined her an depart allow. As with all the other periods she expected authorization to depart, she wasn't given a purpose why.

However, the purpose why is extra ordinary to both her and her tons of followers: Sanchez is Cuba's best-known Blog writer and an intense speech in weight of the govt, for this--they believe--she is being tried.

"The Cuban government's repeated denial of exit permits to critics like Yoani Sanchez can only be seen as retaliation for the expression of their legitimate political views and activism ," said Jordan Zuniga, advisor to Amnesty International. "Those fighting for freedom of expression, association, and movement must be authorized to leave and re-enter the country without arbitrary restrictions."

The 36-year-old began her site Generation Y in 2007. Regular, Sanchez creates posts about life in Cuba, from findings about the development of cellular food companies to governmental documents about the needless loss of life of caught craving for food striker Wilman Villar Mendoza. Many of her site items talk about limitations of governmental and city privileges placed on Cubans.

Foreign Insurance plan journal identified as her one of the Top 100 Thinkers this season, composing that Sanchez, "shows that the Online really does go everywhere, even Castro's Cuba."

The region nation is not known for being a bastion of technology. According to the Monetary Times, only 2 % of Cuba's people have entry to the Online. Only in the last four decades have Cubans been permitted to buy their first lawful PCs and the across the nation cellphone ban was lifted.

According to Amnesty Worldwide, Cuban Chief executive Raul Castro guaranteed this season to start a sequence of changes that would modify migration guidelines for Cuban people, but he has not yet followed through on these efficiencies.

"I feel like a hostage kidnapped by someone who won't listen or give explanations," Sanchez tweeted last week. "If all this effort helps to shine a light on the migratory absurdity we Cubans are trapped in, then it was worth it. "

Tags: Cuban Capitalist Blog Writer Forced To Stay On The Island

Creating Your Blog Eye Catching and Simple to Navigate

2012-02-07T00:41:00.000-08:00

I was just surfing around through some new tweets supporters weblogs, and I can't help but observe some well developed styles, and some very badly developed WordPress and Blog styles. Most of these have excellent articles, but a lot do not really make you want to remain on their website very lengthy because they are either not beneficial on the experience or they are challenging to get around through.

Here are some easy guidelines to help you make your site or website keep more visitors. (Note: not all of these guidelines are even used on my own website, but should be. symbol wink Creating Your Site Eye Friendly and Easy to Navigate

Content:

As everyone knows, articles is master in the web community, and if individuals do not instantly know what your website is about at first look, you have already taken yourself in the feet. Ensure that your headline is clearly noticeable, readily available and study, and clearly conveys the objective of your website.

SEO:

Look for Website Search powerplant optimization is very essential.
While it's excellent to have a wonderful headline, make sure to also have textual content that the search engines can study (whether it's noticeable to the eye or not) so that individuals will be able to discover your website.
If you are using WordPress, I suggest looking at the Jewelry SEO Pluggin.
Ensure that to put a lot of tag terms in your content, but make them appropriate to your articles and not too unique.You want individuals to come who are really considering what you have to say or they will not remain.

Showing Ads:

Almost everyone wants to present ads, but most weblogs are crowded out by them so that not only is it challenging to see what your website is all about, but it also just changes individuals away.
Put only ads on a web page that utilize to that subject, and restrict the variety of ads to just a few really focused ones.
Try developing a individual web page for alternatives that you use or suggest, and make a publish or web page for each ad informing why it's value looking at.
If you are using Goggle adsense, make sure to style your ads so that they combination in to your website, but are also in readily available locations (such as before or after content, or near to your major articles in the sidebar).

Organization:

Nobody wants to be struggling around through your website trying to discover that one publish they were looking for. Okay, who really loves you about looking for a time frame of a publish from a schedule or your archives? They really want to discover a particular subject or classification. Here are a few easy company guidelines for your articles.
Make a easy to get around list that hyperlinks to your major types and subcategories.
If you can not make a list, make your own list in a sidebar device or device by basically developing hyperlinks to these types and subcategories.
Position the most essential information and facts or hyperlinks toward the top of the site in your sidebars. If you are using looking function, put it right at the top or in your headlines. Otherwise it will never get used.
Brand your content very particularly, but with several different terms or keywords that mean the same element. Then, make sure to put looking box at the top of your website so that individuals can easily find a concept or expression and discover just what they are looking for. Fast Hint: If you want to know how search beneficial your website is, do a fast find a subject you know you composed about a while again and see how lengthy it requires you to discover it.
If you are using a 3 pillar style, arrange your sidebar by the articles you are displaying in them. For example, you can use one sidebar for information and facts about you and your website or tips on how to go by you, and the other for ads and hyperlinks to other websites.
LESS IS MORE! The more articles on a web page, the smaller period most individuals will remain on that web page. This is why choices and sub-menus are sooo beneficial. The major noticeable list displays the major types, and allows individuals concentrate on what route they want to go in. Once they have selected a primary route, than you can provide them with more particular alternatives within that route.

Design Elements:

Who does not really like a wonderful design?! However, your style should never overcome your articles. Your style should immediate people to the articles not only by illustrating their interest to it, but also by providing a vision concept of what your website is all about.
Prevent Noisy colours or huge design. Not only do they keep the eye and can overcome the feelings, but they can also take a while to obtain. If you want to use styles, try to use a saying design for the qualifications so your web page a lot quicker.
Three pillar styles are a must if you anticipate displaying a lot of icons or devices. No one wants to have to search for a long time.
Header Design: Try for a fresh headlines that clearly represents what your website is about, and contains hyperlinks or control buttons to what you really want individuals to go to.
Footer Design: Don't put essential articles in your footer that is not shown elsewhere on your website, especially if you are using your website. Most individuals do not make it that far down the site. Footers should be eye beneficial, and contain hyperlinks or products that are either described elsewhere already or are not as essential.
Scrolling Buttons: These are excellent for products you do not want individuals to pass up, and they also offer you more area in your major articles. Just make sure that they combination in perfectly with your style and do not take away or keep from it is essential. A back-to-top option is also an excellent way to help individuals easily get again to the headlines without having to search a while.

To put it all up, here are a few concerns to see if your website is pleasant and easy to get around.

Can someone tell what my website is about within mere a few moments of looking at it?
Does my style enhance my website or take away from it?
Does my style go with the concept of my site?
Can individuals discover what they are looking for on my site?
Are individuals focused to what I want them to look at instantly on my site?
Do individuals see my articles first or frustrating ads first on my site?
Do individuals ever see the ads on my website and do they enhance the articles that they just read?

Those were just a few easy guidelines, and there are a ton more. Please depart a thoughts if you have other guidelines to add, or if you have a concern. Also, let me know if you want a personalized WordPress or Writer style.

Tags: Creating Your Blog Eye Catching and Simple to Navigate