oldx3-test1

Showing posts with label Blogger Tips. Show all posts

Way to Change Blogger Template Without Deleting Sidebar Widget

Posted by oldx3 Friday, January 22, 2010

Download new xml template
Save to your desktop. Remember, SAVE no need to open. Some mistake is they open xml file in browser of course there will be an error warning, because browser not compatible to open xml file
Create new blog. This is trial blog to edit new xml template
Upload your new template to trial blog. How to ? Open Edit HTML, and then upload downloaded xml file
Open your current blog layout
Go to Edit HTML, copy all widget code between
or
(some layout does use other type of word)
Open trial blog layout
Go to Edit HTML, paste to trial blog, all copied widget code. Put it between too
Save
Download and save full template of trial blog
Upload to your current blog layout, and you get new layout without deleting widget

by bloggerboy

0 comments

Facebook Share Count Buttons For Blogger

Posted by oldx3 Thursday, January 21, 2010

Facebook has now officially introduced the Retweet like buttons for your blogs or sites. These buttons look much similar to the Retweet buttons by Tweetmeme. Facebook has 5 styles of Sharing buttons. Here we will see two of them.
Adding a Facebook share count button will show a neat count of how many times your blog post has been shared on Facebook.

Facebook Share Button Style 1

Code for Facebook Share Button Style 1

<div style="float:right;padding:4px;">

<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>  
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

Facebook Share Button Style 2

Code for Facebook Share Button Style 2

<div style="float:left;padding:4px;">

<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>  
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

Facebook Share Button Compact Style 1

Code for Facebook Share Compact Button Style 1

<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>  
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>

</div>

Facebook Share Button Compact Style 2

Code for Facebook Share Compact Button Style 2

<div style="float:left;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>  
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>

</div>

How to install Facebook Share Count Button on your Blogger Blog?

1.Select one of the Share Button Styles and copy the Corresponding Code.

2.Now login to your Blogger Dashboard and navigate to Layout > Edit Html and expand the widget templates

3.Find this piece of code

<div class='post-header-line-1'/>

and immediately after that place our Facebook share button code(that you copied)

If you were unable to find this code in your template,then look for the first occurance of

<data:post.body/>

and immediately before that paste our Facebook Share button code(that you copied).

5.Save the template and you should get a facebook share count button near each of your blog posts.

If you liked this post and if it helped you in implementing the facebook buttons, then please consider sharing this post on Facebook using the button on the top-right of the post :)

0 comments

Numbered Page Navigation For Blogger

Posted by oldx3

Page Navigation is a really awesome and long awaited feature. You might have seen numbered page navigation on many wordpress blogs(wp-pagenavi by Lester Chan). Muhammad Rias of Techie Blogger had already developed a page navigation system for blogger.It really was an awesome trick which was made at a time when nobody could even think of implementing it on blogger.It had some minor bugs and now Abu Farhan has perfected it and he has now given us the perfect page navigation solution.Here is a little screenshot of what this is all about.

When you use this hack,you will see this kind of navigation on your blog’s home page and label pages(needs little customization).

Implementation of Blogger Page Navigation

Those who are bad at HTML modifications can use my one click installer :)

After installing this widget proceed to the label fix.

The Complex Method. :P

If you installed the widget you shouldn’t be here.. Scroll down to the label fix.
1.Login to Blogger Dashboard and navigate to Layout > Edit Html
2.Don’t click the checkbox which says ‘Expand Widget Templates’
3.Now find

]]></b:skin>

and replace it with

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}
]]></b:skin>

This is the CSS part which defines the look and feel of the page navigation.You can modify it according to your need

4.Next is the JavaScript part. Find

</body>

and replace it with

<!--Page Navigation Starts-->

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;

var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>

</b:if>
<!--Page Navigation Ends-—>
</body>

As you can see,there are some customizable parameters in this code

var pageCount=5;

This code determines the number of posts that would be displayed per page.

var displayPageNum=5;

This code determines the number of additional page navigation numbers that will be displayed on the page.

var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;

These two lines determine the text that would be shown for the previous page and next page respectively.

Label Fix

