Code to make image transparent < wordpress tips << Netty Gritty


There is an image above the line, but you do not see it. The way I have coded the HTML hides the image.

The code for the invisible image is this:

<img style=”background-color:transparent!important;border:0 solid transparent!important;display:none!important;” src=”http://i.creativecommons.org/l/by-nc/3.0/88×31.png”&gt;

And the image it hides is this one:

How I figured it out
Believe it or not, I figured out the code to make images invisible by fluke!
My blog editor went crazy one day. It hid an image and I checked the HTML code of the post if I did anything wrong inadvertently. And I saw this strange tags in the image code. I don’t know how it happened!

Anyway, Panos discussed this technique in his anti-reblogging post long ago.

How to add a Facebook album in a wordpress.com blog < wordpress tips << Netty Gritty

Uploading images in Facebook to share with your friends is a very popular activity. In this post, you can learn how to embed your Facebook album images as a slideshow in a wordpress.com blog!

Add Facebook albums in your wordpress.com blog using Cooliris

Cooliris is most amazing.

It creates a 3D wall out of images!

The Cooliris Builder lets you fetch images from a Facebook album. But you have to be the owner of the album (you need to log in to your Facebook account in order to let Cooliris work). Once you log in to Facebook, Cooliris lets you create a 3D wall out of images from all your albums or choose images from a particular album.

Below is an example of a 3D wall created in Cooliris. I used the photos from my Facebook album “A meeting with Gods”. The photos were taken in various temples in Pokhra and Kathmondu, Nepal.

You can even choose how your 3D wall will look, how many rows of images there will be (from 1 to 5) and choose whether or not you want to include sharing and search options, instructions for viewers etc.

You may choose to log in to Cooliris via your Facebook or Google account if you wish to edit the piece later. If not, just continue without logging in and copy the code they give you.

Paste the code in your wordpress.com blog using the HTML editor. Then modify the code as per the instructions in this post:

How to have Flash embeds in a wordpress.com blog


Psst: Don’t forget to share this tip with others! And do let me see your 3D wall when you make one!

Bookmarklets and Firefox add-ons for bloggers < wordpress tips << Netty Gritty

Bookmarkets and Firefox Add-ons ease the task of blogging in numerous ways. Here is a list of useful bookmarklets and Firefox Add-ons for blogging on a regular basis.

Copyright your blog post

What is the copyright policy of your blog?

Think…
Do you like it if someone copies your content and links back to you? Do you mind if someone uses your content for commercial reasons without your knowledge?

Choose a copyright policy for your blog post right when you are writing it!

Once you register at Safecreative and add the bookmarklet to your browser (works in Internet Explorer, Firefox, Opera and Chrome) it becomes easy to choose a proper Creative Commons license for your blog post.



Create website screenshots for your blog

Screenshots are a handy way to illustrate an online reference. Numerous free online services make the task of creating screenshots a piece of cake.

Fireshot

Unlike other extensions, this plugin provides a set of editing and annotation tools, which let users quickly modify web captures and insert text annotations and graphical annotations. Such functionality will be especially useful for web designers, testers and content reviewers.

Th captures can be

- uploaded to FREE public screenshot hosting
- saved to disk (PNG, GIF, JPEG, BMP)
- printed
- copied to clipboard
- e-mailed
- sent to configurable external editor for further processing.

- from the Firefox Add-on page

Fireshot allows you to create a screenshot of the page in whole or of just the visible part!


Kwout

“kwout” is a way you quote a part of a web page as an image with an image map.
To use this service, all you need is to add our bookmarklet to your favorite browser.

- from the site

After a screenshot is created, Kwout gives you the code that you have to put in your blog in order to display it.



Add Flash embeds easily in your wordpress.com blog

Note: Although they themselves say you can add videos easily with the help of the bookmarklet, it actually inserts other Flash embeds easily as well – slide shows, countdown tickers, video play lists, Flash games and much much more – in a wordpress.com blog.

How to Install and Use
Drag the bookmarklet button to your toolbar.
When you see a video you want to post to your blog, just click the WordPress logo button. It should automatically grab the embed code (this works for sites like YouTube and 100s of other video sharing sites).
If it doesn’t, you can copy the embed code and paste it into the pop-up window.



Make hyperlinks easily to be inserted in your website or blog

Colt

CoLT (short for “Copy Link Text”) is a tiny extension for Firefox which makes it easier than ever to copy a hyperlink’s associated text.

CoLT also includes a means of copying both a link’s text and URL at the same time. This feature is particularly handy for bloggers, web developers, or anyone else who finds themselves writing links to other places on the web.

- from Born Geek

CoLT is marvelous, fast and super-easy. And so I use it on an every day basis.

Copy as HTML Link

Creates an HTML link to the current page using the selected text and copies it (into the clipboard) for pasting into other applications.

- From the site

I use this add-on regularly. Since CoLT doesn’t have a “select text” option, I use this to select appropriate text from the article to link the corresponding url, whenever I need.



Edit images and perform other image operations

Enter an image and you can apply any of these operations with a single click.
reverse / similar search: tineye · gazopa
share: flickr · vi.sualize.us · weheartit · more
host: imgur · kimag.es · juvo.se · imageshack · overpic · stooorage
hidden data: EXIF · http headers · http headers (2)
edit: pixlr · sumopaint · aviary · picnik · fotoflexer · drpic · pixenate · snipshot · lunapic · resizer
animated GIFs: player · reverse · split frames · -90° · 90° · 180°
convert: JPG · GIF · BMP · PNG · PDF · TIFF · EPS · HDR/EXR · SVG · TGA · WBMP
optimize: smushit · dynamicdrive · sitereportcard
effects: improve · to ASCII · to polaroid
special: what the font · tester · color palette · palette 2 · zoom.it
custom: edit personal links

- From the site

I am totally impressed. It’s like a Godsend! View an image in your browser, launch “ImgOps” bookmarklet and choose a task!

Tip: You can use ImgOps to edit properly licensed free online images, so that you can add a bit of your own creativity in the resulting output.



Add related content to your blog or site with Zemanta

Install Zemanta and you will be able to add related contents under blog posts from sources that you specify! Zemanta also searches for related images (licensed to be distributed) and inserts them with proper link back to the site.



Using an extra wysiwyg editor

Are there times when you need to test something – a code may be or some layout options – in your blog post? I hate the to-and-fro movement between the HTML and Visual editor needed for that. So I just use Scribefire as a second wysiwyg editor for that.



Create image codes with links to image url automatically

Use this bookmarklet to create image links and link to the image url easily!

When I find an image online that I want to add in a blog post, I click this bookmarklet and it creates the image code with the link in one click. After that, all I have to do is go to the HTML editor of my blog and paste the code.

:!: Exercise discretion
You should not use images found online (with or without the help of a bookmarklet) from sites that don’t allow others to copy images for copyright reasons or bandwidth issues.



Create web archive for easy citation

Have you ever clicked an interesting link in a site only to find out that the contents have been removed? It’s not a good experience for the end user. If you feel bothered that the links you put in your post may not exist online after some time, then you can use the webcite bookmarklet to create an archived copy of that page. This archived copy will be accessible online even if the post is removed!



Create Full-text RSS

This bookmarklet is especially useful if you want to give the reader an opportunity to collect only a single page or post. This is handy for users who are not interested in subscribing to your blog, but still want to collect an article from your blog in their RSS reader.

This bookmarklet creates full-text RSS of a blog post or page in an instant!


Count characters and words

While it may seem that this bookmarklet is superfluous, since your blogging platform probably has a “Word count” options for your post, it is actually useful for a very valid reason.

This bookmarklet allows you to select some text and count how many letters and characters are there.

:!: It is especially important to know how many characters there are in your post title. The number of characters in a post title plays an important role in how your post title will come up in a search engine. Please read the following post to learn about this:
How Long Should the Page Title Tag Be?




I have always wondered which bookmarklets and Firefox Add-ons others use to have a more productive blogging experience. So, don’t forget to share your favourite ones with me, I am all “ears”!



Learn about bookmarklets

To learn about bookmarklets please check out the links below:

