B-Time is time for or with Bianca – Big Time that is!!! Especially needed after a hefty Ycademy Seminar with eyes and ears glued to the screen and something else to the chair… So the South African sun is calling and as ‘Bee’ is and has always been my nickname… my winged family is calling and I could capture some magnificent digital pictures in the afternoon light yesterday, right here in Noordhoek, South Africa ! Nothing like B-Time!

How to resize thumbnails

Jokes aside… (…and it’s not a joke even…) – I need to test how to resize thumbnails for my new mobile web conversion for Bianca Gubalke Mobile. Of course, one can edit the WPtouch Settings in the Dashboard of the website where the current default size is 92 x 92px. But it did not move despite me changing the size here. So I changed the thumbnail sizes in the Media Settings on my Blog (General/Media) as well to 180px to 135px – but no go.

However, we work in a more precise way if changing and adapting our stylesheet. The stylesheet of our Child Theme in terms of Semiomantics XO that is. And that’s what I did now… all part of normal Website Development with a view of bringing our blogs up to the latest and most modern cutting-edge of technology standard.

Let’s see if I could manage to change the size of the thumbnail display. . . otherwise it’s back to the drawing board with a heavy thinking cap finding ways until “it works” . . . here we go, first shot!

Bianca Gubalke Mobile: the beginning of what will become an eye-catching WordPress based Mobile Website with the look of an iPhone Application following this month’s Ycademy Seminar.

Bianca Gubalke Mobile

We’ve just finished a fulfilling first day of the future-oriented June 2011 Ycademy Seminar going through the basics of building an elegant presentation of our Author Blog on the Mobile Web, optimizing the site for iPhone, iPad, iPod, Android, Blackberry, Win 7 Mobile and so on… therefore my work title “Bianca Gubalke Mobile”.

What is amazing is the high quality resolution people see on the comparatively small screens of their mobile devices – which means rethinking our editing and publishing routine! Within just a few years, the Internet has evolved into a vehicle or framework for classy virtual publications that have almost attained the top quality levels we know and admire in high-end traditional publications, eg. glossy magazines.

WordPress and the Mobile Web

Given the fact that the whole world is connecting via one or the other device as mentioned above, and high and increasing sales figures generated via the Internet and Mobile Web are being written in all the industrialized countries, we have to expand our horizon and include the Mobile Web in our WordPress based Website Development and Semiomantics Web Design.

I am looking forward to tomorrow’s continuation. . .

When it becomes a little less busy on my Author Blog in terms of daily articles and posts, it’s normally indicative of some exciting new Website Developments that need my full focus and concentration… and yes! after terminating the website for Magnetic Transport Surplus with top spots on Google Top 10 for all major keywords, a new website is under construction with Semiomantics Web Design! It’s still a secret . . . but will soon be revealed :)

New Website Development

While Web Design is one of my major Passions in professional terms, each new Website Development has its challenges and the learning never stops! So before one goes blind from looking at all the code or one risks pulling out all of one’s hair (… fortunately I was born with lots of those…), the answer is to get out into Nature and refresh and refuel! After days of heavy thunderstorms, hail and rains surrounding the lunar eclipse on 15 June 2011, we had a beautiful sunny day with clear air and halos of energy and light envelopping each plant – simply magic!

I didn’t expect the little emerald sunbird to join me amongst the agaves here in my garden in Noordhoek, South Africa today! But I followed its distinctive twittering and fortunately I had my photo camera with me and caught the tiny being as it was sipping some honey in the late afternoon sun!

I’m thinking of some of our dear YORGOO members who are going through some difficult times and am sending this digital picture as a reminder that sunshine follows rain … just as light follows darkness. Always! So take heart, be strong and get up again – we all know this exercise all too well!

Copyright © 2011 Yorgo Nestoridis. Visit the original article at http://yorgonestoridis.com/yorgo-nestoridis-development/listen-up-london/listen-up-london/.

Listen Up London

