A brief Introduction with Microsoft Keywords Research

A brief introduction of the tools in this category is provided below. You can explore more by clicking on each individual tool.

Entity Association Graph
 This tool provides a graphic view of the associations between entities by mining the co-occurrences of entities in search queries or search sessions. Such associations will be useful when creating query suggestions or analyzing user search patterns.

Keyword Group Detection
 Based on keywords that a user enters, this tool helps to find the groups of words from the pool of online queries that are related or similar to the keywords entered by the user. This keyword research tool also detects common misspellings of keywords entered, which can help merchants to include commonly misspelled keywords when bidding for lists of keywords.

Keyword Mutation Detection
 This tool displays common misspellings or alternative spellings of keywords that a user enters that are frequently found in search query logs. The process of finding mutations is based on the technology found in keyword group detection.

Keyword Forecast
 This tool forecasts the impression count and predicts demographic distributions of keywords. Before launching your SEO or SEM campaign, get forecasts of search volume and demographic predictions for your selected keywords.

Search Funnels
 Customers often perform searches by typing related keywords in specific sequences. This tool helps in visualizing and analyzing the customers' search sequences. For example, you can learn how many people search for BMW and then search for Mercedes Benz, Audi, and other automobiles.

READ MORE - A brief Introduction with Microsoft Keywords Research

A brief Introduction with Microsoft Keywords Research

A brief introduction of the tools in this category is provided below. You can explore more by clicking on each individual tool.

Entity Association Graph
 This tool provides a graphic view of the associations between entities by mining the co-occurrences of entities in search queries or search sessions. Such associations will be useful when creating query suggestions or analyzing user search patterns.

Keyword Group Detection
 Based on keywords that a user enters, this tool helps to find the groups of words from the pool of online queries that are related or similar to the keywords entered by the user. This keyword research tool also detects common misspellings of keywords entered, which can help merchants to include commonly misspelled keywords when bidding for lists of keywords.

Keyword Mutation Detection
 This tool displays common misspellings or alternative spellings of keywords that a user enters that are frequently found in search query logs. The process of finding mutations is based on the technology found in keyword group detection.

Keyword Forecast
 This tool forecasts the impression count and predicts demographic distributions of keywords. Before launching your SEO or SEM campaign, get forecasts of search volume and demographic predictions for your selected keywords.

Search Funnels
 Customers often perform searches by typing related keywords in specific sequences. This tool helps in visualizing and analyzing the customers' search sequences. For example, you can learn how many people search for BMW and then search for Mercedes Benz, Audi, and other automobiles.

READ MORE - A brief Introduction with Microsoft Keywords Research

Keywords Research Resources

Where do we get all of this knowledge about keyword demand and keyword referrals? From research sources like these listed here:
Google Adwords’ Keyword Estimator
Google Insights for Search
Google Trends Keyword Demand Prediction
Microsoft AdCenter Keyword Forecasting
Wordtracker’s Free Basic Keyword Demand

We can see that Google is predicting both the cost of running campaigns for these terms as well as estimates of the number of clicks a campaign might receive. You can use these latter numbers (under the "estimated clicks/day" column) to get a rough idea of how popular a particular keyword or phrase is in comparison to another. The green, horizontal bar in the "search volume" column can also help to show comparative estimates of demand.

Other, less popular sources for keyword information exist, as do tools with more advanced data, and these are covered excellently in the Professional's Guide to Keyword Research, which will teach you how to do keyword research.

READ MORE - Keywords Research Resources

Understanding Long Tail Keywords Demand

It's wonderful to deal with keywords that have 5,000 searches a day, or even 500 searches a day, but in reality, these "popular" search terms actually make up less than 30% of the overall searches performed on the web. The remaining 70% lie in what's commonly called the "long tail" of search. The long tail contains hundreds of millions of unique searches that might be conducted a few times in any given day (or even only once, ever!), but, when taken together, they comprise the majority of the world's demand for information through search engines.