Learn English online < Free web resources << Netty Gritty

If you have always wanted to improve your English, why not use the internet to educate yourself? Just read this post and get hold of free online resources that will help you master the language bit by bit in a number of ways for free!

I want to refer a special site right in the beginning.

Help end world hunger If you have always wanted to increase your vocabulary, then this site is for you. Basically you choose the right meaning of a word out of four choices and every time you have a correct answer 10 grains of rice are allotted to feed the hungry. Now, 10 grains are not much, so you should play often and for long! And guess what happens while you are busy at saving the world? Your word stock increases!

And what if you have clicked a wrong answer? Well, then they show you the right answer. The same word reappears after a while along with the old choices and you get to choose again! This repetitive procedure really helps!


Have fun playing games and learning English!


Type in a word and search many dictionaries at once. Also has a reverse dictionary and translations.


Free English Language lessons and EFL exam practice

Check out
- Multimedia English Courses
- English for business
- EFL exam practice
- Reading practice
- English Language games


English pool of exercises

Learn English Grammar onlineChoose from 4287 random sentences to practise the different tenses according to your level of English. You have to form positive and negative sentenses and questions.

First choose, which tense, kind of sentence and (Level 0 (absolute beginners)
Level 1 (elementary)
Level 2 (lower intermediate)
Level 3 (intermediate)
Level 4 (upper intermediate)) level you want to practise.

- from the site.


Improve English listening online


ello l English listening online

English listening online Listening Lessons (Views, Mixer, Games …)
Activities include multimedia, free MP3 files, vocab tasks, language notes, print page and more.


Google translation
I am not referring the translation option as a learning tool. Browser-based translation can be quirky. While it sheds some light on inaccessible knowledge (due to language barriers), the unwary newbie might not be able to tell the difference between right and wrong.

I AM suggesting the listen option. Just type anything (or copy-paste from somewhere) in the text field and click the “listen” option.

:!: Please do NOT try to talk in that accent in real life! Use it only as a tool to listen to the sound of the word.


Lingro l Browser bookmarklet

Learn english word meanings and pronunciation online The lingro browser tools (bookmarklets) allow you to open any site you’re viewing using lingro with one click. Once you have copied the bookmarklet to your browser, click it when you’re on a page you want to view with lingro. The Firefox extension is especially useful for translating words on sites like Facebook which can’t be viewed with the web-based version of lingro. And of course lingro will still keep track of all the words you translate so you can review your personal vocabulary history using our study tools and games.

-from the site

Quick Lingro Lookup is truly amazing! If you find a word on a site that you don’t understand if you want to learn how to pronounce it, all have you to do is launch Quick Lingro Lookup in your browser. Every single word on that site becomes clickable after that and if you click a word Lingro will load the word meanings and the audio of the pronunciation right in that page!


Learn English idioms and phrases online


The phrase finder


Learn English Synonyms online

You can search for English synonyms in these sites:


Learn to rhyme in English

Rhymer l Free online rhyming dictionary

Also browse rhyming words


Poetry.com Rhyming Dictionary and Thesaurus


Other interesting sites about the English language

This is a map of the wheel-ruts of modern English. Etymologies are not definitions; they’re explanations of what our words meant and how they sounded 600 or 2,000 years ago.

