Posts Tagged ‘ WordPress

How to: Embed Flickr Album Slideshow in WordPress

Only realized missing of HTML embed code that usually available on Flickr’s old web user interface. Thanks to Mabel to share steps on the Flickr forum, as below:


i) open Flickr album
ii) at the browser navigation bar URL, example:
iii) add “/show” at the end of the URL, example:
iv) press enter and it will bring you to slideshow page with options
v) click on “Share” button/word on top right
vi) under “Grab the embed HTML:”, there is a line of coding, click “Copy to clipboard” and paste it WordPress “Text mode” and you are done.
vii) for further customization such as slideshow size, click on “Customize this HTML” as image above

WordPress: PDF and PPT Viewer (plugin for embedding PDF file)

Recently searching for a way to embed PDF file directly into a post, which can help readers to eliminate the step of download actual file on local machine and open it with dekstop application such as Adobe Reader.

Then i found a plug-in called “PDF and PPT Viewer“, a WordPress plugin for embedding documents to posts, created by Vladimir Kadalashvili. the plug-in make use of web-based Google Docs Viewer that automatically opens linked PDF, PowerPoint and Word documents. Although this plugin hasn’t been updated in over 2 years, but it still works perfectly.

Step to install PDF and PPT Viewer plug-in:

  • Go to WordPress Dashboard -> Plugins -> Add New
  • Search “PDF and PPT Viewer”
  • install and activate it at “Installed Plugins”
  • After activated, you can now start writing a new post, insert a PDF file to your post by “Add Media”, then upload the needed file. Insert the code as below, input the correct link at the “href” to embed the PDF, you can manage the size by changing the value for width and height.

    WordPress: Display only summary on Home Page

    Wanted to show blog post’s first paragraph or summary on the main page, tried on Dashboard -> Setting -> Reading -> For each article in a feed, show: “Summary”, but doesn’t work as I expect because it only shows summary on feeds reader (ex: Google reader, Netvibes).

    After done web search, it cannot be done in a universal way throughout the blog, gotto insert one by one with 3 simple methods to do so: Excerpt at “Screen Options:, The more tag in “Visual” Editor and The more tag “Text” Editor.

    i) Excerpt

    To enable it, go to Dashboard -> Add New Post -> “Screen Options” -> tick “Excerpt”. A new column will be added under post editor (where you write content), write in summary or just copy-paste paragraph from your blog entry and it will display in main page.

    Check out WordPress official support, Excerpts:

    WordPress: “Theme Test Drive” plug-in

    Got to change the WordPress blog theme from time to time to keep it look fresh, else i’ll be bored to the same old look. Installing a new theme will not visually present properly right-away for my blog, because the blog is previously customized by editing the PHP files and CSS stylesheets according to my preferences. Means the more you edited previously, the more time you’ll need to work on new theme’s codes.

    There are two methods that i done previously,

    i) active new themes directly and work it on there without caring the undone side will be seen by visitors
    ii) install another WordPress on sub-domain, copy everything in another folder (which now a totally mess) and work over there, then copy the edited new theme files to the root folder.

    Now, the 3rd method, easiest way that recently found is by install a WordPress plaugin “Theme Test Drive“. This is one of the coolest free WordPress plugin i ever used other than Crayon Syntax Highlighter.

    To install the Theme Test Drive plug-in, head to links below,

  • Official Site: VLADIMIR PRELOVAC “Theme Test Drive
  • WordPress Plugin Directory: Theme Test Drive
  • install from your WordPress “Dashboard” -> “Plugins” -> “Add New” -> Search “Theme Test Drive” -> “Install Now”
  • After done installed, choose the new theme to edit and click “Enable Theme Drive” as image above. While Theme Test Drive is enable, the “current” theme will be set as default, stay untouch and display to visitors like it used to. Now, you can start messing with new theme’s codes without worry on affecting the “current” display.

    Here are the modification can be made while Theme Test Drive enabled:

  • Menus & Widgets (for preview only)
  • Themes option
  • Themes template .php files (ex: index.php, header.php or single.php)
  • CSS Style Sheets
  • After done modification and satisfied with new look, disable “Theme Test Drive” and activate new themes at “Appearance”-> “Themes”. Do take note there will be 2 more left to touch up right after the new theme activated:

    i) Menus – There will be no header menu or global menu, so you need to set it at “Appearance” -> “Menus”
    ii) Widgets – it will be empty, so you need to add-in desired widgets and arrange it at “Appearance” -> “Widgets”

    Older posts