Posts Tagged ‘ WordPress

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: http://goo.gl/Gf0Fm

    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”


    Zamzar: Convert PDF file to Image online

    Just figured it out on how to convert a PDF (Portable Document Format) file to image, so i can share the content easier in WordPress blog. Instead of using software, i tried a Free Online Conversion Services, dubbed as Zamzar.

    Steps:

    i) head to official site http://www.zamzar.com. Choose your file to upload, type of conversion file (ex: .BMP, .PNG or .JPG) and key in your email address.

    ii) after conversion process done (takes within 30 seconds for my 3 pages PDF file), converted image links will be email to the address you keyed-in.

    iii) Click on the link from the email and it will redirect to a site where you can download all converted images.

    For more methods other than zamar.com, refer to “How to Convert PDF to Image Files“.

    Happy New Year 2013! Kampungtoys hits 174,000 Page Views

    Happy New Year! Thank you all for support and wish you folks all the best with a full prosperous year!

    Short story about Kampung Toys, it started as personal interest blog with minor post (sports, music and photography) since 2011, annual total page views with just little over 2,000. It begin to attract more audience when i started to blog on Xperia smartphone.

    Surprised me when Miss Jana found the blog, thanks to her by continuously feeds me with first-hand Google Malaysia news and media events invitations. Also thanks to Steven Wong from Asus Malaysia by inviting me to latest Asus product launch event to get more sources for blog post.

    With all the source and information i received, the blog’s traffic increased more than i expected, that also require me to increase exabytes web hosting bandwith twice a year.

    In year 2012, kampungtoys.com hits 174,520 Page Views (huge different compare to 2011) with total of 174 different countries where most visitors came from Malaysia, with United States & Singapore not far behind. Getting an average about 484 page views per day and over 14543 page views per month with 17.52% of them are returning visitors.

    Kampung Toys Annual Report:

    Audience Overview - Google Analytics

    WordPress: Author’s Google+ info in search results

    Google is piloting the display of author information in search results to help users discover great content. To have author information beside search result, you will need a Google+ profile, self host wordpress blog or Google’s Blogger,

    Steps

    i) Sign-in to your Google+
    ii) click on: http://plus.google.com/me/about/edit/co, add in your blog’s name and URL
    iii) click on profile page, copy url: https://plus.google.com/XXXXXXXXXXXX/posts
    iv) Go to WordPress admin page -> “Appearance” -> click on “Editor”
    v) Then paste this code at theme’s “head.php”

       or

       paste these code at theme’s “functions.php”

    vi) To see sample of author data on what Google can extract from your page, use “Structured Data Testing Tool

    After done all steps above, you’ll need to wait Google to re-crawl your site before it can show your content with author info on search result. In my case, it takes 8 days (from 7th Dec to 14th Dec) with an confirmation email received as below:


    —————————————————————————————————————————————-
    References

    WordPress: implement ‘Droid Sans’ font

    The Google Web Fonts – “Droid Sans is a humanist sans serif typeface designed by Steve Matteson, Type Director of Ascender Corp. Droid Sans was designed with an upright stress, open forms and a neutral, yet friendly appearance. Droid Sans was optimized for user interfaces and to be comfortable for reading on a mobile handset in menus, web browser and other screen text.”

    The example of the Droid Sans is right infront of you, the whole Kampung Toys blogs are using Droid Sans typeface now since i found previous fonts kinda messy and not read-friendly enough.

    Below are two ways to implement Droid Sans from Google Fonts into your site:

      1st method, insert code below on the top of Stylesheet (style.css)

      2nd method, insert code below in Theme Functions (functions.php)

    Then type in droid sans at the font family section, in Stylesheet (style.css) as below,

    Block Ads: content.yieldmanager.edgesuite.net

    Recently, i got these annoying pop-up web advertisement on my browser from this URL: “content.yieldmanager.edgesuite.net“, it kept on refreshed every few seconds and worst it comes with sounds! Tried to google the solution, but lots of search result are misleading.

    Thanks to Qverc for creating and sharing a detail step-by-step YouTube video on how to block “content.yieldmanager.edgesuite.net”, watch it from YouTube (http://youtu.be/vDL2dUfPmu8?hd=1) if video below don’t work.

    If you are having this “content.yieldmanager.edgesuite.net” too, you may follow steps below:

    i) go to Notepad shortcut -> right click -> click “Run as administrator”
    ii) click on “File” -> “Open” -> type “c:\windows\System32\drivers\etc\hosts”
    iii) add a newline at bottom: “127.0.0.1 content.yieldmanager.edgesuite.net”
    iv) Save it and exit, refresh the page on browser and the ads will not be there anymore

    Older posts

    Calendar

    May 2013
    M T W T F S S
    « Apr    
     12345
    6789101112
    13141516171819
    20212223242526
    2728293031