The dates beside a word indicate the earliest year for which there is a surviving written record of that word (in English, unless otherwise indicated). This should be taken as approximate, especially before about 1700, since a word may have been used in conversation for hundreds of years before it turns up in a manuscript that has had the good fortune to survive the centuries.


  • AniGrammar [ Kids/Teens ] – Using graphics, quizzes and activities to teach about capitals, contractions, and nouns
  • Beginner’s Tense Tests [ Teens ] – English practice for beginning level students with quizzes. Answers available under arrows.
  • Commonly Misused Words [ Kids/Teens/Mature Teens ] – Explains the difference between similar words with different meanings. [Adobe PDF file.] [PDF]
  • Daily Grammar [ Kids/Teens ] – A series of free, on-line grammar lessons covers all the parts of speech, as well as punctuation.
  • Education Place English [ Kids/Teens ] – Focuses on grammar usage through game quizzes aimed at the correct grade level.
  • English Grammar [ Teens/Mature Teens ] – Describes the different parts of a sentence and provides examples of correct and incorrect usage.
  • Grammar Bytes [ Kids/Teens ] – An index of terms, rules, interactive exercises, and handouts for students and teachers.
  • Grammar Glamour [ Teens ] – Middle school students offer an overview of the parts of speech and basic rules.
  • Grammar Gorillas [ Kids/Teens/Mature Teens ] – These animals need help identifying parts of speech.
  • Grammar: Parts of Speech [ Teens/Mature Teens ] – Free video-enhanced course includes example sentences and quizzes. [RealPlayer or Windows Media plug-in]
  • Guide to Grammar and Writing [ Teens/Mature Teens ] – Contains scores of digital handouts on grammar and English usage, computer-graded quizzes, and recommendations on writing in various issues. [Acrobat Reader, sound card, and PowerPoint recommended but not required.]
  • How to Use Articles (a/an/the) [ Teens/Mature Teens ] – Explains how to use definite and indefinite articles. Includes count and non-count nouns, geographical usage, ‘a’ versus ‘an’, and when not to use them.
  • Interactive Quizzes [ Teens ] – A collection of interactive multiple choice grammar and reading quizzes.
  • Nouns and Pronouns [ Kids/Teens ] – Provides information on concrete, abstract, common, proper, compound, and collective nouns. Also goes over types of pronouns.
  • The Plural Girls [ Kids ] – Fun game teaches pluralization. Help the cats find their way through the world of ‘S’ in a multiple choice and fill in the blanks games.
  • Rats [ Kids/Teens ] – Features a game of adjectives and adverbs. [Requires shockwave plugin]
  • Schoolhouse Rock: Grammar Rock [ Kids/Teens ] – Offers lyrics to songs that aid with grammar and parts of speech.
  • Sentence Builder [ Kids/Teens/Mature Teens ] – Has helpful tips on parts of sentences.
  • Stufun: Grammar [ Kids ] – Provides grammar, dictionary, similar sounding words, and interactive exercises.

  • Explains new words and phrases with new entries added regularly, plus archives of previous entries.


    Learn a new English word right in your blog or website!

    Word of the Day

    Just visit webmaster’s tools and choose word of the day. If you paste the code in your blog or website, then you get to learn a new word every day!

    Note: If you want “Word of the day” for a wordpress.com blog, then choose the image feed option, as other options won’t work here.


    psst: Don’t forget to tell me which site you found mostly helpful. As for me, I love Freerice and Lingro the most!

    Also, if you think I have missed any important helpful link about learning English, please give me the url of the online service and I will add it to the list, linking to you as the contributer! :D

    Add links to local tags in wordpress.com global tag pages   posted in: wordpress tips

    Many wordpress.com bloggers grieve that wordpress puts global tags, and not local tags in the post section of blogs.

    Well, now it’s time to get even! We are going to turn the table and put local tags of our blogs in wordpress.com global tag pages!

    WordPress.com global tag pages have no link to local tags. That has always been the scenario. Check any post excerpt in any global tag page and you will see…

    The tags that appear under each post excerpt are again, global and not local.

    Now look at the image of the wordpress.com global tag page for “wordpress tips”



    Or view Archived url of the global tag page for “wordpress tips” right after this post is published:
    http://www.webcitation.org/5ugSgJ4G3

    My blog post (this very post) listed there has links to my own local tag “wordpress tips”! This is a very delicious tidbit for a curious visitor who wants to find more related content listed in a particular tag from that particular blog.

    Size does matter!
    And because the local tags look much bigger (they are wrapped between h1 tags) than the puny global tags under the excerpt, they are more visible and has better chances of getting clicked!

    Note
    The hyperlinks you add in the main body of a post get stripped out in the global tag pages. So, if you want to get your local tags to show up in the wordpress.com global tag page, you have to put the links to your local tags right in the “Post Title” field.

    You can learn to do that here:
    How to link wordpress.com blog posts to local tags and categories.