Monday, February 21, 2011

Test linking & embedding Scribd documents


Previous posts in the original Blogger Tips and Tricks (although I believe I am the very first to start "Blogger Tips and Tricks", a very useful and popular resource blog for bloggers particularly using Blogger.com's platform, there has sprouted lots other "Blogger Tips and Tricks" so forcing me to append the original to my original Blogger Tips and Tricks) have described how to upload WORD documents, Excel spreadsheets and PowerPoint presentations plus embed into blogs and websites, things have changed requiring a retest of Scribd, so below is my test linking to Scribd: Criminal Trick and linking to Scribd: Criminal Trick, full screen plus test embedding below the document below:

Criminal Trick

Below are the screen shots I took while doing this test and you probably can see how to do it from the screen shots or alternatively wait till I get time tomorrow to write a new post over at my Scribd: Criminal Trick and linking to Scribd: Criminal Trick, full screen:



Thursday, February 17, 2011

Test changing from classic template to New Blogger xml template


A blogger complained in the comments section of Upgrade to New Blogger xml LAYOUT template that he could not find the CUSTOMIZE DESIGN tab, so tested that in my spare Blogger classic template store blog and sure enough, the CUSTOMIZE DESIGN tab was there. See screenshot below:

Friday, February 04, 2011

Test embed Youtube video autoplay



So if the above plays automatically when you land on this page means test successful. So to make an embedded Youtube video autoplay, all you need to do is to add at the end of the Youtube URL &autoplay=1 and it will play automatically.

The above video was taken at Damansara Uptown: OVO live bistro

The original Youtube embed code:

<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/BVa_3jn8XYY?hl=en&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/BVa_3jn8XYY?hl=en&fs=1&autoplay=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>


The modified Youtube embed code to make it autoplay with the added &autoplay=1 highlighted in red:

<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/BVa_3jn8XYY?hl=en&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/BVa_3jn8XYY?hl=en&fs=1&autoplay=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>


And to further make it loop endlessly, just append &loop=1 at the end thus the code become:

<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/BVa_3jn8XYY?hl=en&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/BVa_3jn8XYY?hl=en&fs=1&autoplay=1&loop=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>

Wednesday, February 02, 2011

Using wrong Photobucket code or link causing problems

Look at the images side by side by using these HTML table tags for images side by side plus the codes used to display them and hope you can spot why using the wrong codes or links from Photobucket can cause such problem and realize which should be the correct one:




PhotobucketPhotobucketPhotobucket





HTML codes to display the above

<table><tbody><tr><td><img src="http://www.blogger.com/%3Ca" href="http://s1211.photobucket.com/albums/cc435/dkfreer/Redwoods/?action=view&current=DSC_1322.jpg" target="_blank" /><img src="http://i1211.photobucket.com/albums/cc435/dkfreer/Redwoods/DSC_1322.jpg" border="0" alt="Photobucket" width="135/" /></td><td><img src="http://www.blogger.com/%3Ca" href="http://s1211.photobucket.com/albums/cc435/dkfreer/Redwoods/?action=view&current=DSC_1323.jpg" target="_blank" /><img src="http://i1211.photobucket.com/albums/cc435/dkfreer/Redwoods/DSC_1323.jpg" border="0" alt="Photobucket" width="135/" /></td><td><img src="http://www.blogger.com/%3Ca" href="http://s1211.photobucket.com/albums/cc435/dkfreer/Redwoods/?action=view&current=DSC_1324.jpg" target="_blank" /><img src="http://i1211.photobucket.com/albums/cc435/dkfreer/Redwoods/DSC_1324.jpg" border="0" alt="Photobucket" width="135" /></td></tr></tbody></table>




PhotobucketPhotobucketPhotobucket


The HTML codes:

<table><tbody><tr><td><img src="http://i1211.photobucket.com/albums/cc435/dkfreer/Redwoods/DSC_1322.jpg" border="0" alt="Photobucket" width="135/" /></td><td><img src="http://i1211.photobucket.com/albums/cc435/dkfreer/Redwoods/DSC_1323.jpg" border="0" alt="Photobucket" width="135/" /></td><td><img src="http://i1211.photobucket.com/albums/cc435/dkfreer/Redwoods/DSC_1324.jpg" border="0" alt="Photobucket" width="135" /></td></tr></tbody></table>