When we are using CSS @font-face for WordPress, we usually don’t get the desired result that we may be expecting while we are using Mozilla Firefox.

Firefox 3.5 supported TrueType and OpenType fonts. In Firefox 3.6 support for a new font format – the Web Open Font Format, or WOFF is been added. You can use this font format to work for WordPress if you are using Firefox.

You can convert you fonts to woff format from http://www.fontsquirrel.com/fontface/generator

After you get your font coverted use the following code to import your fonts for all browsers.

@font-face {
  font-family: GentiumTest;
  src: url(fonts/GenR102.woff) format("woff"),
       url(fonts/GenR102.ttf) format("truetype"),
       url(fonts/GenR102.eot) format("embedded opentype");
}

Continue reading »

Tagged with:
 

Faculty Required

On October 5, 2010, in Vacancies, Web, by Bikas

Field of teaching: Web

Skill sets required:  HTML, CSS, Dreamweaver, Flash
Knowledge of Photoshop and Javascript will be a plus.

Prior experience will be a plus. Freshers may also apply.
Salary not a constrain for the right candidate.

Number of positions: 1

Contact Person: Gauri Shankar Singh
Phone No.: 9437184375
email: mediapixelindia@gmail.com
Tagged with:
 

Recently I came upon a problem, which you guys must have already faced with is embedding a flash movie on to your site while supporting the web standards. While validating the site I got 7 validation errors and all of them was because I had embedded a Flash Movie to my site.

While searching for the fix, I came on to http://www.alistapart.com/articles/flashsatay/ whose solution really worked fine for me and I am really thankful to them. The solution is real easy and you can try for yourself following the steps mentioned below.

  1. First of all create a container flash file, exactly of the same height and width for the movie file you want to embed on your site. For example, if you want to embed a flash banner to your site and its width is 400px and height is 250px, your container movie’s width and height would be of 400px and 250px, respectively.Name the file c.fla. You can name it something else too; just for my convenience I am naming it c.fla
  2. on the first frame of the movie c.fla, write a script for calling your flash movie on to it, which will be something like the below:
    _root.loadMovie(“banner.swf”, “0”);

    flash script

    where banner.swf is your flash movie that you want to embed on your site.

  3. Now publish your container movie which in my case will be c.swf
  4. Now search for your flash embedded code that will be similar to the following:
    <script >
    AC_FL_RunContent( ‘codebase’,’http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0′,’width’,’400′,’height’,’250′,’title’,’Banner’,’src’,’banner’,’quality’,’high’,’pluginspage’,’http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash’,’wmode’,’transparent’,’movie’,’images/banner’ ); //end AC code
    </script>
    <noscript>
    <object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0″ width=”400″ height=”250″ title=”Banner”>
    <param value=” banner.swf” />
    <param value=”high” />
    <embed src=” banner.swf” width=”400″ height=”250″ quality=”high” pluginspage=”http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash” wmode=”transparent”></embed>
    </object>
    </noscript>
  5. Now we will edit this code a little so that we get our desired result. Search for the code written between the <object>…</object> tags, which will be similar to-
    <object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0″ width=”400″ height=”250″ title=”Banner”>
    <param value=” banner.swf” />
    <param value=”high” />
    <embed src=” banner.swf” width=”400″ height=”250″ quality=”high” pluginspage=”http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash” wmode=”transparent”></embed>
    </object>
  6. Edit the code to be something like below:
    <object data=”c.swf?path=movie.swf” width=”400″ height=”250″ title=”Banner”>
    <param value=”c.swf?path=movie.swf” />
    <param value=”high” />
    </object>
  7. Be sure to remove the <embed> … </embed> tags and whatever is between them. Your final code should be something like the below mentioned:
    <script >
    AC_FL_RunContent( ‘codebase’,’http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0′,’width’,’400′,’height’,’250′,’title’,’Banner’,’src’,’banner’,’quality’,’high’,’pluginspage’,’http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash’,’wmode’,’transparent’,’movie’,’images/banner’ ); //end AC code
    </script>
    <noscript>
    <object data=”c.swf?path=movie.swf” width=”400″ height=”250″ title=”Banner”>
    <param value=”c.swf?path=movie.swf” />
    <param value=”high” />
    </object>
    </noscript>
  8. Now you are ready to publish your site. Save the file and upload it along with the container movie that you created, in this case c.swf
  9. Check for validation.

