Doodle: St. David’s Day

Filed under:
Google UK Today celebrates St. David’s Day on their homepage with a special logo

Saint David’s Day is the feast day of Saint David, the patron saint of Wales, and falls on 1 March each year. […] Many Welsh people wear one or both of the national emblems of Wales on their lapel to celebrate St. David: the daffodil or the leek on this day. [Wikipedia]

Read More...




Doodle: Leap Day

Filed under:
February 29 is a date that occurs only every four years, and is called leap day. This day is added to the calendar in leap years as a corrective measure, because the earth does not orbit around the sun in precisely 365.000 days. [Wikipedia]

Read More...




Identity - 3 Column Blogger Template

Filed under:
Every week we are posting new blogger template in akOOgle. Last week we given Freicurv blogger template. And this week another nice blogger template for you. I hope you all are happy with our blogger template.


This Identity blogger template is a modern, 3-column, Widget ready, fully validated theme with black & white colors. It suitable for all personal as well as professional blogs.

Follow the instruction before install also check here for how to install a blogger template.

The following instruction is specific for this template. So, date format and search widget are different for this template.

Instructions

1. This template require minimum 2 HTML/Javascript widgets.

HTML1 - the horizontal top menu
HTML2 - the Search Box
HTML3 - About me section (optional)
HTML4 - RSS feed link in sidebar (optional)

Feed1 - is the Recent Post Widget
All other widgets are optional and Custom Links widgets.

About me and Subscribe widgets are optional but, I am recommending use these widgets in the white sidebar. So given the code for all widgets.

2. Horizontal Top menu

use this code for navigation link
<ul>
<li class="current_page_item"><span><a href="http://YOUR-BLOG-NAME.blogspot.com/">Home</a></span></li>
<li><a href="#" title="About">About</a></li>
<li><a href="#" title="Page 1">Page 1</a></li>
<li><a href="#" title="Page 2">Page 2</a></li>
</ul>

3. Search form

<form id="searchform" action="http://YOUR-BLOG-NAME.blogspot.com/search" name="searchform" method="get">
<input type="text" value="Search..." name="s" id="ls" onfocus="if (this.value == 'Search...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search...';}" class="swap_value" />
<input type="image" src="http://akoogle.wordpress.com/files/2008/02/searchb.gif" id="searchsubmit" value="Search" style="vertical-align: bottom;" />
</form>

4. About me section

To create a About me section like above. Create a HTML widget and write an introduction or short biography with your. I mean, a short one.

5. Subscribe widget

Want to create subscribe section then use following code. Just modify your RSS link and feed id only that I have highlighted in this code.

<br/><a href="http://feeds.feedburner.com/YOUR-RSSFEED"><img border="0" alt="RSS" style="padding-right:5px;" src="http://akoogle.wordpress.com/files/2008/02/rss.gif" align="left"/> Subscribe to my blog using RSS</a>
<br/><br/>
Subscribe by e-mail
<form action="http://www.feedburner.com/fb/a/emailverify" style="margin:0;padding:0;" target="popupwindow" method="post" onsubmit="window.open('http://www.feedburner.com/fb/a/emailverifySubmit?feedId=1177759', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input value="" class="sub_email" name="email" type="text"/><input value="http://feeds.feedburner.com/~e?ffid=1177759" name="url" type="hidden"/><input value="akOOgle" name="title" type="hidden"/>
<input value="en_US" name="loc" type="hidden"/><input id="subscribe" style="margin-left:5px; font:0.9em Trebuchet MS;padding:2px;border:none; background-color:#333333; color:#ffffff;" value="Subscribe" type="submit"/></form>


6. Customize the Post body.

To configure blog post please check this image will help you.
No of post is your choice.
Remove first check box - date header.


Done! Check here Live demo and download.

Demo and download

Download Identity now and leave me some comments. Thank you!

download preview theme


Download or view the demo of Wordpress theme here.

If you're new here, you may want to subscribe to my RSS feed or by Email. Thanks for visiting!

Read More...




Blog List: More than an ordinary blog roll

Filed under: ,
Here is another new feature from Blogger "Blog List". As usual this feature also now available from Blogger in Draft. This new feature will help you to show your favorite blogs on your blog page. You can choose to show the number of blogs or show all blogs randomly. But by default the blog list will show the most recently updated blog first. You can also import the list from your Google Reader subscriptions.

The widget is in beta testing but we can make use of it, entering from Blogger in Draft, some of the features of this widget are:
  • Gives the ability to include every blog your favicon automatically.
  • Allows add the date of the last published entry or even the title and an excerpt from that post.
  • You can limit the number of blogs on display.
  • It is possible to order the blogs according to its latest update or alphabetically.
  • The list of blogs can be imported directly from Google Reader.
