Mobile Blogging from iPhone 4

My day starts normally in front of my computer to write for my blogs. And today while browsing an app on Apple App Store for my iPhone 4 it takes me on hitting a WordPress app for mobile blogging.

Luckily, it returns a free WordPress app but then when I start to set an account it returns an error that XML-RPC should be enabled. So how to enable the XML-RPC?

To enable XML-RPC you need to go through you WordPress dashboard, then hit Settings on left-bottom of the page, it will dynamically collapse then click Writing. When the page load, scroll down to bottom and tick the check box to enable XML-RPC. Don’t forget to Save the settings.

Remote Publishing

To post to WordPress from a desktop blogging client or remote website that uses the Atom Publishing Protocol or one of the XML-RPC publishing interfaces you must enable them below.

XML-RPC
XML-RPC Enable the WordPress, Movable Type, MetaWeblog and Blogger XML-RPC publishing protocols.

After that continue setting up the WordPress app on your iPhone, you’ll see now that it will continue now on loading your blog after filling in the necessary details.

You’ll be able to moderate comments, post blogs, manage multiple blog and monitor your blog’s traffic if your WordPress Jetpack plugins is properly setup.

Enjoy now mobile blogging anywhere and utilized the mobility of your mobile phones. Anyways, I’ll be looking on Android market if same apps is available for Android-based devices or if you already using it let us know on the comment line.

Connect to the internet fast using reliable wireless 3G routers and an 8GB HP computer.

read more

How to make an iFrame Amazon Banner to open in a new window

Nov 24, 10 Amazon.com

Most people like their affiliate links to open in a new window, because almost all Affiliate links take the user away from the current site they are visiting, to a new website, where they can make a purchase or place an order. Webmasters often look for ways to make their affiliate links and banners to open in a new window, so the user does not leave their site. As long as the site is open in a background tab in the browser, chances are the user will come back to browse more parts of the website.

Amazon.com

With Affiliate links, it is very easy to make the target page open in a new window as it only requires a bit of HTML code in the “href” tag, which indicates if the link is to open in the same window or a new window when clicked. The HTML code to open a link in a new window uses target=”_blank” attribute. The same code can be used to open clickable images in a new window. However, the code is different when it comes to banner ads and links using javaScript or iFrames, such as Google Adsense and Amazon banners.

If you want your Amazon banner to open in a new window, you will need a slightly different code because Amazon banners use iFrame code, which is different from simple HTML. The attribute target=”_blank” does not work with iFrames; instead, you will have to use <1=_new as part of the “src” section of the code. It should be added to the end of the link code just before the closing apostrophe. An example code taken from bloggertipsandtricks.com is given below:

Code for Amazon Banner opening in same window

<iframe src="
http://rcm.amazon.com/e/cm?t=applesorangespears-20&o=1&p=12&l=ur1&category=gift_certificates&banner=127JF9E4530CSFRCY4R2&f=ifr" width="300" height="250" scrolling="no" border="0" marginwidth="0" style="border:none;" frameborder="0"></iframe>

Code for Amazon Banner opening in new window

<iframe src="
http://rcm.amazon.com/e/cm?t=bloggerfordum-20&o=1&p=12&l=ur1&category=gift_certificates&banner=127JF9E4530CSFRCY4R2&f=ifr<1=_new" width="300" height="250" scrolling="no" border="0" marginwidth="0" style="border:none;" frameborder="0"></iframe>
If you already have Amazon banners on your site, you might want to try this out and change them to open in a new window.
Author Bio:
Richard Jacobs is a chief editor since early 2007, and he currently works for dwiduidefenselaw. A webiste that helps you to find the right DUI lawyer, you can search for a New Jersey DWI Lawyer online, anytime!
read more

How to align post Title in Blogger

Nov 24, 10 blogger_logo