Listen Up London is an amazing young brand for media production. Christian George’s talent is obvious, reason why people like Global Sports US entrust Listen Up London with media production. Recently I had the opportunity to provide Listen Up London with some animated Logo footage which is added to clips shut and edited by Christian.

Looking at Listen Up London’s Clips and Photographic work at You Tube and Tumblr, I though it was worth the while promoting my friend and his business, the more that he is living a passion and a dream he is realizing at the sacrifice of many distractions.

In fact Christian has bought appropriate equipment based on a Canon 500D to shoot high quality clips which correspond to the standards customers require these days.

The features picture here is not by Christian, but I just liked this snapshot taken at the Global US Store in London. I pinched it from Christian’s Tumblr and did some post editing as you can see.

Working for Christian was a pleasure, refreshing, quick and direct: our communication was about entirely mobile based and to make things easier, I just registered the domain ListenUpLondon.com to load the previews of our project.

Christian does not yet have his own domain, host and website, but it’s on hist list of priorities. In the mean time I use the domain to build a promotional website for him under the umbrella of semiomantics developments. The goal is to create an XO based website which can be inserted into facebook. The actual site is up and running. The facebook implementation is under development.

In any case, I am sure, in the near future, Listen Up London will be seen all over the place and from Semiomantics we wish Christian all the best with his passion and great work!

Incoming search terms:

• listen up london

Related posts:

1. Nike London
2. Nike London on the Fly
3. Business Market Watch London Evolution
4. Buy Nike Kicks in London at Global Sports
5. Mitchell & Ness Snapback Caps in Stock

Incoming search terms:

• listen up london
• listen up london christian george
• You tube London live

No related posts.

Copyright © 2011 Yorgo Nestoridis. Visit the original article at http://yorgonestoridis.com/yorgo-nestoridis/protect-your-website-content-102/.

Protect Content with Copyrights

My previous post included some interesting features in terms of Copyright mentions. There are on-site and off-site solutions which you may have noticed. The post discusses the various possibilities adding copyright notices, not their efficiency against content scrapers.

Copyright on-site

On my site I publish a Copyright mention in the footer:

These Copyright notices are standard and most WordPress blogs add them automatically. Such notices can be more or less sophisticated; automated vCard notices are possible and exist in may themes by default.

Copyright Yorgo Nestoridis

Copyright using vCard

For the purpose of this example I have used the vCard entry at the bottom of the post, just above the comment area as visible here:

Copyright Yorgo Nestoridis vCard

Copyright using Author Box

The author box is part of the post content and therefore an on-site as well as off-site feature:

Copyright Author

The disadvantage of the html author box is that it messes up the clean code of the post. Such boxes should be edited in clean code and inserted accordingly.

Copyright off-site

As mentioned above, the Authors Box at the bottom of the post is part of the post and therefore transferable by Feed (RSS, Atom). Content scrapers usually scrap by using feeds and by importing content to their own web sites.

Author Boxes with clean content are interesting and accepted also by most directories, for as long as they contain only one link.

Copyright added to the Feed

An interesting idea is to add copy right notices to the out-put feed. The principle is: you add automatically a copyright notice to every post in your feeds, without having these notices on display on your own website.

The previous post has been syndicated into YORGOO Publishing; here is how the post was automatically printed:

Copyright on top of the post:

The original post on Yorgo Nestoridis shows no copyright on top:

Yorgo Nestoridis Blog

The Copyright notice added to the feed shows however automatically on every site syndicating my content as follows:

Copyright Yorgo Nestoridis on YORGOO Publishing

The same is true for Ycademy which syndicated from YORGOO Publishing:

Copyright Yorgo Nestoridis on Ycademy

The above screenshots represent post pages where the Copyright notice on top of the post bears active hyperlinks. In case the default excerpt is printed, as on the home page of YORGOO Press blogs or on Ycademy, then the same notice is served, however without active links.

Copyright Yorgo Nestoridis on Ycademy

Copyright at the bottom of the post:

The Authors Box has been imported while the vCard has disappeared as we did not embed it into the code (loop) but served it using an in-line widget. To pass on the vCard, the corresponding code can be embedded into the WP code. The vCard delivers clean code and could be a better solution then the HTML Author’s Box.

Author Box on YORGOO Publishing

My preference

The most visible notice is delivered on top of the post, however in a more elegant way than the shrewd wording chosed for the purpose of this example.

A nice notice could be for example: “Published by Yorgo Nestoridis on YORGOO Press” including the corresponding links.

Related posts:

1. Protect your Website Content
2. Measures to protect your Blog
3. Cars Daily Chronicle
4. Rotating Headers and Banners on YORGOO Press
5. Astroblogy Project Gemini

No related posts.

Copyright © 2011 Yorgo Nestoridis. Visit the original article at http://yorgonestoridis.com/yorgo-nestoridis/ycademy-training-edit-images/.

Ycademy Training Edit Images

Editing and Publishing images for training purposes. Samples.

[singlepic id=15 w=320 h=240 mode=web20 float=]

[singlepic id=18 w=320 h=240 mode=watermark float=]

[nggallery id=4]

Related posts:

1. Publishing and Editing Images 2
2. How to Make Money with Images
3. Social Media Marketing by Ycademy
4. How to Make Money with Images
5. Managing Images on YORGOO Press

No related posts.

Copyright © 2011 Yorgo Nestoridis. Visit the original article at http://yorgonestoridis.com/yorgo-nestoridis/publishing-and-editing-images-2/.

Publishing and Editing Images 2: Slide shows and Galleries

Editing slide shows is one thing, delivering them is another. There are a few factors which will impact on your visitors Surfing Experience.

Slide shows: the technology you use on your site

Slide shows: the technology your visitor uses

Slide shows: the technology you use on your site

Using a WordPress based website you have multiple options. You can just use galleries from the built in media module.

Example 1: Images are loaded into the WP Media Folder using the upload tool associated with the post editor.

To display the pictures as a slide show, you need some additional soft ware, plug-ins.

Example 2: Images are loaded into a Image Management Module and rendered as an embedded slide show:

The above depends mainly of the technology used on your website since most computers can render such slide shows and there is therefore no discrimination of users who are not equipped with software beyond default.

Slide shows: the technology your visitor uses

With the increasing popularity of Social Media, some interesting applications have been developed which allow Internet users to improve their surfing experience by installing additional soft on their computers. The success of such soft depends on the number of sites which add corresponding features to their development.

Here is an example and I would suggest you download the software on your Computer profit fully from the 3D effects. By the way: FaceBook, Flickr and YORGOO Media are equipped with these add-ons, to mention just a few.

[singlepic id=13 w=320 h=240 mode=watermark float=][singlepic id=11 w=320 h=240 mode=web20 float=]

Watch now: when you pass your mouse over a picture, you notice a button:

Cool Iris

If you click on it, your local 3D image wall will render the images, try on one of the above pictures.

Download your CoolIris Browser and install it on your computer and then watch and be amazed about the new experience.

We can take this further and show a whole wall of our images on the website:

How about showing my Flickr Pics on a CoolIris wall?

It’s possible, watch out for the next post.

Related posts:

1. Publishing and Editing Images
2. Social Media Marketing Seminar
3. How to Make Money with Images
4. The Purpose and Future of YORGOO Media
5. Interactive Video Blog

No related posts.

Copyright © 2011 Yorgo Nestoridis. Visit the original article at http://yorgonestoridis.com/facebook-marketing/how-to-add-a-facebook-iframe-application-to-your-fans-page/.

6 Steps to Add a Facebook iFrame Application to your Fans Page

This Tutorial will show how to set up a Facebook iFrame Application in 6 Steps. Since Facebook changed once more the rules Fan Page content is to be added via iFrame Applications. There are some App providers out there who offer quick solutions namely for people who do not have own hosting; these external solutions have the disadvantage that you are not in full control of your frame and that you promote rather the App provider than yourself. For our customers we use a more professional approach. Here below you will find the basic 10 steps to create your own iFrame Application.