Creating Yahoo Application API

On April 11, 2010, in Web, by Bikas

First of all login to Yahoo. If you don’t have a Yahoo ID, create one at Yahoo. After you login to your account goto http://developer.yahoo.com/ and follow the following steps-

  1. After you login and goto http://developer.yahoo.com/ you will land on the following page-

  2. Click the second option saying “BUILD  Get an API Key…”

  3. You will be taken to the Yahoo Terms & Conditions page. Click accept

  4. On accepting you will be directed to a page where you need to create a New Project

  5. Then a popup will appear where you need to select the option saying “Contacts, MyBloLog, Social Directory, Status Updates, Wretch…”

  6. Then you will land to a page where you need to fill in all the details for your yahoo Application and then click Generate API Key

  7. Thereafter you will be taken to the final page saying “Your API Key has been approved” where you will find the API Key, Shared Secret and Application ID

Hope you find this post helpful… :)

Tagged with:
 

Generating API key for middleware Linkedin App

On April 10, 2010, in Web, by Bikas

First of all to get an API Key for middleware from Linkedin, you must first have an account with Linkedin. If you don’t have an account you can create one at https://www.linkedin.com. Then fill up your account details to become a member. Thereafter follow the following steps to generate your API key-

  1. Login to your Linkedin account and go the https://www.linkedin.com/secure/developer to create a middleware application.
  2. Click the Add New Application link
  3. You will be lead to the following page:

    Fill in all the required details necessary and then save.
  4. You will be lead to the following page displaying the message that you have successfully created your application with all the informations required, i.e. your API key and your Secret Key, and you are done.

Hope this post helps you… Have fun :)

Tagged with:
 

Google Reader Play

On April 5, 2010, in Web, by Bikas

Google has introduced Google Reader Play to make your browsing a fun. Just follow this link: http://www.google.com/reader/play/ and just select your favourite stuffs and the reader will simultaneously adjust to show the kind of stuffs that you like.

You will find following stuff here:

  • The most popular items on the web
  • Items that several of your friends have shared
  • Other great stuff we think you’ll enjoy, based on your Reader Play history

So guys start browsing :)

Tagged with:
 

simple-twitter-connect callback url

On March 21, 2010, in Web, by Bikas

To popularize your blog one of the ways are by connecting your blog to social networks. Here we will see how we connect our blog to Twitter using Simple Twitter Connect.

Follow the following steps to install Twitter Connect to your Blog:

  1. 1st of all you need to have an account with Twitter. If you don’t have one create it. Then go to the profile page and complete all the details required. If you already have an account with Twitter then you can straight away go to the next step.
  2. After you login into your account go to “Settings”.


  3. Go to “Connections” and under Developers section click for new applications or edit application.


  4. A page with title Applications Using Twitter will open with a link “Register a new application”. Click it.


  5. Then the “Register an Application” page will open where you need to provide all the informations required. Give a name to your application, a small description. The URL of the website where the application is to be installed where the users can use it. The website of your organisation or company. Choose “Browser” for Application Type. Mention the callback url. It will be the same as where you want to install that is your blogs url.For “Default Access Type” choose “Read & Write Mode”. You may check “Use Twitter Login”. This will enable you to login to your blog directly using user id and password of Twitter account. Then save.


  6. Then you will be lead to your applications page where you will find certain informations regarding your application. Copy the Consumer Key & Consumer Secret.


  7. Then login in into your blog control panel and in the “Plugins” section click on “Add New”.


  8. Search for “Simple Twitter Connect” and install it. Then follow to its settings page.


  9. In the settings apply the Consumer Key & Consumer Secret that you copied from Twitter Application page.


  10. Activate all the pulgins in the “Installed Plugins” page which appeared after installing Simple Twitter Connect.


  11. Then under the “Appearance” go to “Editor” in the control panel. Then choose the “Comments” editor or any other page where you want the Twitter button to come from the right hand list and paste the following code:
    <div id=”comment-user-details”><?php do_action(‘alt_comment_login’); ?></div>


  12. Save and logout and visit your blog and click on individual post to see the changes.

Hope this post prove helpful to you guys :)

Tagged with: