BP304 Blog It Up, Baby! Extending the new IBM Lotus Domino Blog Template John Vaughan & Sean Burgess
Who are we? <ul><li>John Vaughan is a Notes/Domino developer </li></ul><ul><ul><li>Helped develop the blog template when i...
Agenda <ul><li>Quick start – get up and running quickly using the default template </li></ul><ul><li>Application architect...
Origins of the Template <ul><li>DominoBlog was created by Steve Castledine in December 2002 </li></ul><ul><li>Originally c...
Quick start <ul><li>If you have a 7.02 or greater Domino server installed, the template is on the server. </li></ul><ul><l...
Quick start <ul><li>Example screenshot: </li></ul>
Quick start <ul><li>When the database first opens, a dialog box appears. </li></ul><ul><li>Fill out the Site title, descri...
Quick start <ul><li>If at any time you need to modify the information in the first dialog box, you can run the Set Basic D...
Quick start <ul><li>Create a blog entry </li></ul><ul><ul><li>Go to Content, Recent. </li></ul></ul><ul><ul><li>Click the ...
Quick start <ul><li>Import an image </li></ul><ul><ul><li>Go to Resources, Images. </li></ul></ul><ul><ul><li>Click Import...
Quick start <ul><li>Create a Content Category </li></ul><ul><ul><li>Go to Configuration, Content Categories. </li></ul></u...
Quick start <ul><ul><li>Refresh the browser. Note that the category does not appear under Categories in the left navigatio...
Quick start <ul><li>You can use Cascading Style Sheets (CSS) to control the display of fonts, colors and the positioning o...
Quick start <ul><li>Like CSS files, Javascript files can be either created directly on the form or imported from external ...
Quick start <ul><ul><li>Go to HTML Template, Block Templates. </li></ul></ul><ul><ul><li>Open the HTMLTop Template Block d...
Quick start <ul><li>Put your Javascript to work </li></ul><ul><ul><li>To create a simple example, we’ll just use the image...
Quick start <ul><li>Add a DX Tag into the layout </li></ul><ul><ul><li>By default, the blog template will display the last...
Quick start <ul><ul><li>Refresh the browser. </li></ul></ul><ul><ul><li>Now you should see a link at the bottom of the pag...
Quick start <ul><ul><li>Change the value in the third field to “Previous Blog Entries”. </li></ul></ul><ul><ul><li>Save & ...
Hints for success <ul><li>Make sure to Full Text Index the database on the server. Otherwise search will be very slow and ...
Blog template architecture <ul><li>The blog template is a web content management tool disguised as a blogging application....
Configuration document <ul><li>The Configuration document controls how the application’s dynamic content is rendered. </li...
The DX Tag engine <ul><li>The blog template contains a content rendering engine written in Lotusscript. This engine allows...
The DX Tag engine <ul><li>Dynamic content is served up through tags called DX Tags.  </li></ul><ul><li>Pseudo-code example...
Template Blocks and Pages <ul><li>Segments of markup including both HTML and DX Tags can be assembled into “Blocks”. The B...
Template Blocks and Pages <ul><li>Below is a screenshot of a Block document. You can see that it has a title, “Banner”, an...
Template Blocks and Pages <ul><li>Here is a screenshot of a Page document titled “Home Page”. You can see that a DX Tag ca...
Template Blocks and Pages <ul><li>From the previous example, you can see that you can assemble several Template Blocks tog...
Item Templates <ul><li>Item Templates are used for dynamic content usually appearing in a list or sequential format. </li>...
Putting it all together <ul><li>Pages contain Blocks.  Blocks contain Items.  </li></ul><ul><ul><li>Note: This is not a ha...
Example: Tattoo Well <ul><li>Demo: Tattoo Well blog </li></ul>
Embrace and Extend with Web 2.0 Take your blog to the next level by integrating it with external tools
What you need to know before you start <ul><li>Easy to add and just as easy to remove. </li></ul><ul><li>Third party integ...
The path to your blog is varied <ul><li>What is it?  Blog Stats Database (StdR7BlogStat) </li></ul><ul><li>What does it do...
Enable Entry from anywhere <ul><li>What is it?   IBM Lotus Blog Template Web Client Interface </li></ul><ul><li>What does ...
Chicklet Fever hits a high <ul><li>What is it?   A chicklet is a small icon used to indicate availability of a service or ...
Make Feed Readers Accessible <ul><li>What is it?  Bloglines (http://www.bloglines.com/), Feedburner (http://www.feedburner...
Socialize with other like minded blogs <ul><li>What is it?   del.icio.us (http://del.icio.us/), Digg (http://digg.com/), r...
Get your Google on <ul><li>What is it?  Google Adsense (https://www.google.com/adsense/), Google Custom Search (http://goo...
Get your Google on <ul><li>How do I integrate it?  </li></ul><ul><ul><li>Google Adsense for Content </li></ul></ul><ul><ul...
Get your Google on <ul><li>How do I integrate it?  </li></ul><ul><ul><li>Google Adsense for Search </li></ul></ul><ul><ul>...
Get your Google on <ul><li>How do I integrate it? </li></ul><ul><ul><li>Google Custom Search </li></ul></ul><ul><ul><ul><l...
Get your Google on <ul><li>How do I integrate it?   </li></ul><ul><ul><li>Google Analytics </li></ul></ul><ul><ul><ul><li>...
Mark your territory on Plazes <ul><li>What is it?   Plazes (http://beta.plazes.com) </li></ul><ul><li>What does it do?  Th...
Track your comments with coComment <ul><li>What is it?   coComment (http://www.cocomment.com/) </li></ul><ul><li>What does...
Tag your links with Technorati <ul><li>What is it?  Technorati (http://www.technorati.com/) </li></ul><ul><li>What does it...
Previews of linked sites is a SNAP! <ul><li>What is it?  SNAP Preview Anywhere (http://www.snap.com/) </li></ul><ul><li>Wh...
Spread the word with Podcasts <ul><li>What is it? A Podcast is a media file that is distributed by subscription over the I...
Show the world your pretty face via Flickr <ul><li>What is it?   Flickr (http://www.flickr.com/) </li></ul><ul><li>What do...
Connect to OpenNTF <ul><li>What is it?   OpenNTF (http://www.openntf.org/) </li></ul><ul><li>What does it do?   OpenNTF is...
Get your AIM on target <ul><li>What is it?  AIM Whimsicals (http://developer.aim.com/whimsicals) </li></ul><ul><li>What do...
Make your site sizzle with JS Frameworks <ul><li>What is it?   prototype (http://prototype.conio.net/), Dojo (http://dojot...
Other Third Party tools <ul><li>GeeSee Chat (http://www.geesee.com/) </li></ul><ul><li>Meebo IM (http://www.meebome.com/) ...
Additional resources <ul><li>Steve Castledine regularly blogs about things you can do with the blogging template. You can ...
Additional resources <ul><li>If you want to get more involved in the Lotus community, an excellent way is to blog! You wil...
Additional Resources <ul><li>Feel free to contact us online if you have questions! </li></ul><ul><ul><li>Sean’s blog: http...
Other Sessions about Blogging <ul><li>ID111 AfterBlogging: Who's Reading Your Blog, and Why? Speakers: Sandra Kogan, Steve...
Q & A <ul><li>Please step up to the microphone and ask us questions!  Don’t be shy, we don’t bite much. </li></ul>
Upcoming SlideShare
Loading in...5
×

BP304 - Blog It Up, Baby! Extending the new IBM Lotus Domino Blog Template

7,815

Published on

Presentation given at Lotusphere 2007. Flash files shown during presentation will be available at the speaker's sites shortly.

Published in: Economy & Finance, Technology
2 Comments
1 Like
Statistics
Notes
  • Go to Lotus Note's website and all the answers to your questions can be found there. They have good customer support as well and you can find new interesting updates over their website. I hope this helps!
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • This is not a comment, rather this is an ask for help ! hehehe...

    Lotus Notes Version 7
    Second email add.: Please, add brunodaemon@gmail.com to the 'cc:' field. Thanks in advance !
    -*-*-*-*-*-*-*-*-*-*-*-
    Hello all

    I've been changing a Lotus blog template database for the use of one of our customers. Everything was going pretty well just when I faced a call to a Script library called DXLiveContentEngine. I'm not able to find this Script Library anywhere neither in the database structure nor in the local or server directories machines. Am I missing anything ?

    Tries:
    1- I've tried rebuilding the database from a template that had never been changed hoping that I had erased some objects from the database by mistake, but the Script Lib. wasn't there anyway.

    Any help would be greatly appreciated !!!

    Thanks for all in advance !
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
7,815
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
2
Likes
1
Embeds 0
No embeds

No notes for slide
  • Transcript of "BP304 - Blog It Up, Baby! Extending the new IBM Lotus Domino Blog Template"

    1. 2. BP304 Blog It Up, Baby! Extending the new IBM Lotus Domino Blog Template John Vaughan & Sean Burgess
    2. 3. Who are we? <ul><li>John Vaughan is a Notes/Domino developer </li></ul><ul><ul><li>Helped develop the blog template when it was a non-IBM open source project, including rich text to HTML conversion and search. </li></ul></ul><ul><ul><li>Is an IBM Lotus Certified Applications Developer and works for URS Corp. in Tampa, FL. </li></ul></ul><ul><ul><li>Likes to blog and write poetry. He’s currently writing a novel. </li></ul></ul><ul><li>Sean Burgess is a Notes/Domino developer and administrator </li></ul><ul><ul><li>Has been working with Notes since V3 in 1994 and has been modifying and extending the blog template on his own site for over 3 years. </li></ul></ul><ul><ul><li>Is a Certified Lotus Developer and Administrator and works for General Dynamics Information Technology in Fairfax, Va. </li></ul></ul><ul><ul><li>Is an avid gardener, cook, and father of 4 sons. </li></ul></ul>
    3. 4. Agenda <ul><li>Quick start – get up and running quickly using the default template </li></ul><ul><li>Application architecture – a look behind the scenes at the nuts and bolts </li></ul><ul><li>Demonstration – Learn how to radically change the look and feel by viewing a live example: Tattoo Well, Inc. </li></ul><ul><li>Embrace and Extend – power up your blog with Web 2.0 technologies </li></ul>
    4. 5. Origins of the Template <ul><li>DominoBlog was created by Steve Castledine in December 2002 </li></ul><ul><li>Originally created as a simple blogging tool for Domino, but evolved into a complete content management solution </li></ul><ul><li>It was designed to be a tool which could be configured to the nth degree by an end user without the need to change any of the underlying Notes design. Therefore, people could create web sites using their own WYSIWYG tools and if an underlying change was made in the design it wouldn't affect their changes. </li></ul><ul><li>The way the application provides this functionality is by using Templates and Tags. </li></ul><ul><li>Steve was just married at the beginning of January. </li></ul>
    5. 6. Quick start <ul><li>If you have a 7.02 or greater Domino server installed, the template is on the server. </li></ul><ul><li>Steps to create a database based on the blog template: </li></ul><ul><ul><li>Create a new database on the 7.02 (or greater) server </li></ul></ul><ul><ul><li>Click “Show advanced templates” </li></ul></ul><ul><ul><li>Choose “IBM Blog” </li></ul></ul>
    6. 7. Quick start <ul><li>Example screenshot: </li></ul>
    7. 8. Quick start <ul><li>When the database first opens, a dialog box appears. </li></ul><ul><li>Fill out the Site title, description, and the server information. </li></ul><ul><ul><li>The server information will already be filled out if you are creating the database on the server. If you create the copy locally instead of on the server then you will have to fill out the server information. </li></ul></ul><ul><li>Fill in the user information for the blogger in the Personal Details section. </li></ul>
    8. 9. Quick start <ul><li>If at any time you need to modify the information in the first dialog box, you can run the Set Basic Details wizard from the blog’s Content view. You can also edit the basic details in the Configuration document. </li></ul><ul><li>You can go to the browser and enter in the URL shown in the Basic Details dialog box. The blog is already up and running. </li></ul>
    9. 10. Quick start <ul><li>Create a blog entry </li></ul><ul><ul><li>Go to Content, Recent. </li></ul></ul><ul><ul><li>Click the New Content button. </li></ul></ul><ul><ul><li>Create a blog entry. </li></ul></ul><ul><ul><li>Enter a Subject and type something in the Rich Text field. </li></ul></ul><ul><ul><li>Change the status from “Draft” to “Published”. </li></ul></ul><ul><ul><li>Click Save & Close. </li></ul></ul><ul><ul><li>Refresh the browser to see the blog entry. </li></ul></ul>
    10. 11. Quick start <ul><li>Import an image </li></ul><ul><ul><li>Go to Resources, Images. </li></ul></ul><ul><ul><li>Click Import Image Files. </li></ul></ul><ul><ul><li>Choose an image from your hard drive. </li></ul></ul><ul><ul><li>Click Cancel, since you have not set up any Image Categories. </li></ul></ul><ul><ul><li>Enter an Image Category if you wish in the next dialog, or choose Cancel. </li></ul></ul><ul><ul><li>Go back to your blog entry and put it in Edit mode. </li></ul></ul><ul><ul><li>Put the cursor into the Rich Text field at the place you want to insert the image. </li></ul></ul><ul><ul><li>Choose the image from the dialog box. The image tag is automatically created for you in the rich text field. </li></ul></ul><ul><ul><li>Click on Save & Close and refresh the browser. </li></ul></ul>
    11. 12. Quick start <ul><li>Create a Content Category </li></ul><ul><ul><li>Go to Configuration, Content Categories. </li></ul></ul><ul><ul><li>Click “Create Category”. </li></ul></ul><ul><ul><li>Enter in a category in the Category Name field. </li></ul></ul><ul><ul><li>Click Save & Close. </li></ul></ul><ul><ul><li>Go to Content, Recent. </li></ul></ul><ul><ul><li>Open the blog entry document you just created. </li></ul></ul><ul><ul><li>Click Edit. </li></ul></ul><ul><ul><li>Click the Categories/Tags tab. </li></ul></ul><ul><ul><li>Click the Primary Categories field and choose the Category you just created. </li></ul></ul><ul><ul><li>Click Save & Close </li></ul></ul>
    12. 13. Quick start <ul><ul><li>Refresh the browser. Note that the category does not appear under Categories in the left navigation. </li></ul></ul><ul><ul><li>Go back to the Notes client and run the Rebuild Site Indexes wizard. </li></ul></ul><ul><ul><li>Refresh the browser and look under Categories. </li></ul></ul>
    13. 14. Quick start <ul><li>You can use Cascading Style Sheets (CSS) to control the display of fonts, colors and the positioning of elements in the layout. </li></ul><ul><li>CSS is used in the template to manage the look and feel of the application, just like any other web page. </li></ul><ul><li>CSS can either be edited in the database or imported from external files. </li></ul><ul><li>Open the CSS document: </li></ul><ul><ul><li>Go to Resources, Stylesheets (CSS). </li></ul></ul><ul><ul><li>Open the “global.css” document. </li></ul></ul><ul><ul><li>If you know how to write CSS, you can manage much of the look and feel of the site from here. </li></ul></ul><ul><ul><li>The global.css document is commented and broken down into sections. To change the look and feel of various parts of the application, look for the comments for that section. </li></ul></ul><ul><ul><li>Comments in CSS files look like this: </li></ul></ul><ul><ul><ul><li>/* everything between these tags is a comment */ </li></ul></ul></ul>
    14. 15. Quick start <ul><li>Like CSS files, Javascript files can be either created directly on the form or imported from external files. </li></ul><ul><li>Create some Javascript </li></ul><ul><ul><li>Go to Resources, Javascript </li></ul></ul><ul><ul><li>Click the “New Javascript” button. </li></ul></ul><ul><ul><li>Title it “myjavascript.js” </li></ul></ul><ul><ul><li>Write a your script in the field below the title. function hello() { alert ( 'hello world!'); } </li></ul></ul><ul><ul><li>Click Save & Close. </li></ul></ul>
    15. 16. Quick start <ul><ul><li>Go to HTML Template, Block Templates. </li></ul></ul><ul><ul><li>Open the HTMLTop Template Block document. </li></ul></ul><ul><ul><li>Between the <head> tag and the next line, insert this HTML tag: </li></ul></ul><ul><ul><li><script type=&quot;text/javascript&quot; src=&quot;../dx/myjavascript.js&quot;></script> </li></ul></ul><ul><ul><li>Click Save & Close. </li></ul></ul><ul><li>Now you have a Javascript function that you can call out to from anywhere in the application. </li></ul>
    16. 17. Quick start <ul><li>Put your Javascript to work </li></ul><ul><ul><li>To create a simple example, we’ll just use the image we imported and used in the blog entry as a place to put a call to the Javascript function. </li></ul></ul><ul><ul><li>Open the blog entry and find the image tag. Insert an HREF tag around it, so that the image tag looks like this: </li></ul></ul><ul><ul><li><a href=&quot;javascript:hello();&quot;><img src=&quot;orange-girl.jpg&quot; alt=&quot;orange-girl.jpg&quot;/></a> </li></ul></ul><ul><ul><li>Click Save & Close. </li></ul></ul><ul><ul><li>Refresh the browser. Now you can click the image, and an alert box will pop up. </li></ul></ul><ul><li>Note: For this example to work, “Allow HTML” must be checked in the Configuration document under the Site Settings, Content Creation tabs. </li></ul>
    17. 18. Quick start <ul><li>Add a DX Tag into the layout </li></ul><ul><ul><li>By default, the blog template will display the last five blog entries. One easy way for users to get to the older entries is to have a link after the last entry that says “Previous Blogs”. The <$DXNavForward$> DX Tag will give you that link. It’s complement is <$DXNavBack$>. </li></ul></ul><ul><ul><li>Open the HTML Templates, Page Templates. </li></ul></ul><ul><ul><li>Open the Home Page document. </li></ul></ul><ul><ul><li>Click the Edit button. </li></ul></ul><ul><ul><li>Type the following code after the DXContent tag: <$DXNavForward$> </li></ul></ul>
    18. 19. Quick start <ul><ul><li>Refresh the browser. </li></ul></ul><ul><ul><li>Now you should see a link at the bottom of the page (above the footer), after the last blog entry. The link should say “Previous Blogs”. </li></ul></ul><ul><li>Change the text in the tag </li></ul><ul><ul><li>Go to Configuration, Configuration Document. </li></ul></ul><ul><ul><li>Open the Configuration Document </li></ul></ul><ul><ul><li>Go to Formatting, General, Navigation in the tabbed table. </li></ul></ul>
    19. 20. Quick start <ul><ul><li>Change the value in the third field to “Previous Blog Entries”. </li></ul></ul><ul><ul><li>Save & Close and refresh the browser. </li></ul></ul><ul><ul><li>The link should now say “Previous Blog Entries” instead of “Previous Blogs”. </li></ul></ul>
    20. 21. Hints for success <ul><li>Make sure to Full Text Index the database on the server. Otherwise search will be very slow and inefficient on the server. </li></ul><ul><li>If you want to track statistics, make sure to configure a statistics database. </li></ul><ul><ul><li>Technote: http://www-1.ibm.com/support/docview.wss?rs=463&context=SSKTMJ&context=SSKTWP&q1=blog&uid=swg21246924&loc=en_US&cs=utf-8&lang=en </li></ul></ul><ul><ul><li>Blog entry from Steve Castledine on statistics tracking: http://www.stevecastledine.com/sc.nsf/dx/06102006100458SCACNL.htm </li></ul></ul><ul><li>For both comments and statistics tracking, default access must be Author. </li></ul>
    21. 22. Blog template architecture <ul><li>The blog template is a web content management tool disguised as a blogging application. The application includes tools to manage HTML layout, dynamic content (i.e., blog entries), and other resources. </li></ul><ul><li>Key architectural constructs to understand include: </li></ul><ul><ul><li>The Configuration document </li></ul></ul><ul><ul><li>DX Tags </li></ul></ul><ul><ul><li>HTML Templates </li></ul></ul><ul><ul><ul><li>Block Templates </li></ul></ul></ul><ul><ul><ul><li>Page Templates </li></ul></ul></ul><ul><ul><ul><li>Item Templates </li></ul></ul></ul>
    22. 23. Configuration document <ul><li>The Configuration document controls how the application’s dynamic content is rendered. </li></ul><ul><li>DX Tags work hand in hand with the Configuration document. In many cases, there is a direct relationship between a particular field or set of fields in the Configuration document and a particular DX Tag. </li></ul><ul><li>A list of DX Tags is available here: http://www.stevecastledine.com/dominoblog.nsf/dx/dxtags.htm?opendocument&comments </li></ul><ul><li>It also helps to understand web markup, because DX Tags produce markup (HTML, Javascript, CSS) in the Web user interface. </li></ul>
    23. 24. The DX Tag engine <ul><li>The blog template contains a content rendering engine written in Lotusscript. This engine allows you to populate static HTML with dynamic content. The methodology is similar to ASP/JSP. </li></ul><ul><li>DX Tags work in a way that is analogous to JSP tags or ASP tags. </li></ul><ul><li>DX Tags are rendered on-the-fly by the code contained in a Script library called DXLiveContentEngine. </li></ul>
    24. 25. The DX Tag engine <ul><li>Dynamic content is served up through tags called DX Tags. </li></ul><ul><li>Pseudo-code example: </li></ul><ul><ul><li><static HTML layout> <dynamic DX Tag> <static HTML layout> </li></ul></ul><ul><li>Real code examples: </li></ul><ul><ul><li><div> <!-- This is where the search form goes --> <$DXSearchForm$></div> </li></ul></ul><ul><ul><li><div> <!-- This is where the list of recent blog entries goes --> <$DXRecentSubjects$></div> </li></ul></ul><ul><li>Code examples from the template (located in the LeftSideBar Template Block): </li></ul><ul><ul><li><div class=&quot;portlet-content&quot;><div class=&quot;table-wrap&quot;><$DXSearchForm$></div></div></div> </li></ul></ul><ul><ul><li><div class=&quot;portlet-content&quot;><div class=&quot;table-wrap&quot;><ul><$DXRecentSubjects$></ul></div></div> </li></ul></ul>
    25. 26. Template Blocks and Pages <ul><li>Segments of markup including both HTML and DX Tags can be assembled into “Blocks”. The Blocks can be reused in “Pages”. </li></ul><ul><li>An example of a Block would be something you would reuse across the application, like a header or footer. </li></ul><ul><li>An example of a Page would be the blog’s homepage. The homepage could include several blocks, as well as HTML and DX Tags. </li></ul>
    26. 27. Template Blocks and Pages <ul><li>Below is a screenshot of a Block document. You can see that it has a title, “Banner”, and a “block” of HTML, mixed in with several DX Tags. </li></ul>
    27. 28. Template Blocks and Pages <ul><li>Here is a screenshot of a Page document titled “Home Page”. You can see that a DX Tag called “DXTemplateBlock” refers to the Block document titled “Banner”: <$DXTemplateBlock Name=“Banner”$> </li></ul>
    28. 29. Template Blocks and Pages <ul><li>From the previous example, you can see that you can assemble several Template Blocks together in a Page to create a layout. </li></ul><ul><li>This allows centralization of your markup code and keeps it easy to manage. </li></ul>
    29. 30. Item Templates <ul><li>Item Templates are used for dynamic content usually appearing in a list or sequential format. </li></ul><ul><li>“Items” include blog entries and blog entry comments. </li></ul><ul><li>Item Templates are similar to Blocks as they both contain a mixture of HTML and DX Tags. </li></ul><ul><li>Example from the “Comment Item” Template document: </li></ul><ul><ul><li><div class=&quot;commentbody&quot;><$DXCommentNumber$>) <strong><$DXCommentSubject$></strong></div><div class=&quot;commentauthor&quot;><$DXCommentAuthor$><$DXCommentCreation$></div><div class=&quot;commenttext&quot;><$DXCommentText$></div> </li></ul></ul>
    30. 31. Putting it all together <ul><li>Pages contain Blocks. Blocks contain Items. </li></ul><ul><ul><li>Note: This is not a hard and fast rule, just a best practice to keep your code manageable. The point of the blog application’s approach is to make managing the site easy and flexible. </li></ul></ul><ul><li>DX Tags can go on Pages, Blocks and Items. </li></ul><ul><li>DX Tags can often be customized in the Configuration document. </li></ul>
    31. 32. Example: Tattoo Well <ul><li>Demo: Tattoo Well blog </li></ul>
    32. 33. Embrace and Extend with Web 2.0 Take your blog to the next level by integrating it with external tools
    33. 34. What you need to know before you start <ul><li>Easy to add and just as easy to remove. </li></ul><ul><li>Third party integration should enhance your blog content, not be the focus of your blog. </li></ul><ul><li>Do you have an innie or an outtie? </li></ul><ul><li>Integration isn’t free! </li></ul><ul><li>K.I.S.S. and less is more. </li></ul>
    34. 35. The path to your blog is varied <ul><li>What is it? Blog Stats Database (StdR7BlogStat) </li></ul><ul><li>What does it do? The Blog template allows you to record information on site usage. This involves switching the feature on in your blog database (Site Configuration Document) and setting up a secondary database to collect the information. </li></ul><ul><li>How do I integrate it? </li></ul><ul><ul><li>Download the template from IBM http://www-1.ibm.com/support/docview.wss?rs=899&uid=swg21246924&loc=en_US&cs=UTF-8&lang=all </li></ul></ul><ul><ul><li>Setup statistics database and turn on statistic tracking </li></ul></ul><ul><ul><li>Display recent refers and search terms by using the <$DXGoogle$> and <$DXReferrers$> tags, respectively. </li></ul></ul><ul><ul><li>Customize the display of the lists by creating an agent and accessing it via AJAX </li></ul></ul>
    35. 36. Enable Entry from anywhere <ul><li>What is it? IBM Lotus Blog Template Web Client Interface </li></ul><ul><li>What does it do? Web browser interface that allows you to create and edit blog entries and upload resources. </li></ul><ul><li>How do I integrate it? </li></ul><ul><ul><li>Add <$DXAdmin$> tag to your Site template </li></ul></ul><ul><ul><li>Add <$DXEdit$> tag to your Document template </li></ul></ul><ul><ul><li>If your blog is hosted on a server that is not your own, get the administrator to create you an account that can log into the server. </li></ul></ul><ul><ul><li>You can modify the web interface by changing the Web Client template </li></ul></ul><ul><ul><li>Send in blog entries via email </li></ul></ul><ul><ul><li>Use a third party tool to connect to connect via published APIs </li></ul></ul>
    36. 37. Chicklet Fever hits a high <ul><li>What is it? A chicklet is a small icon used to indicate availability of a service or affiliation with a group or site. </li></ul><ul><li>What does it do? A chicklet enables you easily display what features, like RSS Feeds, are available on your site. It can also display your affiliation or support of another site or organization, like OpenNTF.org. </li></ul><ul><li>How do I integrate it? </li></ul><ul><ul><li>Download or create the chicklet you want to add to your site. </li></ul></ul><ul><ul><li>Add the image as a resource on your blog. </li></ul></ul><ul><ul><li>Add the necessary code to your template. </li></ul></ul><ul><ul><li>This is a good choice for using Template Blocks. </li></ul></ul>
    37. 38. Make Feed Readers Accessible <ul><li>What is it? Bloglines (http://www.bloglines.com/), Feedburner (http://www.feedburner.com/), Yahoo and Google Readers, and many more. </li></ul><ul><li>What does it do? RSS Feed Readers allow users to subscribe to news and information feeds from multiple sites. </li></ul><ul><li>How do I integrate it? </li></ul><ul><ul><li>Add links to your RSS feed for each Reader you want to support. </li></ul></ul><ul><ul><li>Publish your feed on Feedburner. </li></ul></ul><ul><ul><li>Add feeds for individual categories. </li></ul></ul><ul><ul><li>Publish the list of feeds that you read to your template. </li></ul></ul>
    38. 39. Socialize with other like minded blogs <ul><li>What is it? del.icio.us (http://del.icio.us/), Digg (http://digg.com/), reddit (http://www.reddit.com/), and many more. </li></ul><ul><li>What does it do? Social bookmarking is a web service that allows people to share Internet bookmarks and access those bookmarks from any computer. </li></ul><ul><li>How do I integrate it? </li></ul><ul><ul><li>Register on your favorite social bookmarking sites. </li></ul></ul><ul><ul><li>Add links to your entries to allow users to easily bookmark them at your favorite sites. </li></ul></ul><ul><ul><li>Add your list of bookmarks to your template. </li></ul></ul>
    39. 40. Get your Google on <ul><li>What is it? Google Adsense (https://www.google.com/adsense/), Google Custom Search (http://google.com/coop/cse/), and Google Analytics (http://www.google.com/analytics/) </li></ul><ul><li>What does it do? </li></ul><ul><ul><li>Google Adsense for Content – a fast and easy way for website publishers of all sizes to display relevant, unobtrusive Google ads on their website's content pages and earn money. </li></ul></ul><ul><ul><li>Google Adsense for Search - a way for web site publishers to provide Google search to their site users and to earn money by displaying Google ads on the search results pages. </li></ul></ul><ul><ul><li>Google Custom Search – Harness the power of Google search to create a free Custom Search Engine that reflects your knowledge and interests. Specify the websites that you want searched - and integrate the search box and results into your own website. </li></ul></ul><ul><ul><li>Google Analytics - Google Analytics tells you everything you want to know about how your visitors found you and how they interact with your site. </li></ul></ul>
    40. 41. Get your Google on <ul><li>How do I integrate it? </li></ul><ul><ul><li>Google Adsense for Content </li></ul></ul><ul><ul><ul><li>Sign up for Adsense account </li></ul></ul></ul><ul><ul><ul><li>Use the Adsense Setup wizard to determine which ads to display and the format of them </li></ul></ul></ul><ul><ul><ul><li>Add code to your template <script type=&quot;text/javascript&quot;><!— google_ad_client = &quot;pub-7145674392602552&quot;; google_ad_width = 728; google_ad_height = 90; google_ad_format = &quot;728x90_as&quot;; google_ad_type = &quot;text&quot;; google_ad_channel = &quot;&quot;; google_color_border = &quot;E6F4FF&quot;; google_color_bg = &quot;E6F4FF&quot;; google_color_link = &quot;003D6B&quot;; google_color_text = &quot;333333&quot;; google_color_url = &quot;0066B3&quot;; //--></script> <script type=&quot;text/javascript“ src=&quot;http://pagead2.googlesyndication.com/pagead/show_ads.js&quot;> </script> </li></ul></ul></ul><ul><ul><ul><li>View reports on a regular basis </li></ul></ul></ul>
    41. 42. Get your Google on <ul><li>How do I integrate it? </li></ul><ul><ul><li>Google Adsense for Search </li></ul></ul><ul><ul><ul><li>Sign up for Adsense account </li></ul></ul></ul><ul><ul><ul><li>Use the Adsense Setup wizard to determine the look and feel of the search box and results </li></ul></ul></ul><ul><ul><ul><li>Add code to your template </li></ul></ul></ul>
    42. 43. Get your Google on <ul><li>How do I integrate it? </li></ul><ul><ul><li>Google Custom Search </li></ul></ul><ul><ul><ul><li>Sign up for a Google Account </li></ul></ul></ul><ul><ul><ul><li>Create your own free search engine, or contribute to someone else's. </li></ul></ul></ul><ul><ul><ul><li>Add code to your template <!-- Google CSE Search Box Begins --> <form id=&quot;searchbox_009202765687273617243:rqtgjk3xi2q&quot; action=&quot;http://google.com/cse&quot;> <input type=&quot;hidden&quot; name=&quot;cx&quot; value=&quot;009202765687273617243:rqtgjk3xi2q&quot; /> <input name=&quot;q&quot; type=&quot;text&quot; size=&quot;40&quot; /> <input type=&quot;submit&quot; name=&quot;sa&quot; value=&quot;Search&quot; /> <input type=&quot;hidden&quot; name=&quot;cof&quot; value=&quot;FORID:1&quot; /> </form> <script type=&quot;text/javascript&quot; src=&quot;http://google.com/coop/cse/brand?form=searchbox_009202765687273617243%3Arqtgjk3xi2q&quot;></script> <!-- Google CSE Search Box Ends --> </li></ul></ul></ul>
    43. 44. Get your Google on <ul><li>How do I integrate it? </li></ul><ul><ul><li>Google Analytics </li></ul></ul><ul><ul><ul><li>Sign up for Analytics account </li></ul></ul></ul><ul><ul><ul><li>Add tracking code to your template <script src=&quot;http://www.google-analytics.com/urchin.js&quot; type=&quot;text/javascript&quot;> </script> <script type=&quot;text/javascript&quot;>    _uacct=&quot;UA-xxxx-x&quot;;    urchinTracker(); </script> </li></ul></ul></ul><ul><ul><ul><li>Check the reports to see profiles of your visitors </li></ul></ul></ul>
    44. 45. Mark your territory on Plazes <ul><li>What is it? Plazes (http://beta.plazes.com) </li></ul><ul><li>What does it do? The Plazer software, which is installed locally, looks for the hardware ID of your local network (MAC ID) and checks whether it is already in the database with an address, so we can plaze you at that location. </li></ul><ul><li>How do I integrate it? </li></ul><ul><ul><li>Create a Plazes account </li></ul></ul><ul><ul><li>Download and install Plazes software </li></ul></ul><ul><ul><li>Add Plazes Badge to your site </li></ul></ul>
    45. 46. Track your comments with coComment <ul><li>What is it? coComment (http://www.cocomment.com/) </li></ul><ul><li>What does it do? coComment keeps track of all the online conversations you're following in one convenient place, and informs you whenever something is added to a conversation. coComment also allows you to publish your conversations to your blog in a click or send them to your friends via email. </li></ul><ul><li>How do I integrate it? </li></ul><ul><ul><li>Add coComment JavaScript to comment form template <script type=&quot;text/javascript&quot;> var blogTool = &quot;DominoBlog&quot;; var blogURL = &quot;<$DXURL$>&quot;; var blogTitle = &quot;<$DXTitle$>&quot;; var postURL = &quot;<$DXURL$>dx/<$DXDocumentLink$>&quot;; var postTitle = &quot;<$DXSubject$>&quot;; var commentTextFieldName = &quot;textcomment&quot;; var commentButtonName = &quot;SubmitButton&quot;; var commentAuthorLoggedIn = false; var commentFormName = &quot;_DominoForm&quot;; </script> <script id=&quot;cocomment-fetchlet&quot; src=&quot;http://www.cocomment.com/js/enabler.js&quot;></script> </li></ul></ul><ul><ul><li>Install coComment extension for Firefox </li></ul></ul><ul><ul><li>Share your coComments on your blog </li></ul></ul><ul><ul><ul><li>Customize your latest comments, commentors, or keywords </li></ul></ul></ul><ul><ul><ul><li>Use JSON to completely control the look and feel of the comments </li></ul></ul></ul>
    46. 47. Tag your links with Technorati <ul><li>What is it? Technorati (http://www.technorati.com/) </li></ul><ul><li>What does it do? Technorati allows you to search for blog entries based on keywords and displays blogs that have linked to your blog. </li></ul><ul><li>How do I integrate it? </li></ul><ul><ul><li>Sign up for an account on Technorati </li></ul></ul><ul><ul><li>Claim your blog address(es) </li></ul></ul><ul><ul><li>Ping Technorati when you update your blog, either manually (http://pingrati.net/ping/) or via configuration document </li></ul></ul><ul><ul><li>Add links to your template, favorite and who’s linked to this blog </li></ul></ul><ul><ul><li>Add microformat to your external links (rel=“tag”) </li></ul></ul>
    47. 48. Previews of linked sites is a SNAP! <ul><li>What is it? SNAP Preview Anywhere (http://www.snap.com/) </li></ul><ul><li>What does it do? Snap Preview Anywhere makes it easier for people to know where they're going when they click on a link. Your site becomes easy to navigate. And if the link doesn't go where they want, they'll know before they leave. Besides, Snap Preview Anywhere is cool! </li></ul><ul><li>How do I integrate it? </li></ul><ul><ul><li>Sign up for SNAP Preview Anywhere </li></ul></ul><ul><ul><li>Install the code in the <Head> section of your Page Templates <script defer=&quot;defer&quot; id=&quot;snap_preview_anywhere&quot; type=&quot;text/javascript&quot; src=&quot;http://spa.snap.com/snap_preview_anywhere.js?ap=1&amp;key=4a727fa71fb49a4f4bee61e759e49a69&amp;sb=0&amp;domain=www.yourdomain.com/&quot;></script> </li></ul></ul>
    48. 49. Spread the word with Podcasts <ul><li>What is it? A Podcast is a media file that is distributed by subscription over the Internetfor playback on mobile devices and personal computers. Taking Notes (http://www.takingnotespodcast.com/) Bruce Elgort and Julian Robichaux IdoNotes (http://www.idonotes.com/) Chris Miller IBM Shortcuts (http://www.ibm.com/shortcuts) </li></ul><ul><li>What does it do? Podcasts give you a new way to reach your audience and interact with them on a more personal level. </li></ul><ul><li>How do I integrate it? </li></ul><ul><ul><li>Create the podcast file (MP3) </li></ul></ul><ul><ul><li>Add it to the Shared Resources </li></ul></ul><ul><ul><li>Add new entry and fill out the Media tab </li></ul></ul><ul><ul><li>Syndicate it on iTunes </li></ul></ul>
    49. 50. Show the world your pretty face via Flickr <ul><li>What is it? Flickr (http://www.flickr.com/) </li></ul><ul><li>What does it do? Flickr, and it’s brethren, allow users to easily share photos with friends. </li></ul><ul><li>How do I integrate it? </li></ul><ul><ul><li>Sign up for an account on Flickr, part of Yahoo! </li></ul></ul><ul><ul><li>Upload the photos you want to share </li></ul></ul><ul><ul><li>Add photos to your blog entries </li></ul></ul><ul><ul><li>Add badge to your template </li></ul></ul><ul><ul><li>Add link to RSS feed to your template </li></ul></ul><ul><ul><li>Write your own custom photo sharing app using Flickr’s API </li></ul></ul>
    50. 51. Connect to OpenNTF <ul><li>What is it? OpenNTF (http://www.openntf.org/) </li></ul><ul><li>What does it do? OpenNTF is a site devoted to getting groups of individuals all over the world to collaborate on Lotus Notes/Domino applications and release them as open source. </li></ul><ul><li>How do I integrate it? </li></ul><ul><ul><li>Add OpenNTF plugin to your template. <script type=&quot;text/javascript&quot;> <!-- category = &quot;random&quot; //(current 'fixed' categories: &quot;recent&quot;,&quot;downloads&quot;,&quot;active&quot;) ; inwidth = 220; inheight = 170; innumber = 3; //--> </script> <script type=&quot;text/javascript&quot; src=&quot;http://www.openntf.org/projects/pmt.nsf/openntfplugin.js&quot;> </script> </li></ul></ul>
    51. 52. Get your AIM on target <ul><li>What is it? AIM Whimsicals (http://developer.aim.com/whimsicals) </li></ul><ul><li>What does it do? AIM Whimsicals are a fun and easy way to add AIM functionality to any web page. They let AIM users view their Buddy List, send and receive IMs, and view presence information - directly on the web page. </li></ul><ul><li>How do I integrate it? </li></ul><ul><ul><li>Sign up for an AIM account </li></ul></ul><ul><ul><li>Grab an API key </li></ul></ul><ul><ul><li>Add the code to your blog </li></ul></ul><ul><ul><li>Customize the UI to match your blog </li></ul></ul>
    52. 53. Make your site sizzle with JS Frameworks <ul><li>What is it? prototype (http://prototype.conio.net/), Dojo (http://dojotoolkit.org/), jQuery (http://jquery.com/), script.aculo.us (http://script.aculo.us/), Yahoo! User Interface Library (http://developer.yahoo.com/yui/) and many others. </li></ul><ul><li>What does it do? Javascript Frameworks allow web site developers to more easily write code to do complex UI and DOM operations with pre-built libraries and widgets. </li></ul><ul><li>How do I integrate it? </li></ul><ul><ul><li>Figure out which framework to use – NO SMALL TASK </li></ul></ul><ul><ul><li>Download the Javascript files and add them as Javascript Resources </li></ul></ul><ul><ul><li>Read the Documentation thoroughly </li></ul></ul>
    53. 54. Other Third Party tools <ul><li>GeeSee Chat (http://www.geesee.com/) </li></ul><ul><li>Meebo IM (http://www.meebome.com/) </li></ul><ul><li>Accuweather.com netWeather (http://netwx.accuweather.com/) </li></ul><ul><li>Amazon.com Associates (http://affiliate-program.amazon.com/gp/associates/join) </li></ul><ul><li>Google Maps (http://maps.google.com/) </li></ul><ul><li>Frappr Map (http://www.frappr.com/) </li></ul><ul><li>Vlocate (http://www.wefixit.de/services) </li></ul><ul><li>webPolls by Sparklit (http://webpoll.sparklit.com/) </li></ul><ul><li>YouTube (http://www.youtube.com/) </li></ul>
    54. 55. Additional resources <ul><li>Steve Castledine regularly blogs about things you can do with the blogging template. You can go right to those posts with this link: http://www.stevecastledine.com/sc.nsf/archive?openview&title=Blog+Template&type=cat&cat=Blog+Template&sort=I </li></ul><ul><li>Lotus Support Knowledgebase – Search for “Domino Blog Template” </li></ul>
    55. 56. Additional resources <ul><li>If you want to get more involved in the Lotus community, an excellent way is to blog! You will need to: </li></ul><ul><ul><li>Choose a host for your blog. Companies that provide blog hosting for Domino include: </li></ul></ul><ul><ul><ul><li>http://connectria.com/ </li></ul></ul></ul><ul><ul><ul><li>http://prominic.net/ </li></ul></ul></ul><ul><ul><ul><li>http://dominodeveloper.net/ </li></ul></ul></ul><ul><ul><li>Choose a blogging template </li></ul></ul><ul><ul><ul><li>Follow Mike Rhodin and use the IBM Lotus Domino Blogging template! Only on the 7.0.2 Domino installation. </li></ul></ul></ul><ul><ul><ul><li>Go to http://openntf.org/ and get Blogsphere. And check out Declan Lynch’s “Teaching An Old Blog New Tricks” blog at http://www.blogsphere.net/. Declan is the creator of the Blogsphere template. </li></ul></ul></ul><ul><ul><ul><li>If your company is uses Quickplace, check out Qblog from SNAPPS at http://www.snapps.com/SNAWEB.NSF/0/44CD269257591E7B86257226006E6786 </li></ul></ul></ul><ul><ul><li>Let the community know that you are there! </li></ul></ul><ul><ul><ul><li>Go to http://www.dominoblogs.com/ and register your site. </li></ul></ul></ul><ul><ul><ul><li>Make sure you stop by other blogs in the community and leave comments so that we can get to know you! </li></ul></ul></ul><ul><ul><li>If you write it well, they will come. Find your voice and let it be heard. </li></ul></ul>
    56. 57. Additional Resources <ul><li>Feel free to contact us online if you have questions! </li></ul><ul><ul><li>Sean’s blog: http://www.phigsaidwhat.com/ </li></ul></ul><ul><ul><li>Sean’s email: phigmentb@phigsaidwhat.com </li></ul></ul><ul><ul><li>John’s blog: http://jonvon.net/ </li></ul></ul><ul><ul><li>John’s email: jonvon@gmail.com </li></ul></ul>
    57. 58. Other Sessions about Blogging <ul><li>ID111 AfterBlogging: Who's Reading Your Blog, and Why? Speakers: Sandra Kogan, Steve Castledine SW 5-6 - Tuesday 4:15pm - 5:15pm </li></ul><ul><li>BOF507 OpenNTF - An Open Source Community Speaker: Bruce Elgort Y&B GH Salon VI - Tuesday 5:45pm - 6:45pm </li></ul><ul><li>BOF108 Web 2.0 and Social Bookmarking Speaker: Ted Stanton Y&B Asbury A - Thursday 7:00am - 8:00am </li></ul><ul><li>BOF508 The Lotus Software Blogging Community (Not Just Bloggers!) Speaker: Ed Brill SW Parrot - Thursday 7:00am - 8:00am </li></ul>
    58. 59. Q & A <ul><li>Please step up to the microphone and ask us questions! Don’t be shy, we don’t bite much. </li></ul>

    ×