What are Facebook iFrame Applications

As of February 2011 facebook allows iFrames on Page Tabs as well as on Canvas Pages. The corresponding Applications don’t need to be activated (using the app submission procedure).

In short an iFrame Application allows to load external content to your Fan or Business Page.

The advantage of Facebook iFrame Applications

As your content is hosted on your own host, you may edit in  standard HTML, CSS and JavaScript like on any other web page.

The disadvantage of Facebook iFrame Applications

You need your own hosting and be able to edit HTML, besides that, the freedom is yours.

If you need cheap reliable hosting and professional help to set-up your app, hosting and content, please contact me.

1. Set up your HTML page on your Server

For the purpose of this Tutorial I will create the frame for an application called YORGOO on my cPanel Server.

Create a new folder in your root called “app” into which you will place all your future applications. In the app folder we create a new folder with the name of the new application, in my case: ‘yorgoo’, like so:

In the ‘yorgoo’ applicatuion folder we create an index page and a style-sheet, like so:

Edit index.html and paste the following minimal content into it:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<div id="container">
<p>HERE COMES YOUR CONTENT</p>
</div>
</body>
</html>

Note on line 4 we refer to our style-sheet which we edit and paste in the size of the page. Facebook allows for a display of maximum 520 pixels x 800 pixels. Ideally you keep your content within these limits, however you could also go wider and deeper when editing at the price that either the content will not be displayed to its full extent or that you need to accept scroll bars.

I will keep it sober here and punch into my style-sheet the following:

body {
 width:520px;
 margin:0; padding:0; border:0;
 }

Note on line 9 we reserve the space within the main content container for whatever you wish to add to your page: this is where you edit your visible page content. For the time being I have just added some text for testing purposes, by replacing the above lines 8 — 10 with the following:

<div id="container">
<h1>YORGOO</h1>
<p>We are building here the YORGOO Facebook Application in
support of Small Business and Home Business Builders who wish to take advantage
of Social Media Marketing to generate Free Traffic and Free Leads to promote
their business and increase sales.</p>
</div>

With a little bit of style, this results in:

Test Page Content

2. Install the Facebook Developer Application

Now let’s head over to Facebook, sign up if you don’t have an account or just log in.

Visit THIS LINK and if prompted, click the Allow button.

3. Create your iFrame Application

Click on the Set Up New App Button:

Now enter a Name for your Application:

Name your App

Agree to the terms and Create App.

You will be prompted with a security check (paptcha), just submit the suggested words.

4. Edit the About Page

Add a description and some eye-catching icons, like so:

About

5. Facebook Integration

Select “Facebook Integration” from the left-hand menu and scroll down to Page Tabs — this is what will be shown in your Facebook sidebar menu:

Page Tabs

If you have a security certificate installed on your server, add also the secure link using https:// (people logging on to Facebook using a secure connection cannot see your page if you don’t provide a secure link — they will be redirected to your wall).

Save your changes.

6. Add your App to your Fan Page

Select from the menu Application Profile Page

Select Add to My Page from the sidebar menu and select the page to which you wish to add the Application:

Head over to your page and you will now see the new tab!

Incoming search terms:

• add design your sneaker apllication to my facebook page
• adding facebook iframe
• developing facebook applications tutorial
• facebook page adding applications below info
• how to add app to fan page 2011

Related posts:

1. Best RSS Facebook Page
2. Facebook Drawing Board Live
3. YORGOO on Facebook
4. Facebook Online Seminar by Ycademy
5. Best Facebook Pages

Incoming search terms:

• how to create an iFrame app for my Facebook fan page
• iframes html set up for facebook
• how to add image to facebook sidebar using iframe
• how to add iframe to facebook page
• how to add fans to your facebook page
• how to add facebook iframe
• how to add facebook developers to your fan page
• how to add app to fan page 2011
• how to add an iframe to facebook page
• how to add an app to your facebook page

No related posts.