Understanding the search demand curve is critical, because it stresses the importance of "long-tail" targeted content - pages with information not directed at any particular single, popular query, but rather simply exposing the myriad of human thought, research, and opinion to the spiders of the search engines. As an example, to the right we've included a sample keyword demand curve, illustrating the small number of queries sending larger amounts of traffic alongside the plethora of rarely-searched terms and phrases that bring the bulk of our search referrals.

READ MORE - Understanding Long Tail Keywords Demand

Basic Keywords Research

Keyword research is one of the most important, valuable, and high return activities in the search marketing field. Through the detective work of puzzling out your market's keyword demand, you not only learn which terms and phrases to target with SEO, but also learn more about your customers as a whole. The usefulness of this intelligence cannot be overstated - with keyword research you can predict shifts in demand, respond to changing market conditions, and produce the products, services, and content that web searchers are already actively seeking. In the history of marketing, there has never been such a low barrier to entry in understanding the motivations of consumers in virtually every niche - not taking advantage is practically criminal.

 Every search phrase that's typed into an engine is recorded in one way or another, and keyword research tools like those described below allow us to retrieve this information. However, those tools cannot show us (directly) how valuable or important it might be to rank for and receive traffic from those searches. To understand the value of a keyword, we need to research further, make some hypotheses, test, and iterate - the classic web marketing formula.

Ask yourself

Is the keyword relevant to the content your website offers? Will searchers who find your site through this term find the likely answer to their implied question(s)? And will this traffic result in financial rewards (or other organizational goals) directly or indirectly? If the answer to all of these questions is a clear "Yes!", proceed...
Search for the term/phrase in the major engines

Are there search advertisements running along the top and right-hand side of the organic results? Typically, many search ads means a high value keyword, and multiple search ads above the organic results often means a highly lucrative and directly conversion-prone keyword.
Buy a sample campaign for the keyword at Google AdWords and/or Bing Adcenter

In Google Adwords, choose "exact match" and point the traffic to the most relevant page on your website. Measure the traffic to your site, and track impressions and conversion rate over the course of at least 2-300 clicks (this may take only a day or two with highly trafficked terms, or several weeks with keywords in lesser demand).
Using the data you’ve collected, make an educated guess about the value of a single visitor to your site with the given search term or phrase.

For example, if, in the past 24 hours, your search ad has generated 5,000 impressions, of which 100 visitors have come to your site and 3 have converted for total profit (not revenue!) of $300, then a single visitor for that keyword is worth approx. $3 to your business. Those 5,000 impressions in 24 hours could probably generate a click-through rate of between 30-40% with a #1 ranking (see the leaked AOL data mining for more on potential click-through-rates), which would mean 1500-2000 visits per day, at $3 each, or ~$1.75 million dollars per year. No wonder businesses love search marketing!

READ MORE - Basic Keywords Research

Playing with BLOCKQUOTE and CSS : Dressing up Your Quatations

Using the blockquote tag can result in really boring looking quotations. After all, the standard format for blockquoted text is to be indented on the right and left about 40px. That's it. But with CSS we can do better. We can create blockquoted text that pops from your Web page and makes your quotes a useful design element, and not just more indented text.

Add a Border

A simple way to improve blockquoted text is to add a border around it. This tells your readers that they are looking at something special. For example, this CSS will put a 2 pixel wide black border around all blockquotes in a document:

