http://www.slideshare.net/upload?from_source=loggedin_slideview_n 
<!DOCTYPE html> 
<html lang="en"> 
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# 2490221586: 
http://ogp.me/ns/fb/2490221586#"> 
<meta charset="utf-8"> 
<title>Upload, Share, and Discover Content on SlideShare</title> 
<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
<meta name="description" content="Discover, Share, and Present presentations 
and infographics with the world’s largest professional content sharing 
community."> 
<meta name="include_mode" content="async"> 
<link rel="canonical" href="http://www.slideshare.net/upload" /> 
<link href="http://public.slidesharecdn.com/b/bigboot/css/ss-core.css? 
bac3f0f7d0" media="screen" rel="stylesheet" type="text/css" /> 
<link href="http://public.slidesharecdn.com/b/stylesheets/smart-upload. 
css?d5130a8fcd" media="screen" rel="stylesheet" type="text/css" /> 
<!--[if lt IE 9]> 
<script 
src="//public.slidesharecdn.com/b/javascripts/plugins/html5.js"></script> 
<![endif]--> 
<script type='text/javascript'> 
// <![CDATA[ 
var timer = (new Date()).getTime(); 
// ]]> 
</script> 
<!--userobject starts here--> 
<script type='text/javascript'> 
window._auth_token_name = "authenticity_token"; 
window._auth_token = "jZ9qyuZwhvbGaahfTUofatUA2hxEb+PkczuKeHDK85k="; 
// GA Segmentation 
window._gaq = window._gaq || []; _gaq.push(['_setAccount', 'UA-2330466- 
1']);_gaq.push(['_setDomainName', 
'.slideshare.net']);_gaq.push(['_addIgnoredRef', 
'slideshare.net']);_gaq.push(['_setCustomVar', 1, 'member_type', 'FREE', 1]); 
_gaq.push(['_trackPageview']); 
// Comscore 
var _comscore = _comscore || []; 
_comscore.push({ c1: "2", c2: "6402952" }); 
var slideshare_object = { 
user: 
{"has_privacy_enabled":true,"loggedin":true,"has_uploads":false,"userGroup":"mem 
ber","login":"syfwan","id":62181782,"is_li_connected":false,"show_li_connect_cta 
":null,"is_fbuser":false,"is_opengraph_user":false,"is_pro":false,"fb_access_tok 
en":null,"name":"syfwan","su":false,"opengraph_permissions": 
{},"fb_userid":null}, 
timer: { start: (new Date()).getTime(), end: '', execTime: '' }, 
top_nav: { get_url: "/top_nav"}, 
dev: false, 
fb_app_name: 'slideshare', 
init: [], 
feature_flag: [], 
is_mobile: "" 
}; 
var mpq = []; 
mpq.push(["init","dd9f3935b99b8dbb9b5e85a6af56b463"]); 
</script>
<script type="text/javascript"> 
//<![CDATA[ 
var smtId = "ab5bb963d"; 
var smtDefaultStyles = false; 
var smtRedirect = true; 
var smtProt = (("https:" == document.location.protocol) ? "https://" : 
"http://"); 
var smtPreRender = function(data) { 
for (i in data) { 
if (data[i].code === "en-us") { 
data[i].name = "English"; 
} 
} 
}; 
var smtRedirectMapper = function(locale, sites) { 
if (/^es/i.test(locale)){ //disable redirect to spanish site 
return null; 
} 
if (locale in sites) { 
return sites[locale]; 
} 
if (/^fr/i.test(locale)) { 
return sites['fr-fr'] || null; 
} 
if (/^de/i.test(locale)) { 
return sites['de-de'] || null; 
} 
return null; 
}; 
var smtElmt = document.createElement('script'); 
smtElmt.type = "text/javascript"; 
smtElmt.async = true; 
smtElmt.src = smtProt + "cdn01.smartling.com/ls/"+ smtId +".js"; 
script = document.getElementsByTagName("script")[0]; 
script.parentNode.insertBefore(smtElmt, script); 
//]]> 
</script> 
<script 
src="http://public.slidesharecdn.com/b/javascripts/bigboot/combined_bigboot_layo 
ut.js?54465f0989" type="text/javascript"></script> 
<script type="text/javascript"> 
function getErrorTag(error){ 
var tag = "Javascript errors"; 
var errors = {'GA_google' : 'Ad errors', 
'exception' : 'Browser errors', 
'Script error' : 'Browser errors', 
'translate' : 'Google translate errors'}; 
for (var i in errors) { 
if (error.match(i)) tag = errors[i]; 
} 
return tag; 
} 
jQuery(document.body).ready(function(){ 
slideshare_object.timer.end = (new Date()).getTime(); 
slideshare_object.timer.execTime = slideshare_object.timer.end-slideshare_ 
object.timer.start; 
log("Execution time : "+slideshare_object.timer.execTime+"ms");
}); 
</script> 
<!--Javascripts ends here--> 
<!--Misc Head contents starts here--> 
<!--Misc Head contents ends here--> 
<link rel="shortcut icon" 
href="//public.slidesharecdn.com/b/images/favicon.ico"> 
<link rel="alternate" type="application/rss+xml" title="RSS" 
href="http://www.slideshare.net/rss/latest" /> 
<link rel="search" type="application/opensearchdescription+xml" 
href="/search/opensearch.xml" title="SlideShare Search"> 
</head> 
<body class="sticky_navbar loggedIn "> 
<div id="fb-root"></div> 
<div class="admanager-section"> 
<script type="text/javascript"> 
document.write(unescape("%3Cscript src='" + (document.location.protocol == 
"https:" ? "https://" : "http://") + 
"partner.googleadservices.com/gampad/google_service.js' %3E%3C/script%3E")); 
</script> 
<script type="text/javascript"> 
GS_googleAddAdSenseService("ca-pub-5203428669823392"); 
GS_googleEnableAllServices(); 
</script><script type="text/javascript"> 
GA_googleUseSyncSRARendering(); 
GA_googleFetchAds(); 
</script> 
<!-- 
<script type="text/javascript"> 
var google_adnum = 0; 
var random_number = Math.random(); 
if (random_number < 0.55){ 
GA_googleAddAttr("ztag", "Web-1"); 
} else { GA_googleAddAttr("ztag", "Go-1"); } 
</script> 
--> 
<script type="text/javascript"> 
GA_googleAddSlot("ca-pub-5203428669823392", "footer"); 
</script> 
<!-- 
<script type='text/javascript'> 
GA_googleAddSlot("ca-pub-5203428669823392", "pixel_tracker"); 
</script> 
--> 
</div> 
<div id="sidebar-nav" class=""> 
<ul class="mobile-menu-list"> 
<li><a class="bottom-border mobile-menu-user-info" href="/syfwan" data-ajax=" 
false">
<img class="no-pic-icon"></img> 
syfwan 
</a></li> 
<li><a href="/popular" id="mobile_menu_popular" rel="external" 
title="Popular on SlideShare">Popular on SlideShare</a></li> 
<li><a href="/featured/category/business" id="mobile_menu_business" 
rel="external" title="Business">Business</a></li> 
<li><a href="/featured/category/technology" id="mobile_menu_tech" 
rel="external" title="Technology">Technology</a></li> 
<li><a href="/featured/category/health-medicine" id="mobile_menu_health" 
rel="external" title="Health">Health</a></li> 
<li><a href="/featured/category/photos" id="mobile_menu_photos" 
rel="external" title="Photos">Photos</a></li> 
<li><a href="/logout" class="top-section-divider" id="mobile_menu_logout" 
rel="external" title="Log Out">Log Out</a></li> 
</ul> 
</div> 
<div id="main_navbar"> 
<div class="navbar new_navbar"> 
<div class="navbar-inner"> 
<div class="container"> 
<!-- Mobile menu button --> 
<ul class="nav nav-mobile-show"> 
<li id="j-open-sidebar-nav" class="no-margin-left"> 
<a class="menuIcon"></a> 
</li> 
</ul> 
<!-- Logo --> 
<div class="logo-wrapper"> 
<a class="sprite-brand" href="/?ss" title="Homepage" id="j-slideshare-logo" 
rel="tooltip" data-ga="homepage" data-placement="bottom"></a> 
</div> 
<!-- Mobile menu button --> 
<ul class="nav pull-right nav-mobile-show"> 
<li id="j-open-mobile-search"><a class="searchIcon"></a></li> 
</ul> 
<ul class="nav nav-desktop-show"> 
<!-- Updates --> 
<li> 
<a href="/syfwan/newsfeed" class="j-icon_NoNotification no-notification" 
data-ga="my_newsfeed"> 
Updates <span class="count">0</span> 
</a> 
<a href="/syfwan/newsfeed" class="hide j-icon_Notification yes-notification" 
data-ga="my_newsfeed"> 
Updates <span class="count">0</span> 
</a> 
</li> 
<li class="nav_divider"></li>
<!-- Explore --> 
<li class="dropdown" id="browse"> 
<a href="/featured" class="dropdown-toggle" data-toggle=" 
dropdown">Explore&nbsp;<b class="caret"></b></a> 
<div class="dropdown-menu" id="explorer"> 
<ul> 
<li> 
<a href="/featured" data-ga="featured">Featured</a> 
</li> 
<li> 
<a href="/popular" data-ga="popular">Popular</a> 
</li> 
<li class="featured-categories" id=featured_art-photos> 
<a href="/featured/category/art-photos" data-ga=" 
featured_art-photos" rel="nofollow">Art &amp; Photos</a> 
</li> 
<li class="featured-categories" id=featured_business> 
<a href="/featured/category/business" data-ga=" 
featured_business" rel="nofollow">Business</a> 
</li> 
<li class="featured-categories" id=featured_design> 
<a href="/featured/category/design" data-ga=" 
featured_design" rel="nofollow">Design</a> 
</li> 
</ul> 
<ul> 
<li class="featured-categories" id=featured_education> 
<a href="/featured/category/education" data-ga=" 
featured_education" rel="nofollow">Education</a> 
</li> 
<li class="featured-categories" id=featured_Marketing> 
<a href="/featured/category/Marketing" data-ga=" 
featured_Marketing" rel="nofollow">Marketing</a> 
</li> 
<li class="featured-categories" id=featured_mobile> 
<a href="/featured/category/mobile" data-ga=" 
featured_mobile" rel="nofollow">Mobile</a> 
</li> 
<li class="featured-categories" id=featured_Social-Media> 
<a href="/featured/category/Social-Media" data-ga=" 
featured_Social-Media" rel="nofollow">Social Media</a> 
</li> 
<li class="featured-categories" id=featured_technology> 
<a href="/featured/category/technology" data-ga=" 
featured_technology" rel="nofollow">Technology</a> 
</li> 
</ul> 
</div> 
</li> 
<li class="nav_divider"></li> 
<!-- Search --> 
<form id="desktop-navbar-search" class="navbar-search pull-left" 
method="get" action="/search/slideshow" data-ga="search_submit"> 
<input type="submit" class="iconTemp-search iconTemp-gray hide-text"> 
<input name="searchfrom" type="hidden" value="header"> 
<input class="search-query" value="" name="q" id="search_query_top" 
type="text" placeholder="Search" autocomplete="off" data-ga="search"> 
<div class="suggestionContainer"></div>
</form> 
</ul> 
<div id="topNavLinks-11" class="pull-right nav-desktop-show"> 
<!-- New navbar --> 
<ul class="nav pull-right" id="login_link"> 
<!-- Upload button --> 
<li> 
<span> 
<a id="upload-link" href="/upload" class="btn btn-primary 
void_fancybox" data-ga="upload">Upload</a> 
</span> 
</li> 
<!-- User drop down (user image) --> 
<li class="dropdown " id="user-drop-down"> 
<a href="/syfwan" class="topnav-dropdown-userImage" data-ga=" 
user_profile"> 
<i class="iconTemp-user iconTemp-white"></i> 
</a> 
<a href="#user-drop-down" class="dropdown-toggle-caret topnav-dropdown-carret" 
data-toggle="dropdown"><b class="caret"></b> 
</a> 
<ul class="dropdown-menu"> 
<li class="j-public-profile"> 
<a href="/syfwan" data-ga="user_profile"> 
<span class='notranslate'>syfwan</span> 
<small class="metadata">View my profile page</small> 
</a> 
</li> 
<li class="divider"></li> 
<li><a class="j-uploads" href="/syfwan/edit_my_uploads" data-ga=" 
my_uploads"><i class="iconTemp-upload"></i> My Uploads</a></li> 
<li><a class="j-edit-profile" href="/syfwan/edit_sharing_settings" 
data-ga="edit_profile"><i class="iconTemp-cog"></i> Account Settings</a></li> 
<li class="divider"></li> 
<li><a class="j-logout" href="https://www.slideshare.net/logout" 
data-ga="logout"><i class="icon-logout"></i> Logout</a></li> 
<li class="divider"></li> 
<li><a class="j-help" href="http://help.slideshare.com" data-ga=" 
support"><i class="iconTemp-question-sign"></i> Support</a></li> 
</ul> 
</li> 
</ul> 
<script type="text/javascript" charset="utf-8"> 
var user_object = 
{"has_privacy_enabled":true,"loggedin":true,"has_uploads":false,"userGroup":"mem 
ber","login":"syfwan","id":62181782,"is_li_connected":false,"show_li_connect_cta 
":null,"is_fbuser":false,"is_opengraph_user":false,"is_pro":false,"fb_access_tok 
en":null,"name":"syfwan","su":false,"opengraph_permissions": 
{},"fb_userid":null}; 
for(var key in user_object) { 
slideshare_object.user[key] = user_object[key]; 
}
if(typeof(slideshare_object.setupTopnavMenu) === 'function') { 
slideshare_object.setupTopnavMenu(); 
} 
</script> 
</div> 
</div> 
</div><!-- /.navbar-inner --> 
<div class="nav-desktop-hide" id="mobile-search-bar"> 
<form id="mobile-search-form" name="mobile-search" action="/mobile/search" 
method="get" class="navbar-search pull-left"> 
<div class="search-form-inner-container"> 
<div class="search-submit"> 
<input type="submit" class="btn" value=""/> 
</div> 
<div class="search-field-wrapper"> 
<input id="j-mobile-search-query" type="search" class="search-field" 
name="q" placeholder="Search SlideShare" value="" autocomplete="off"/> 
</div> 
</div> 
</form> 
</div> 
</div> 
</div> 
<div id="main-content"> 
<div id="main-content-overlay"></div> 
<div class="container-responsive"> 
<div id='page-notice' class='alert' style='display:none; '><a href='#' 
class='closeThis close' title='Close this notification'>&times;</a><span></span> 
</div><div id='page-warning' class='alert' style='display:none; '><a href='#' 
class='closeThis close' title='Close this notification'>&times;</a><span></span> 
</div><div id='page-message' class='alert alert-info' style='display:none; '><a 
href='#' class='closeThis close' title='Close this 
notification'>&times;</a><span></span> </div><div id='page-success' class='alert 
alert-success' style='display:none; '><a href='#' class='closeThis close' 
title='Close this notification'>&times;</a><span></span> </div><div id='page-error' 
class='alert alert-error' style='display:none; '><a href='#' 
class='closeThis close' title='Close this notification'>&times;</a><span></span> 
</div><div id='page-permanent' class='alert alert-info' style='display:none; 
'><span></span> </div><div id='page-modal_notice' class='' style='display:none; 
'><a href='#' class='closeThis close' title='Close this 
notification'>&times;</a><span></span> </div> 
<script type="text/javascript"> 
// <![CDATA[ 
var fromNewsfeed = false; 
slideshare_object.upload_config = {"filepicker": 
{"signature":"91b8bb0efea3c195ad503411fea22a4620ad24147318bf23b0855c80edf67e44", 
"api_key":"AwOCJC1fKRYSEKCa5Hk4Dz","policy":"eyJleHBpcnkiOjE0MTA0MTIxODR9","serv 
ices": 
["DROPBOX","BOX","GOOGLE_DRIVE","SKYDRIVE","GMAIL","URL","COMPUTER"],"upload_typ 
e":22},"private_upload_limit":25,"max_sizes":{"upload":"300 
MB","presentation":314572800,"video":0},"is_not_quick_upload_target":true,"is_pr 
o_user":false,"category_hash":{"top_categories":[{"id":14,"name":"Art u0026 
Photos"},{"id":1,"name":"Automotive"},{"id":3,"name":"Business"}, 
{"id":4,"name":"Career"},{"id":26,"name":"Data u0026 Analytics"}, 
{"id":5,"name":"Design"},{"id":10,"name":"Devices u0026 Hardware"},
{"id":8,"name":"Economy u0026 Finance"},{"id":6,"name":"Education"}, 
{"id":27,"name":"Engineering"},{"id":7,"name":"Entertainment u0026 Humor"}, 
{"id":28,"name":"Environment"},{"id":29,"name":"Food"}, 
{"id":30,"name":"Government u0026 Nonprofit"},{"id":11,"name":"Health u0026 
Medicine"},{"id":31,"name":"Healthcare"},{"id":32,"name":"Internet"}, 
{"id":23,"name":"Investor Relations"},{"id":33,"name":"Law"}, 
{"id":34,"name":"Leadership u0026 Management"},{"id":9,"name":"Lifestyle"}, 
{"id":24,"name":"Marketing"},{"id":35,"name":"Mobile"},{"id":20,"name":"News 
u0026 Politics"},{"id":36,"name":"Presentations u0026 Public Speaking"}, 
{"id":15,"name":"Real Estate"},{"id":38,"name":"Recruiting u0026 HR"}, 
{"id":39,"name":"Retail"},{"id":40,"name":"Sales"},{"id":42,"name":"Science"}, 
{"id":18,"name":"Self Improvement"},{"id":41,"name":"Services"}, 
{"id":43,"name":"Small Business u0026 Entrepreneurship"}, 
{"id":25,"name":"Social Media"},{"id":37,"name":"Software"}, 
{"id":21,"name":"Spiritual"},{"id":22,"name":"Sports"}, 
{"id":16,"name":"Technology"},{"id":19,"name":"Travel"}]},"dev":false,"urls": 
{"deletion":"http://www.slideshare.net/~/uploads/delete_upload_info","save_detai 
ls":"http://www.slideshare.net/~/uploads/update_upload_details","upload_target": 
"http://uploads-slideshare. 
s3.amazonaws.com","complete_upload":"http://www.slideshare.net/~/uplo 
ads/upload_complete","conversion_status":"http://www.slideshare.net/~/uploads/ge 
t_conversion_status_for_upload","publish":"http://www.slideshare.net/~/uploads/p 
ublish_upload","register_upload":"http://www.slideshare.net/~/uploads/register_u 
pload_attempt"},"dropbox": 
{"app_key":"j8xzczk6w1trrol","upload_type":15},"video": 
{"video_extension_descriptions":"Videos (all common 
formats)","can_upload_video":true,"video_extensions":"*.3g2; *.3gp; *.asf; 
*.avi; *.flv; *.m4v; *.mkv; *.mov; *.mp4; *.mpeg; *.mpg; *.ogg; *.rm; *.rmvb; 
*.vob; *.wmv;","video_limit":1},"extensions": 
{"presentation_extension_descriptions":"Powerpoint (ppt, pps, pot, pptx, ppsx, 
potx), PDF, Word (doc, docx, txt), OpenOffice (odp, odt, ods), Apple Mac formats 
(zip, key, iWorks)","presentation_extensions":"*.ppt; *.pot; *.odp; *.pps; 
*.pdf; *.doc; *.sxw; *.odf; *.odt; *.rtf; *.txt; *.ods; *.pptx; *.ppsx; *.potx; 
*.docx; *.dotx;"},"top_tags":[],"tag_val":"separate tags by comma"}; 
_gaq = _gaq || []; 
if(fromNewsfeed){ 
_gaq.push(['_trackEvent', 'quick_upload_experiment', 'js_upload_pageload']); 
} 
_gaq.push(['_trackEvent', 'interactive_upload', 'js_upload', 'pageload']); 
// ]]> 
</script> 
<div id="drag-area" class="hide drag-area"> 
<p>Drop here to upload</p> 
</div> 
<div id="upload_div"> 
<div class="columnAExp2"> 
</div><!-- .columnAExp2 --> 
<!--// NEW DESIGN STARTS 
______________________________________ --> 
<div class="row j-compact-upload hide"> 
<div class="compact-upload"> 
<div class="span6"><h2>Enhance your upload by adding details</h2></div> 
<div class="span6"> 
<form action= "http://uploads-slideshare.s3.amazonaws.com" method="post" 
id='js_upload_compact' name='s3_upload' enctype="multipart/form-data" data-url=" 
http://uploads-slideshare.s3.amazonaws.com"> 
<div class="btn-group pull-right"> 
<input type='hidden' id='signature' name='signature' 
value='0HFmArJabWEcmQCdZlJ4T74ch88='/><input type='hidden' id='acl' name='acl' 
value='private'/><input type='hidden' id='AWSAccessKeyId' name='AWSAccessKeyId'
value='AKIAI6DXMWX6TBWAHQCQ'/><input type='hidden' id='key' name='key' value='$ 
{filename}'/><input type='hidden' id='success_action_redirect' 
name='success_action_redirect' 
value='http://www.slideshare.net/~/uploads/respond_nonflash_upload_s3_confirm?'/ 
><input type='hidden' id='policy' name='policy' 
value='eyAiZXhwaXJhdGlvbiI6ICIyMDE0LTA5LTExVDExOjA5OjQ0LjAwMFoiLCJjb25kaXRpb25zI 
jogWyBbImNvbnRlbnQtbGVuZ3RoLXJhbmdlIiwgMSwgNTI0Mjg4MDAwIF0gICx7ICJidWNrZXQiOiAid 
XBsb2Fkcy1zbGlkZXNoYXJlIiB9ICAseyJhY2wiOiAicHJpdmF0ZSIgfSAgLFsic3RhcnRzLXdpdGgiL 
CAiJGtleSIsICIiXSxbInN0YXJ0cy13aXRoIiwgIiRzdWNjZXNzX2FjdGlvbl9yZWRpcmVjdCIsICIiX 
V19'/> 
<div class="upload-more-cta flat-button btn-white"> 
<input id="compact_js_upload_input" type="file" name="file" 
accept=".3g2,.3gp,.asf,.avi,.flv,.m4v,.mkv,.mov,.mp4,.mpeg,.mpg,.ogg,.rm,.rmvb,. 
vob,.wmv,.ppt,.pot,.odp,.pps,.pdf,.doc,.sxw,.odf,.odt,.rtf,.txt,.ods,.pptx,.ppsx 
,.potx,.docx,.dotx" multiple> 
<i class="iconTemp-plus"></i>Upload more 
</div> 
<a id="fp-chooser-compact" href="#" class="upload-more-cloud-cta flat-button 
btn-white"><i class="iconTemp-plus"></i>Upload more from cloud</a> 
</div> 
</form> 
</div> 
</div><!-- /.compact-upload --> 
</div> 
<div class="row j-upload-main-view"> 
<div class="span12"> 
<div class="main-wrapper"> 
<h1>Share What You Know!</h1> 
<p class="sub-heading">Reach more than <strong>60 million</strong> people 
when you upload and share</p> 
<div class="row"> 
<!-- Upload block starts --> 
<div class="block block-upload span8"> 
<div class="drop-overlay" style="display:none;"><p>Drop here to 
upload<p></div> 
<div class="label-formats"> 
Presentations<span class="separator">&bull;</span>Infographics<span 
class="separator">&bull;</span>Documents<span 
class="separator">&bull;</span>Videos 
</div> 
<!-- Drag and drop to upload starts --> 
<div class="drag-drop-outline"> 
<div class="upload-wrapper"> 
<div class="dropzone hide"><h1 class="drop-text">Drop 
Here</h1></div> 
<div class="file-chooser"> 
<form action= "http://uploads-slideshare.s3.amazonaws.com" 
method="post" id='js_upload' name='s3_upload' enctype="multipart/form-data" 
data-url="http://uploads-slideshare.s3.amazonaws.com"> 
<i class="iconTemp-upload-lg"></i> 
<p class="cta-upload"> 
<input type='hidden' id='signature' name='signature' 
value='0HFmArJabWEcmQCdZlJ4T74ch88='/><input type='hidden' id='acl' name='acl' 
value='private'/><input type='hidden' id='AWSAccessKeyId' name='AWSAccessKeyId' 
value='AKIAI6DXMWX6TBWAHQCQ'/><input type='hidden' id='key' name='key' value='$ 
{filename}'/><input type='hidden' id='success_action_redirect' 
name='success_action_redirect' 
value='http://www.slideshare.net/~/uploads/respond_nonflash_upload_s3_confirm?'/ 
><input type='hidden' id='policy' name='policy' 
value='eyAiZXhwaXJhdGlvbiI6ICIyMDE0LTA5LTExVDExOjA5OjQ0LjAwMFoiLCJjb25kaXRpb25zI 
jogWyBbImNvbnRlbnQtbGVuZ3RoLXJhbmdlIiwgMSwgNTI0Mjg4MDAwIF0gICx7ICJidWNrZXQiOiAid
XBsb2Fkcy1zbGlkZXNoYXJlIiB9ICAseyJhY2wiOiAicHJpdmF0ZSIgfSAgLFsic3RhcnRzLXdpdGgiL 
CAiJGtleSIsICIiXSxbInN0YXJ0cy13aXRoIiwgIiRzdWNjZXNzX2FjdGlvbl9yZWRpcmVjdCIsICIiX 
V19'/> 
<input type="file" id="fileupload" name="file" 
accept=".3g2,.3gp,.asf,.avi,.flv,.m4v,.mkv,.mov,.mp4,.mpeg,.mpg,.ogg,.rm,.rmvb,. 
vob,.wmv,.ppt,.pot,.odp,.pps,.pdf,.doc,.sxw,.odf,.odt,.rtf,.txt,.ods,.pptx,.ppsx 
,.potx,.docx,.dotx" multiple> 
<a class="flat-button flat-button-orange upload_cta_big" 
href="#">Upload</a> 
</p> 
<p class="support-text"><strong>Select one or more files from 
your computer,</strong> or drag and drop them here.</p> 
</form> 
<!-- Privacy selection starts --> 
<div class="privacy-wrapper"> 
<label class="radio"> 
<input name="upload_privacy" type="radio" value="public" 
checked="checked"> Public 
</label> 
<label class="radio"> 
<input name="upload_privacy" type="radio" value="private"> 
Private 
</label> 
</div> <!-- /.privacy-wrapper --> 
</div> 
</div> <!-- /.upload-wrapper --> 
</div> <!-- /.drag-drop-outline --> 
</div> <!-- /.block-upload --> 
<!-- Cloud upload block starts --> 
<div id="fp-chooser" class="block block-cloud-upload span4"> 
<div class="cloud-wrapper"> 
<i class="iconTemp-cloud-lg"></i> 
<a href="javascript:void(0);" class="flat-button cloud-upload-btn"> 
Upload from Cloud</a> 
<p class="cloud-desc support-text">Upload files from Dropbox, Google 
Drive, Gmail and more</p> 
<i class="cloud-apps"></i> 
</div> 
</div> 
<!-- Cloud upload block ends --> 
</div> <!-- /.row --> 
<div class="row"> 
<div class="upload-sublinks span12"> 
<a href="http://www.slideshare.net/what-to-upload-at-slideshare? 
cmp_src=upload_page_loggedin" target="_blank"><i class="iconTemp-upload-ideas"></ 
i><strong>Upload Ideas</strong></a> 
<ul class="unstyled pull-right"> 
<li><a href="http://help.slideshare.com/entries/57394-what-file-formats- 
does-slideshare-support-what-is-the-maximum-allowed-file-size" 
target="_blank">Supported Formats</a></li> 
<li><a href="http://slideshare.zendesk.com/categories/20066309- 
Managing-content-on-SlideShare" target="_blank">Troubleshooting</a></li> 
</ul> 
</div> <!-- /.upload-sublinks --> 
</div> <!-- /.row --> 
</div> <!-- /.main-wrapper --> 
</div> <!-- /.span12 --> 
</div> <!-- /.row --> 
<!--// 
NEW DESIGN ENDS HERE. 
Existing upload flow to be used just bedore /.main-wrapper
__________________________________________________________________ --> 
<div id="UploadFileList"> 
<div class="file-list-header j-file-list-header"> 
<p class="uploads-count">Uploading <span class="file-count">1 
file</span></p> 
<a href="#" class="upload-more-cta btn btn-primary">Add more files</a> 
</div> 
<ul class="fileList launch-tracker" style='display:none'> </ul> 
</div><!-- #UploadFileList --> 
<div id="view_template" name="view_template" style="display:none"> 
<li class="fileItem clear" id="{file_id}"> 
<div id="status_{file_id}" class="j-template-status clearfix 
uploadGeneric"></div> 
<div id="form_{file_id}" class="j-template-form clearfix"> 
</div> 
<div id="publish_{file_id}" class="j-template-publish clearfix"> 
</div> 
</li> 
</div> 
<div id="publish_form_template" name="publish_form_template" 
style="display:none"> 
<form id="form_{file_id}" name="form_{file_id}" class="clearfix fileListForm 
clear" method="post"> 
<fieldset class="clear"> 
<input type="hidden" name="file_id" value="{file_id}" /> 
<input type="hidden" id="ppt_location" name="ppt_location" 
value="{ppt_location}"/> 
<input type="hidden" id="filename" name="filename" 
value="{file_name_for_html}"/> 
<input type="hidden" name="slideshow_filename" 
value="{encoded_file_name}"/> 
<input type="hidden" name="source" value="interactive_upload"/> 
<input type="hidden" name="language" value="{user_lang}"/> 
<input type="hidden" name="upload_type" value="{upload_type}" /> 
<input type="hidden" name="slideshow_id" value="" /> 
<div class="fileUploadActions"> 
<a class="file-thumb j-slideshow-link" data-galabel="link_thumbnail" 
target="_blank"> 
<span class="private-thumb-icon hide"> 
<i class="iconTemp-lock iconTemp-white"></i> 
</span> 
<img src="" alt="" width="140px" height="105px" class="j-file-thumb" 
/> 
</a> 
<div class="upload-status control-group error j-upload-status"> 
<label for="slideshow_title_field">Title <span 
class="mandatory">*</span></label> 
<input type="text" name="title" id="slideshow_title_field" 
value="{upload_title}" class="text" rel="tooltip" data-placement="right" 
title="Increase virality with a descriptive title" /> 
<div class="status"></div> 
<a class="cancel-upload close" id="delete_upload" href="javascript:;" 
rel="tooltip" data-original-title="Delete this upload">&times;</a> 
</div> 
</div><!-- .fileUploadActions --> 
<div class="fileListFormColA"> 
<div class="edit-settings-tab"> 
<ul class="steps"> 
<li class="current"><span>1</span>Add details</li>
<li><span>2</span><a class="share-content">Share Your 
SlideShare</a></li> 
</ul> 
</div> 
<div class="form-inner"> 
<div class="form-inputs"> 
<label class='category_label' for="top_categories">Category <span 
class="mandatory">*</span></label> 
<div class="control-group j-top-category"> 
<select name="top_cat" id="category-input" class="top_categories"> 
<option value="0">Choose category</option> 
</select> 
</div> 
<label for="descriptionTextarea"> 
Description <span class="mandatory">*</span> 
</label> 
<div class="control-group j-description"> 
<textarea name="description" id="descriptionTextarea"></textarea> 
</div> 
<em class="count-container"><span id="count">3000</span></em> 
<label for="slideshow_tag_text_field">Tags</label> 
<input type="text" name="tag_text" class="action-tags-text-input text" 
id="slideshow_tag_text_field" title="Use commas to separate tags." value=""/> 
<div id="private_type_{file_id}" class="privacy privacy-upsell"> 
<label>Status</label> 
<input type="radio" id="public" name="private_type" value="public" 
checked="checked"><label class="privacy-label" for="public">Public</label> 
<input type="radio" id="me" name="private_type" value="me" 
disabled="disabled"><label class="privacy-label private-label" 
for="me">Private</label> 
<a class="learn-more" href="/features? 
cmp_src=benefits&cmp_src_from=upload_flow" target="_blank">Learn more<i 
class="iconTemp-pop-out" title="Opens in a new tab"></i></a> 
</div> 
<p id="save_publish_button" class="miniPara save-button"> 
<input class="btn btn-inverse" id="bulkupload_individual_publish" 
type="submit" name="publish" value="Save &amp; Continue" disabled="disabled"/> 
<span class ="j-save_publish_progress publish-progress" 
style="display:none">Saving&hellip;</span> 
<span class ="j-save_published publish-progress" 
style="display:none">Changes Saved</span> 
<span class ="j-required-field publish-progress" 
style="display:none">Please fill required fields</span> 
</p> 
</div> <div class="virality-potential"> 
<p>Virality Score</p> 
<div class="progress"> 
<div class="bar j-virality-bar" style="width:25%"></div> 
</div> 
<p class="info"> 
Adding more information (description, tags, category) makes it 
easier for others to find your content. The score increases as you add each 
item. 
</p> 
</div> 
</div><!-- .form-inner --> 
</div><!-- .fileListFormColA --> 
</fieldset>
</form> 
</div> 
<!-- upload templates start --> 
<div style="display:none"> 
<div id="filestatus_placeholder_template"> 
</div> 
<div id="file_initialization_template"> 
<div class="uploadProgress uploadInitialization"> 
Your upload is almost ready! <img src='/images/indicator.gif' /> 
</div> 
</div> 
<div id="file_progress_template"> 
<div class="clearfix uploadProgress"> 
<h2 class="percent" id="percent">0%</h2> 
<div class="uploadingState"> 
<p class="miniPara">You're almost there! <strong>Add details</strong> 
below so others can discover your SlideShare.</p> 
<div class="meterFlash progress progress-success" id="progress"><div 
class="bar" style="width: 0%;"></div></div> 
</div> 
</div> 
</div> 
<div id="file_nonflash_progress_template"> 
<div class="clearfix uploadProgress"> 
<div class="progress"> 
<div class="uploadingState"> 
<p class="miniPara">You're almost there! <strong>Add details</strong> 
below so others can discover your SlideShare.</p> 
<div class="bar" id="progress"></div> 
</div> 
</div> 
</div> 
</div> 
<div id="file_queued_template"> 
<div class="uploadProgress uploadQueue"> 
Processing your file. <strong> Add details</strong> to make your content 
easier to find. 
</div> 
</div> 
<div id="file_queue_prepare_status_template"> 
<div class="uploadProgress uploadQueuePrepare"> 
Processing your file. <strong> Add details</strong> to make your content 
easier to find. 
</div> 
</div> 
<div id="file_converting_status_template"> 
<div class="uploadProgress uploadConverting"> 
Processing your file. <strong> Add details</strong> to make your content 
easier to find. 
<div class="progress"> 
<div class="progress-bar" style="width: 100%;"></div> 
</div> 
</div> 
</div> 
<div id="file_conversion_finished_status_template">
<div class="uploadProgress uploadSuccessful"> 
<span class="success"> 
Processing your file. <strong> Add details</strong> to make your content 
easier to find. 
</span> 
</div> 
</div> 
<div id="file_upload_error_template"> 
<div class="uploadProgress uploadFailed"> 
<span class="error"> 
Upload of <strong>{file_name_for_html}</strong> failed. {msg} 
</span> 
<div class="hide tooltip-template"> 
Some troubleshooting tips, if a file fails to upload: 
<ul> 
<li>This can just be a temporary glitch with our servers. Try again 
after 5 minutes.</li> 
<li>Check if file is password protected, encrypted or contains 
macros.</li> 
<li>If you were uploading a PPT, save as as PDF and re-upload (or vice 
versa, i.e., PDF to PPT). That might help.</li> 
<li>If the problem still persists (or you have other questions about 
file conversion errors), please read our &lt;a 
href=&quot;http://slideshare.zendesk.com/forums/67176/entries&quot;&gt;FAQs&lt;/ 
a&gt;.</li> 
</ul> 
</div> 
</div> 
</div> 
<div id="file_conversion_error_template"> 
<div class="uploadProgress uploadFailed"> 
<span> 
<span class="error">Conversion of <strong>{file_name_for_html}</strong> 
failed! </span> Some troubleshooting tips: <br/> 
<ul style="margin: 0 0 0 2em"> 
<li>This is possibly a temporary error on our servers. Try again in 5 
mins.</li> 
<li>{msg} </li> 
<li>If you are uploading a PPT, save as PDF and re-upload (or vice 
versa, i.e., PDF to PPT).</li> 
</ul> 
<p class="footnote"> 
Is your problem still unresolved? Read our <a 
href="http://slideshare.zendesk.com/entries/20466888-i-am-facing-problems-in-uploading- 
upload-fails-converting-files-gives-oops-or-distortions-in-convert" 
target="_blank">file conversion FAQs</a>. 
</p> 
</span> 
</div> 
</div> 
<div id="file_upload_rejected_template"> 
<div class="uploadProgress uploadFailed"> 
<div class="error"> 
<p>Upload of <strong>{file_name_for_html}</strong> failed. {msg}</p> 
</div> 
</div> 
</div> 
<div id="file_validation_error_status_template"> 
<div class="uploadProgress uploadFailed"> 
<div class="error">
<p>Upload of <strong>{file_name_for_html}</strong> failed. {msg}</p> 
</div> 
</div> 
</div> 
<div id="file_generic_error_template"> 
<div class="uploadProgress uploadFailed"> 
<div class="error"> 
<p>Upload of <strong>{file_name_for_html}</strong> failed.</p> {msg} <a 
class='tooltip-trigger' href="http://slideshare.zendesk.com/entries/20466888-i-am- 
facing-problems-in-uploading-upload-fails-converting-files-gives-oops-or-distortions- 
in-convert">Other possible causes</a>. 
</div> 
<div class="hide tooltip-template"> 
Some troubleshooting tips, if a file fails to upload: 
<ul> 
<li>This can just be a temporary glitch with our servers. Try again 
after 5 minutes.</li> 
<li>Check if file is password protected, encrypted or contains 
macros.</li> 
<li>If you were uploading a PPT, save as as PDF and re-upload (or vice 
versa, i.e., PDF to PPT). That might help.</li> 
<li>If the problem still persists (or you have other questions about 
file conversion errors), please read our &lt;a 
href=&quot;http://slideshare.zendesk.com/forums/67176/entries&quot;&gt;FAQs&lt;/ 
a&gt;.</li> 
</ul> 
</div> 
</div> 
</div> 
<div id="file_sending_request_template"> 
<div class="notice">Sending request&hellip;</div> 
</div> 
<div id="file_deleted_template"> 
<div class="success"><strong>{file_name_for_html}</strong> has been deleted 
successfully!</div> 
</div> 
<div id="file_deletion_failed_template"> 
<div class="error">Deletion failed!</div> 
</div> 
<div id="no_server_response_template"> 
<div class="error">Server did not respond</div> 
</div> 
<div id="file_deleting_template"> 
<div class="uploadProgress deleting"> 
Deleting <img src='/images/indicator.gif' alt="Deleting&hellip;" /> 
</div> 
</div> 
<div id="file_published_template"> 
<div class="uploadProgress">Your file is being converted and will be 
published shortly. You can see its current status <a target="_blank" href="/my-slideshows"> 
here</a>.</div> 
</div> 
<div id="publish_error_retry_template" class="error"> 
Please <a href="javascript:;">Retry</a>. 
</div>
<div id="publish_upload_failure_template" class="uploadProgress"> 
Upload of <strong>{file_name_for_html}</strong> failed! This is a temporary 
problem. Please try uploading again. 
</div> 
<div id="publish_error_generic_template" class="uploadProgress"> 
Upload of <strong>{file_name_for_html}</strong> failed! This is a temporary 
problem. Please try uploading again. 
</div> 
<div id="publish_error_no_title_template" class="uploadProgress"> 
<div>Upload failed. Your title was invalid. Please enter a valid title for 
your file.</div> 
</div> 
<div id="publish_error_missing_language_template" class="uploadProgress"> 
<div>Upload failed. Please select a valid language for the file.</div> 
</div> 
<div id="publish_error_invalid_extension_template" class="uploadProgress"> 
<div class="uploadProgress uploadFailed"> 
<div class="error"> 
<p>Upload of <strong>{file_name_for_html}</strong> failed! Uploaded file 
type is not supported..</p> 
</div> 
</div> 
</div> 
<div id="publish_error_video_quota_template" class="uploadProgress"> 
<div class="uploadProgress uploadFailed"> 
<div class="error"> 
<p>Upload of <strong>{file_name_for_html}</strong> failed! You have 
exceeded your monthly video upload quota.<br/><a href="/business/premium/plans? 
cmp_src=benefits&cmp_src_from=video_upload_thickbox" class="j-cta_videoupload 
btn">Upgrade your plan</a> to upload more videos.</p> 
</div> 
</div> 
</div> 
<div id="publish_error_private_qouta_template" class="uploadProgress"> 
<div class="uploadProgress uploadFailed"> 
<div class="error"> 
<p> 
<span>Upload of <strong>{file_name_for_html}</strong> failed!</span> 
<span class="j-message">Your private upload limit has been reached. If 
you wish to increase your upload limit, please contact <a 
href="https://slideshare.wufoo.com/forms/q1i1eut90khip1o/" 
target="_blank">SlideShare support</a>.</span> 
</p> 
</div> 
</div> 
</div> 
<div id="publish_error_banned_country_template" class="uploadProgress"> 
<div class="uploadProgress uploadFailed"> 
<div class="error"> 
<p>Upload of <strong>{file_name_for_html}</strong> failed! You are trying 
to upload videos from a country where access is restricted..</p> 
</div> 
</div> 
</div> 
<div id="publish_error_invalid_size_template" class="uploadProgress"> 
<div class="uploadProgress uploadFailed">
<div class="error"> 
<p>Upload of <strong>{file_name_for_html}</strong> failed! Your file 
exceeds maximum allowed size.</p> 
</div> 
</div> 
</div> 
<div id="publish_error_free_user_video_template" class="uploadProgress"> 
<div class="uploadProgress uploadFailed"> 
<div class="error"> 
<p>Upload of <strong>{file_name_for_html}</strong> failed!</p> Video 
formats are not supported. 
</div> 
</div> 
</div> 
<div id="flash_notice_for_secret_url" class="success"> 
Secret URL for this slideshow is: <strong><a 
href='{secret_url}'>{secret_url}</a></strong> 
</div> 
<div id="embed_code_template"> 
<fieldset> 
<div class="market-your-content-tab"> 
<ul class="steps"> 
<li><span>1</span><a class="j-go-back add-details">Add details</a></li> 
<li class="current"><span>2</span>Share Your SlideShare</li> 
</ul> 
</div> 
<div class="floatRight"> 
<div class="shareOptions embed-code"> 
<h4>Embed code</h4> 
<ul class="nav nav-pills"> 
<li> 
<input type="text" name="embed" id="embed_code"> 
</li> 
</ul> 
</div> 
<div class="shareOptions j-share-options"> 
<h4>Share</h4> 
<ul class="nav nav-pills share-publicly"> 
<li> 
<a href="#" class="twitter-share j-twitter-share" title="Post to 
Twitter" rel="nofollow">Twitter</a> 
</li> 
<li> 
<a href="#" class="facebook-share j-facebook-share" title="Post to 
Facebook" rel="nofollow">Facebook</a> 
</li> 
<li> 
<a href="#" class="linkedin-share j-linkedin-share" title="Post to 
Linkedin" rel="nofollow">LinkedIn</a> 
</li> 
<li> 
<a href="#" class="gplus-share j-gplus-share" title="Post to 
Google+" rel="nofollow">Google+</a> 
</li> 
<li> 
<a href="#" class="email-share j-email-share" title="Share via 
email" rel="nofollow">Email</a> 
</li> 
</ul> 
</div><!-- .shareOptions -->
<div class="add-to-profile-section j-add-to-profile"> 
<p class="add-to-profile-text">Add to Linkedin profile</p> 
<div data-slide-id="" class="treasury add-to-li-profile j-linkedin-connect 
flat-button-with-icon flat-button-li hide j-tooltip" id="" data-original- 
title="Your slideshare will show up in summary section of your linkedin 
profile" rel="tooltip"> 
<div class="flat-button-icon"></div> 
<div class="flat-button-text">Add to my profile</div> 
</div> 
</div> 
<!-- Marketing options --> 
<p id="save_publish_button" class="miniPara save-button"> 
<a class="btn btn-inverse j-slideshow-link slideshow-link" data-galabel=" 
link_view_ppt" target="_blank">View Presentation</a> 
<a class="go-back j-slideshow-edit" target="_blank">Advanced Settings</a> 
<a class="go-back j-go-back">Go Back</a> 
</p> 
</div><!-- .floatRight --> 
</fieldset> 
</div><!-- #embed_code_template --> 
<div id="notice_first_upload"> 
<strong>Upload your first presentation below</strong>, or fill out your 
personal details on <a href="/{user_login}/edit" title="View your profile 
page">your profile page</a>. 
</div> 
<div id="file_no_user_status_template"> 
No user to associate this slideshow with. Please refresh the page and the 
problem should be solved. 
</div> 
<div id="file_invalid_extension_status_template"> The uploaded file type is 
not supported by SlideShare. Please confirm the allowed types from our <a 
href="/faqs">FAQ</a> or <a href="/feedback">contact us</a> if you think the file 
type should be supported. 
</div> 
<div id="published_status"> 
<div class="uploadProgress uploadPublished"> 
<p class="publish-success-message mobile-preview-wrapper">Your file 
uploaded successfully<span class="li-share-alert hide"> on SlideShare and 
LinkedIn</span>! View it <a class="j-slideshow-link" data-galabel=" 
link_view_here" target="_blank">here</a>. 
<a class="j-mobile-preview pull-right" style="display: none" href="#"><i 
class="iconTemp-mobile"></i>See Mobile Preview</a> 
</p> 
<div class="li-share-alert hide"><a href="http://www.linkedin.com" 
class="muted text-info" target="_blank">Undo LinkedIn share</a> <a class="label 
label-info" rel="tooltip" href="#" title="To undo LinkedIn share, just login to 
your LinkedIn account and delete the shared link from your home page feed.">? 
</a> <a class="j-edit-sharing-settings text-info" href="#">Auto-share 
settings</a></div> 
</div> 
</div> 
</div> 
<!-- upload templates end --> 
</div> <!-- upload_div --> 
<!-- preloading of images -->
<div 
style="background:url(//public.slidesharecdn.com/b/images/bulk_upload_progress.p 
ng);visibility:hidden;height:1px; width:1px;overflow:hidden"> 
<span class="cancelbtn"></span> 
<span class="uploadFailed"></span> 
<div class="uploadProgress"></div> 
<span class="uploadPublished"></span> 
</div> 
<!-- preloading ends --> 
<!-- feedback button --> 
<a 
href="https://slideshare.wufoo.com/forms/q162o08102jc0e6/def/Field1=zamsani800%4 
0gmail.com&Field24=syfwan" role="button" 
class="j-wufoo_link get-feedback" 
id="j-upload-feedback-button" 
target="_blank"></a> 
<script 
src="http://public.slidesharecdn.com/b/javascripts/linkedin/li_connect_oauth.js? 
2605bbaee3" type="text/javascript"></script> 
<script src="http://public.slidesharecdn.com/b/javascripts/ajax_signup.js? 
db8671dd51" type="text/javascript"></script> 
<script 
src="http://public.slidesharecdn.com/b/javascripts/linkedin/li_upload_to_profile 
.js?f1985b8a3c" type="text/javascript"></script> 
<script 
src="http://public.slidesharecdn.com/b/javascripts/plugins/jquery/bootbox.min.js 
?0459365ce5" type="text/javascript"></script> 
<style> 
a.ss-profile-pic:hover { 
text-decoration: none; 
} 
.li-optin { 
margin: 15px 30px; 
padding: 8px 0; 
border-top: 0px solid #F9F9F9; 
font-size: 14px; 
} 
.li-optin.li-optin-first { 
margin: 0 30px 15px; 
padding: 0 0 8px; 
} 
.li-optin label { 
line-height: 15px; 
font-size: 14px; 
margin: 0; 
} 
.li-optin small { 
font-size: 12px; 
margin: 2px 0 0 8px; 
color: #999; 
line-height: 12px; 
} 
.li-optin .sub-options { 
float: left; 
margin-left: 8px; 
}
.li-optin .sub-options label { 
font-size: 12px; 
line-height: 18px; 
margin: 6px 0; 
width: 452px; 
} 
form { 
margin: 0; 
} 
.modal-footer .email { 
display: inline; 
padding: 0 15px 0 0; 
} 
.modal-footer .email a { 
border-bottom: 1px dashed #ACACAC; 
color: #727272; 
} 
.modal-footer .email a:hover { 
text-decoration: none; 
} 
.new-ss-user { 
width: 475px; 
float: left; 
} 
.new-ss-user .li-optin.li-optin-first, .new-ss-user .li-optin { 
margin-left: 10px; 
margin-right: 0; 
} 
.new-ss-user .li-optin small { 
margin: 0 0 0 8px; 
font-size: 11px; 
} 
</style> 
<div id="j-linkedinConnectedMessage" class="modal hide" data-keyboard="false" 
data-backdrop="static"> 
<form id="j-linkedinConnectSettings"> 
<div class='modal-header'> 
<a href="#" class="j-li-connect-settings-close close pull-right" data-dismiss=" 
modal">×</a> 
<h3>Expand your network!</h3> 
</div> 
<div id="j-modalBody" class="modal-body"> 
<p class="li-optin li-optin-first"> 
<label class="checkbox"> 
<strong><input type="checkbox" checked="checked" 
name="follow_contacts">Follow my LinkedIn contacts on SlideShare</strong> 
</label> 
<small class="span">Get updates when they post to SlideShare</small> 
</p> 
<p class="li-optin"> 
<label class="checkbox"> 
<strong><input type="checkbox" checked="checked" 
name="follow_ss_on_li"> Follow Slideshare company page on LinkedIn.com</strong> 
</label> 
<small class="span">So you will find out new content about SlideShare
on LinkedIn.com</small> 
</p> 
<p class="li-optin"> 
<label class="checkbox"> 
<strong><input id="j-shareActivity" type="checkbox" checked="checked" 
name="share_activity">Share my activity with my connections on 
LinkedIn.com</strong> 
</label> 
<span class="sub-options span"> 
<label class="checkbox"> 
<input class="j-publishSettings" type="checkbox" checked="checked" 
name="publish_upload"> Display my SlideShare uploads on LinkedIn.com 
</label> 
<label class="checkbox"> 
<input class="j-publishSettings" type="checkbox" checked="checked" 
name="publish_favorite"> Display my SlideShare &quot;likes&quot; on LinkedIn 
news feed 
</label> 
</span> 
</p> 
</div> 
<div class="modal-footer"> 
<img id="j-loadingIcon" 
src="//public.slidesharecdn.com/b/images/loading.gif" width="24px" height="24px" 
style="display: none;"> 
<a id="j-continueBinding" href="#" class="flat-button flat-button-orange">< 
strong>Save Settings</strong></a> 
</div> 
</form> 
</div> 
<script type="text/javascript"> 
$(function(){ 
var action = "js_upload"; 
var controller = "uploads"; 
var eventCategory = 'LinkedIn'; 
if (action === 'ss_campaign') { 
eventCategory = 'linkedin_campaign'; 
} else if (controller === 'visual_resume') { 
eventCategory = 'linkedin_visual_resume'; 
}else{ 
eventCategory = "LinkedIn"; 
} 
if(action !== "interactive_upload" && action !== 'js_upload' && action !== 
"edit_my_uploads" && action !== "search_my_uploads"){ 
$("#j-linkedinConnectedMessage").modal("show"); 
} 
_gaq.push(["_trackEvent", eventCategory, "notification", "connected"]); 
$("#j-shareActivity").live("change", function(e){ 
$(".j-publishSettings").attr("checked", $("#j-shareActivity"). 
is(":checked")); 
}); 
$(".j-publishSettings").live("change", function(e){ 
$("#j-shareActivity").attr("checked", $(".j-publishSettings: 
checked").length == $(".j-publishSettings").length); 
}); 
$("#j-continueBinding").live("click", function(e){ 
e.preventDefault(); 
_gaq.push(["_trackEvent", eventCategory, "settings", "created"]);
_gaq.push(["_trackEvent", eventCategory, "settings", "update_profile", $ 
("#j-linkedinConnectSettings input:eq(0)").is(":checked")?1:0]); 
_gaq.push(["_trackEvent", eventCategory, "settings", "follow_connections", 
$("#j-linkedinConnectSettings input:eq(1)").is(":checked")?1:0]); 
_gaq.push(["_trackEvent", eventCategory, "settings", "publish_upload", $ 
("#j-linkedinConnectSettings input:eq(3)").is(":checked")?1:0]); 
_gaq.push(["_trackEvent", eventCategory, "settings", "publish_favorite", $ 
("#j-linkedinConnectSettings input:eq(4)").is(":checked")?1:0]); 
$("#j-loadingIcon").fadeIn(); 
$.ajax({ 
url: "/liconnect/update_binding_settings", 
data: $("#j-linkedinConnectSettings").serialize(), 
type: "POST", 
dataType: "json" 
}).done(function(data){ 
if(data.success){ 
_gaq.push(["_trackEvent", eventCategory, "settings", "updated"]); 
$("#j-loadingIcon").fadeOut(); 
$("#j-linkedinConnectedMessage").modal("hide"); 
} else{ 
_gaq.push(["_trackEvent", eventCategory, "settings", "error"]); 
$("#j-modalBody").html("Oops! Something went wrong. Please try again 
later."); 
$("#j-continueBinding").die("click").live("click", function(){ 
$("#j-loadingIcon").fadeOut(); 
$("#j-linkedinConnectedMessage").modal("hide"); 
}); 
} 
if (controller === 'visual_resume'){ 
window.location = "/visual-resume/theme/circles" 
} else { 
if(!window.location.pathname.startsWith("/upload")){ 
window.location.reload(); 
} 
} 
}); 
}); 
$(".j-li-connect-settings-close").live("click",function(e){ 
$("#j-linkedinConnectedMessage").modal("hide"); 
if (controller === 'visual_resume'){ 
window.location = "/visual-resume/theme/circles" 
} 
if (action === 'edit_my_uploads'){ 
window.location.reload(); 
} 
}); 
}); 
</script> 
<script type="text/javascript"> 
var config = { 
'connectButtonClass': ".j-linkedin-connect", 
'state': "c7d397bcb85732af0a3cf20cd4cdc4", 
'login_source': "interactive_upload", 
'connectRoute': 'upload_to_li_profile' 
}; 
function UploadLiConnect(config){ 
LIConnect.call(this,config); 
}; 
UploadLiConnect.prototype = new LIConnect(); 
UploadLiConnect.prototype.bindEvents = function(){ 
var that = this;
$('body').on('click', this.config.connectButtonClass, function(e){ 
url = that.config.connectUrl + "&slideshow_id=" + $(this).attr("slide-id"); 
that.config.slideshow_id = $(this).attr("slide-id"); 
that.openAuthDialog(url); 
var _gaq = window._gaq || []; 
_gaq.push(['_trackEvent', 'interactive_upload', 'treasury', 
'add_to_li_clicked']); 
}) 
}; 
var ssliconnect = new UploadLiConnect(config); 
</script> 
</div><!-- .container --> 
<footer> 
<div class="footerWrapper"> 
<div class="footer"> 
<div class="row"> 
<div id="smt-lang-selector"></div> 
<div class="lang"> 
<ul> 
<li class="smt-item www" id="current_lang"><a class="smt-link" 
href="http://www.slideshare.net/?ss?ss&amp;smtNoRedir=1">English</a></li> 
<li class="smt-item fr"><a class="smt-link" 
href="http://fr.slideshare.net/?ss?ss">Français</a></li> 
<li class="smt-item es"><a class="smt-link" 
href="http://es.slideshare.net/?ss?ss">Español</a></li> 
<li class="smt-item pt"><a class="smt-link" 
href="http://pt.slideshare.net/?ss?ss">Português (Brasil)</a></li> 
<li class="smt-item de"><a class="smt-link" 
href="http://de.slideshare.net/?ss?ss">Deutsch</a></li> 
</ul> 
</div> 
</div> 
<div class="row"> 
<div class="about-links"> 
<ul> 
<li><a title="About us" href="/about" 
rel="nofollow">About</a></li> 
<li class="mobile-hide-2"><a title="Careers" 
href="/about/workatslideshare" rel="nofollow">Careers</a></li> 
<li class="mobile-hide-2 mobile-hide-1"><a title="Developers 
&amp; API" href="/developers" rel="nofollow">Developers &amp; API</a></li> 
<li class="mobile-hide-2 mobile-hide-1"><a title="Press" 
href="http://www.slideshare.net/about/press">Press</a></li> 
<li><a title="Our Blog" 
href="http://blog.slideshare.net">Blog</a></li> 
<li><a title="Terms of Use" href="/terms" 
rel="nofollow">Terms</a></li> 
<li><a title="Privacy Policy" href="/privacy" 
rel="nofollow">Privacy</a></li> 
<li class="mobile-hide-2"><a title="Copyright &amp; DMCA" 
href="http://www.linkedin.com/legal/copyright-policy" 
rel="nofollow">Copyright</a></li> 
<li><a title="Get Help" href="http://help.slideshare.com/home" 
rel="nofollow">Support</a></li> 
<li class="mobile-hide-2"><a title="Contact" 
href="/about/contactus" rel="nofollow">Contact</a></li> 
</ul> 
</div> 
</div>
<div class="row"> 
<div class="bottom"> 
<a title="Follow us on LinkedIn" 
href="http://www.linkedin.com/company/slideshare" class="li-link" rel="nofollow" 
target="_blank">Linkedin</a> 
<a title="Follow us on Twitter" 
href="http://twitter.com/SlideShare" class="tw-link" rel="nofollow" 
target="_blank">Twitter</a> 
<a title="Follow us on Google+" href="http://www.google.com/ 
+SlideShare" class="g-link" rel="nofollow" target="_blank">Google Plus</a> 
<a title="Follow us on Slideshare" 
href="http://www.facebook.com/slideshare" class="fb-link" rel="nofollow" 
target="_blank">Facebook</a> 
<a href="http://www.slideshare.net/rss/latest" class="rss-link"> 
RSS Feeds</a> 
<span>LinkedIn Corporation &copy; 2014</span> 
</div> 
</div> 
</div> 
<img alt="" height="1" 
src="http://www.linkedin.com/analytics/noauthtracker? 
type=leo.pageTracking&amp;pageKey=sld_uploads_jsbeacon&amp;pageType=full_page" 
width="1" /> 
</div> 
<!-- .footerWrapper --> 
</footer> 
<!-- Modal preview starts here --> 
<link href="http://public.slidesharecdn.com/b/stylesheets/mobile-preview.css? 
9133c0947a" media="screen" rel="stylesheet" type="text/css" /> 
<div class="modal modal-mobile-preview landscape-mode fade mobile-device hide j-preview" 
id="mobile-preview"> 
<!-- Modal preview body starts here --> 
<div class="modal-body"> 
<!-- Slides carousel nav --> 
<a class="carousel-control left j-previous" href="#" data-slide="prev" 
title="Previous slide">&lsaquo;</a> 
<a class="carousel-control right j-next" href="#" data-slide="next" 
title="Next slide">&rsaquo;</a> 
<div class="preview-wrapper"> 
<div class="device"></div> 
<div class="iframe-wrapper"><iframe src="" frameborder="0" width="273" 
height="476"></iframe></div> 
</div> 
</div> <!-- /.modal-body --> 
<div class="preview-sidebar"> 
<div class="controls-wrapper"> 
<a href="#" class="close-preview close j-close" title="Close preview" 
data-dismiss="modal" aria-hidden="true">&times;</a> 
<h4>Preview Settings</h4> 
<div class="switch-large"> 
<ul class="orientation-switch"> 
<li class="orientation-label"><label 
for="mobile_device">Mobile</label></li> 
<li> 
<div class="switch"> 
<input type="radio" class="switch-input j-device" 
name="device_type" value="mobile_device" id="mobile_device" checked> 
<label for="mobile_device" class="switch-label switch-label-off 
mobile-switch">&nbsp;</label> 
<input type="radio" class="switch-input j-device"
name="device_type" value="tablet_device" id="tablet_device"> 
<label for="tablet_device" class="switch-label switch-label-on 
tablet-switch">&nbsp;</label> 
<span class="switch-selection"></span> 
</div> 
</li> 
<li class="orientation-label"><label 
for="tablet_device">Tablet</label></li> 
</ul> 
</div> 
<ul class="orientation-switch"> 
<li class="orientation-label"><label 
for="landscape">Landscape</label></li> 
<li> 
<div class="switch"> 
<input type="radio" class="switch-input j-orientation" 
name="orientation" value="landscape" id="landscape" checked> 
<label for="landscape" class="switch-label switch-label-off 
landscape-switch">&nbsp;</label> 
<input type="radio" class="switch-input j-orientation" 
name="orientation" value="portrait" id="portrait"> 
<label for="portrait" class="switch-label switch-label-on 
portrait-switch">&nbsp;</label> 
<span class="switch-selection"><em>&nbsp;</em></span> 
</div> 
</li> 
<li class="orientation-label"><label 
for="portrait">Portrait</label></li> 
</ul> 
<a href="http://blog.slideshare.net/2013/11/25/how-to-make-your-slides-mobile- 
friendly" target="_blank" class="mobile-quick-tips"><i class="iconTemp-mobile- 
tips"></i> Creating mobile friendly slides</a> 
</div> 
</div> <!-- /.preview-sidebar --> 
</div><!-- /.modal-mobile-preview --> 
<script 
src="http://public.slidesharecdn.com/b/javascripts/ss_plugins/screenshot.js? 
44140276fd" type="text/javascript"></script> 
<div id="errorlogger"> 
</div> 
<script 
src="http://public.slidesharecdn.com/b/javascripts/autocomplete.js?64a68d6eb8" 
type="text/javascript"></script> 
<script 
src="http://public.slidesharecdn.com/b/javascripts/jquery.textLimit.min.js? 
9b53545e8b" type="text/javascript"></script> 
<script 
src="http://public.slidesharecdn.com/b/javascripts/jquery.ui.widget.min.js? 
3fae5e35f0" type="text/javascript"></script> 
<script src="http://public.slidesharecdn.com/b/javascripts/jquery.iframe-transport. 
min.js?a9ad528f02" type="text/javascript"></script> 
<script 
src="http://public.slidesharecdn.com/b/javascripts/interactive_upload/combined.j 
s?7b250a2f61" type="text/javascript"></script> 
<script src="http://public.slidesharecdn.com/b/javascripts/tinycon.min.js?
12be964ec5" type="text/javascript"></script> 
</div><!-- #main-content --> 
<script type="text/javascript"> 
var BrowserDetect = { 
init: function () { 
this.browser = this.searchString(this.dataBrowser) || "An unknown 
browser"; 
this.version = this.searchVersion(navigator.userAgent) 
|| this.searchVersion(navigator.appVersion) 
|| "an unknown version"; 
this.OS = this.searchString(this.dataOS) || "an unknown OS"; 
return this.browser + " " + this.version + " on " + this.OS; 
}, 
searchString: function (data) { 
for (var i=0, length = data.length; i < length; i++) { 
var dataString = data[i].string; 
var dataProp = data[i].prop; 
this.versionSearchString = data[i].versionSearch || 
data[i].identity; 
if (dataString) { 
if (dataString.indexOf(data[i].subString) != -1) 
return data[i].identity; 
} 
else if (dataProp) 
return data[i].identity; 
} 
}, 
searchVersion: function (dataString) { 
var index = dataString.indexOf(this.versionSearchString); 
if (index == -1) return; 
return 
parseFloat(dataString.substring(index+this.versionSearchString.length+1)); 
}, 
dataBrowser: [ 
{ string: navigator.userAgent, subString: "Chrome", identity: "Chrome" 
}, 
{ string: navigator.userAgent, subString: "OmniWeb", versionSearch: 
"OmniWeb/",identity: "OmniWeb"}, 
{ string: navigator.vendor, subString: "Apple", identity: "Safari", 
versionSearch: "Version" }, 
{ prop: window.opera, identity: "Opera" }, 
{ string: navigator.vendor, subString: "iCab", identity: "iCab" }, 
{ string: navigator.vendor, subString: "KDE", identity: "Konqueror" }, 
{ string: navigator.userAgent, subString: "Firefox", identity: 
"Firefox" }, 
{ string: navigator.vendor, subString: "Camino", identity: "Camino" }, 
{ string: navigator.userAgent, subString: "Netscape", identity: 
"Netscape" }, 
{ string: navigator.userAgent, subString: "MSIE", identity: 
"Explorer", versionSearch: "MSIE" }, 
{ string: navigator.userAgent, subString: "Gecko", identity: 
"Mozilla", versionSearch: "rv" }, 
{ string: navigator.userAgent, subString: "Mozilla", identity: 
"Netscape", versionSearch: "Mozilla"} 
], 
dataOS : [ 
{ string: navigator.platform, subString: "Win", identity: "Windows" }, 
{ string: navigator.platform, subString: "Mac", identity: "Mac" }, 
{ string: navigator.userAgent, subString: "iPhone", identity: 
"iPhone/iPod" }, 
{ string: navigator.platform, subString: "Linux", identity: "Linux" }
] 
}; 
/* From http://www.quirksmode.org/js/detect.html */ 
try { 
if(slideshare_object.cache['pageTag']){ 
window._gaq = _gaq || []; 
_gaq.push(["_trackEvent", "Pageload time", 
slideshare_object.cache['pageTag'], BrowserDetect.init(), (new Date()).getTime() 
- timer, true]); 
} 
} catch(e) {} 
</script> 
<script 
src="http://public.slidesharecdn.com/b/bigboot/js/bootstrap_combined.js? 
03591d10d1" type="text/javascript"></script> 
<script type="text/javascript"> 
(function(){var 
b,a,e,d,c;b=document.createElement("script");b.type="text/javascript";b.async=tr 
ue;b.src=(document.location.protocol==="https:"?"https:":"http:") 
+"//api.mixpanel.com/site_media/js/api/mixpanel.js";a=document.getElementsByTagN 
ame("script")[0];a.parentNode.insertBefore(b,a);e=function(f){return function() 
{mpq.push([f].concat(Array.prototype.slice.call(arguments,0)))}};d=["init","trac 
k","track_links","track_forms","register","register_once","identify","name_tag", 
"set_config"];for(c=0;c<d.length;c++){mpq[d[c]]=e(d[c])}})(); 
(function($,$$){ 
$('#j-slideshare-logo').click(function(e) { 
e.preventDefault(); 
if($$.user.loggedin) { 
window.location.href = "/?ss"; 
} else { 
window.location.href = "/"; 
} 
}); 
//@todo: monitor performance of ga and load it on window.load 
var ga = document.createElement("script"); 
ga.type = "text/javascript"; 
ga.async = true; 
ga.src = ("https:" == document.location.protocol ? "https://ssl" : 
"http://www") + ".google-analytics.com/ga.js"; 
s = document.getElementsByTagName("script")[0]; 
s.parentNode.insertBefore(ga, s); 
$(window).load(function(){ 
window.fbAsyncInit = function() { 
FB.init({ 
appId : '2490221586', 
oauth : true, 
channelUrl : '//public.slidesharecdn.com/b/channel.html', 
status : true, // check login status 
cookie : true, // enable cookies to allow the server to access the 
session 
xfbml : true // parse XFBML 
}); 
FB.getLoginStatus(function (response){ 
// all the functions that wait for fb to be initialized can listen 
to this event. 
$(document).trigger('fbinitialized'); 
if (response.status ==='unknown'){ 
// user is logged out from facebook 
slideshare_object.fb_logged_out = true;
} 
},true); 
if(!slideshare_object.user.loggedin) { 
FB.Event && FB.Event.subscribe('auth.statusChange', 
slideshare_object.onFBStatusChange); 
} 
}; 
var e = document.createElement('script'); 
e.src = document.location.protocol + 
'//connect.facebook.net/en_US/all.js'; 
e.id = 'facebook-jssdk'; 
e.async = true; 
document.getElementById('fb-root').appendChild(e); 
slideshare_object.setup_fbconnect_interaction(); 
var ca = document.createElement("script"); 
ca.type = "text/javascript"; 
ca.async = true; 
ca.src = (document.location.protocol == "https:" ? 
"https://sb" : "http://b") + ".scorecardresearch.com/beacon.js"; 
s = document.getElementsByTagName("script")[0]; 
s.parentNode.insertBefore(ca, s); 
$.getScript('//platform.linkedin.com/in.js?async=true', function() { 
IN.init(); 
}); 
}); 
})(jQuery,slideshare_object); 
// MixPanel People for PRO Users 
(function(c,a){window.mixpanel=a;var 
b,d,h,e;b=c.createElement("script");b.type="text/javascript";b.async=! 
0;b.src=("https:"===c.location.protocol?"https:":"http:") 
+'//cdn.mxpnl.com/libs/mixpanel-2.2.min.js';d=c.getElementsByTagName("script") 
[0];d.parentNode.insertBefore(b,d);a._i=[];a.init=function(b,c,f){function 
d(a,b){var c=b.split(".");2==c.length&&(a=a[c[0]],b=c[1]);a[b]=function() 
{a.push([b].concat(Array.prototype.slice.call(arguments,0)))}}var 
g=a;"undefined"!==typeof f?g=a[f]=[]:f="mixpanel";g.people=g.people|| 
[];h=['disable','track','track_pageview','track_links','track_forms','register', 
'register_once','unregister','identify','alias','name_tag','set_config','people. 
set','people.increment','people.track_charge','people.append'];for(e=0;e<h.lengt 
h;e++)d(g,h[e]);a._i.push([b,c,f])};a.__SV=1.2;})(document,window.mixpanel||[]); 
var slidetrackingKey = "375425c76eeed6d07d74c0bfe032fec0"; 
if(slideshare_object.user.loggedin && slideshare_object.user.is_pro){ 
mixpanel.init("dd9f3935b99b8dbb9b5e85a6af56b463"); 
mixpanel.identify(slideshare_object.user.login); 
mixpanel.people.set({ 
"$name": slideshare_object.user.name, 
"last_action": new Date(), 
"fbconnect": slideshare_object.user.is_fbuser, 
"id": slideshare_object.user.id 
}); 
} 
</script> 
<script type="text/javascript"> 
$(document).ready(function() { 
// Responsive layout code 
var isMobile = function() { 
return (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera 
Mini/i).test(navigator.userAgent);
} 
/* Sidebar menu 
---------------------- */ 
var isSidebarOpened = function() { 
return $('body').hasClass('sidebar-nav-opened'); 
}; 
var toggleMenu = function() { 
var $body = $('body'); 
var $mainContent = $('#main-content'); 
var topNavHeight = $('#main_navbar').outerHeight(); 
var offset = 0; 
// Collapse the search bar if it is open 
$('#mobile-search-bar').removeClass('open'); 
// Open/Close sidebar 
if (isSidebarOpened()) { 
offset = -parseInt($mainContent.css('top'), 10) + topNavHeight; 
$mainContent.css('top', ''); 
$body.removeClass('sidebar-nav-opened'); 
window.scrollTo(0, offset); 
// Re-enable list scrolling and navigation on menu close 
$("#main-content").unbind('touchmove'); 
} else { 
offset = -($(document).scrollTop() - topNavHeight); 
$mainContent.css('top', offset + 'px'); 
$body.addClass('sidebar-nav-opened'); 
$body.removeClass('search-bar-opened'); 
// Disable list scrolling and navigation for everything except the 
menu on menu open 
$("#main-content").bind('touchmove', function(e){ 
e.preventDefault(); 
}); 
} 
}; 
$('body').on('click', '#j-open-sidebar-nav', function(e) { 
e.stopPropagation(); 
toggleMenu(); 
}); 
/* Mobile search bar 
---------------------- */ 
var isSearchBarOpened = function() { 
return $("#mobile-search-bar").hasClass('open'); 
}; 
var toggleSearchBar = function() { 
var $body = $('body'); 
if (isSearchBarOpened()) { 
$("#mobile-search-bar").removeClass('open').find('.search-field'). 
blur(); 
$body.removeClass('search-bar-opened'); 
} else { 
$("#mobile-search-bar").addClass('open').find('.search-field'). 
focus(); 
$body.addClass('search-bar-opened'); 
$body.removeClass('sidebar-nav-opened');
} 
}; 
$('body').on('click', '#j-open-mobile-search', function(e) { 
e.stopPropagation(); 
e.preventDefault(); 
toggleSearchBar(); 
}); 
$('body').on('click', '#main-content-overlay', function(e) { 
e.stopPropagation(); 
e.preventDefault(); 
if (isSidebarOpened()) { 
toggleMenu(); 
} 
if (isSearchBarOpened()) { 
toggleSearchBar(); 
} 
}); 
/* Misc 
---------------------- */ 
// Scroll 1px to hide mobile browsers with autohide address bars (like 
IOS Safari) 
if (isMobile()) { 
window.addEventListener("load", function() { 
setTimeout(function() { 
window.scrollTo(0, 1); 
}, 0); 
}); 
} 
}); 
</script> 
</body> 
</html> 
avbar

Xxx

  • 1.
    http://www.slideshare.net/upload?from_source=loggedin_slideview_n <!DOCTYPE html> <html lang="en"> <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# 2490221586: http://ogp.me/ns/fb/2490221586#"> <meta charset="utf-8"> <title>Upload, Share, and Discover Content on SlideShare</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="Discover, Share, and Present presentations and infographics with the world’s largest professional content sharing community."> <meta name="include_mode" content="async"> <link rel="canonical" href="http://www.slideshare.net/upload" /> <link href="http://public.slidesharecdn.com/b/bigboot/css/ss-core.css? bac3f0f7d0" media="screen" rel="stylesheet" type="text/css" /> <link href="http://public.slidesharecdn.com/b/stylesheets/smart-upload. css?d5130a8fcd" media="screen" rel="stylesheet" type="text/css" /> <!--[if lt IE 9]> <script src="//public.slidesharecdn.com/b/javascripts/plugins/html5.js"></script> <![endif]--> <script type='text/javascript'> // <![CDATA[ var timer = (new Date()).getTime(); // ]]> </script> <!--userobject starts here--> <script type='text/javascript'> window._auth_token_name = "authenticity_token"; window._auth_token = "jZ9qyuZwhvbGaahfTUofatUA2hxEb+PkczuKeHDK85k="; // GA Segmentation window._gaq = window._gaq || []; _gaq.push(['_setAccount', 'UA-2330466- 1']);_gaq.push(['_setDomainName', '.slideshare.net']);_gaq.push(['_addIgnoredRef', 'slideshare.net']);_gaq.push(['_setCustomVar', 1, 'member_type', 'FREE', 1]); _gaq.push(['_trackPageview']); // Comscore var _comscore = _comscore || []; _comscore.push({ c1: "2", c2: "6402952" }); var slideshare_object = { user: {"has_privacy_enabled":true,"loggedin":true,"has_uploads":false,"userGroup":"mem ber","login":"syfwan","id":62181782,"is_li_connected":false,"show_li_connect_cta ":null,"is_fbuser":false,"is_opengraph_user":false,"is_pro":false,"fb_access_tok en":null,"name":"syfwan","su":false,"opengraph_permissions": {},"fb_userid":null}, timer: { start: (new Date()).getTime(), end: '', execTime: '' }, top_nav: { get_url: "/top_nav"}, dev: false, fb_app_name: 'slideshare', init: [], feature_flag: [], is_mobile: "" }; var mpq = []; mpq.push(["init","dd9f3935b99b8dbb9b5e85a6af56b463"]); </script>
  • 2.
    <script type="text/javascript"> //<![CDATA[ var smtId = "ab5bb963d"; var smtDefaultStyles = false; var smtRedirect = true; var smtProt = (("https:" == document.location.protocol) ? "https://" : "http://"); var smtPreRender = function(data) { for (i in data) { if (data[i].code === "en-us") { data[i].name = "English"; } } }; var smtRedirectMapper = function(locale, sites) { if (/^es/i.test(locale)){ //disable redirect to spanish site return null; } if (locale in sites) { return sites[locale]; } if (/^fr/i.test(locale)) { return sites['fr-fr'] || null; } if (/^de/i.test(locale)) { return sites['de-de'] || null; } return null; }; var smtElmt = document.createElement('script'); smtElmt.type = "text/javascript"; smtElmt.async = true; smtElmt.src = smtProt + "cdn01.smartling.com/ls/"+ smtId +".js"; script = document.getElementsByTagName("script")[0]; script.parentNode.insertBefore(smtElmt, script); //]]> </script> <script src="http://public.slidesharecdn.com/b/javascripts/bigboot/combined_bigboot_layo ut.js?54465f0989" type="text/javascript"></script> <script type="text/javascript"> function getErrorTag(error){ var tag = "Javascript errors"; var errors = {'GA_google' : 'Ad errors', 'exception' : 'Browser errors', 'Script error' : 'Browser errors', 'translate' : 'Google translate errors'}; for (var i in errors) { if (error.match(i)) tag = errors[i]; } return tag; } jQuery(document.body).ready(function(){ slideshare_object.timer.end = (new Date()).getTime(); slideshare_object.timer.execTime = slideshare_object.timer.end-slideshare_ object.timer.start; log("Execution time : "+slideshare_object.timer.execTime+"ms");
  • 3.
    }); </script> <!--Javascriptsends here--> <!--Misc Head contents starts here--> <!--Misc Head contents ends here--> <link rel="shortcut icon" href="//public.slidesharecdn.com/b/images/favicon.ico"> <link rel="alternate" type="application/rss+xml" title="RSS" href="http://www.slideshare.net/rss/latest" /> <link rel="search" type="application/opensearchdescription+xml" href="/search/opensearch.xml" title="SlideShare Search"> </head> <body class="sticky_navbar loggedIn "> <div id="fb-root"></div> <div class="admanager-section"> <script type="text/javascript"> document.write(unescape("%3Cscript src='" + (document.location.protocol == "https:" ? "https://" : "http://") + "partner.googleadservices.com/gampad/google_service.js' %3E%3C/script%3E")); </script> <script type="text/javascript"> GS_googleAddAdSenseService("ca-pub-5203428669823392"); GS_googleEnableAllServices(); </script><script type="text/javascript"> GA_googleUseSyncSRARendering(); GA_googleFetchAds(); </script> <!-- <script type="text/javascript"> var google_adnum = 0; var random_number = Math.random(); if (random_number < 0.55){ GA_googleAddAttr("ztag", "Web-1"); } else { GA_googleAddAttr("ztag", "Go-1"); } </script> --> <script type="text/javascript"> GA_googleAddSlot("ca-pub-5203428669823392", "footer"); </script> <!-- <script type='text/javascript'> GA_googleAddSlot("ca-pub-5203428669823392", "pixel_tracker"); </script> --> </div> <div id="sidebar-nav" class=""> <ul class="mobile-menu-list"> <li><a class="bottom-border mobile-menu-user-info" href="/syfwan" data-ajax=" false">
  • 4.
    <img class="no-pic-icon"></img> syfwan </a></li> <li><a href="/popular" id="mobile_menu_popular" rel="external" title="Popular on SlideShare">Popular on SlideShare</a></li> <li><a href="/featured/category/business" id="mobile_menu_business" rel="external" title="Business">Business</a></li> <li><a href="/featured/category/technology" id="mobile_menu_tech" rel="external" title="Technology">Technology</a></li> <li><a href="/featured/category/health-medicine" id="mobile_menu_health" rel="external" title="Health">Health</a></li> <li><a href="/featured/category/photos" id="mobile_menu_photos" rel="external" title="Photos">Photos</a></li> <li><a href="/logout" class="top-section-divider" id="mobile_menu_logout" rel="external" title="Log Out">Log Out</a></li> </ul> </div> <div id="main_navbar"> <div class="navbar new_navbar"> <div class="navbar-inner"> <div class="container"> <!-- Mobile menu button --> <ul class="nav nav-mobile-show"> <li id="j-open-sidebar-nav" class="no-margin-left"> <a class="menuIcon"></a> </li> </ul> <!-- Logo --> <div class="logo-wrapper"> <a class="sprite-brand" href="/?ss" title="Homepage" id="j-slideshare-logo" rel="tooltip" data-ga="homepage" data-placement="bottom"></a> </div> <!-- Mobile menu button --> <ul class="nav pull-right nav-mobile-show"> <li id="j-open-mobile-search"><a class="searchIcon"></a></li> </ul> <ul class="nav nav-desktop-show"> <!-- Updates --> <li> <a href="/syfwan/newsfeed" class="j-icon_NoNotification no-notification" data-ga="my_newsfeed"> Updates <span class="count">0</span> </a> <a href="/syfwan/newsfeed" class="hide j-icon_Notification yes-notification" data-ga="my_newsfeed"> Updates <span class="count">0</span> </a> </li> <li class="nav_divider"></li>
  • 5.
    <!-- Explore --> <li class="dropdown" id="browse"> <a href="/featured" class="dropdown-toggle" data-toggle=" dropdown">Explore&nbsp;<b class="caret"></b></a> <div class="dropdown-menu" id="explorer"> <ul> <li> <a href="/featured" data-ga="featured">Featured</a> </li> <li> <a href="/popular" data-ga="popular">Popular</a> </li> <li class="featured-categories" id=featured_art-photos> <a href="/featured/category/art-photos" data-ga=" featured_art-photos" rel="nofollow">Art &amp; Photos</a> </li> <li class="featured-categories" id=featured_business> <a href="/featured/category/business" data-ga=" featured_business" rel="nofollow">Business</a> </li> <li class="featured-categories" id=featured_design> <a href="/featured/category/design" data-ga=" featured_design" rel="nofollow">Design</a> </li> </ul> <ul> <li class="featured-categories" id=featured_education> <a href="/featured/category/education" data-ga=" featured_education" rel="nofollow">Education</a> </li> <li class="featured-categories" id=featured_Marketing> <a href="/featured/category/Marketing" data-ga=" featured_Marketing" rel="nofollow">Marketing</a> </li> <li class="featured-categories" id=featured_mobile> <a href="/featured/category/mobile" data-ga=" featured_mobile" rel="nofollow">Mobile</a> </li> <li class="featured-categories" id=featured_Social-Media> <a href="/featured/category/Social-Media" data-ga=" featured_Social-Media" rel="nofollow">Social Media</a> </li> <li class="featured-categories" id=featured_technology> <a href="/featured/category/technology" data-ga=" featured_technology" rel="nofollow">Technology</a> </li> </ul> </div> </li> <li class="nav_divider"></li> <!-- Search --> <form id="desktop-navbar-search" class="navbar-search pull-left" method="get" action="/search/slideshow" data-ga="search_submit"> <input type="submit" class="iconTemp-search iconTemp-gray hide-text"> <input name="searchfrom" type="hidden" value="header"> <input class="search-query" value="" name="q" id="search_query_top" type="text" placeholder="Search" autocomplete="off" data-ga="search"> <div class="suggestionContainer"></div>
  • 6.
    </form> </ul> <divid="topNavLinks-11" class="pull-right nav-desktop-show"> <!-- New navbar --> <ul class="nav pull-right" id="login_link"> <!-- Upload button --> <li> <span> <a id="upload-link" href="/upload" class="btn btn-primary void_fancybox" data-ga="upload">Upload</a> </span> </li> <!-- User drop down (user image) --> <li class="dropdown " id="user-drop-down"> <a href="/syfwan" class="topnav-dropdown-userImage" data-ga=" user_profile"> <i class="iconTemp-user iconTemp-white"></i> </a> <a href="#user-drop-down" class="dropdown-toggle-caret topnav-dropdown-carret" data-toggle="dropdown"><b class="caret"></b> </a> <ul class="dropdown-menu"> <li class="j-public-profile"> <a href="/syfwan" data-ga="user_profile"> <span class='notranslate'>syfwan</span> <small class="metadata">View my profile page</small> </a> </li> <li class="divider"></li> <li><a class="j-uploads" href="/syfwan/edit_my_uploads" data-ga=" my_uploads"><i class="iconTemp-upload"></i> My Uploads</a></li> <li><a class="j-edit-profile" href="/syfwan/edit_sharing_settings" data-ga="edit_profile"><i class="iconTemp-cog"></i> Account Settings</a></li> <li class="divider"></li> <li><a class="j-logout" href="https://www.slideshare.net/logout" data-ga="logout"><i class="icon-logout"></i> Logout</a></li> <li class="divider"></li> <li><a class="j-help" href="http://help.slideshare.com" data-ga=" support"><i class="iconTemp-question-sign"></i> Support</a></li> </ul> </li> </ul> <script type="text/javascript" charset="utf-8"> var user_object = {"has_privacy_enabled":true,"loggedin":true,"has_uploads":false,"userGroup":"mem ber","login":"syfwan","id":62181782,"is_li_connected":false,"show_li_connect_cta ":null,"is_fbuser":false,"is_opengraph_user":false,"is_pro":false,"fb_access_tok en":null,"name":"syfwan","su":false,"opengraph_permissions": {},"fb_userid":null}; for(var key in user_object) { slideshare_object.user[key] = user_object[key]; }
  • 7.
    if(typeof(slideshare_object.setupTopnavMenu) === 'function'){ slideshare_object.setupTopnavMenu(); } </script> </div> </div> </div><!-- /.navbar-inner --> <div class="nav-desktop-hide" id="mobile-search-bar"> <form id="mobile-search-form" name="mobile-search" action="/mobile/search" method="get" class="navbar-search pull-left"> <div class="search-form-inner-container"> <div class="search-submit"> <input type="submit" class="btn" value=""/> </div> <div class="search-field-wrapper"> <input id="j-mobile-search-query" type="search" class="search-field" name="q" placeholder="Search SlideShare" value="" autocomplete="off"/> </div> </div> </form> </div> </div> </div> <div id="main-content"> <div id="main-content-overlay"></div> <div class="container-responsive"> <div id='page-notice' class='alert' style='display:none; '><a href='#' class='closeThis close' title='Close this notification'>&times;</a><span></span> </div><div id='page-warning' class='alert' style='display:none; '><a href='#' class='closeThis close' title='Close this notification'>&times;</a><span></span> </div><div id='page-message' class='alert alert-info' style='display:none; '><a href='#' class='closeThis close' title='Close this notification'>&times;</a><span></span> </div><div id='page-success' class='alert alert-success' style='display:none; '><a href='#' class='closeThis close' title='Close this notification'>&times;</a><span></span> </div><div id='page-error' class='alert alert-error' style='display:none; '><a href='#' class='closeThis close' title='Close this notification'>&times;</a><span></span> </div><div id='page-permanent' class='alert alert-info' style='display:none; '><span></span> </div><div id='page-modal_notice' class='' style='display:none; '><a href='#' class='closeThis close' title='Close this notification'>&times;</a><span></span> </div> <script type="text/javascript"> // <![CDATA[ var fromNewsfeed = false; slideshare_object.upload_config = {"filepicker": {"signature":"91b8bb0efea3c195ad503411fea22a4620ad24147318bf23b0855c80edf67e44", "api_key":"AwOCJC1fKRYSEKCa5Hk4Dz","policy":"eyJleHBpcnkiOjE0MTA0MTIxODR9","serv ices": ["DROPBOX","BOX","GOOGLE_DRIVE","SKYDRIVE","GMAIL","URL","COMPUTER"],"upload_typ e":22},"private_upload_limit":25,"max_sizes":{"upload":"300 MB","presentation":314572800,"video":0},"is_not_quick_upload_target":true,"is_pr o_user":false,"category_hash":{"top_categories":[{"id":14,"name":"Art u0026 Photos"},{"id":1,"name":"Automotive"},{"id":3,"name":"Business"}, {"id":4,"name":"Career"},{"id":26,"name":"Data u0026 Analytics"}, {"id":5,"name":"Design"},{"id":10,"name":"Devices u0026 Hardware"},
  • 8.
    {"id":8,"name":"Economy u0026 Finance"},{"id":6,"name":"Education"}, {"id":27,"name":"Engineering"},{"id":7,"name":"Entertainment u0026 Humor"}, {"id":28,"name":"Environment"},{"id":29,"name":"Food"}, {"id":30,"name":"Government u0026 Nonprofit"},{"id":11,"name":"Health u0026 Medicine"},{"id":31,"name":"Healthcare"},{"id":32,"name":"Internet"}, {"id":23,"name":"Investor Relations"},{"id":33,"name":"Law"}, {"id":34,"name":"Leadership u0026 Management"},{"id":9,"name":"Lifestyle"}, {"id":24,"name":"Marketing"},{"id":35,"name":"Mobile"},{"id":20,"name":"News u0026 Politics"},{"id":36,"name":"Presentations u0026 Public Speaking"}, {"id":15,"name":"Real Estate"},{"id":38,"name":"Recruiting u0026 HR"}, {"id":39,"name":"Retail"},{"id":40,"name":"Sales"},{"id":42,"name":"Science"}, {"id":18,"name":"Self Improvement"},{"id":41,"name":"Services"}, {"id":43,"name":"Small Business u0026 Entrepreneurship"}, {"id":25,"name":"Social Media"},{"id":37,"name":"Software"}, {"id":21,"name":"Spiritual"},{"id":22,"name":"Sports"}, {"id":16,"name":"Technology"},{"id":19,"name":"Travel"}]},"dev":false,"urls": {"deletion":"http://www.slideshare.net/~/uploads/delete_upload_info","save_detai ls":"http://www.slideshare.net/~/uploads/update_upload_details","upload_target": "http://uploads-slideshare. s3.amazonaws.com","complete_upload":"http://www.slideshare.net/~/uplo ads/upload_complete","conversion_status":"http://www.slideshare.net/~/uploads/ge t_conversion_status_for_upload","publish":"http://www.slideshare.net/~/uploads/p ublish_upload","register_upload":"http://www.slideshare.net/~/uploads/register_u pload_attempt"},"dropbox": {"app_key":"j8xzczk6w1trrol","upload_type":15},"video": {"video_extension_descriptions":"Videos (all common formats)","can_upload_video":true,"video_extensions":"*.3g2; *.3gp; *.asf; *.avi; *.flv; *.m4v; *.mkv; *.mov; *.mp4; *.mpeg; *.mpg; *.ogg; *.rm; *.rmvb; *.vob; *.wmv;","video_limit":1},"extensions": {"presentation_extension_descriptions":"Powerpoint (ppt, pps, pot, pptx, ppsx, potx), PDF, Word (doc, docx, txt), OpenOffice (odp, odt, ods), Apple Mac formats (zip, key, iWorks)","presentation_extensions":"*.ppt; *.pot; *.odp; *.pps; *.pdf; *.doc; *.sxw; *.odf; *.odt; *.rtf; *.txt; *.ods; *.pptx; *.ppsx; *.potx; *.docx; *.dotx;"},"top_tags":[],"tag_val":"separate tags by comma"}; _gaq = _gaq || []; if(fromNewsfeed){ _gaq.push(['_trackEvent', 'quick_upload_experiment', 'js_upload_pageload']); } _gaq.push(['_trackEvent', 'interactive_upload', 'js_upload', 'pageload']); // ]]> </script> <div id="drag-area" class="hide drag-area"> <p>Drop here to upload</p> </div> <div id="upload_div"> <div class="columnAExp2"> </div><!-- .columnAExp2 --> <!--// NEW DESIGN STARTS ______________________________________ --> <div class="row j-compact-upload hide"> <div class="compact-upload"> <div class="span6"><h2>Enhance your upload by adding details</h2></div> <div class="span6"> <form action= "http://uploads-slideshare.s3.amazonaws.com" method="post" id='js_upload_compact' name='s3_upload' enctype="multipart/form-data" data-url=" http://uploads-slideshare.s3.amazonaws.com"> <div class="btn-group pull-right"> <input type='hidden' id='signature' name='signature' value='0HFmArJabWEcmQCdZlJ4T74ch88='/><input type='hidden' id='acl' name='acl' value='private'/><input type='hidden' id='AWSAccessKeyId' name='AWSAccessKeyId'
  • 9.
    value='AKIAI6DXMWX6TBWAHQCQ'/><input type='hidden' id='key'name='key' value='$ {filename}'/><input type='hidden' id='success_action_redirect' name='success_action_redirect' value='http://www.slideshare.net/~/uploads/respond_nonflash_upload_s3_confirm?'/ ><input type='hidden' id='policy' name='policy' value='eyAiZXhwaXJhdGlvbiI6ICIyMDE0LTA5LTExVDExOjA5OjQ0LjAwMFoiLCJjb25kaXRpb25zI jogWyBbImNvbnRlbnQtbGVuZ3RoLXJhbmdlIiwgMSwgNTI0Mjg4MDAwIF0gICx7ICJidWNrZXQiOiAid XBsb2Fkcy1zbGlkZXNoYXJlIiB9ICAseyJhY2wiOiAicHJpdmF0ZSIgfSAgLFsic3RhcnRzLXdpdGgiL CAiJGtleSIsICIiXSxbInN0YXJ0cy13aXRoIiwgIiRzdWNjZXNzX2FjdGlvbl9yZWRpcmVjdCIsICIiX V19'/> <div class="upload-more-cta flat-button btn-white"> <input id="compact_js_upload_input" type="file" name="file" accept=".3g2,.3gp,.asf,.avi,.flv,.m4v,.mkv,.mov,.mp4,.mpeg,.mpg,.ogg,.rm,.rmvb,. vob,.wmv,.ppt,.pot,.odp,.pps,.pdf,.doc,.sxw,.odf,.odt,.rtf,.txt,.ods,.pptx,.ppsx ,.potx,.docx,.dotx" multiple> <i class="iconTemp-plus"></i>Upload more </div> <a id="fp-chooser-compact" href="#" class="upload-more-cloud-cta flat-button btn-white"><i class="iconTemp-plus"></i>Upload more from cloud</a> </div> </form> </div> </div><!-- /.compact-upload --> </div> <div class="row j-upload-main-view"> <div class="span12"> <div class="main-wrapper"> <h1>Share What You Know!</h1> <p class="sub-heading">Reach more than <strong>60 million</strong> people when you upload and share</p> <div class="row"> <!-- Upload block starts --> <div class="block block-upload span8"> <div class="drop-overlay" style="display:none;"><p>Drop here to upload<p></div> <div class="label-formats"> Presentations<span class="separator">&bull;</span>Infographics<span class="separator">&bull;</span>Documents<span class="separator">&bull;</span>Videos </div> <!-- Drag and drop to upload starts --> <div class="drag-drop-outline"> <div class="upload-wrapper"> <div class="dropzone hide"><h1 class="drop-text">Drop Here</h1></div> <div class="file-chooser"> <form action= "http://uploads-slideshare.s3.amazonaws.com" method="post" id='js_upload' name='s3_upload' enctype="multipart/form-data" data-url="http://uploads-slideshare.s3.amazonaws.com"> <i class="iconTemp-upload-lg"></i> <p class="cta-upload"> <input type='hidden' id='signature' name='signature' value='0HFmArJabWEcmQCdZlJ4T74ch88='/><input type='hidden' id='acl' name='acl' value='private'/><input type='hidden' id='AWSAccessKeyId' name='AWSAccessKeyId' value='AKIAI6DXMWX6TBWAHQCQ'/><input type='hidden' id='key' name='key' value='$ {filename}'/><input type='hidden' id='success_action_redirect' name='success_action_redirect' value='http://www.slideshare.net/~/uploads/respond_nonflash_upload_s3_confirm?'/ ><input type='hidden' id='policy' name='policy' value='eyAiZXhwaXJhdGlvbiI6ICIyMDE0LTA5LTExVDExOjA5OjQ0LjAwMFoiLCJjb25kaXRpb25zI jogWyBbImNvbnRlbnQtbGVuZ3RoLXJhbmdlIiwgMSwgNTI0Mjg4MDAwIF0gICx7ICJidWNrZXQiOiAid
  • 10.
    XBsb2Fkcy1zbGlkZXNoYXJlIiB9ICAseyJhY2wiOiAicHJpdmF0ZSIgfSAgLFsic3RhcnRzLXdpdGgiL CAiJGtleSIsICIiXSxbInN0YXJ0cy13aXRoIiwgIiRzdWNjZXNzX2FjdGlvbl9yZWRpcmVjdCIsICIiX V19'/> <input type="file" id="fileupload" name="file" accept=".3g2,.3gp,.asf,.avi,.flv,.m4v,.mkv,.mov,.mp4,.mpeg,.mpg,.ogg,.rm,.rmvb,. vob,.wmv,.ppt,.pot,.odp,.pps,.pdf,.doc,.sxw,.odf,.odt,.rtf,.txt,.ods,.pptx,.ppsx ,.potx,.docx,.dotx" multiple> <a class="flat-button flat-button-orange upload_cta_big" href="#">Upload</a> </p> <p class="support-text"><strong>Select one or more files from your computer,</strong> or drag and drop them here.</p> </form> <!-- Privacy selection starts --> <div class="privacy-wrapper"> <label class="radio"> <input name="upload_privacy" type="radio" value="public" checked="checked"> Public </label> <label class="radio"> <input name="upload_privacy" type="radio" value="private"> Private </label> </div> <!-- /.privacy-wrapper --> </div> </div> <!-- /.upload-wrapper --> </div> <!-- /.drag-drop-outline --> </div> <!-- /.block-upload --> <!-- Cloud upload block starts --> <div id="fp-chooser" class="block block-cloud-upload span4"> <div class="cloud-wrapper"> <i class="iconTemp-cloud-lg"></i> <a href="javascript:void(0);" class="flat-button cloud-upload-btn"> Upload from Cloud</a> <p class="cloud-desc support-text">Upload files from Dropbox, Google Drive, Gmail and more</p> <i class="cloud-apps"></i> </div> </div> <!-- Cloud upload block ends --> </div> <!-- /.row --> <div class="row"> <div class="upload-sublinks span12"> <a href="http://www.slideshare.net/what-to-upload-at-slideshare? cmp_src=upload_page_loggedin" target="_blank"><i class="iconTemp-upload-ideas"></ i><strong>Upload Ideas</strong></a> <ul class="unstyled pull-right"> <li><a href="http://help.slideshare.com/entries/57394-what-file-formats- does-slideshare-support-what-is-the-maximum-allowed-file-size" target="_blank">Supported Formats</a></li> <li><a href="http://slideshare.zendesk.com/categories/20066309- Managing-content-on-SlideShare" target="_blank">Troubleshooting</a></li> </ul> </div> <!-- /.upload-sublinks --> </div> <!-- /.row --> </div> <!-- /.main-wrapper --> </div> <!-- /.span12 --> </div> <!-- /.row --> <!--// NEW DESIGN ENDS HERE. Existing upload flow to be used just bedore /.main-wrapper
  • 11.
    __________________________________________________________________ --> <divid="UploadFileList"> <div class="file-list-header j-file-list-header"> <p class="uploads-count">Uploading <span class="file-count">1 file</span></p> <a href="#" class="upload-more-cta btn btn-primary">Add more files</a> </div> <ul class="fileList launch-tracker" style='display:none'> </ul> </div><!-- #UploadFileList --> <div id="view_template" name="view_template" style="display:none"> <li class="fileItem clear" id="{file_id}"> <div id="status_{file_id}" class="j-template-status clearfix uploadGeneric"></div> <div id="form_{file_id}" class="j-template-form clearfix"> </div> <div id="publish_{file_id}" class="j-template-publish clearfix"> </div> </li> </div> <div id="publish_form_template" name="publish_form_template" style="display:none"> <form id="form_{file_id}" name="form_{file_id}" class="clearfix fileListForm clear" method="post"> <fieldset class="clear"> <input type="hidden" name="file_id" value="{file_id}" /> <input type="hidden" id="ppt_location" name="ppt_location" value="{ppt_location}"/> <input type="hidden" id="filename" name="filename" value="{file_name_for_html}"/> <input type="hidden" name="slideshow_filename" value="{encoded_file_name}"/> <input type="hidden" name="source" value="interactive_upload"/> <input type="hidden" name="language" value="{user_lang}"/> <input type="hidden" name="upload_type" value="{upload_type}" /> <input type="hidden" name="slideshow_id" value="" /> <div class="fileUploadActions"> <a class="file-thumb j-slideshow-link" data-galabel="link_thumbnail" target="_blank"> <span class="private-thumb-icon hide"> <i class="iconTemp-lock iconTemp-white"></i> </span> <img src="" alt="" width="140px" height="105px" class="j-file-thumb" /> </a> <div class="upload-status control-group error j-upload-status"> <label for="slideshow_title_field">Title <span class="mandatory">*</span></label> <input type="text" name="title" id="slideshow_title_field" value="{upload_title}" class="text" rel="tooltip" data-placement="right" title="Increase virality with a descriptive title" /> <div class="status"></div> <a class="cancel-upload close" id="delete_upload" href="javascript:;" rel="tooltip" data-original-title="Delete this upload">&times;</a> </div> </div><!-- .fileUploadActions --> <div class="fileListFormColA"> <div class="edit-settings-tab"> <ul class="steps"> <li class="current"><span>1</span>Add details</li>
  • 12.
    <li><span>2</span><a class="share-content">Share Your SlideShare</a></li> </ul> </div> <div class="form-inner"> <div class="form-inputs"> <label class='category_label' for="top_categories">Category <span class="mandatory">*</span></label> <div class="control-group j-top-category"> <select name="top_cat" id="category-input" class="top_categories"> <option value="0">Choose category</option> </select> </div> <label for="descriptionTextarea"> Description <span class="mandatory">*</span> </label> <div class="control-group j-description"> <textarea name="description" id="descriptionTextarea"></textarea> </div> <em class="count-container"><span id="count">3000</span></em> <label for="slideshow_tag_text_field">Tags</label> <input type="text" name="tag_text" class="action-tags-text-input text" id="slideshow_tag_text_field" title="Use commas to separate tags." value=""/> <div id="private_type_{file_id}" class="privacy privacy-upsell"> <label>Status</label> <input type="radio" id="public" name="private_type" value="public" checked="checked"><label class="privacy-label" for="public">Public</label> <input type="radio" id="me" name="private_type" value="me" disabled="disabled"><label class="privacy-label private-label" for="me">Private</label> <a class="learn-more" href="/features? cmp_src=benefits&cmp_src_from=upload_flow" target="_blank">Learn more<i class="iconTemp-pop-out" title="Opens in a new tab"></i></a> </div> <p id="save_publish_button" class="miniPara save-button"> <input class="btn btn-inverse" id="bulkupload_individual_publish" type="submit" name="publish" value="Save &amp; Continue" disabled="disabled"/> <span class ="j-save_publish_progress publish-progress" style="display:none">Saving&hellip;</span> <span class ="j-save_published publish-progress" style="display:none">Changes Saved</span> <span class ="j-required-field publish-progress" style="display:none">Please fill required fields</span> </p> </div> <div class="virality-potential"> <p>Virality Score</p> <div class="progress"> <div class="bar j-virality-bar" style="width:25%"></div> </div> <p class="info"> Adding more information (description, tags, category) makes it easier for others to find your content. The score increases as you add each item. </p> </div> </div><!-- .form-inner --> </div><!-- .fileListFormColA --> </fieldset>
  • 13.
    </form> </div> <!--upload templates start --> <div style="display:none"> <div id="filestatus_placeholder_template"> </div> <div id="file_initialization_template"> <div class="uploadProgress uploadInitialization"> Your upload is almost ready! <img src='/images/indicator.gif' /> </div> </div> <div id="file_progress_template"> <div class="clearfix uploadProgress"> <h2 class="percent" id="percent">0%</h2> <div class="uploadingState"> <p class="miniPara">You're almost there! <strong>Add details</strong> below so others can discover your SlideShare.</p> <div class="meterFlash progress progress-success" id="progress"><div class="bar" style="width: 0%;"></div></div> </div> </div> </div> <div id="file_nonflash_progress_template"> <div class="clearfix uploadProgress"> <div class="progress"> <div class="uploadingState"> <p class="miniPara">You're almost there! <strong>Add details</strong> below so others can discover your SlideShare.</p> <div class="bar" id="progress"></div> </div> </div> </div> </div> <div id="file_queued_template"> <div class="uploadProgress uploadQueue"> Processing your file. <strong> Add details</strong> to make your content easier to find. </div> </div> <div id="file_queue_prepare_status_template"> <div class="uploadProgress uploadQueuePrepare"> Processing your file. <strong> Add details</strong> to make your content easier to find. </div> </div> <div id="file_converting_status_template"> <div class="uploadProgress uploadConverting"> Processing your file. <strong> Add details</strong> to make your content easier to find. <div class="progress"> <div class="progress-bar" style="width: 100%;"></div> </div> </div> </div> <div id="file_conversion_finished_status_template">
  • 14.
    <div class="uploadProgress uploadSuccessful"> <span class="success"> Processing your file. <strong> Add details</strong> to make your content easier to find. </span> </div> </div> <div id="file_upload_error_template"> <div class="uploadProgress uploadFailed"> <span class="error"> Upload of <strong>{file_name_for_html}</strong> failed. {msg} </span> <div class="hide tooltip-template"> Some troubleshooting tips, if a file fails to upload: <ul> <li>This can just be a temporary glitch with our servers. Try again after 5 minutes.</li> <li>Check if file is password protected, encrypted or contains macros.</li> <li>If you were uploading a PPT, save as as PDF and re-upload (or vice versa, i.e., PDF to PPT). That might help.</li> <li>If the problem still persists (or you have other questions about file conversion errors), please read our &lt;a href=&quot;http://slideshare.zendesk.com/forums/67176/entries&quot;&gt;FAQs&lt;/ a&gt;.</li> </ul> </div> </div> </div> <div id="file_conversion_error_template"> <div class="uploadProgress uploadFailed"> <span> <span class="error">Conversion of <strong>{file_name_for_html}</strong> failed! </span> Some troubleshooting tips: <br/> <ul style="margin: 0 0 0 2em"> <li>This is possibly a temporary error on our servers. Try again in 5 mins.</li> <li>{msg} </li> <li>If you are uploading a PPT, save as PDF and re-upload (or vice versa, i.e., PDF to PPT).</li> </ul> <p class="footnote"> Is your problem still unresolved? Read our <a href="http://slideshare.zendesk.com/entries/20466888-i-am-facing-problems-in-uploading- upload-fails-converting-files-gives-oops-or-distortions-in-convert" target="_blank">file conversion FAQs</a>. </p> </span> </div> </div> <div id="file_upload_rejected_template"> <div class="uploadProgress uploadFailed"> <div class="error"> <p>Upload of <strong>{file_name_for_html}</strong> failed. {msg}</p> </div> </div> </div> <div id="file_validation_error_status_template"> <div class="uploadProgress uploadFailed"> <div class="error">
  • 15.
    <p>Upload of <strong>{file_name_for_html}</strong>failed. {msg}</p> </div> </div> </div> <div id="file_generic_error_template"> <div class="uploadProgress uploadFailed"> <div class="error"> <p>Upload of <strong>{file_name_for_html}</strong> failed.</p> {msg} <a class='tooltip-trigger' href="http://slideshare.zendesk.com/entries/20466888-i-am- facing-problems-in-uploading-upload-fails-converting-files-gives-oops-or-distortions- in-convert">Other possible causes</a>. </div> <div class="hide tooltip-template"> Some troubleshooting tips, if a file fails to upload: <ul> <li>This can just be a temporary glitch with our servers. Try again after 5 minutes.</li> <li>Check if file is password protected, encrypted or contains macros.</li> <li>If you were uploading a PPT, save as as PDF and re-upload (or vice versa, i.e., PDF to PPT). That might help.</li> <li>If the problem still persists (or you have other questions about file conversion errors), please read our &lt;a href=&quot;http://slideshare.zendesk.com/forums/67176/entries&quot;&gt;FAQs&lt;/ a&gt;.</li> </ul> </div> </div> </div> <div id="file_sending_request_template"> <div class="notice">Sending request&hellip;</div> </div> <div id="file_deleted_template"> <div class="success"><strong>{file_name_for_html}</strong> has been deleted successfully!</div> </div> <div id="file_deletion_failed_template"> <div class="error">Deletion failed!</div> </div> <div id="no_server_response_template"> <div class="error">Server did not respond</div> </div> <div id="file_deleting_template"> <div class="uploadProgress deleting"> Deleting <img src='/images/indicator.gif' alt="Deleting&hellip;" /> </div> </div> <div id="file_published_template"> <div class="uploadProgress">Your file is being converted and will be published shortly. You can see its current status <a target="_blank" href="/my-slideshows"> here</a>.</div> </div> <div id="publish_error_retry_template" class="error"> Please <a href="javascript:;">Retry</a>. </div>
  • 16.
    <div id="publish_upload_failure_template" class="uploadProgress"> Upload of <strong>{file_name_for_html}</strong> failed! This is a temporary problem. Please try uploading again. </div> <div id="publish_error_generic_template" class="uploadProgress"> Upload of <strong>{file_name_for_html}</strong> failed! This is a temporary problem. Please try uploading again. </div> <div id="publish_error_no_title_template" class="uploadProgress"> <div>Upload failed. Your title was invalid. Please enter a valid title for your file.</div> </div> <div id="publish_error_missing_language_template" class="uploadProgress"> <div>Upload failed. Please select a valid language for the file.</div> </div> <div id="publish_error_invalid_extension_template" class="uploadProgress"> <div class="uploadProgress uploadFailed"> <div class="error"> <p>Upload of <strong>{file_name_for_html}</strong> failed! Uploaded file type is not supported..</p> </div> </div> </div> <div id="publish_error_video_quota_template" class="uploadProgress"> <div class="uploadProgress uploadFailed"> <div class="error"> <p>Upload of <strong>{file_name_for_html}</strong> failed! You have exceeded your monthly video upload quota.<br/><a href="/business/premium/plans? cmp_src=benefits&cmp_src_from=video_upload_thickbox" class="j-cta_videoupload btn">Upgrade your plan</a> to upload more videos.</p> </div> </div> </div> <div id="publish_error_private_qouta_template" class="uploadProgress"> <div class="uploadProgress uploadFailed"> <div class="error"> <p> <span>Upload of <strong>{file_name_for_html}</strong> failed!</span> <span class="j-message">Your private upload limit has been reached. If you wish to increase your upload limit, please contact <a href="https://slideshare.wufoo.com/forms/q1i1eut90khip1o/" target="_blank">SlideShare support</a>.</span> </p> </div> </div> </div> <div id="publish_error_banned_country_template" class="uploadProgress"> <div class="uploadProgress uploadFailed"> <div class="error"> <p>Upload of <strong>{file_name_for_html}</strong> failed! You are trying to upload videos from a country where access is restricted..</p> </div> </div> </div> <div id="publish_error_invalid_size_template" class="uploadProgress"> <div class="uploadProgress uploadFailed">
  • 17.
    <div class="error"> <p>Uploadof <strong>{file_name_for_html}</strong> failed! Your file exceeds maximum allowed size.</p> </div> </div> </div> <div id="publish_error_free_user_video_template" class="uploadProgress"> <div class="uploadProgress uploadFailed"> <div class="error"> <p>Upload of <strong>{file_name_for_html}</strong> failed!</p> Video formats are not supported. </div> </div> </div> <div id="flash_notice_for_secret_url" class="success"> Secret URL for this slideshow is: <strong><a href='{secret_url}'>{secret_url}</a></strong> </div> <div id="embed_code_template"> <fieldset> <div class="market-your-content-tab"> <ul class="steps"> <li><span>1</span><a class="j-go-back add-details">Add details</a></li> <li class="current"><span>2</span>Share Your SlideShare</li> </ul> </div> <div class="floatRight"> <div class="shareOptions embed-code"> <h4>Embed code</h4> <ul class="nav nav-pills"> <li> <input type="text" name="embed" id="embed_code"> </li> </ul> </div> <div class="shareOptions j-share-options"> <h4>Share</h4> <ul class="nav nav-pills share-publicly"> <li> <a href="#" class="twitter-share j-twitter-share" title="Post to Twitter" rel="nofollow">Twitter</a> </li> <li> <a href="#" class="facebook-share j-facebook-share" title="Post to Facebook" rel="nofollow">Facebook</a> </li> <li> <a href="#" class="linkedin-share j-linkedin-share" title="Post to Linkedin" rel="nofollow">LinkedIn</a> </li> <li> <a href="#" class="gplus-share j-gplus-share" title="Post to Google+" rel="nofollow">Google+</a> </li> <li> <a href="#" class="email-share j-email-share" title="Share via email" rel="nofollow">Email</a> </li> </ul> </div><!-- .shareOptions -->
  • 18.
    <div class="add-to-profile-section j-add-to-profile"> <p class="add-to-profile-text">Add to Linkedin profile</p> <div data-slide-id="" class="treasury add-to-li-profile j-linkedin-connect flat-button-with-icon flat-button-li hide j-tooltip" id="" data-original- title="Your slideshare will show up in summary section of your linkedin profile" rel="tooltip"> <div class="flat-button-icon"></div> <div class="flat-button-text">Add to my profile</div> </div> </div> <!-- Marketing options --> <p id="save_publish_button" class="miniPara save-button"> <a class="btn btn-inverse j-slideshow-link slideshow-link" data-galabel=" link_view_ppt" target="_blank">View Presentation</a> <a class="go-back j-slideshow-edit" target="_blank">Advanced Settings</a> <a class="go-back j-go-back">Go Back</a> </p> </div><!-- .floatRight --> </fieldset> </div><!-- #embed_code_template --> <div id="notice_first_upload"> <strong>Upload your first presentation below</strong>, or fill out your personal details on <a href="/{user_login}/edit" title="View your profile page">your profile page</a>. </div> <div id="file_no_user_status_template"> No user to associate this slideshow with. Please refresh the page and the problem should be solved. </div> <div id="file_invalid_extension_status_template"> The uploaded file type is not supported by SlideShare. Please confirm the allowed types from our <a href="/faqs">FAQ</a> or <a href="/feedback">contact us</a> if you think the file type should be supported. </div> <div id="published_status"> <div class="uploadProgress uploadPublished"> <p class="publish-success-message mobile-preview-wrapper">Your file uploaded successfully<span class="li-share-alert hide"> on SlideShare and LinkedIn</span>! View it <a class="j-slideshow-link" data-galabel=" link_view_here" target="_blank">here</a>. <a class="j-mobile-preview pull-right" style="display: none" href="#"><i class="iconTemp-mobile"></i>See Mobile Preview</a> </p> <div class="li-share-alert hide"><a href="http://www.linkedin.com" class="muted text-info" target="_blank">Undo LinkedIn share</a> <a class="label label-info" rel="tooltip" href="#" title="To undo LinkedIn share, just login to your LinkedIn account and delete the shared link from your home page feed.">? </a> <a class="j-edit-sharing-settings text-info" href="#">Auto-share settings</a></div> </div> </div> </div> <!-- upload templates end --> </div> <!-- upload_div --> <!-- preloading of images -->
  • 19.
    <div style="background:url(//public.slidesharecdn.com/b/images/bulk_upload_progress.p ng);visibility:hidden;height:1px;width:1px;overflow:hidden"> <span class="cancelbtn"></span> <span class="uploadFailed"></span> <div class="uploadProgress"></div> <span class="uploadPublished"></span> </div> <!-- preloading ends --> <!-- feedback button --> <a href="https://slideshare.wufoo.com/forms/q162o08102jc0e6/def/Field1=zamsani800%4 0gmail.com&Field24=syfwan" role="button" class="j-wufoo_link get-feedback" id="j-upload-feedback-button" target="_blank"></a> <script src="http://public.slidesharecdn.com/b/javascripts/linkedin/li_connect_oauth.js? 2605bbaee3" type="text/javascript"></script> <script src="http://public.slidesharecdn.com/b/javascripts/ajax_signup.js? db8671dd51" type="text/javascript"></script> <script src="http://public.slidesharecdn.com/b/javascripts/linkedin/li_upload_to_profile .js?f1985b8a3c" type="text/javascript"></script> <script src="http://public.slidesharecdn.com/b/javascripts/plugins/jquery/bootbox.min.js ?0459365ce5" type="text/javascript"></script> <style> a.ss-profile-pic:hover { text-decoration: none; } .li-optin { margin: 15px 30px; padding: 8px 0; border-top: 0px solid #F9F9F9; font-size: 14px; } .li-optin.li-optin-first { margin: 0 30px 15px; padding: 0 0 8px; } .li-optin label { line-height: 15px; font-size: 14px; margin: 0; } .li-optin small { font-size: 12px; margin: 2px 0 0 8px; color: #999; line-height: 12px; } .li-optin .sub-options { float: left; margin-left: 8px; }
  • 20.
    .li-optin .sub-options label{ font-size: 12px; line-height: 18px; margin: 6px 0; width: 452px; } form { margin: 0; } .modal-footer .email { display: inline; padding: 0 15px 0 0; } .modal-footer .email a { border-bottom: 1px dashed #ACACAC; color: #727272; } .modal-footer .email a:hover { text-decoration: none; } .new-ss-user { width: 475px; float: left; } .new-ss-user .li-optin.li-optin-first, .new-ss-user .li-optin { margin-left: 10px; margin-right: 0; } .new-ss-user .li-optin small { margin: 0 0 0 8px; font-size: 11px; } </style> <div id="j-linkedinConnectedMessage" class="modal hide" data-keyboard="false" data-backdrop="static"> <form id="j-linkedinConnectSettings"> <div class='modal-header'> <a href="#" class="j-li-connect-settings-close close pull-right" data-dismiss=" modal">×</a> <h3>Expand your network!</h3> </div> <div id="j-modalBody" class="modal-body"> <p class="li-optin li-optin-first"> <label class="checkbox"> <strong><input type="checkbox" checked="checked" name="follow_contacts">Follow my LinkedIn contacts on SlideShare</strong> </label> <small class="span">Get updates when they post to SlideShare</small> </p> <p class="li-optin"> <label class="checkbox"> <strong><input type="checkbox" checked="checked" name="follow_ss_on_li"> Follow Slideshare company page on LinkedIn.com</strong> </label> <small class="span">So you will find out new content about SlideShare
  • 21.
    on LinkedIn.com</small> </p> <p class="li-optin"> <label class="checkbox"> <strong><input id="j-shareActivity" type="checkbox" checked="checked" name="share_activity">Share my activity with my connections on LinkedIn.com</strong> </label> <span class="sub-options span"> <label class="checkbox"> <input class="j-publishSettings" type="checkbox" checked="checked" name="publish_upload"> Display my SlideShare uploads on LinkedIn.com </label> <label class="checkbox"> <input class="j-publishSettings" type="checkbox" checked="checked" name="publish_favorite"> Display my SlideShare &quot;likes&quot; on LinkedIn news feed </label> </span> </p> </div> <div class="modal-footer"> <img id="j-loadingIcon" src="//public.slidesharecdn.com/b/images/loading.gif" width="24px" height="24px" style="display: none;"> <a id="j-continueBinding" href="#" class="flat-button flat-button-orange">< strong>Save Settings</strong></a> </div> </form> </div> <script type="text/javascript"> $(function(){ var action = "js_upload"; var controller = "uploads"; var eventCategory = 'LinkedIn'; if (action === 'ss_campaign') { eventCategory = 'linkedin_campaign'; } else if (controller === 'visual_resume') { eventCategory = 'linkedin_visual_resume'; }else{ eventCategory = "LinkedIn"; } if(action !== "interactive_upload" && action !== 'js_upload' && action !== "edit_my_uploads" && action !== "search_my_uploads"){ $("#j-linkedinConnectedMessage").modal("show"); } _gaq.push(["_trackEvent", eventCategory, "notification", "connected"]); $("#j-shareActivity").live("change", function(e){ $(".j-publishSettings").attr("checked", $("#j-shareActivity"). is(":checked")); }); $(".j-publishSettings").live("change", function(e){ $("#j-shareActivity").attr("checked", $(".j-publishSettings: checked").length == $(".j-publishSettings").length); }); $("#j-continueBinding").live("click", function(e){ e.preventDefault(); _gaq.push(["_trackEvent", eventCategory, "settings", "created"]);
  • 22.
    _gaq.push(["_trackEvent", eventCategory, "settings","update_profile", $ ("#j-linkedinConnectSettings input:eq(0)").is(":checked")?1:0]); _gaq.push(["_trackEvent", eventCategory, "settings", "follow_connections", $("#j-linkedinConnectSettings input:eq(1)").is(":checked")?1:0]); _gaq.push(["_trackEvent", eventCategory, "settings", "publish_upload", $ ("#j-linkedinConnectSettings input:eq(3)").is(":checked")?1:0]); _gaq.push(["_trackEvent", eventCategory, "settings", "publish_favorite", $ ("#j-linkedinConnectSettings input:eq(4)").is(":checked")?1:0]); $("#j-loadingIcon").fadeIn(); $.ajax({ url: "/liconnect/update_binding_settings", data: $("#j-linkedinConnectSettings").serialize(), type: "POST", dataType: "json" }).done(function(data){ if(data.success){ _gaq.push(["_trackEvent", eventCategory, "settings", "updated"]); $("#j-loadingIcon").fadeOut(); $("#j-linkedinConnectedMessage").modal("hide"); } else{ _gaq.push(["_trackEvent", eventCategory, "settings", "error"]); $("#j-modalBody").html("Oops! Something went wrong. Please try again later."); $("#j-continueBinding").die("click").live("click", function(){ $("#j-loadingIcon").fadeOut(); $("#j-linkedinConnectedMessage").modal("hide"); }); } if (controller === 'visual_resume'){ window.location = "/visual-resume/theme/circles" } else { if(!window.location.pathname.startsWith("/upload")){ window.location.reload(); } } }); }); $(".j-li-connect-settings-close").live("click",function(e){ $("#j-linkedinConnectedMessage").modal("hide"); if (controller === 'visual_resume'){ window.location = "/visual-resume/theme/circles" } if (action === 'edit_my_uploads'){ window.location.reload(); } }); }); </script> <script type="text/javascript"> var config = { 'connectButtonClass': ".j-linkedin-connect", 'state': "c7d397bcb85732af0a3cf20cd4cdc4", 'login_source': "interactive_upload", 'connectRoute': 'upload_to_li_profile' }; function UploadLiConnect(config){ LIConnect.call(this,config); }; UploadLiConnect.prototype = new LIConnect(); UploadLiConnect.prototype.bindEvents = function(){ var that = this;
  • 23.
    $('body').on('click', this.config.connectButtonClass, function(e){ url = that.config.connectUrl + "&slideshow_id=" + $(this).attr("slide-id"); that.config.slideshow_id = $(this).attr("slide-id"); that.openAuthDialog(url); var _gaq = window._gaq || []; _gaq.push(['_trackEvent', 'interactive_upload', 'treasury', 'add_to_li_clicked']); }) }; var ssliconnect = new UploadLiConnect(config); </script> </div><!-- .container --> <footer> <div class="footerWrapper"> <div class="footer"> <div class="row"> <div id="smt-lang-selector"></div> <div class="lang"> <ul> <li class="smt-item www" id="current_lang"><a class="smt-link" href="http://www.slideshare.net/?ss?ss&amp;smtNoRedir=1">English</a></li> <li class="smt-item fr"><a class="smt-link" href="http://fr.slideshare.net/?ss?ss">Français</a></li> <li class="smt-item es"><a class="smt-link" href="http://es.slideshare.net/?ss?ss">Español</a></li> <li class="smt-item pt"><a class="smt-link" href="http://pt.slideshare.net/?ss?ss">Português (Brasil)</a></li> <li class="smt-item de"><a class="smt-link" href="http://de.slideshare.net/?ss?ss">Deutsch</a></li> </ul> </div> </div> <div class="row"> <div class="about-links"> <ul> <li><a title="About us" href="/about" rel="nofollow">About</a></li> <li class="mobile-hide-2"><a title="Careers" href="/about/workatslideshare" rel="nofollow">Careers</a></li> <li class="mobile-hide-2 mobile-hide-1"><a title="Developers &amp; API" href="/developers" rel="nofollow">Developers &amp; API</a></li> <li class="mobile-hide-2 mobile-hide-1"><a title="Press" href="http://www.slideshare.net/about/press">Press</a></li> <li><a title="Our Blog" href="http://blog.slideshare.net">Blog</a></li> <li><a title="Terms of Use" href="/terms" rel="nofollow">Terms</a></li> <li><a title="Privacy Policy" href="/privacy" rel="nofollow">Privacy</a></li> <li class="mobile-hide-2"><a title="Copyright &amp; DMCA" href="http://www.linkedin.com/legal/copyright-policy" rel="nofollow">Copyright</a></li> <li><a title="Get Help" href="http://help.slideshare.com/home" rel="nofollow">Support</a></li> <li class="mobile-hide-2"><a title="Contact" href="/about/contactus" rel="nofollow">Contact</a></li> </ul> </div> </div>
  • 24.
    <div class="row"> <divclass="bottom"> <a title="Follow us on LinkedIn" href="http://www.linkedin.com/company/slideshare" class="li-link" rel="nofollow" target="_blank">Linkedin</a> <a title="Follow us on Twitter" href="http://twitter.com/SlideShare" class="tw-link" rel="nofollow" target="_blank">Twitter</a> <a title="Follow us on Google+" href="http://www.google.com/ +SlideShare" class="g-link" rel="nofollow" target="_blank">Google Plus</a> <a title="Follow us on Slideshare" href="http://www.facebook.com/slideshare" class="fb-link" rel="nofollow" target="_blank">Facebook</a> <a href="http://www.slideshare.net/rss/latest" class="rss-link"> RSS Feeds</a> <span>LinkedIn Corporation &copy; 2014</span> </div> </div> </div> <img alt="" height="1" src="http://www.linkedin.com/analytics/noauthtracker? type=leo.pageTracking&amp;pageKey=sld_uploads_jsbeacon&amp;pageType=full_page" width="1" /> </div> <!-- .footerWrapper --> </footer> <!-- Modal preview starts here --> <link href="http://public.slidesharecdn.com/b/stylesheets/mobile-preview.css? 9133c0947a" media="screen" rel="stylesheet" type="text/css" /> <div class="modal modal-mobile-preview landscape-mode fade mobile-device hide j-preview" id="mobile-preview"> <!-- Modal preview body starts here --> <div class="modal-body"> <!-- Slides carousel nav --> <a class="carousel-control left j-previous" href="#" data-slide="prev" title="Previous slide">&lsaquo;</a> <a class="carousel-control right j-next" href="#" data-slide="next" title="Next slide">&rsaquo;</a> <div class="preview-wrapper"> <div class="device"></div> <div class="iframe-wrapper"><iframe src="" frameborder="0" width="273" height="476"></iframe></div> </div> </div> <!-- /.modal-body --> <div class="preview-sidebar"> <div class="controls-wrapper"> <a href="#" class="close-preview close j-close" title="Close preview" data-dismiss="modal" aria-hidden="true">&times;</a> <h4>Preview Settings</h4> <div class="switch-large"> <ul class="orientation-switch"> <li class="orientation-label"><label for="mobile_device">Mobile</label></li> <li> <div class="switch"> <input type="radio" class="switch-input j-device" name="device_type" value="mobile_device" id="mobile_device" checked> <label for="mobile_device" class="switch-label switch-label-off mobile-switch">&nbsp;</label> <input type="radio" class="switch-input j-device"
  • 25.
    name="device_type" value="tablet_device" id="tablet_device"> <label for="tablet_device" class="switch-label switch-label-on tablet-switch">&nbsp;</label> <span class="switch-selection"></span> </div> </li> <li class="orientation-label"><label for="tablet_device">Tablet</label></li> </ul> </div> <ul class="orientation-switch"> <li class="orientation-label"><label for="landscape">Landscape</label></li> <li> <div class="switch"> <input type="radio" class="switch-input j-orientation" name="orientation" value="landscape" id="landscape" checked> <label for="landscape" class="switch-label switch-label-off landscape-switch">&nbsp;</label> <input type="radio" class="switch-input j-orientation" name="orientation" value="portrait" id="portrait"> <label for="portrait" class="switch-label switch-label-on portrait-switch">&nbsp;</label> <span class="switch-selection"><em>&nbsp;</em></span> </div> </li> <li class="orientation-label"><label for="portrait">Portrait</label></li> </ul> <a href="http://blog.slideshare.net/2013/11/25/how-to-make-your-slides-mobile- friendly" target="_blank" class="mobile-quick-tips"><i class="iconTemp-mobile- tips"></i> Creating mobile friendly slides</a> </div> </div> <!-- /.preview-sidebar --> </div><!-- /.modal-mobile-preview --> <script src="http://public.slidesharecdn.com/b/javascripts/ss_plugins/screenshot.js? 44140276fd" type="text/javascript"></script> <div id="errorlogger"> </div> <script src="http://public.slidesharecdn.com/b/javascripts/autocomplete.js?64a68d6eb8" type="text/javascript"></script> <script src="http://public.slidesharecdn.com/b/javascripts/jquery.textLimit.min.js? 9b53545e8b" type="text/javascript"></script> <script src="http://public.slidesharecdn.com/b/javascripts/jquery.ui.widget.min.js? 3fae5e35f0" type="text/javascript"></script> <script src="http://public.slidesharecdn.com/b/javascripts/jquery.iframe-transport. min.js?a9ad528f02" type="text/javascript"></script> <script src="http://public.slidesharecdn.com/b/javascripts/interactive_upload/combined.j s?7b250a2f61" type="text/javascript"></script> <script src="http://public.slidesharecdn.com/b/javascripts/tinycon.min.js?
  • 26.
    12be964ec5" type="text/javascript"></script> </div><!--#main-content --> <script type="text/javascript"> var BrowserDetect = { init: function () { this.browser = this.searchString(this.dataBrowser) || "An unknown browser"; this.version = this.searchVersion(navigator.userAgent) || this.searchVersion(navigator.appVersion) || "an unknown version"; this.OS = this.searchString(this.dataOS) || "an unknown OS"; return this.browser + " " + this.version + " on " + this.OS; }, searchString: function (data) { for (var i=0, length = data.length; i < length; i++) { var dataString = data[i].string; var dataProp = data[i].prop; this.versionSearchString = data[i].versionSearch || data[i].identity; if (dataString) { if (dataString.indexOf(data[i].subString) != -1) return data[i].identity; } else if (dataProp) return data[i].identity; } }, searchVersion: function (dataString) { var index = dataString.indexOf(this.versionSearchString); if (index == -1) return; return parseFloat(dataString.substring(index+this.versionSearchString.length+1)); }, dataBrowser: [ { string: navigator.userAgent, subString: "Chrome", identity: "Chrome" }, { string: navigator.userAgent, subString: "OmniWeb", versionSearch: "OmniWeb/",identity: "OmniWeb"}, { string: navigator.vendor, subString: "Apple", identity: "Safari", versionSearch: "Version" }, { prop: window.opera, identity: "Opera" }, { string: navigator.vendor, subString: "iCab", identity: "iCab" }, { string: navigator.vendor, subString: "KDE", identity: "Konqueror" }, { string: navigator.userAgent, subString: "Firefox", identity: "Firefox" }, { string: navigator.vendor, subString: "Camino", identity: "Camino" }, { string: navigator.userAgent, subString: "Netscape", identity: "Netscape" }, { string: navigator.userAgent, subString: "MSIE", identity: "Explorer", versionSearch: "MSIE" }, { string: navigator.userAgent, subString: "Gecko", identity: "Mozilla", versionSearch: "rv" }, { string: navigator.userAgent, subString: "Mozilla", identity: "Netscape", versionSearch: "Mozilla"} ], dataOS : [ { string: navigator.platform, subString: "Win", identity: "Windows" }, { string: navigator.platform, subString: "Mac", identity: "Mac" }, { string: navigator.userAgent, subString: "iPhone", identity: "iPhone/iPod" }, { string: navigator.platform, subString: "Linux", identity: "Linux" }
  • 27.
    ] }; /*From http://www.quirksmode.org/js/detect.html */ try { if(slideshare_object.cache['pageTag']){ window._gaq = _gaq || []; _gaq.push(["_trackEvent", "Pageload time", slideshare_object.cache['pageTag'], BrowserDetect.init(), (new Date()).getTime() - timer, true]); } } catch(e) {} </script> <script src="http://public.slidesharecdn.com/b/bigboot/js/bootstrap_combined.js? 03591d10d1" type="text/javascript"></script> <script type="text/javascript"> (function(){var b,a,e,d,c;b=document.createElement("script");b.type="text/javascript";b.async=tr ue;b.src=(document.location.protocol==="https:"?"https:":"http:") +"//api.mixpanel.com/site_media/js/api/mixpanel.js";a=document.getElementsByTagN ame("script")[0];a.parentNode.insertBefore(b,a);e=function(f){return function() {mpq.push([f].concat(Array.prototype.slice.call(arguments,0)))}};d=["init","trac k","track_links","track_forms","register","register_once","identify","name_tag", "set_config"];for(c=0;c<d.length;c++){mpq[d[c]]=e(d[c])}})(); (function($,$$){ $('#j-slideshare-logo').click(function(e) { e.preventDefault(); if($$.user.loggedin) { window.location.href = "/?ss"; } else { window.location.href = "/"; } }); //@todo: monitor performance of ga and load it on window.load var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true; ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js"; s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s); $(window).load(function(){ window.fbAsyncInit = function() { FB.init({ appId : '2490221586', oauth : true, channelUrl : '//public.slidesharecdn.com/b/channel.html', status : true, // check login status cookie : true, // enable cookies to allow the server to access the session xfbml : true // parse XFBML }); FB.getLoginStatus(function (response){ // all the functions that wait for fb to be initialized can listen to this event. $(document).trigger('fbinitialized'); if (response.status ==='unknown'){ // user is logged out from facebook slideshare_object.fb_logged_out = true;
  • 28.
    } },true); if(!slideshare_object.user.loggedin){ FB.Event && FB.Event.subscribe('auth.statusChange', slideshare_object.onFBStatusChange); } }; var e = document.createElement('script'); e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js'; e.id = 'facebook-jssdk'; e.async = true; document.getElementById('fb-root').appendChild(e); slideshare_object.setup_fbconnect_interaction(); var ca = document.createElement("script"); ca.type = "text/javascript"; ca.async = true; ca.src = (document.location.protocol == "https:" ? "https://sb" : "http://b") + ".scorecardresearch.com/beacon.js"; s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ca, s); $.getScript('//platform.linkedin.com/in.js?async=true', function() { IN.init(); }); }); })(jQuery,slideshare_object); // MixPanel People for PRO Users (function(c,a){window.mixpanel=a;var b,d,h,e;b=c.createElement("script");b.type="text/javascript";b.async=! 0;b.src=("https:"===c.location.protocol?"https:":"http:") +'//cdn.mxpnl.com/libs/mixpanel-2.2.min.js';d=c.getElementsByTagName("script") [0];d.parentNode.insertBefore(b,d);a._i=[];a.init=function(b,c,f){function d(a,b){var c=b.split(".");2==c.length&&(a=a[c[0]],b=c[1]);a[b]=function() {a.push([b].concat(Array.prototype.slice.call(arguments,0)))}}var g=a;"undefined"!==typeof f?g=a[f]=[]:f="mixpanel";g.people=g.people|| [];h=['disable','track','track_pageview','track_links','track_forms','register', 'register_once','unregister','identify','alias','name_tag','set_config','people. set','people.increment','people.track_charge','people.append'];for(e=0;e<h.lengt h;e++)d(g,h[e]);a._i.push([b,c,f])};a.__SV=1.2;})(document,window.mixpanel||[]); var slidetrackingKey = "375425c76eeed6d07d74c0bfe032fec0"; if(slideshare_object.user.loggedin && slideshare_object.user.is_pro){ mixpanel.init("dd9f3935b99b8dbb9b5e85a6af56b463"); mixpanel.identify(slideshare_object.user.login); mixpanel.people.set({ "$name": slideshare_object.user.name, "last_action": new Date(), "fbconnect": slideshare_object.user.is_fbuser, "id": slideshare_object.user.id }); } </script> <script type="text/javascript"> $(document).ready(function() { // Responsive layout code var isMobile = function() { return (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i).test(navigator.userAgent);
  • 29.
    } /* Sidebarmenu ---------------------- */ var isSidebarOpened = function() { return $('body').hasClass('sidebar-nav-opened'); }; var toggleMenu = function() { var $body = $('body'); var $mainContent = $('#main-content'); var topNavHeight = $('#main_navbar').outerHeight(); var offset = 0; // Collapse the search bar if it is open $('#mobile-search-bar').removeClass('open'); // Open/Close sidebar if (isSidebarOpened()) { offset = -parseInt($mainContent.css('top'), 10) + topNavHeight; $mainContent.css('top', ''); $body.removeClass('sidebar-nav-opened'); window.scrollTo(0, offset); // Re-enable list scrolling and navigation on menu close $("#main-content").unbind('touchmove'); } else { offset = -($(document).scrollTop() - topNavHeight); $mainContent.css('top', offset + 'px'); $body.addClass('sidebar-nav-opened'); $body.removeClass('search-bar-opened'); // Disable list scrolling and navigation for everything except the menu on menu open $("#main-content").bind('touchmove', function(e){ e.preventDefault(); }); } }; $('body').on('click', '#j-open-sidebar-nav', function(e) { e.stopPropagation(); toggleMenu(); }); /* Mobile search bar ---------------------- */ var isSearchBarOpened = function() { return $("#mobile-search-bar").hasClass('open'); }; var toggleSearchBar = function() { var $body = $('body'); if (isSearchBarOpened()) { $("#mobile-search-bar").removeClass('open').find('.search-field'). blur(); $body.removeClass('search-bar-opened'); } else { $("#mobile-search-bar").addClass('open').find('.search-field'). focus(); $body.addClass('search-bar-opened'); $body.removeClass('sidebar-nav-opened');
  • 30.
    } }; $('body').on('click','#j-open-mobile-search', function(e) { e.stopPropagation(); e.preventDefault(); toggleSearchBar(); }); $('body').on('click', '#main-content-overlay', function(e) { e.stopPropagation(); e.preventDefault(); if (isSidebarOpened()) { toggleMenu(); } if (isSearchBarOpened()) { toggleSearchBar(); } }); /* Misc ---------------------- */ // Scroll 1px to hide mobile browsers with autohide address bars (like IOS Safari) if (isMobile()) { window.addEventListener("load", function() { setTimeout(function() { window.scrollTo(0, 1); }, 0); }); } }); </script> </body> </html> avbar