If you want to add this widget in your blog follow these steps:
  • Login to your blog from Blogger Draft (not from the normal blogger site).
  • Go to the "Template" and then to "Page Elements."
  • In the area where you want them to appear editable your blogroll click on "Add a page element." In the window with all the widget select "Blog list."

  • Set the widget. Select the title, order, the data show blogs and adds a one manually or through Google Reader.

  • Save changes and Blogger will do the rest. DONE!.
Via: Blogger in Draft. | BlogandWeb

Read More...




Video: RSS in Plain English

Filed under: ,
In my last article I posted about small feature of Google Reader. One of my friend asked me about what is RSS Feeds?. So I told him to watch this video. This video is excellent for people who all are dont know about RSS Feed.

So watch this video here or in Commoncraft Show:



This video originally created by Leelefever. I subscribed for his feeds his tutorials are very excellent!.

Read More...




The 10 most commonly used commands in Google Reader

Filed under:
Google Reader is well-known for its keyboard shortcuts. When going through thousands of blog posts, news items, photos, etc. a day, it's important to do this as efficiently as possible. Many users find that using the keyboard is one way of accomplishing that goal.

The top 10 commands are:
Key Description
  1. j - next item
  2. n - item scan down
  3. k - previous item
  4. m - mark as read/unread
  5. t - tag item
  6. p - item scan up
  7. shift+n - next subscription
  8. v - view original
  9. o - expand/collapse item
  10. s - star item
The full list of shortcut commands can be found at the Help center for Google Reader.

Via : Google Reader Blog.

Read More...




Freicurv Blogger Template

Filed under:
Freicurv is a simple and elegant looking wordpress theme that is suitable not only for personal use but for various niche of blogs. This template can be used for either 2 or 3 column.

Freicurv originally a wordpress theme created by Flisterz. If you want know more about features and documentation then check here its only for wordpress theme. And some of the features I removed in blogger template. Hope I can give that features in coming days. Before Installing blogger template read following documentation which will help you to create template as shown in demo.

Documentation

1. Asides category

I removed this widget because I dont know what is asides and also I will not support in blogger template.


2. About me section and Profile Picture.



To create a About me section like above. Create a HTML widget and Paste following code.

<div class="intro">
<img class="photo" src="http://IMAGE-URL.com/PHOTO.JPG" />
Write an introduction or short biography here!
</div>

Replace "write an introduction or short biography here" with your. I mean, a short one. Dont remove the <> tag.

To change the profile picture, upload your photo or image in googlepages or any image hosting site and simply replace the url http://IMAGE-URL.com/PHOTO.JPG with your photo url. Default size is 78 x 79px.

3. Changing the title image

There’s a file named header_title.psd and header_title.png in the download zip file - choose the format you familiar with to edit the header title image. Remove the default text and insert you own. Export it to .jpg format and find

http://freicurv.googlepages.com/f_header_title.jpg

in your blog template and replace your header title image url. The code is used in CSS code. Its recommended use only image for title.

4. Highlighting author comment.

This feature is not available now. Later I will create this feature.

5. Subscribe via email link

Theres an email icon on top. You can see in Demo page. Create another HTML widget and place the following code.
<ul id="top_i"><li>
<span class="rss3"><a href="RSS Feed Link" title="Subscribe to RSS feed"> Subscribe to RSS feed </a> </span>
</li><li>
<span class="email"><a href="Email Feed link">Subscribe via email</a></span>
</li></ul>

Use this as a link for feed subscription via email. Get you SUBSCRIPTION LINK from you Feedburner dashboard (or any other services). NOT SUBSCRIPTION FORM.

6. Choose either 2 or 3 colums.

This is not any complex method or anything. In fact it is just a recommendation on how you can manipulate the 3 widgetized sidebar in Freicurv in order to make your blog into 2 or 3 columns. View the complete Freicurv visual structure here. This structure is created by Flisterz for his wordpress theme.

To achieve a normal 3-column layout, you just fill up the 3 given sidebars widget - Sidebar 1, Sidebar 2 and Sidebar 3(optional). The demo site is using this method so you view the example there.

To achieve a 2-column layout, you can simply ignore Sidebar 1 and Sidebar 2, and fill up all your widgets inside Sidebar 3. See a screenshot of a 2 columns Freicurv. I leave 2 widgets into Sidebar 1 and Sidebar 2 there; just to help you visualize the position of those, hopefully.