blockquote { border : 2px solid #000; }

And as with any CSS border, you can make it dotted or dashed, make it wide or narrow, and change the color to make it match your page.

Blockquote Widths

But don't just stop with the border, the width of a blockquote can be defined with CSS. If you don't define it, the browser will define it, and that can result in a blockquote that takes up your entire screen. It's a good idea to define the width of your quotations, and this style call will define all blockquotes as 200px wide:

blockquote { width: 200px; }

Aligning Your Blockquotes

Once you have a narrower blockquote, you'll want your other text to wrap around it and move up to it without crowding. This style sheet will define all blockquotes as 200 pixels wide, and floating on the right, so all text will flow around them to the left:

blockquote { width: 200px; float: right; }

But you'll also want to play with the margins and padding on your quotations if you're going to float them in the page so that there is not an excess of whitespace near your quotations:

blockquote { width: 200px; float: right; margin: 0px; padding: 10px; }

Blockquote Backgrounds

One of the easiest ways to get your quotations to stand out is to change the color of the background. Now, with CSS you can use an image as a background or you can simply change the color. Sometimes changing the color is all that is required to bring attention to your blockquote:

blockquote { background-color: #ccc; }

Add in Quotes to Your Blockquote

If you're using blockquote as it's supposed to be used, then you may need quotations to precede and follow the quotation. And with CSS2 you can do this (try this out in an XHTML compliant browser, like Mozilla or Firefox):

blockquote { quotes: "\201C" "\201D"; } blockquote:before { content: open-quote; font-weight: bold; } blockquote:after { content: close-quote; font-weight: bold; }

Putting it All Together

And here's what your entire completed style sheet looks like:

blockquote {
border : 2px solid #000;
width: 200px;
float: right;
margin: 0px;
padding: 10px;
background-color: #ccc;
quotes: "\201C" "\201D";
}
blockquote:before { content: open-quote; font-weight: bold; }
blockquote:after { content: close-quote; font-weight: bold; }
READ MORE - Playing with BLOCKQUOTE and CSS : Dressing up Your Quatations

Taking Your Blog on the Road

Me: “Oh, hey! How’s it going? Haven’t seen you in a while.”

Blogsolid: “Hmph.”

Me: “You look great. Have you lost weight? Wait, don’t tell me… It’s your header?”

Blogsolid: “Nice try. It’s the exact same random header I had before you left on your little holiday.”

Me: “Ohhh, I see – you’re upset that I left you here all alone?”

Blogsolid: “Without so much as a guest blogger! Why did you not invite me to go along?”

Me: “Don’t be silly, bloggers don’t take their blogs on holiday.”

Blogsolid: “Oh yeah? ALL the cool blogs are travelling. Scott Hansen just took his blog to Tokio, Bangkok and Amsterdam!”

Me: “That’s redicu… What? He did?”

So… Should you take your blog on the road?

In recent a thought-provoking article about boosting your creative process, Brian Clark of Copyblogger says this in favour of travelling:

One of the worst things we do to ourselves in terms of creativity is to stay within the realm of the familiar.

So, you want to take your readers on the journey with you, but you don’t own a laptop. What to do? In an article called 3+4 Tips for the Travelling Blogger, Daily Blog Tips shares some interesting advice:

Don’t be afraid to use pen and paper. You may or may not have access to a computer on your trip. As it turns out, though, it’s possible to manually etch your writing onto paper with a stylus. I know it sounds crazy, but it actually works.

It may surprise you that Problogger’s Darren Rowse advises that despite the advantages of taking your blog on vacation, it is not good for a holiday – you’ll never rest! In another Problogger articlehe JD Roth reported on how a little planning in advance allowed his blog to flourish while he was away on holiday.

It really boils down to 3 options:

  1. Go on vacation and just try forget about your blog for a while like me. (I do not endorse this idea!)
  2. Make blogging a part of your holiday and take your readers on your travels like Scott.
  3. Do thorough planning in advance to keep your blog rocking in your absence like Darren JD.

So, what do you think? Is there room in your travel bag to take your blog on the road with you?

READ MORE - Taking Your Blog on the Road

31 Minutes To Building A Better Blog

Darren Rowse of ProBlogger.net is running a campaign called 31 Days to Building a Better Blog. The idea is that bloggers are challenged to participate in a practical blogging tip every day of August. By the end of of the month you are bound to have a much better blog!

*Update (16 August 2007) Just to clarify, the rest of this entry is my attempt at some humour, so take it with a pinch of salt! For some tongue-in-cheek blogging advice, read on…

I think that ProBlogger’s campaign is a great idea, yet the title hints at a small dilemma – it takes a whole month. Thirty one days. Seven hundred and forty four hours. Forty four thousand six hundred and forty minutes!

Now, you see, the problem is that I am lazy and and I know you are too.

never even considered replacing an empty loo roll. Never.

We are the sort of people who climb over those ribbon-barriers in the bank instead of walking the zigzag. We park on the sidewalk, use the elevator and have never even considered replacing an empty loo roll. Never.

So, to make life a little easier, I have decided to save us all some time by compiling a minute-by-minute schedule for building a better blog in just over half an hour.

Make sure you have an ample supply of beverages at your disposal. Set your stopwatch, you wouldn’t want to overwork yourself now.

Here goes:

  1. Hydrate. Grab a delicious beverage of your choice. This will reveal a lot about who you really are and inspire you to blog from the heart. Remember, if you are over 18 you may be downing a cold one, but this could affect your judgment during the remaining 30 minutes…
  2. Check your RSS Feeds for some fresh inspiration. “Inspiration” is such a long word, so you can call it “inspo” if you like.
  3. Open all RSS links in your browser until each tab is only about 20 pixels wide. Since we all have different ideas about what constitutes “interesting links”, make sure the last tab is BBC News or the likes, so you can quickly switch to that and avoid suspicion if your boss/spouse/mom walks by.
  4. Log in to your blog and create a new entry.
  5. Come up with a good title for your new post. Make sure it contains some of the following words: Lindsay, Lohan, Nude, Pictures, Harry, Potter, iPhone, Simpsons or Pimpmobile. This is purely for SEO (search engine optimisation) purposes.
  6. You’re probably getting thirsty by now. Dehydration is a real risk for devoted bloggers, so feel free to grab another beverage.
  7. Start off your entry by explaining how busy you have been lately and why your readers should understand your lack of recent updates.
  8. If you want to look professional, a good idea is to find a suitable quote for the intro.
  9. At this point, you will need some tunes, so launch your media player of choice and crank it up. I would suggest something classical.Blink182 – Enema of the State would be a safe choice as it comes to about 35 minutes in total.
  10. Flick through all those web pages you opened and copy the links to your blog entry.
  11. Make sure you have an overwhelming list of links. People will love this, because instead of them having to surf the web for cool stuff, they can just link to your blog. This is called linkbaiting.
  12. Write a short outro for your new blog entry. Make a clever comment or two. It is always a good idea to place a question mark right at the end. This will trick visitors into commenting on your blog. The more comments you have, the better your blog will look.
  13. Hydrate. Don’t fight the feeling, I know you’re ready for another beverage. You can call it a “bevvie” if you like.
  14. Ok, we’re about half way now and we have been doing some serious hydrating, so you might want to take a quick toilet break. Don’t be tempted to replace the toilet roll, this will only waste precious blogging time.
  15. Read over your new blog entry. Ok, who are we kidding, just scan it.
  16. Publish it. Get that sucker online, don’t waste time!
  17. While waiting for the readers to come flooding, stretch your legs a little. If you are enjoying the music, why not take this opportunity to turn up the volume.
  18. Check your Google Analytics. Nothing yet? Well, it has only been 2 minutes.
  19. Send an email to your mom, reminding her to check your blog. Don’t forget to CC all contacts in your address book.
  20. Check Google Analytics again… just in case, you know?
  21. While you’re at it, it may be worth doubling the amount of ads on your blog. This post is probably going to be your big break in the blogosphere, so don’t compromise, monetize!
  22. Try creating some extra space for ads by going through your blogroll and deleting some of your friends.
  23. Thirsty? Of course you are. Grab a bevvie.
  24. Take a look at your blog online. Admire it for a while. Click all the links.
  25. Check Google Analytics. Hey, 1 visitor! Cool! Oh, wait, that was you…
  26. Get your blog to look more hip and happening. Update the colour scheme. Word has it that pastels are the new black.
  27. Oh, wait a minute, you forgot to tag your entry with keywords. No wonder nobody has found it. Quick, re-open the entry and edit it. Check step 5 for some ideas for tag keywords.
  28. Publish it. Again.
  29. Don’t forget to submit your new blog entry to DiggReddit anddel.icio.us.
  30. Log out.
  31. Time to relax. Put your feet up and enjoy another beverage. Blogging certainly takes it out of a person!

I’m sure there are some quick fixes that I haven’t thought of… Maybe 31 seconds to building a better blog?

READ MORE - 31 Minutes To Building A Better Blog

A Friend Rss Recomendation

Just for fun, I have decided to share my current collection of feeds with you. I have also loosely categorized them according to subject:

Blogging:

Blogs of my Countrymen

Design Inspiration:

Design Resources:

Personal Interest

Online Magazines

News

Web Development and Technology

Along with these sites I subscribe to the blogs of personal friends and of course my own blogs to keep an eye on things.

READ MORE - A Friend Rss Recomendation

Are Full Feeds Evil?

Good news everyone! Since Blogsolid launched in August, the number of RSS subscribers has steadily been growing. October has seen the subscribership pass the 200 mark. This is a humble achievement, but as we all know, growing your subscriber-base is important for any blog. Subscriber figures are an indication of how many (or few) loyal readers you have.

An interesting observation is that as the subscriber count for Blogsolid has been growing, visits to the site have been on the decline. During the past week, visitor numbers have been lower than subscriber numbers every day – on some quieter days up to 50% less! So what has caused this shift?

I believe that the answer lies in the fact that Blogsolid offers full feeds.

Blogs usually offer RSS feeds in one of three different ways:

  • Full Feeds
    Each article appears in its entirety.
  • Partial Feeds
    Only post titles appear. Sometimes these are accompanied by a short excerpt from the article.
  • Choice
    Offer both and let your readers decide which feed they prefer.

Full feeds vs. partial feeds has long been a popular discussion among bloggers. A recent poll by ProBlogger reveals that the overwhelming majority of participating bloggers support full feeds, yet in reading comments it is interesting to note that some people claim to prefer partial feeds.

Let’s take a quick look at some pros and cons of full feeds:

Good

  • Full feeds grow your subscriber base.
    • DailyBlogTips quotes Matt Cutts of Google saying full text RSS gets more loyal readers.
    • Darren Rowse of ProBlogger says:

      The debate over full versus partial feeds rages on but my own findings having made the switch to full feeds here at ProBlogger is that my subscriber numbers went up significantly in the weeks after giving my readers my full posts.

  • Full feeds are convenient to read on mobile devices.
  • TechDirt argues that Full feeds offer complete information that can be scanned, read and understood without having to “read more”.
  • This creates an opportunity for further reach since a reader may forward it to a friend or post it on a social network.
  • It is possible to monetise full feeds effectively through advertising.

Bad

  • Fewer visitors to your site. Subscribers can read your blog content in feed aggregators without ever visiting your website
  • Full feeds are susceptible to content scraping.
  • Although full feeds offer complete content, readers have to scan an entire article to see if they are interested in reading it instead of being offered a short excerpt summarising the post.
  • Full feeds can do some funny things to layout elements such as yourpictures and pullquotes.

As a designer, I have come to the conclusion that full feeds are the devil! Although content is king, I believe the design of a site is very important because it creates a visual context adding value to content. Content is robbed of the website’s context when read in a sterile black-on-white feedreader and so, runs the risk of losing value and impact.

So, where to from here? Two possibilities come to mind: switch to partial feeds and regain site visitors or keep the full feeds and grow the subscriber base…

READ MORE - Are Full Feeds Evil?

Five Benefits of FeedBurner

 

RSS is an essential technology for successful blogging. Since most of your regular readers will want to subscribe to your blog’s feed, it is a good idea to gain some knowledge about RSS and the value it offers. I assume your blog is equipped with at least one RSS feed, but do you use FeedBurner?

Owned by Google, FeedBurner is a free service offering tools to help you make the most of your feed. Here are five things I enjoy most about “burning” my feeds: 
FeedBurner flame icon

  1. Keep count of your subscribers
    I found it a little difficult to understand FeedBurner’s stats at first, but basically the number of individual subscribers to your feed is determinedper day. Naturally, not everyone accesses their feedreaders daily, so the number of subscribers fluctuates. Over time, FeedBurner calculates the average number of people who access your feed daily
    You are able to “burn” multiple feeds in one account on FeedBurner.
  2. Change the location of your feed without losing your subscribers
    I recently changed the URL of my RSS feed from http://blogsolid.com/ideas/feed to http://blogsolid.com/feed. My subscribers were none the wiser, since they are subscribed to the FeedBurner URL which remained constant athttp://feeds.feedburner.com/blogsolid.
  3. Browser Friendly
    Feedburner dresses up your raw XML and presents it in a neat, formatted and readable fashion.
  4. Feed Image Burner
    Of course, as a designer, this is my favourite feature – add your logo to the top of the feed!
  5. Email Subscriptions
    Offer your fans the opportunity to receive updates to your blog by e-mail. Once again FeedBurner allows you to dolly it up with your logo and choice of colours.
    I actually didn’t see this service at first as it is a little hidden on the site. You have to click on “Publicize” at the top, then “Email Subscriptions” is located in the sidebar.

Oh, apart from the functionality, I really enjoy the random dry humour on the FeedBurner site. The copywriters must have had the time of their lives. “My Feeds do the boogie woogie”. What, they do? Haha.

Know any FeedBurner tricks and tips? Please share your feedburning wisdom in the comments below.

 

READ MORE - Five Benefits of FeedBurner

Simple CSS Blockquotes and Pullquotes

A user-friendly blog layout encourages mere visitors to become readers, so maybe you want to spice things up a little… How about some sweet blockquotes and saucy pullquotes?

There is usually more than one way to skin a cat when it comes to CSS, but here’s my suggestion: 

Blockquotes

  • When to use blockquotes
    A blockquote is used when quoting text from another source, usually another blog or website. Blockquotes are intended to accommodate alarger amount of text, so as a rule of thumb, use blockquotes when you are quoting more than one or two sentences. Don’t forget to link back to the source.
  • Example
    In an article on Wisdump, J David Macor writes:

     

    Everyone knows to use block quotes as a way to highlight, well, a quote. And while this is a good technique to use, you should also try a pull quote every once in a while.

    As you can see, I went for the tried and tested over-sized quotation marks to give the blockquote some visual appeal.

  • Images
    You will need to create two images – the opening and closing quotation marks. What they look like is up to you!
  • The CSS
    .blockquote {
    background-image: url(images/open-quote.gif);
    background-repeat: no-repeat;
    background-position: left 5px;
    padding-left: 30px;
    font-style: italic;
    }
    .blockquote span {
    background-image: url(images/close-quote.gif);
    background-repeat: no-repeat;
    background-position: right bottom;
    display: block;
    padding-right: 30px;
    }
  • The HTML
    <blockquote><span>Everyone knows to use block quotes as a way to highlight, well, a quote. And while this is a good technique to use, you should also try a pull quote every once in a while.</span></blockquote>
    Note the span to accomodate the closing quotation marks.

Pullquotes

  • When to use pullquotes
    teasers intended to draw the attention of a viewerPullquotes are teasers intended to draw the attention of a viewer by giving a sneak preview of the content. They are quite common in magazines and newspapers and are usually short extracts from the article. Pullquotes are usually separated from the rest of the text by appearing in a bigger, or different font. They often contain surprising, interesting or important snippets, without giving too much away! A pullquote is a focal point on the page. Use them sparingly – more than one or two pullquotes per article, will defeat the purpose.
  • The problem…
    Unlike blockquotes, there is no HTML element for pullquotes. Since the text of a pullquote appears twice on the page (once in the article and once in the pullquote) you should try and distinguish between the two in your markup. I suggest using a heading element for the pullquote.
  • The CSS
    .pullquote {
    padding: 10px;
    float: right;
    width: 200px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 20px;
    border-top-width: 2px;
    border-bottom-width: 2px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #694e1c;
    border-bottom-color: #694e1c;
    font-size: 16px;
    text-align: center;
    line-height: 36px;
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
    font-weight: normal;
    }
  • The HTML
    <h4 class="pullquote">put the text for the pullquote here</h4>

The overall layout of the header, sidebar(s), navigation and footer is important for the success of any blog, but that’s not where it ends – don’t forget the layout of your text! A user-friendly content layout will engage visitors, encouraging them to read your blog.

Add your thoughts below!

READ MORE - Simple CSS Blockquotes and Pullquotes

Add a Cute Flying Twitter Bird To Your Blogs

flying-twitter-birdWith Twitter's worldwide popularity and with over 200 million users, generating 65 million tweets a day, it has become a must for every web master to use twitter sharing buttons and applications as much on his web as possible. This lets users to easily  tweet our blogs and websites which thereby generates traffic for us in return. Harish of way2blogginghas coded a beautiful cute twitter bird that flies from corner to corner of your web page as you scroll up or down. It has a follow melink as well as tweet link. It is compatible with all browsers.

I am sure you will love to see that bird flying.  So here goes the demo,

 

 

How To Add the Twitter Flying Bird To Blogger?

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

 

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

 

   5.  Replace MyBloggerTricks with your twitter account username.

    6.  Save your template and you are done!

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

 

source:

http://www.mybloggertricks.com/2011/05/add-cute-flying-twitter-bird-to-your.html

READ MORE - Add a Cute Flying Twitter Bird To Your Blogs

Stylized Page Navigation Widget For Blogger|Blogspot

Page-Navigation-Widget-for-BloggerAs mentioned in the download page of MBT Church Themethat it has a Page Navigation Widget that is an alternative to Recent Posts, Home and Older Posts links at the bottom of blogger hosted blogs. In order to add the stylized version of Page Navigation Widget created by Mohammad Rias to your MBT Church Theme, follow the steps below,


Page Navigation Widget For Blogger Hosted Blogs

  1. Log into your blogger account and go to Layout > Page Elements
  2. Then Click on Add a Gadget
  3. Amongst the Blogger Featured Widgets Choose HTML/JavaScript Widget

    html-javascript blogger widget

  4. Inside the HTML/JavaScript Widget  paste the code below,

    <style type="text/CSS">

    .showpageArea a { 
    text-decoration:underline; 

    .showpageNum a { 
    text-decoration:none; 
    border: 1px solid #7AA1C3; 
    margin:0 3px; 
    padding:3px; 

    .showpageNum a:hover { 
    border: 1px solid #7AA1C3; 
    background-color:#F6F6F6; 

    .showpagePoint { 
    color:#333; 
    text-decoration:none; 
    border: 1px solid #7AA1C3; 
    background: #F6F6F6; 
    margin:0 3px; 
    padding:3px; 

    .showpageOf { 
    text-decoration:none; 
    padding:3px; 
    margin: 0 3px 0 0; 

    .showpage a { 
    text-decoration:none; 
    border: 1px solid #7AA1C3; 
    padding:3px; 

    .showpage a:hover { 
    text-decoration:none; 

    .showpageNum a:link,.showpage a:link { 
    text-decoration:none; 
    color:#7AA1C3; 

    </style>

    <script type="text/JavaScript">

    function showpageCount(json) { 
    var thisUrl = location.href; 
    var htmlMap = new Array(); 
    var isFirstPage = thisUrl.substring(thisUrl.length-5,thisUrl.length)==".com/"; 
    var isLablePage = thisUrl.indexOf("/search/label/")!=-1; 
    var isPage = thisUrl.indexOf("/search?updated")!=-1; 
    var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : ""; 
    thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable; 
    var thisNum = 1; 
    var postNum=1; 
    var itemCount = 0; 
    var fFlag = 0; 
    var eFlag = 0; 
    var html= ''; 
    var upPageHtml =''; 
    var downPageHtml ='';

    var pageCount = 2; 
    var displayPageNum = 5; 
    var upPageWord = 'Previous'; 
    var downPageWord = 'Next';

    var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';

    for(var i=0, post; post = json.feed.entry[i]; i++) { 
    var timestamp = post.published.$t.substr(0,10); 
    var title = post.title.$t; 
    if(isLablePage){ 
    if(title!=''){ 
    if(post.category){ 
    for(var c=0, post_category; post_category = post.category[c]; c++) { 
    if(encodeURIComponent(post_category.term)==thisLable){ 
    if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){ 
    if(thisUrl.indexOf(timestamp)!=-1 ){ 
    thisNum = postNum; 
    }

    postNum++; 
    htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount; 



    }//end if(post.category){

    itemCount++; 
    }

    }else{ 
    if(title!=''){ 
    if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){ 
    if(thisUrl.indexOf(timestamp)!=-1 ){ 
    thisNum = postNum; 
    }

    if(title!='') postNum++; 
    htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount; 


    itemCount++; 

    }

    for(var p =0;p< htmlMap.length;p++){ 
    if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){ 
    if(fFlag ==0 && p == thisNum-2){ 
    if(thisNum==2){ 
    if(isLablePage){ 
    upPageHtml = labelHtml + upPageWord +'</a></span>'; 
    }else{ 
    upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>'; 

    }else{ 
    upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>'; 
    }

    fFlag++; 
    }

    if(p==(thisNum-1)){ 
    html += '<span class="showpagePoint">'+thisNum+'</span>'; 
    }else{ 
    if(p==0){ 
    if(isLablePage){ 
    html = labelHtml+'1</a></span>'; 
    }else{ 
    html += '<span class="showpageNum"><a href="/">1</a></span>'; 

    }else{ 
    html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +'</a></span>'; 

    }

    if(eFlag ==0 && p == thisNum){ 
    downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>'; 
    eFlag++; 

    }//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){ 
    }//end for(var p =0;p< htmlMap.length;p++){

    if(thisNum>1){ 
    if(!isLablePage){ 
    html = ''+upPageHtml+' '+html +' '; 
    }else{ 
    html = ''+upPageHtml+' '+html +' '; 

    }

    html = '<div class="showpageArea"><span style="COLOR: #000;" class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;

    if(thisNum<(postNum-1)){ 
    html += downPageHtml;

    }

    if(postNum==1) postNum++; 
    html += '</div>';

    if(isPage || isFirstPage || isLablePage){ 
    var pageArea = document.getElementsByName("pageArea"); 
    var blogPager = document.getElementById("blog-pager");

    if(postNum <= 2){ 
    html =''; 
    }

    for(var p =0;p< pageArea.length;p++){ 
    pageArea[p].innerHTML = html; 
    }

    if(pageArea&&pageArea.length>0){ 
    html =''; 
    }

    if(blogPager){ 
    blogPager.innerHTML = html; 

    }


    </script>

    <script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" ; type="text/javascript"></script>

  5. If you are using a domain other than .blogspot.com or .com, then kindly change  the bolded red text .com with your domain extension. For Example if your domain ends with .info or .biz than replace .com with .info or .biz . But if you are a BlogSpot user than leave the code unchanged.
  6. Once you have pasted the code inside the widget, simply drag your HTML/Javascript widget to the area just below your posts and drop it there, as shown in the picture below,

Page-Navigation-Widget-For- blogspot blogs

 

 

That’s All!

Hope you enjoyed it. Let me know if anything is unclear.

READ MORE - Stylized Page Navigation Widget For Blogger|Blogspot