blogger_logoIf you are working with WordPress, it can be very easy for you to make a custom template for your blog according to your needs. However, if your blog is on Blogger, customizing the template of your blog can be a bit tricky. Most content management systems allow the user to change the design to some extent, according to their needs. Blogger also allows you to do that, and this article discusses how you can align the Post Title to the left, centre or right. However, before you go about changing the code of your site, it is a good idea to take a full backup in case something goes wrong.

When you log in to your account, you will see an option to change the Design of your blog under Dashboard. The full path to changing the HTML code for your blog can be found at:
Dashborad >> Design >> Edit HTML
Once you follow the path, you will reach an HTML editor which will allow you to make changes to your template.
Aligning the Post Title to Center
If you want to center align the post title, you will need to search for .post h3 (You can do this quickly by using the shortcut keys ctrl + F)
The code will look something like this:

.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}
If you are familiar with CSS, you will understand this piece of code better. Now all you need to do is to define the text alignment:

.post h3 {
text-align:center;
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}
Aligning the Post Title to Left
To simply move the post title towards the left, use text-align:left; instead of text-align:center; in the code above.
Aligning the Post Title to Right
Similarly, to move the post title towards the right, use text-align:right; instead of text-align:center; in the code above.
You can also change the font size, font weight and other attributes such as the padding, margin, line height and color for your heading by editing values accordingly. However, please note that the code can vary from template to template.
Author Bio:
Richard Jacobs is a chief editor since early 2007, and he currently works for MyDUIattorney. A website that helps you to find the right DUI lawyer, you can search for a New Jersey DUI Lawyer or for Maryland DUI Attorney online, anytime!
read more

New Most Popular Posts Widget for Blogger

Nov 03, 10 New Most Popular Post_1
New Most Popular Post_1
Its been a while now since I run on the Design tab of my Blogger blogs, and yet, I was surprised when I hit the “Add a Gadget” link revealing a new “Popular post” widget and “Blog Stat” widget created by Blogger. Ooh, well, immediately I take on the shoes and try it by myself, first impression, this was much efficient and easy to use. Now let’s see on how can we add this cool stuff on your blog, follow after the break.

How to add most popular widget to your Blogger blog:
1. Log on into your Blogger account.
2. Go to Design tab–>Page Elements–>Add Gadget, then a pop-up window will appear.
3. From the pop-up window select “Popular Posts (New!)” widget by clicking the name link or the plus(+) sign on the right side.
4. Then the configuration tab will appear, where you can set up your widget’s Title, Most viewed, and post title with optional, summary, image thumbnails with number of possible post in display with maximum of 10.
5. Then, click the save button, and preview your blog.
New Most Popular Posts Widget for Blogger
I have been testing it recently versus my own Most Popular Post widget using Yahoo pipes, interestingly it was fast and efficient I can say, however, will see later if this will sustained its loading time when bulk of bloggers dip this widget on their blog.
I think the plus factor for this widget is the powerful “most viewed” system that will enable you to show the best topic for a week, a month and all time, this will come handy for your readers. The advantage also is the dynamic update it will come up to expose your trending topics.
One more thing is the added summary and thumbnail beside the title, this was really an A+ when it comes to luring readers to your interesting topics.
Now if you have already drop this widget on your blog, let us know what you think about it, and if you have troubled implementing this widget on your blog let us know, and yes, we’ll try our best to help you.
read more

How to Use Google Font Directory on Blogger

It’s a sweet escape from years stuck with same old fonts: Arial, Georgia, Verdana, Times New Roman as Google introduced their new service called the Google Font Directory together with Google Font API. Here we can forget the worries for web-safe fonts installed mostly on our computers, not to mention the SEO value in terms of rather using a website/blog banner but instead banner text.

“Web fonts” is a generic term that refers to the method of serving font files — the same type of files you have installed on your computer — to your website visitors so that you can guarantee they’ll have the appropriate type faces you want displayed on your web pages.