Read above documentation or follow this instruction to install freicurv template.

Instructions

1. This template require 5 HTML/Javascript widget and one Feed Widget.

HTML1 - the horizontal top menu
HTML2 - RSS feed link in top Header
HTML3 - About me section
HTML4 - the Search Box
HTML5 - bottom navigation link.
Feed1 - is the Recent Post Widget
All other widgets are optional and Custom Links widgets.

2. Horizontal Top menu use following code.
<ul>
<li><a href="#">Home</a></li>
<li><a href="#" title="About">About</a></li>
<li><a href="http://akoogle.blogspot.com/" title="akOOgle">akOOgle</a></li>
</ul>
3. Recent Post widget

Add a Feed widget and enter your RSS feed url Change Title as Recent Posts or Entries.

Later, I will write a post for this widget and I will give a javascript file. Using that you can customize the recent post widget.

4. Set the Date format.

To have a date like on the demo site, then your blog post time stamp must be set on this format
"Thursday, January 12, 2007" Please refer to this article here (date format on blogger) to make sure that you set the right date.

5. Bottom Navigation Link.

Use following code It same as Horizontal menu code with one Top link.
<ul id="botnav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#" title="About">About</a></li>
<li><a href="http://akoogle.blogspot.com/" title="akOOgle">akOOgle</a></li>
<li> &#8593; <a href="#"> top</a></li>
</ul>

6. Search Form.

Please refer to this article here to add search form in your template

7. Final Step!

For more follow blogger template installation guide and Host all the images needed by this template to your own GooglePages.

Done! Now check Live demo and download.

Demo and download

Download Freicurv now and leave me some comments. Thank you!

download preview theme


Download Wordpress theme or check demo here.

If you're new here, you may want to subscribe to my RSS feed or by Email. Thanks for visiting!

Read More...




How to Customize the Date format on blogger

Filed under: ,
Read this instruction to Customize the Date for blogger template. I have used this date format in my all blogger templates. So follow this instruction carefully. It very simple!.

1. Login in your blogger

2. Go to your Dashboard -> Settings -> Formatting.

There you’ll see Timestamp format as marked in the image. (See the image )

3. Choose this style: Friday, February 15, 2008

4. Save your setting. done!

Note: I used javascript for customize this date format. Which is originally created by Jackbook.com. I hosted the Javascript file in my google pages account you download the javascript file from here and host in your google pages account. Thanks.

Download

download

Read More...




Doodle: Valentine’s Day

Filed under:
Google is all out today to celebrate Valentine’s Day - with special holiday doodle.

Valentine’s Day or Saint Valentine’s Day is a holiday celebrated on February 14. In North America and Europe, it is the traditional day on which lovers express their love for each other by sending Valentine’s cards, presenting flowers, or offering confectionery. [Wikipedia]

And the Youtube logo :

Yahoo and Aol also cele changed their logos for t.

Read More...




Doodle: Chinese New Year

Filed under:
Google China celebrates Chinese New Year today.

Chinese New Year is the most important of the traditional Chinese holidays. It is sometimes called the Lunar New Year, especially by people outside China. It is an important holiday in East Asia. [Wikipedia]

Read More...




Prosense Blue - 3 Cloumn Blogger Template

Filed under:
Here another Prosense theme in Blue. Earlier I posted 2 Prosense template for blogger one is Prosense and another one is Prosense Grey. I also posted the tutorial for install a blogger template here and how to add search form in blogger template which I used in this template.

Here I have given two download link for this template. One is Prosense Blue template XML code another one is images for Prosense Blue theme. It is recommended host all images in your Googlepages account. Its only 3 images for this template.

You can view the demo of this blog here, or view the screenshot below.

Installation instruction is same for all prosense templates. Read Instruction here. If you like this template, then please check all Prosense blogger templates.

Prosense Blog - Demo | View Entry
Prosense Grey - Demo | View Entry
And Check my first blogger template : Business Blogger Template - Demo | View Entry

Demo || Download || Download Images

Now, if you like any wordpress theme and you need in blogger template format then post your comment or email me at akoogle[at]Gmail[dot]com. I will convert to you for free. Also you have any problem in installation contact me I will do for free.

If you're new here, you may want to subscribe to my RSS feed or by Email. Thanks for visiting!

Read More...




ProSense - 3 Column Blogger Template

Filed under:
ProSense was a one of the 100 Excellent Free WordPress Themes. Originally created by created by Dosh Dosh and The Wrong Advices and I just converted it in Blogger template.

If you like this template, then please read all the instruction before you can use this template.

