Tinker Gnome Page

This is my tinker page using a custom page template. This is where I learn about WordPress, CSS, HTML, plugins, templates and jQuery scripts.

Since I don't know much about jQuery, a good starting point will be to watch some videos on jQuery for Absolute Beginners” series.

  Current Experiments

  •     WordPress Page Template
  •     WordPress Plugin – Shashin to extract and display EXIF data from Picasa web album.
  •     Shashin to work with another jQuery Image/Gallery Viewer plugin called YoxView.

LAB Results:-

Page Template  FINALLY! I have wrap this entire content, including the menu/navigation bar above, inside the correct DIV tags. If I don't, the menu/navigation bar thingy above will not align with the default twenty ten header image.

…Didn't realize I can call get_header() , instead of mucking around with the manual code/div/etc. SILLY ME! blush

Shashin Plugin …I am using the [sthumbs] tag, and it is showing the thumbnails with the EXIF data. NICE!

07-Sep-2006 20:19, Canon Canon PowerShot S80, 3.5, 5.8mm, 0.017 sec

07-Sep-2006 20:53, Canon Canon PowerShot S80, 4.5, 15.144mm, 0.017 sec

07-Sep-2006 21:06, Canon Canon PowerShot S80, 4.0, 5.8mm, 0.006 sec

Image gallery using images from Picasa with YoxView…(if see no thumbnail below, it means not working :sad: )

 

Anything below the table is executed from the custom page template…

Section  Calling  Reference
Comments  comments_template() http://codex.wordpress.org/Function_Reference/comments_template
Footer  get_footer() http://codex.wordpress.org/Function_Reference/get_footer

5 Responses to Tinker Gnome Page

  1. raz says:

    Cause the yoxview-init.js is not loaded, if you view the source on the browser you would see that it's outputting php code on line 245.
    jQuery didn't actually get to load due to that.

    • Keith Soon says:

      Errr…I am kinda stuck in my experiments … going about blind here… Can help-ah? I am not sure how to get it working. Hmmm…

      • raz says:

        I saw a jQuery overwrite [jQuery.noConflict()] in the code as well, so you need to replace the $() with $j()

        <code>

        <script type="text/javascript">
                      $j(document).ready(function(){
                             $j("#yoxview_picasa").yoxview({
                                   dataUrl: 'http://picasaweb.google.com/ksoon71/NoStrobe&#039;
                             });
                    });
        </script>

        </code>

  2. Iva Dering says:

    Howdy! Do you know if they make any plugins to assist with SEO? I’m trying to get my blog to rank for some targeted keywords but I’m not seeing very good gains. If you know of any please share. Thanks!

Your email address will not be published. Required fields are marked *

*

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>