And to makes a clear and easy statement about the Google new “wonderful” service we’ve already implemented here in bloggergeeze, see our banner brought to you by Google Font Directory’s Reenie Beanie font face. On this post we’ll be discussing on how you can implement Google Font API on Blogger blogs. And sure you can do it, beginner or pro’s here’s is how.

On the Google Font Directory:
1. First go to Google Font Directory previewer, just go here.
2. Select the drop-down to select you’re desired font, the sample text will show how it will look likes (with 2 seconds delay, just wait), then accordingly you can play with other font features like the variant, size, shadow, transform, decoration and spacing.
3. After that you figure out how do you want the font to appear, you can also clear the sample text and put your free form text, i.e. BloggerGeeze.
4. Now you’re done with Google Font process, but don’t close it yet note of the generated source code below the screen we’ll now embed it on Blogger source code.

On Google Blogger HTML Editor:
1. First log on to your Blogger account.

2. Go to Design–>Edit HTML.

3. Now search for this code:
<b:skin><![CDATA[/*

4. Just before that paste the generated code link to the CSS:

Note that you may encounter some error here, because of the missing termination, just put a slash(/), see implementation below.


<!-- link for google font -->
<link href='//fonts.googleapis.com/css?family=Reenie+Beanie:regular' rel='stylesheet' type='text/css'/>

<b:skin><![CDATA[/*

5. Now search for the #header h1 { tag which normally used for the header title, then paste on it’s attributes, or may depends, (be warned that you should not clear all it’s CSS attributes, clear just the font formatting). 
See the implementation to BloggerGeeze.


#header h1 {
color: #70a600;
margin: 0;
padding: 15px 0 0 60px;
font-family: 'Reenie Beanie', serif;
font-size: 60px;
font-style: normal;
font-weight: 500;
text-shadow: 2px 2px 2px #000;
text-decoration: none;
text-transform: none;
letter-spacing: -0.05em;
word-spacing: -0.016em;
line-height: 0.9em;
}

6. Now save the template and preview it. You can still play for some adjustment on the coding like we did, with text-shadow and font-weight for example.

Testing bloggergeeze’s implementation on Chrome, Firefox, IE 8, and Opera, only IE 8 removed the applied shadow on the text while the rest shows the shadow effect.

Meanwhile, just let me know if you’ll be having any problem implementing it just drop a comment or contact me. If you can too, follow us on facebook and twitter, much appreciated if you can share this article.

read more

Google Buzz it Button for Blogger and WordPress Blogs [Updated]

Google Buzz, I know you’ve already heard about that or obviously when you’re using Gmail then I know you’re now familiar with the new social media service by the internet giant Google. For me it seems to be an integrated FriendFeed and Twitter lying on your Gmail account. I’ve been using the new service since it was release and yes I find it useful somehow since I’m using Gmail as my main e-mail account plus the fact that I’m maintaining few blogs. Truly it’s another way of exposing your blogs to social media.

In this post, we will be discussing the way we can incorporate an easy-click button to feed users Google Buzz stream with any article they like to buzz to their subscribers. This idea is what mostly we can see working on retweet or Digg buttons.

I’ll be presenting ways mainly for Blogger and WordPress blogging platform. Here are the easy steps to follow.

For Blogger blogs follow these steps:

1. Log on to your Blogger account.

2. Go to Layout–> Edit HTML–>then tick Expand Widget Templates.

3. Search for this code:
<div class='post-footer-line post-footer-line-3'/>
4. When you find the line of code above, immediately paste this code below:
<a expr:href='"http://www.google.com/reader/link?url=" + data:post.url + "&amp;title=" + data:post.title'> <img src="http://img502.imageshack.us/img502/3048/buzzthis.png" align="right" /></a>
5. Save your template. Then view your blog and try if you can “Buzz it” one of your post.

6. To test if your article was publish on your Google Buzz, Log on to Gmail and see the Buzz tab. You should see the link published.

For WordPress simply use Single.php and add the following code below. I prefer adding the code rather than using another plug-ins to support these add-ons. Another plug-ins can contribute on loading stress.

<a href="http://www.google.com/reader/link?url=<?php the_permalink ();?>&srcURL=<?php bloginfo ( ‘url’);?>&srcTitle=<?php the_title();?>&title=<?php the_title();?>"><img src="http://img502.imageshack.us/img502/3048/buzzthis.png" align="right" /></a>

Please let me know if you have any problem implementing the Buzz it button as always you can always reach me via the comment or contact form.

Update:
You can also check out this new Google Buzz button with counter by going here.

Update:
I have just implemented a new Google Buzz Button with counter on my sites like TechGeeze.com, AutoGeeze.com and here, see? Isn’t that more attractive and professional, for Blogger platform just copy and paste the code below, this as-is the code I have used.

<a title="Post on Google Buzz" class="google-buzz-button" expr:href='&quot;http://www.google.com/buzz/post?url=&quot; + data:post.url' data-button-style="small-count"></a>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>

read more

Best Blogger Widgets/Add-ons you should install on your blog

If you’re starting a blog with Blogger platform definitely you don’t have an idea on what gadgets or widgets you should install on your blog. This post will discuss on what add-ons you should put on your blog that would be necessary (most needed) to boosts your blog’s professional appeal and readerships.
1. Blog Archive Widget
I believe this is one of the most important widget you should on your blog. The widget will told your readers how long you have been on the business –sharing your experience along with the contents you’ve published. It is also a time keeper on how actively you’re blogging. On Blogger, this add-ons is automatically added on templates and available on Blogger’s repository of gadgets when you go, Layout–>Add a Gadget.
Another important widget that you should mount on your blog is the Labels or tags widget since it will categorized your posts. Right now there is a gadget available on the Blogger repository that will allow you in list and cloud display labels. However you can also have choices like 3D-rotating flash labels and the table-row-column display labels/tags widget.
It is also appropriate that you display your recently posted articles so your readers will have an easy posts navigation. If you will think that this will be redundant as the archive widget, I guess no or may depends on how you lists your archive post, either by collapsible, by month, by year or drop down. Otherwise, this should be included on your page to add easy-access contents. Here is the tutorial on how you can add the recent post widget via Blogger Feed gadget.
If you want to maintain a healthy readership, I believe you should install this widget too, the recent comments widget can be done by using the feed gadget available on blogger. You can follow this Recent Comments Widget tutorial.
Definitely I must say this is one of the widget I have implemented which I really love, but unfortunately a bit technical to install. If you can follow the Most Popular Posts with number of comments widget tutorial then I know you can have this widget. See it on the sidebar.
6. Community Readers Widget
I believe another thing if you’re building readership community you should grab any widget from MyBlogLog, BlogCatalog, Twitter, Facebook and simply don’t forget the Google Friend Connect. This are important since members will be like subscribed to your updates which is converted into regular traffic later on.
7. Ads Widget
The Ads widget probably the Adsense gadget if you’re on blogger. Definitely needed if you have gain enough traffic and readership it will help you compensate your blogging and later on move into custom domain or hosting. If you are gifted or just technically a internet savvy then you can make blogging your living. I have known few including myself who have made decent amounts through sharing this idea in the digital way.
Let me share you my experience, I have learned that if you will blog for money mainly few months or weeks I know you’ll quit. The reason is you should love what you’re doing, you have the knowledge and interest on your topic, and you’re willing to learn more. Another key is patience and looking for long term goals, you can’t succeed in overnight blogging and cheating. Hope this article will helps you in building your very own blog.
read more

How to List Tags/Labels in Column/Row Display on Blogger

Do you have a problem that you’re Label or Tag for posts has been over populated and therefore appearing to be a super long list on your blog. And thought that the “cloud-view” or “3D interactive-flash” tag widget isn’t looks great at your layout and mostly you want only the simple looking table like in row/column list. In this post we will be discussing on how you can list your blog’s label or tags in a table-like row/column display.

Mainly, this trick will contribute on a more organized and professionally looking labels/tags display on your blog. I have already implemented this on my other blogs TechGeeze.com and AutoGeeze.com and works really great you may head on and check it out.

Here are the steps on how you can lists your labels/tags by column/row:

1. Log on your Blogger account go to Layout–>Edit HTML.
2. Check what is the width of your sidebar just by searching “sidebar” then find the attributes “width”.
3. After you find it, divide it into your specified column (for example I’ll be using 3). Now you must consider the length of your labels/tags on this.
4. Now find the Label widget, search for this block of code: “type=’Label'” then note for the “id=Label#”.
5. Then search for the code: ]]></b:skin>
6.Immediately before that paste this code below:

#Label1 {
font-size: 11px;
list-style: none;
background: none;
border: none;
}

#Label1 ul {
float: right;
width: 369px;
margin: 0;
padding: 0px 5px 0px 5px;
list-style: none;
background: none;
border: none;
}

#Label1 li {
float: left;
width: 120px;
margin: 0;
padding: 0;
list-style: none;
background: none;
border: none;
}

7. The #Label1 is the id we note at step 4 and the width we note at step 2-3. This is very important so you for the CSS to take effect.
8. I have also avoid all possible design on the list design including bullets, background and border. You can always customized it by yourself if you want.
9. Now save and view your template.

Tips:
You can modify the Label widget for it not to show the number of posts under that label. Like I implemented at Autogeeze.com. You can do it by commenting or deleting the code below. You can find it by ticking first the “Expand Widget Template” at then search for this code block:
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/></span>
</b:if>

Hopefully this works for you, always let me know if you have any questions or problem implementing this tutorial by dropping me a message on the contact or comment form.

read more

Social Networking and Bookmarking site’s buttons that you should install on your blogs

AddThis Bookmarking buttons
The social media has been promising on advertising and marketing through out all corners of the internet. It has been one of the most effective way to take out your products or services in every corners of the world. There’s a saying “that’s internet”, this is where you can discover almost everything. Rumors, news, celebrities, politics and technology comes together. Mainly the way of spreading is viral, where with a single click can take it to millions of eyes around the world, where it will passed from one viewer to another. This is what some bookmarking sites is capable of, therefore in this post we will be discussing what are the appropriate bookmarking buttons you should incorporate in your blog to make an easier access to share your content.
There are several social bookmarking sites that has notably impact readers of the internet, Digg, StumbleUpon, Reddit along with Twitter and Facebook that formally known a social networking and micro-blogging sites but ultimately joins the circulation like a bookmarking sites should be.
In this purpose we see furious act for bookmarking sites to put an ease to its users on how they can have contents in a single click. Accordingly putting an interactive and easy to use buttons for websites or blogging platforms is their simplest way. In return, the sites that will put this buttons sometimes gets readers and more or less traffics from the social bookmarking and networking sites.
As a blogger you may ask now what buttons should I put on my blog? If you will visit few of my blogs like TechGeeze.com or AutoGeeze.com you will notice almost the same bookmarking and networking sites share buttons are installed. But you can limit your options to that as always you can modify to accommodate your needs.

Here the few buttons you can install on your blogs.

AddThis Bookmarking and Share Button

You can opt registration for an AddThis button for your website, Blogger, WordPress and MySpace but you will lose the ability to track the sharing activity but for me it’s not that important. Let’s take the Blogger platform as an example for installation.

1. Log on to your Blogger Account.
2. Go to Layout–>Edit HTML–>Expand Widget Templates.
3. Find this code block:
<p><data:post.body/></p>
<div style='clear: both;'/>

4. The just after this paste this code block immediately.
<!-- AddThis Button BEGIN -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='addthis_toolbox addthis_default_style' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'><a href='http://www.addthis.com/bookmark.php?v=250&amp;username=xa-4bbbe94976f34d07' class='addthis_button_compact'>Share</a>
<span class='addthis_separator'>|</span>
<a class='addthis_button_myspace'></a>
<a class='addthis_button_google'></a>
<a class='addthis_button_twitter'></a>
<a class='addthis_button_digg'/>
<a class='addthis_button_stumbleupon'/>
<a class='addthis_button_reddit'/>
<a class='addthis_button_fark'/>
<a class='addthis_button_mixx'/>
<a class='addthis_button_propeller'/>
<a class='addthis_button_delicious'/>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4bbbe94976f34d07"></script></b:if>
<!-- AddThis Button END -->

5. Save template.
6. You will notice that I have chosen the button with external icons this will create an easy access for your readers. I have also selected few bookmarking sites that I know has massive active users nowadays.

Note: If you will install this, the button will only appear on each post rather than you will see it appear for all posts on the homepage. We just noticed that there is a great difference of loading time if you will loop multiple buttons at once. You can further modify the icons that would appear, learn more here.
You will noticed that I don’t put the Facebook, Twitter and Google Buzz icon on the Addthis button this to make sure nothing is redundant since we will be putting separate buttons for them.

Google Buzz Button
You can jump to its installation tutorial: Google Buzz it Button for Blogger and WordPress Blogs.

ReTweet Button – TweetMeme Chicklet with Counter
You can check out this two tutorials to install the buttons to your Blogger blogs.
1. Integrating the button into Blogger
2. Adding ReTweet button as Blogger Gadget

Facebook Share Button
You can follow the steps on how we install the Addthis button above and simply copy this code, it will show the Facebook share button with counter.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
</b:if>

You can also follow how to install the Facebook share button here for further customization.

Hopefully this tutorial helps you. Just let me know if you have any questions or problems ahead, just drop me a mail or comment. Can I request for a fbshare, retweet, digg, stumble, and reddit up now?

read more

How to Make Blogger Blog Do-Follow

How to Make Blogger Blog Do-Follow

The web are getting wiser and wiser that equates directly to harder ranking and mostly failure to gain web utilization including traffics and readers. Search Engine Optimization (SEO) are moving in the way it is not used to be, internet marketeer are lured in some illegal ways just to have the traffic they wanted. So in this post we would be discussing on how we can turn our Blogger blogs to support the Do-Follow movement.  

Only precautions about turning your blog to support do-follow is it will attract some spammy comments but you can moderate it by changing some settings and publishing a comment guideline, i.e. the comment guideline just above the comment form of Bloggergeeze.

Here are the few simple steps to turn you Blogger blog to support comment do-follow:

1. Log on to your Blogger account.
2. Go to Layout–>Edit HTML–>Expand Widget Templates.
3. Search for this code block:
<b:if cond='data:comment.authorUrl'>
<strong><a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a></strong>
<b:else/>
<strong><data:comment.author/></strong>
</b:if>

4. Remove by deleting the rel='nofollow'.
5. Save template.

Now your blog support do-follow just let your readers know about it, the good idea is by including it on the comment form, your can go and copy this as a template comment rules:

BloggerGeeze.com is a post/comment Do-Follow weblog, in return to your great comments you can insert your link on your COMMENT NAME, I suggest that you use Comment as: Name/URL with your targeted keywords and URL. You can also join the SEO do-follow list.

RULES:
1.) Kindly avoid promotional/non-sense/unrelated comments this can be reason for deletion of your comments.

2.) Avoid telling “nice post”/”thanks for sharing”, kind like that. Kindly just read the post and tell something about it. Telling some facts/rumors or other info related to the post is well appreciated.

3.) Comments don’t follow the rules will be deleted.

Just change the name of the blog above then go to Blogger Settings–>Comments then scroll down to “Comment Form Message” and paste your comment rules. If you wan to include a link you can do some HTML with it. 
How to Make Blogger Blog Do-Follow

Just let me know if you have any problem encountered during you implementation of this tutorial, you can contact me anytime via the comment or contact form.

read more