View the demo or the screenshot below.


Instructions to Install this template:

1. Create a HTML widget in top right corner to place the RSS and copy the following code.
<a href="http://feeds.feedburner.com/YOUR-FEED-NAME">
<img src="http://citicutb.googlepages.com/pro_rss-feed-icon.jpg" />
</a>
It is recommended please download this Feed image and upload in your Googlepages account.


2. Set the post timestamp correctly on this format: Tuesday, February 05, 2008

2. Create another HTML widget in 2nd sidebar (you can anywhere as you wish) to create a Search Form. Please refer here for how to create a Search Form in Blogger.

3. Create a HTML widget in above of the blog post for horizontal Google ads.
Its recommended create 468 x 15 size ads

4. And refer this tutorial for how to install a blogger template.

Use this same instructions for Prosense Grey Blogger version.

Blogger / Blogspot Demo || Download || Wordpress Demo

Read More...




How to add Search form in your blogger

Filed under: ,
Create a HTML/Javascript widget in your blog and Just copy this code into that widget. or you can also put this into your template. And replace YOUR-BLOG-NAME with your own blog name or your domain name. Finished!.

1. Search Form - Java Script Enabled Mode
<form id="searchform" action="http://YOUR-BLOG-NAME.blogspot.com/search" name="searchform" method="get">
<input id="s" onfocus="if (this.value == 'Search ...'){this.value = '';}" value="Search ..." name="q" onblur="if (this.value == '') {this.value = 'Search ...';}" type="text"/>
<input id="sbutt" value="Search" type="submit"/>
</form>

2. Simple Search Form
<form id="searchform" action="http://YOUR-BLOG-NAME.blogspot.com/search" name="searchform" method="get">
Search : <input id="s" value="" name="q" type="text">
<input id="sbutt" value="Search" type="submit">
</form>

Here is the Demo of Search Form enter some text and search in my blog.
Copy the above code or download the code from the following download link. If its not working fine then make a comment in this post I will help you as soon as possible.

Demo | Download Code

Read More...




How To Install a New Blogger Template

Filed under:
Step 1:
If your blog is new and not having any widgets then skip (Optional) steps.

If you changing your old blogger templates then follow all the Steps.

Backup Your Current Template (IMPORTANT !!!)
Why Backup? Because you will lose some of your current widgets, especially HTML/Javascript and Text widgets, when you installing a new blogger template.
Step 1a: (Optional) Backup your important widgets.
Go to Template > Page Elements. Choose your important widgets and click Edit.
For example, i will backup my Recent Readers (HTML/Javascript) widget.
Copy everything in “content” area and paste in a text editor and save it to your computer.

Step 1b: (Optional) Backup your current Full Template. Go to Template > Edit HTML. Click Download Full Template and save it to your computer.
Step 2: Go to your Blogger "Template".
Step 3: Go to "Edit HTML".
Step 4: Choose your blogger xml file. Click "Browse" as shown in the picture. Select the new blogger template XML file.
Step 5: Click upload

Step 6: If your blog already contains some widget and its not included in current template then you will get following message

Click Confirm & Save.
Step 7: If your successfully installed your template you will get following message in top.

Step 8: Finished.



If you getting "We were unable to save your template .
Please correct the error below, and submit your template again.
More than one widget was found with id: HTML13. Widget IDs should be unique". Message then follow these steps

1. Rename the one duplicate widget with new id. Example you getting error message "more than one widget was found with id: HTML 2." Then rename any one widget id into HTML3 .
2. Click the "Save Template" button.
3. If the duplicate Id still occurs. rename it again to another id. eg: HTML4, HTML5 and so on.


If your blog shows any other error message like below then it may be problem in your template code. If you facing these types of error then contact me through email or comment in this blog.
my email id: akoogle[at]gmail[dot]com.

Read More...




Doodle: Brazilian Carnival

Filed under:
Google Brazil today celebrates Carnaval, or Brazilian Carnival, “an annual festival in Brazil held 40 days before Easter and marks the beginning of Lent.” Orkut also has a special logo for this event:

Read More...




Firefox addon: IE Tab

Filed under:
Firefox is popular but we routinely encounter so many websites are designed for Internet Explorer only. A good example is the Microsoft Windows Update update.

IE Tab - an extension from Taiwan, features: Embedding Internet Explorer in tabs of Mozilla/Firefox...

This is a great tool for web developers, since you can easily see how your web page displayed in IE with just one click and then switch back to Firefox.

If you need some instructions. Please visit our official website on http://ietab.mozdev.org

Install | Know more

Read More...




Advertisers