Now we have another problem.By default,the blogger label pages will show 20 posts.We will have to cut this down to the value that we gave for the variable pageCount (or the posts per page).For this we will have to edit our template

How to Edit the template to cut short the posts per page?

Go to the Edit HTML page and expand the Widget Templates

Now find each occurrence of

'data:label.url'

(including the quotes) and replace each of it with

'data:label.url + &quot;?&amp;max-results=5&quot;'

Here 5 is the number of posts to be displayed per page.

Now if you are using the label cloud widget by phydeaux3,then find

a.href = &#39;/search/label/&#39;+encodeURIComponent(t);

and replace it with

a.href = &#39;/search/label/&#39;+encodeURIComponent(t)+&#39;?&amp;max-results=5&#39;;

Here also 5 is the number of posts to be displayed per page.

Now you should have the Blogger Page Navigation working perfectly on your blog. :)

This tutorial is based on Codes from Abu Farhan and Muhammad Rias. So if you plan to write this tutorial on your blog,do link back to them also.

Permalink: Numbered Page Navigation For Blogger

0 comments

Label Cloud Widget For Blogger / Blogspot

Posted by oldx3

A tag cloud or label cloud for blogger is a visual depiction of all labels used on your blog.You can see a demo of the Label cloud for blogger(blogger label cloud) here on my site. This Tag Cloud Widget was originally developed by phydeaux3. I have just simplified and made it easier to install..

First Of all Goto Your blogger Layout>Page Elements page and add a Labels Widget there..You can Do that using the Add a Page Element Option on that page.

Label Cloud Widget For Blogger Or Blogspot

Choose to sort the labels Alphabetically when prompted.

After Adding the Label Widget Goto Layout>Edit Html (Do not expand the widget templates for the sake of easy explanation)

You will find some code similar to

<b:widget id='Label1' locked='false' title='Labels' type='Label'/>

Now Replace that with

<b:widget id='Label1' locked='false' title='Label Cloud' type='Label'>

<b:includable id='main'>

<b:if cond='data:title'>
<h2><data:title/></h2>

</b:if>
<div class='widget-content'>

<div id='labelCloud'/>
<p align='center'>

<script type='text/javascript'>
var cloudMin = 1;

var maxFontSize = 30;
var maxColor = [35,130,196];
var minFontSize = 13;

var minColor = [35,130,195];
var lcShowCount = false;

// Don't change anything past this point -----------------
// Cloud function s() ripped from del.icio.us
function s(a,b,i,x){
if(a&gt;b){

var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)
}
else{
var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)
}

return v
}
var c=[];
var labelCount = new Array();

var ts = new Object;

<b:loop values='data:labels' var='label'>
var theName = &quot;<data:label.name/>&quot;;
ts[theName] = <data:label.count/>;

</b:loop>

for (t in ts){
if (!labelCount[ts[t]]){
labelCount[ts[t]] = new Array(ts[t])
}
}
var ta=cloudMin-1;
tz = labelCount.length - cloudMin;
lc2 = document.getElementById(&#39;labelCloud&#39;);
ul = document.createElement(&#39;ul&#39;);
ul.className = &#39;label-cloud&#39;;


for(var t in ts){
if(ts[t] &lt; cloudMin){
continue;
}
for (var i=0;3 &gt; i;i++) {
c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)
}


var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);
li = document.createElement(&#39;li&#39;);
li.style.fontSize = fs+&#39;px&#39;;
a = document.createElement(&#39;a&#39;);
a.title = ts[t]+&#39; Posts in &#39;+t;
a.style.color = &#39;rgb(&#39;+c[0]+&#39;,&#39;+c[1]+&#39;,&#39;+c[2]+&#39;)&#39;;
a.href = &#39;/search/label/&#39;+encodeURIComponent(t);


if (lcShowCount){
span = document.createElement(&#39;span&#39;);
span.innerHTML = &#39;(&#39;+ts[t]+&#39;) &#39;;
span.className = &#39;label-count&#39;;
a.appendChild(document.createTextNode(t));
li.appendChild(a);
li.appendChild(span);
}
else {
a.appendChild(document.createTextNode(t));
li.appendChild(a);
}
ul.appendChild(li);
abnk = document.createTextNode(&#39; &#39;);
ul.appendChild(abnk);
}
lc2.appendChild(ul);
</script>

</p>
<noscript>
<ul>
<b:loop values='data:labels' var='label'>
<li>

<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>

</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>

<br/>Powered By:<small><a href='http://www.bloggerplugins.org'>Blogger Tutorials</a></small>

<br/>Blogger Label Cloud:<small><a href='http://www.bloggerplugins.org/2008/06/label-cloud-widget-for-blogger-blogspot.html'>Label Cloud for Blogger</a></small>

</noscript>

<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Now find

]]></b:skin>

and replace it with

#labelCloud {text-align:center;font-family:arial,sans-serif;}
#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
#labelCloud a{text-decoration:none}
#labelCloud a:hover{text-decoration:underline}
#labelCloud li a{}
#labelCloud .label-cloud {}
#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
#labelCloud .label-cloud li:before{content:&quot;&quot; !important}
]]></b:skin>

Save your template and now you should get a working Label Cloud On your Blog.

Optional Parts Proceed further only if you want to customize the cloud to a better level...

Changing Cloud Colours:

you can change those colors editing the code a little bit..
you will have to expand your widget templates and modify these 2 lines of code

var maxColor =

and

var minColor =
you have to specify the RGB values there separated by commas..If you are sure of what should be the hex codes of the maximum and minimum colors,then you can use this to convert the hex value to RGB values..If you are not sure of what the hex code of the colors are then have a look at this.

Changing the Font Sizes:
You can change the font sizes by editing these 2 lines of code

var minFontSize =
and
var maxFontSize =

0 comments

You can also make these button display themselves horizontally instead of vertically. Search for the line of code below.

stenium_layout = '1';

Replace it with this line of code.

stenium_layout = '0';

0 comments

Live Website Chat Widget

Posted by oldx3

A chat room is a great way to get your readers more involved in your blog. If you think about it, your visitors may end up spending the night chatting with other visitors. Now that's a great thought... The answer is Yaplet, which adds a chat room to every site on the internet!

For Example, here is the WidgetsForFree™ Chat Room . All you need to do is create a visible link or button to your site's chat room just like I have done above. Go to Yaplet.com to find your blog's chat room.

You can also create a pop-up version

If you go to yaplet's website, you will find some nice buttons which can be placed on your blog.

All the things this Widget can be used for:

Chat with friends

Make new friends

Build new communities

Collaborate on group work

Telepresent

Provide customer service

Offer real-time support

Educate over distance

Play games

Read/write reviews

and more...

Get this Widget

0 comments

Translate Blog Widget (using Flags)

Posted by oldx3

Let your readers easily translate your blog with this highly compact widget. This blog translator is powered by Google Translate. The languages available at the click of a flag are Chinese, German, French, Japanese, Korean, Russian, and Spanish.

It can easily be added to any blog platform or website! Just click "get this translation widget" below to get yourself started.

For Google Powered Bloggers:

<div style="padding: 3px 3px 3px 3px; text-align: center;"><div align="left"><a style="cursor: pointer;" target="_blank" rel="nofollow" title="Google-Translate-English to French " onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Czh-CN&hl=en&ie=UTF8'); return false;"><img alt="Chinese" border="0" align="absbottom" title="Google-Translate-Chinese (Simplified) BETA" height="24" src="http://imgcash4.imageshack.us/img518/261/chineeseoq9.png" style="cursor: pointer;" width="24" /> <img alt="French" border="0" align="absbottom" title="Google-Translate-English to French " height="24" src="http://img296.imageshack.us/img296/1476/frenchflagkf9.png" style="cursor: pointer;" width="24" /></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Google-Translate-English to German" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cde&hl=en&ie=UTF8'); return false;"> <img alt="German" border="0" align="absbottom" title="Google-Translate-English to German" height="24" src="http://img242.imageshack.us/img242/3466/germanke6.png" style="cursor: pointer;" width="24" /></a>  <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Google-Translate-English to Japanese BETA" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cja&hl=en&ie=UTF8'); return false;"> <img alt="Japanese" border="0" align="absbottom" title="Google-Translate-English to Japanese BETA" height="24" src="http://img242.imageshack.us/img242/8905/japaneseyq6.png" style="cursor: pointer;" width="24" /> </a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Google-Translate-English to Korean BETA" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cko&hl=en&ie=UTF8'); return false;"> <img alt="Korean" border="0" align="absbottom" title="Google-Translate-English to Korean BETA" height="24" src="http://img510.imageshack.us/img510/6545/koreanfa6.png" style="cursor: pointer;" width="24" /> </a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Google-Translate-English to Russian BETA " onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cru&hl=en&ie=UTF8'); return false;"> <img alt="Russian" border="0" align="absbottom" title="Google-Translate-English to Russian BETA " height="24" src="http://img525.imageshack.us/img525/3699/russianvr7.png" style="cursor: pointer;" width="24" /> </a>  <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Google-Translate-English to Spanish " onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Ces&hl=en&ie=UTF8'); return false;"> <img alt="Spanish" border="0" align="absbottom" title="Google-Translate-English to Spanish " height="24" src="http://img530.imageshack.us/img530/3777/spanishvq3.png" style="cursor: pointer;" width="24" /> </a>                  </div><div style="float: left;"><sup> Powered By </sup><a href="http://widgetsforfree.blogspot.com/2008/09/translate-blog-widget-using-flags.html"><img style="border:none;" alt="google" src="http://img301.imageshack.us/img301/7661/googlelogode0kn0.png" class="gsc-branding-img-noclear" title="Google Translation Widget" /></a></div></div>

The html code:

0 comments

Floating "Top of Page" Icon Widget

Posted by oldx3

Some blogs and webpages have obnoxiously long pages that go on forever... and that's where this widget comes in handy. As you can see, there is a small floating arrow at the bottom-right of this page. It always maintains the same position. Scroll down a little in your template, then if you click on it, it will take you to the very top of the page.

Why it's a good thing?

Saves your visitors from an unnecessary hassle of scrolling up.
The icon does not interfere with your content.
You can use your own image in order to blend in with your own blog.

For Google Bloggers:

The html code:

Customizing the Icon Image:

If you wish to change the arrow image to something else, then find this line below and replace it with another image url

http://img119.imageshack.us/img119/8589/arrowupcx2.gif

0 comments

Blogger Search Bar Form

Posted by oldx3

Add a search engine in the sidebar of your blogger blog. This searches all the posts on your blog, and displays them by latest posts first. Inside the search bar you will find the text "Search this Site", this can easily be changed to any text you desire. Such as "Search my Site", "Search", "Type and Hit Enter", etc. Just simply replace the code. You can also change the text "Go" on the button to something like "Search", "Find", etc.

<form id="searchThis" action="/search" style="display: inline;" method="get"><input onfocus="if(this.value==this.defaultValue)this.value='';" value="Search this Site" type="text" id="searchBox" onblur="if(this.value=='')this.value=this.defaultValue;" style="width: 150px;color:#636363;" vinput="" name="q"> <input id="searchButton" value="Go" type="submit"></form>

0 comments

Add Sudoku Puzzle Widget To Blogspot

Posted by oldx3

The Sudoku widget generates random puzzles with five different levels of difficulty and shows when you have entered an incorrect answer. It can also check to see if you got the puzzle right. And many players think that the best part of this widget is that you can make it solve it self.

<iframe scrolling="no" frameborder="0" width="200" src="http://free-sudokus.blogspot.com" height="230"></iframe><div style="margin:-8px 0;background:#fff;text-align:center;width:234px"><a style="font-size:75%;text-decoration:none;" href="http://widgetsforfree.blogspot.com/2008/01/sudoku-widget_500.html">Sudoku Widget</a></div>

0 comments

Twitter Widget Tools, Buttons, and Icons for Engaging your Followers

Posted by oldx3

Twitter is continuing to grow at a most overwhelming rate. As more and more people use twitter...be sure to utilize these twitter resources on your blog or website as a tool to to expand and connect with your twitter community.

Widgets and buttons are a great way to grab your readers attention and hence increase your twitter community. Below you will find links to different sites where you can attain the source code for these widgets and icons. Please enjoy thoroughly!

Twitter Widgets

ReTweet Button

