Blogger language translation widget

Here is how you can create a simple translate widget for Blogger . This translation widget script uses Google language translation tools and Yahoo babel fish translator .

Open Your Blogger template’s layout section and select page elements .
Click to add a gadget in the suitable location and then HTML/JavaScript.

149 HTML%2BJavaScript%2Bin%2BBlogger Blogger language translation widgetNow copy the following code onto it and save the widget.

<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=en&w=160&h=60&title=&border=&output=js"></script>

151 google%2Btranslate%2Bwidget Blogger language translation widget
Google translation widget would appear at the selected location as shown above .

Yahoo babel fish translator widget for Blogger
:
Procedure is the same as in the above case ,

153 Yahoo%2Bbabel%2Bfish%2Btranslation Blogger language translation widget

<script type="text/javascript" charset="UTF-8" language="JavaScript1.2" src="http://uk.babelfish.yahoo.com/free_trans_service/babelfish2.js?from_lang=en&region=uk"></script>

Direct link to Online language translation tools

http://translate.google.com/translate_t?hl=en
http://uk.babelfish.yahoo.com/free_trans_service
.

List of Blog directories

I have compiled a list of Blog directories arranged on the basis of PR . Submitting into blog directories brings you some traffic and off course an increase in Google pagerank. Few blog
directories in this list are dofollow and accepts URLs without reciprocal links .

1. Technorati 139 technorati%2Blogo List of Blog directoriesDeserves top position as a blog directory and blog search engine . If you have a blog , you should submit it to technorati .Other than accepting the URL and description , technorati updates and indexes blog posts soon after there entry . They are having a ranking system called technorati authority which classifies the blogs on the basis its reactions on other blogs.
Technorati is PR8 and dofollow .

2.Globe of Blogs
141 globe%2Bof%2Bblogs%2Blogo List of Blog directories
Glob of blogs is a PR7 blog directory and feed aggregation tool
Reciprocal linking not required.

3. Blog Catalog
143 blogcatalog%2Blogo List of Blog directories
Blog catalog is a PR7 blog social networking site and directory . Though they need reciprocal linking , its worth to submit in blog catalog as you can promote your blog by creating communities and making friends .

4 .Mybloglog :
145 mybloglog%2Blogo List of Blog directoriesMybloglog is a blog social networking site from Yahoo offering various tools and widgets for bloggers and webmasters . Its a PR7 blog directory offering dofollow links .

5. Blogdigger
:
147 blogdigger%2Blogo List of Blog directoriesPR7 blog directory and feed aggregation tool . No reciprocal linking is required.

List of other major Blog directories based on PR and reciprocal linking.

PR6 blog directories:

Blogflux
LS Blogs
Blog-Directory
Bloggapedia
Blog Hop
Blog Toplist (reciprocal linking required)

PR5 blog directories:

Blog Explosion
Blog-search
Eblogzilla
Weblog Index
Blogoriffic
Blog Hints
Blog Intro
Blogz
blogadda
Wils Domain (reciprocal linking required)

PR4 blog directories:

Blogarama (reciprocal linking required)
Blog Rankings
Bloggernity (reciprocal linking required)
SuperBlog Directory
Bloghub
Blog Search Engine
My Blog Directory
Blogs by City
Submit Blog Now
Blogs Rating (reciprocal linking required)

PR3 blog directories:

Blog Listing
Blogging Fusion
Blogger Now
Blogs by Category
My Blog 2 U

Blog List will be updated with the emergence of new directories .

Create go to top of page link in Blogger

I think you have noticed a blue arrow pointing upward in the extreme right bottom of my blog. It is what i call as a go to top of page link .
137 Create%2Bgo%2Bto%2Btop%2Bof%2Bpage%2Blink%2Bin%2BBlogger Create go to top of page link in Blogger If you have lot of posts in a label or achieve page , its essential that you provide an easy navigation to the top portion of the page without making your visitors to scroll a lot .

Here’s how you can do that ,
Open your Blogger template’s layout section and select edit HTML .
Move on to the bottom portion of your template and find out </body> .
Copy and paste the following HTML code above that section .

a href='#' style='display:scroll;position:fixed;bottom:5px;right:1px;' title='move on to top of page'><img src='http://img401.imageshack.us/img401/710/homepa2.gif'/></a>

Now save your template and preview the top of page link . Make necessary changes by editing the HTML code .

Alexa traffic widget to display ranks

Alexa traffic widget Alexa traffic widget to display ranks

Alexa is a web company analyzing websites based on its traffic. Traffic means the number of users in a web page and the page views generated by them. Traffic can be from various sources. It can be social media sites, search engines, directories and others. Alexa monitors all these sources using their special algorithm and generates a traffic report. Each website in the internet has an Alexa traffic rank page. The page shows keywords targeted to the site, type of users, page views, bounce rate, links, etc.  Advertising agencies and online marketing firms consider Alexa ranking as an important factor for deciding the potential of a website.

(more…)

Blogger contact form widget

Though we can create a Blogger contact form widget in HTML and CSS , some sort of php or server side scripting was required to make them working . Here is a website called kontactr providing free contact forms for Blogger ,Wordpress and other sites .
sign up here .

133 Blogger%2Bcontact%2Bform%2Bwidget Blogger contact form widget

After signing up , copy the code in the box “Embed Widget AJAX” . Crate a new post or search for any draft posts in your Edit Posts section. Title your post as contact me , paste the code and publish your post . Use this post link for the contact me button in your homepage . Emails will be directly delivered to the specified address during registration .

Blogger Footer navigation with specific number of posts in label pages

I think you have noticed a navigation menu at the bottom of my home page . Normally , blogger includes a link to older posts and previous posts at the end of each page .

129 Normal%2B blogger post footer navigation Blogger Footer navigation with specific number of posts in label pagesIn the above case , its pretty difficult as is makes us move on through each and every stories to view an inner page . Here i will discuss about a Blogger Footer navigation system which looks as shown below .
131 new %2Bbogger%2B page%2B footer%2B navigation Blogger Footer navigation with specific number of posts in label pagesUsually the label pages in Blogger displays all the stories tagged with a particular label . So if you have 10 posts for a label “computer”, everything under computer will come to a single page . After applying this hack , you will be able control the no: of posts that can appear in a single label page .

First part is to add a CSS code above tag </b:skin>. This code can be used to change the size ,colors and border of your Footer navigation menu .
download
Open Your Blogger templates’ layout , select edit HTML and expand widget templates.
Now complete the first part by inserting the CSS code at the exact location .

Second step is to add the following JavaScript below </b:section> tag .
download2

In most cases ,it will the one that lies near below the Blog 1 or footer comment section .So its up to you to find out the exact location and you can do some trial and error method in this case .

<b:section class='main' id='main' showaddelement='yes'> <b:widget id='Blog1' locked='false' title='Blog Posts' type='Blog'/> </b:section>

Now you can customize the Blogger Footer navigation by changing the number of posts and links on it . On the JavaScript code , search for a section var pageCount = 5; It defines the number of posts that can be displayed on a single page, while var displayPageNum = 5; defines the number of blocks of pages which are displayed (like: 1 2 3 4 5) under the post section.

Once you completed these tasks , save your template and open your blog in a new window. Now you can see a footer navigation under your blogger posts .

Thanks to amanda

Saturday 4th February 2012-Techknowl.com- Free software reviews, downloads and tech tips.