A powerful twitter widget which allows your readers to easily share your blog posts. The button also displays a live count of the amount of times the post has been tweeted! ReTweet allows you to choose from two different sizes of buttons.

TweetMeMe Button

This twitter widget is very similar to the ReTweet Button but is stylized with a green interface.

BackType TweetCount Widget

The widget also counts the number times a certain URL has been tweeted. The great thing about this counter is that you can fully customize it. Choose the background color, border color, text color, etc.

Twittley

Yet another twitter button which displays the number count of tweets in real-time.

TwitterCounter

This widget shows off how many people are following you on twitter. Surely, you'll be able to impress a few tweeters.

TwitterRemote

This widget shows which twitter users recently visited your blog or website.

TwitStamp

This badge displays your latest tweet with many different styles to choose from.

Chris' Original Twitter Badge

Chris has created a snazzy looking twitter badge which loads in no time.

TwitGif

Create a twitter badge for your blog which scrolls through your most recent tweets.

Twitt-Twoo

A WordPress Plugin which displays your twitter status.

Twitter Tag

Here is an automatic updating twitter image for your website or blog.

TwitSig Badge

This twitter image updates with your latest tweet by creating a new image every time you update your status. With this in mind, the twitter badge shouldn't take too much time to load on your blog.

Official Twitter Profile Widget

This widget loops through your tweets and has a full range of customization options. The twitter widget allows you to choose the color scheme, dimensions, and whether or not to loop through your old tweets as well.

Add Twitter to MySpace

The MySpace Flash Widget integrates Twitter into your MySpace profile page.

Twitter Gadget for Blogger

Simply display your recent updates on twitter as a list with this gadget. Also featuring a "Follow me On Twitter" link at the bottom of the widget.

Go2Web20 Badge

A simple image which floats on the side of your blog and directs readers to your twitter page when clicked on. Choose whether or not to display "Follow Us", "Follow Me", "Follow", or "My Twitter" in the image. Most people choose the Follow Me on twitter widget instead of the follow us on twitter button because it sounds more personal. You may also customize whether or not to display the twitter widget on the left or right side of your webpage.

TweetSnap

TweetSnap creates an image for your twitter account which will always display your latest tweet.

TwitterSticker

Another website which creates an image of your latest tweet. TweetSticker allows you to customize the font color, font size, text padding, and text wrap.

Twitterati Badge

A unique twitter widget which displays your twitter friends. Click on one of your friends and you'll be directed to their actual website.

Twitter Buttons and Icons

225 Buttons from TwitButtons.com

TwitButtons allows you to easily copy and paste their button code into your site.

80 Buttons from TwitterButtons.com

Make sure to click "More Twitter Buttons" at the bottom of their site to see the full collection.

Cute Twitter Bird by The Design SuperHero

3 Variations of the Twitter Bird with 5 different Resolutions.

Twitter Bird by WeFunction

3 more adorable variations of the twitter bird.

The Social Bird Icon Set

20 Wonderfully original twitter icons by popular artists for your inspiration. These icons have been released by InspiredMagazaine.

TweetBird Icon

1 icon which comes in 512×512, 256×256, 128×128, 64×64 and 32×32 pixel sizes.

TweetaBird Icon Set

2 more cute icons by LittleBoxOfIdeas. Featuring a twitter bird cheerleaders and a queen twitter bird.

Twitter Icon Promo Pack

53 Twitter Icons by WebTreats for you to grab and use on your site.

German Twitter Buttons by MTS

10 more twitter buttons for you to enjoy!

Twitter Graphics by Graphic Leftovers

16 twitter graphics in different shapes and forms; such as eggs,lightbulbs,bottle caps, and more.

Twitter Birds by Inaliblast

8 flying twitter bird icons.

Twitter Bird Icon Set by ProductiveDreams

6 High Quality transparent PNG twitter birds.

Free Tweet Tweet Vector Icon Set

1 Twitter bird with 4 differnet poses, created by ProductiveDreams as well.

Randa Clay Twitter Graphics

18 twitter buttons for gaining new followers.

Happy Birds by WebDesignFM

4 Happy go lucky twitter birds that will encourage both your faithful followers and potential followers.

Twitter Buttons by Blog Marketing Web

31 attractive buttons to enhance the twitter experience.

Is that Everything?

If there are any useful twitter resources that I've missed, please feel free to let us know by leaving a comment. Also, don't forget to subscribe because we'll be coming out with the The Best Twitter Apps and Tools in the near future... Stay Tuned!

0 comments

Best SEO Sites for Increased Traffic Tips

Posted by oldx3

As many of you know, Search Engines are the most substantial source of traffic for almost any blog on the web. The blogs without any traffic from Google will never have the chance to be shared with the world. In order to increase your traffic, you must optimize your blog so that Search Engines are attracted to it. Which is also known as SEO (Search Engine Optimization).
So here is a list of useful SEO sites where you can learn how to harness the power of google :

Courtney Tuttle
Join Courtney's Internet Marketing School and you will definitely gain vital knowledge when it comes to search engine optimization.

The Keyword Academy
This is personally my favorite SEO site run by Courtney Tuttle and Mark Butler. You'll learn more in one of their posts than you will in 50 of Darren Rowse's Posts.

Grizzly's Online Blog
He's got some great strategies for making an income online along with useful SEO tips.
Search Engine Land
Search Engine Land is a hub for news and information about search engine marketing, optimization and how search engines work for searchers.

Daily Blog Tips
Improve your blog with Daily Blog Tips. A fast paced blog featuring articles on blog design, SEO, promotion, monetization and more

Matt Cutts: Gadgets, Google, and SEO
talk about Google, SEO, and Gadgets. But mostly Google.

SEOmoz
Search Engine Marketing News & Tips

Search Engine Journal

Pronet Advertising
Pronet Advertising is a weblog about Neil Patel's personal experiences in online marketing.

Search Engine Guide
The small business guide to search engine marketing. Articles from the top names in the industry cover topics including SEO, PPC, SEM, blogging, social media, adsense, adwords, Google, Yahoo, MSN and Internet marketing.

Online Marketing Blog
All about the intersection of search engine & social media marketing

Marketing Pilgrim
Andy Beal discusses news from the search engine industry, blogging, rss and other internet marketing.

Search Engine Watch
Search Engine Watch provides news and tips about search engine marketing (SEM), search engine optimization (SEO), and searching the Web. We offer daily news & analysis of the search industry, including the latest on Google, Yahoo, Microsoft and Ask.

Get Elastic
Ecommerce articles on internet retail, online marketing, social media, SEO, and killer ecommerce tips from Elastic Path Software; Featuring the Get Elastic ecommerce podcast - conversations with ecommerce industry insiders.

Web Analytics World
Manoj Jasra's insight on Web Analytics and the Search Marketing Industry. Also including Interviews, Technology Reviews and Podcasts

BlogStorm
Search engine optimization & internet marketing blog

Small Business SEM
Small Business SEM by Matt McGee | SEO and Marketing Discussion for Small Businesses

SEO Scoop
SEO Scoop is a popular search engine optimization blog that focuses on SEO tips, theories and news.

Search Engine Roundtable
Search engine optimization news and resources

0 comments

15 Beautiful Google PageRank Display Button Widgets

Posted by oldx3

PageRanking of a website is a very important factor when it comes to Search Engine Optimization, Advertising, and most importantly, trustability. So these handy little widgets will help build a great reputation for your website by openly sharing your PageRank with your readers.

The widgets display the PageRank of the current page being viewed.
You're bound to find at least one that matches your website, of the selection below.

How to Implement the Widgets?
Simply click the "add to blogger" button if you're blog is powered by google blogger. If not, copy and paste the code into your webpage. Simply click on the code and it will highlight automatically. Make sure the code is placed between the two body tags of your template. If you have any questions regarding installation, please feel free to comment below!

0 comments

Social Bookmarking Widget

Posted by oldx3

Sociofluid as Blogger Widget

Sociofluid can be embedded in blogger sites. To install the blogger widget follow the instructions:

Go to sociofluid page and preview the widget:
If you are not happy with it customize it, scroll down at the end of the page and press
generate widget button:
Preview the widget on top of the page and if you like it Click on 'Add to Blogger':
You'll be directed to your blogger page "Import Page Element". Click Add Widget.