<!DOCTYPE html> <html lang="de"><head> <meta name="GENERATOR" content="IMPERIA 10.5.7" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Blog-Service </title><meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" /><meta http-equiv="Pragma" content="no-cache" /><meta http-equiv="Expires" content="0" /> <meta name="keywords" content="" /> <meta name="X-Imperia-Live-Info" content="6a1051cc-583d-a2a7-4691-1a9a3adc39c3/1989/2113/2115/2448" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=2.0, user-scalable=yes"> <meta name="description" content=""> <meta name="author" content="IT. Services"><!-- <script src="//code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>--> <script src="/js/jquery-3.4.1.min.js" type="text/javascript"></script> <script type="text/javascript" charset="utf-8"> $(window).load(function() { $(‚.flexslider‘).flexslider(); }); </script> <link href="/css/bootstrap4-1-3.min.css" rel="stylesheet" /> <link rel="stylesheet" href="/css/teaser.css" /><link rel="stylesheet" href="/css/its-css.css" /><link rel="stylesheet" href="/css/form.css" /><link rel="stylesheet" href="/css/button-label.css" /><link rel="stylesheet" href="/css/copyright.css" /> <!-- CODEINCLUDE:webdesign/matomo.htms --> <link rel="stylesheet" type="text/css" href="/imperia/packages/fmp/css/main.css" media="all" /> <script type="text/javascript" src="/imperia/packages/fmp/external/highslide/highslide.js"></script> <link rel="stylesheet" type="text/css" href="/imperia/packages/fmp/external/highslide/highslide.css" /> <script type="text/javascript"> //<![CDATA[ hs.registerOverlay({ html: '<div class="closebutton" onclick="return hs.close(this)" title="Schließen"></div>', position: 'top right', fade: 2 // fading the semi-transparent overlay looks bad in IE }); hs.graphicsDir = '/imperia/packages/fmp/external/highslide/graphics/'; hs.outlineType = 'rounded-white'; //]]> </script> <!-- /Highslide --> <style type="text/css">#citationlist {color: #003560; }#citationlist h4 {color: #8dae10; margin-top: 1.5em; font-weight: bold; font-size: 100%}.csl-entry {margin-top: 1em }.csl-left-margin {display: inline}.csl-right-inline {display: inline; margin-left: 1em;}#citationlist li + li::before {content: " | ";}#citationlist ul li {display: inline; margin-left: 0;}.toc_return {float: right; margin-top: 1em; font-size: 90%}</style> <link rel="stylesheet" type="text/css" href="/imperia/packages/fmp/css/main.css" media="all" /> <link rel="shortcut icon" href="/mam/images/icons/favicon.ico" type="image/vnd.microsoft.icon" /><link rel="shortcut icon" href="/mam/images/icons/favicon.ico" type="image/x-icon" /><!-- NEWSCARD --><link href="/css/newscard.css" rel="stylesheet"></head> <body style="background-color:white"> <a name="top" /> <a href="javascript:" id="return-to-top"><font size="-3"> <i class="fa fa-arrow-up"></i><br /> <div class="text-center p-2"> NACH OBEN </div></font></a> <link href="/css/font-awesome.css" rel="stylesheet"> <!--multilang_start--> <header id="header"> <div style="background-color: #17365C; height: 105px;"> <div class="container pt-3"> <div class="row"> <div class="text-left d-lg-block col-xl-3 col-lg-3 d-md-none d-sm-none d-none pt-3"> <p style="margin-left: 23px;"> <a href="https://www.ruhr-uni-bochum.de/de"> <img src="/mam/images/logos/rublogo.png" height="40" width="209" alt="RUB Logo" title="RUB-Logo" ></a> </p> </div> <div class="text-left d-xl-none d-lg-none col-md-3 col-sm-6 col-6 pt-3 m-3"> <p> <a href="https://www.ruhr-uni-bochum.de/de"> <img src="/mam/images/logos/rublogo.png" height="35" width="183" alt="RUB Logo" title="RUB-Logo" ></a> </p> </div> <div class="text-left text-white col-xl-9 d-xl-block d-lg-none d-md-none d-sm-none d-none pt-3"> <div class="meinmenu"> <style type="text/css"> .linkausgewaehlt { padding-bottom: .5em; border-bottom: .5em solid #8DAE10;} </style> <a href="http://www.ruhr-uni-bochum.de/studium/">Studium</a> <a href="http://www.ruhr-uni-bochum.de/forschung/">Forschung</a> <a href="https://transfer.ruhr-uni-bochum.de/de/transfer-der-rub">Transfer</a> <a href="https://news.rub.de/">News</a> <a href="http://www.ruhr-uni-bochum.de/universitaet/">Über uns</a> <a href="https://uni.ruhr-uni-bochum.de/de/fakultaeten"><span class="linkausgewaehlt">Einrichtungen</span></a> </div> </div> <div class="text-left text-white d-xl-none d-lg-block col-lg-9 d-md-none d-sm-none d-none pt-3"> <div class="meinkleinesmenu"> <style type="text/css"> .linkausgewaehlt { padding-bottom: .5em; border-bottom: .5em solid #8DAE10;} </style> <a href="http://www.ruhr-uni-bochum.de/studium/">Studium</a> <a href="http://www.ruhr-uni-bochum.de/forschung/">Forschung</a> <a href="https://transfer.ruhr-uni-bochum.de/de/transfer-der-rub">Transfer</a> <a href="https://news.rub.de/">News</a> <a href="http://www.ruhr-uni-bochum.de/universitaet/">Über uns</a> <a href="https://uni.ruhr-uni-bochum.de/de/fakultaeten"><span class="linkausgewaehlt">Einrichtungen</span></a> </div> </div> </div> </div></div> </header> <div style="background-color: #f6f6f6;"> <div class="container"> <div class="row" style="background-color: #F2F1F1;"> <div class="col-xl-3 col-lg-3 d-lg-block sticky-top"> <style type="text/css">.eingerueckt{/*margin-left: 17px; */font-size: 17px;} .eingerueckt:hover{/*margin-left: 17px; text-indent: 1em; */font-size: 17px;} .nav-link[data-toggle].collapsed:after { font-family: FontAwesome; content: "\00a0\00a0\00a0\f107"; text-decoration:none;}.nav-link[data-toggle]:not(.collapsed):after { font-family: FontAwesome; content: "\00a0\00a0\00a0\f106"; text-decoration:none;} </style> <div id="navigation" class="sticky-top" style="max-width: 100%;"> <div style="width: 100%"> <nav class="navbar navbar-expand-lg navbar-light" style="background-color: #F2F1F1;"> <div class="d-sm-none"> <!-- <span style="color:#17365c; font-family: Arial,sans-serif; font-size: 1.5em; letter-spacing: 0.02em; line-height: 2em; text-decoration: none;">MENÜ</span> --> <a class="navbar-brand" href="/index.html.de"><img src="/mam/images/logos/it-services_schrift_150.png" width="150px" alt="IT.SERVICES Logo" title="IT.SERVICES-Logo" /></a> </div> <div class="d-lg-none d-sm-block d-none"> <a class="navbar-brand" href="/index.html.de"><img src="/mam/images/logos/it-services_schrift_150.png" width="150px" alt="IT.SERVICES Logo" title="IT.SERVICES-Logo" /></a> </div> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class=" collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav mr-auto flex-column justify card-ie"> <li class="nav-item active d-lg-block d-none mt-3 mb-2"> <a href="/index.html.de"> <div class="d-xl-block d-lg-none"> <img src="/mam/images/logos/it-services_schrift_150.png" width="80%" alt="IT.SERVICES Logo" title="IT.SERVICES-Logo" /><br /> <img src="/mam/images/logos/pixel.gif" width="100%" height="1px" alt="unsichtbarer Pixel" /> </div> <div class="d-xl-none d-lg-block d-none"> <img src="/mam/images/logos/it-services_schrift_150.png" width="100%" alt="IT.SERVICES Logo" title="IT.SERVICES-Logo" /><br /> </div> </a> </li> <div class="d-lg-none d-block"> <li class="nav-item active"> <a class="nav-link " href="https://www.ruhr-uni-bochum.de/de"><span style="color: grey; margin-left: -10px; padding-left: -10px;"><i class="fa fa-home"></i>RUB-STARTSEITE</span><span class="sr-only">(current)</span></a> </li> </div> <li class="nav-item active"> <a class="nav-link " href="/index.html.de">Home <span class="sr-only">(current)</span></a> </li> <li class="nav-item flex-column"> <a class="nav-link collapsed text-truncate" href="#submenu1" data-toggle="collapse" data-target="#submenu1"><span class="d-sm-inline">Support</span></a> <div class="collapse" id="submenu1" aria-expanded="false"> <ul class="flex-column nav pl-4"> <li class="nav-item eingerueckt"> <a class="nav-link pl-1 eingerueckt" href="/kontakt/index.html.de">Servicecenter</a></li> <li class="nav-item eingerueckt"> <a class="nav-link pl-1 eingerueckt" href="/doku/index.html.de">Dokumentation</a></li> </ul> </div> </li> <li class="nav-item"> <a class="nav-link collapsed text-truncate" href="#submenu2" data-toggle="collapse" data-target="#submenu2"><span class="d-sm-inline">Services</span></a> <div class="collapse show" id="submenu2" aria-expanded="false"> <ul class="flex-column pl-4 nav"> <li class="nav-item eingerueckt"> <a class="nav-link pl-1 eingerueckt" href="/services/ias.html.de">Zugang und Sicherheit</a></li> <li class="nav-item eingerueckt"> <a class="nav-link pl-1 eingerueckt" href="/services/bk.html.de">Kommunikation & Zusammenarbeit</a></li> <li class="nav-item eingerueckt"> <a class="nav-link pl-1 eingerueckt" href="/services/bk/hardware.html.de">Hardware & IT am Arbeitsplatz</a></li> <li class="nav-item eingerueckt"> <a class="nav-link pl-1 eingerueckt" href="/software/index.html.de">Software</a></li> <li class="nav-item eingerueckt"> <a class="nav-link pl-1 eingerueckt" href="/services/sl.html.de">Lehr- und Lernunterstützung</a></li> <li class="nav-item eingerueckt"> <a class="nav-link pl-1 eingerueckt" href="/services/ecampus.html.de">eCampus | Student Lifecycle</a></li> <li class="nav-item eingerueckt"> <a class="nav-link pl-1 eingerueckt" href="/services/issi.html.de">Infrastruktur</a></li> <li class="nav-item eingerueckt"> <a class="nav-link pl-1 eingerueckt" href="/services/wf.html.de">Wissenschaft und Forschung</a></li> <li class="nav-item eingerueckt"> <a class="nav-link pl-1 eingerueckt" href="/services/gz.html.de">Verwaltung und Geschäftsfunktionen</a></li> <li class="nav-item eingerueckt"> <a class="nav-link pl-1 eingerueckt" href="/services/pm.html.de">IT-Projektmanagement</a></li> <li class="nav-item eingerueckt"> <a class="nav-link pl-1 eingerueckt" href="/services/schulungen.html.de">Schulungen</a></li> <li class="nav-item eingerueckt"> <a class="nav-link pl-1 eingerueckt" href="/services/index.html.de">alle Services im Überblick</a></li> </ul> </li> <li class="nav-item"> <a class="nav-link collapsed text-truncate" href="#submenu8" data-toggle="collapse" data-target="#submenu8"><span class="d-sm-inline">Wir über uns</span></a> <div class="collapse" id="submenu8" aria-expanded="false"> <ul class="flex-column pl-4 nav"> <li class="nav-item"> <a class="nav-link pl-1 eingerueckt" href="/ueberuns/index.html.de">Wer wir sind</a></li> <li class="nav-item"> <a class="nav-link pl-1 eingerueckt" href="/mitarbeiter/index.html.de">Mitarbeiter/innen</a></li> <li class="nav-item"> <a class="nav-link pl-1 eingerueckt" href="/ueberuns/nutzerrat.html.de">Nutzerrat und Nutzervertretung</a></li> <li class="nav-item"> <a class="nav-link pl-1 eingerueckt" href="/ueberuns/kooperationen.html.de">Partner</a></li> <li class="nav-item"> <a class="nav-link pl-1 eingerueckt" href="/ueberuns/karriere.html.de">Karriere</a></li> </ul> </div> </li> </li> <span class="nav-item" style="margin-top: 10px; border-top: 2px solid #C1BAB9;"></span> <li class="nav-item active"> <a class="nav-link " href="/news/index.html.de">News<span class="sr-only">(current)</span></a> </li> <span class="nav-item" style="margin-top: 10px; border-top: 2px solid #C1BAB9;"></span> <li class="nav-item active"> <a class="nav-link" href="/faqs/index.html.de">FAQ</a> </li> <li class="nav-item active"> <a class="nav-link " href="/a-z/index.html.de">A - Z<span class="sr-only">(current)</span></a> </li> <span class="nav-item" style="margin-top: 10px; border-top: 2px solid #C1BAB9;"></span> <p><br /><br /></p> <li class="nav-item active"> <a class="nav-link " href="/support/online.html.de">Ticket erzeugen<span class="sr-only">(current)</span></a> </li> <p><br /><br /></p> </ul> </div> </nav> </div></div> </div> <div class="col-xl-9 col-lg-9 col-md-12 col-sm-12 col-xs-12"> <div id="inhaltsbereich" style="background-color: #f2f1f1; min-height: 600px;"> <div class="ml-3 mr-3 pt-2"> <!--<div class="d-block d-sm-none"> <img src="/mam/images/logos/it-services_schrift_150.png" width="300" max-width="75%" alt="IT.SERVICES Logo" title="IT.SERVICES-Logo" /><br /></div>--><div id="teaser" style="background-color: #f0f0f0;"> <div class="row"> <div class="text-left col-md-10 col-sm-9col-xs-12 mt-2 ml-0"> <div id="history"> <a href="http://www.ruhr-uni-bochum.de/de">RUB</a> » <a href="/index.html.de">IT.SERVICES</a> » <a href="/services/index.html.de">Services</a> » <a href="/services/bk.html.de">Kommunikation & Zusammenarbeit</a> </div> <!--history--> </div> <!--history-spalte--> <div class="text-right col-md-2 col-sd-3 col-xs-12"> <div id="sprache"></div> </div> <!--sprachspalte--> </div> <!--row--> </div> <!--teaser--> <div class="col-xs-12 col-sm-12 col-md-12 mgt0 mgb15 pdt0 pdb0" id="keincontent_00"> <!-- Spacing container --><br /> </div> <style type="text/css"> .img-thumbnail {margin-right: 15px} </style> <div class="row bg-white" style="margin: 8px 0px;"> <div class="text-left col-xl-9"> <h2>Blog-Service </h2> <span style="color: #003560; font-weight: 550;"><p>Der Blog-Service bietet die Möglichkeit, einen eigenen Wordpress-Blog einzurichten.</p></span> <br clear="all" /> </div> <div class="text-left col-xl-3"> </div></div> <div class="row"> <div class="text-left col-lg-8 col-md-12"> <div class="col-xs-12 col-sm-12 col-md-12 mgt0 mgb15 pdt0 pdb0 mt-3" id="keincontent_18"> <!-- Spacing container --><br /> </div> <div class="container px-0" style="hyphens: auto;"> <div class="p-3 bg-white text-dark"> <h5>Allgemeines</h5> <p>Sie erhalten eine eigenständige Wordpress-Installation, bei der Sie beliebige Plugins und Themes installieren können. Weitere Nutzer/innen (Redakteur/innen) können vom/von der jeweiligen Blog-Administrator/in jederzeit registriert werden. Der Blog-Service ist für alle Mitarbeiterinnen und Mitarbeiter der RUB kostenfrei.</p> </div> </div> <div class="container px-0" style="hyphens: auto;"> <div class="p-3 bg-white text-dark"> <h5>Limitierungen</h5> <p>Da der Blog-Service einen kostenlosen Service von IT.SERVICES darstellt, unterliegt dieser einigen Limitierungen. Der Webspeicherplatz ist auf 1GB begrenzt und kann nicht erhöht werden. Des weiteren erhalten Sie lediglich Zugriff auf das WordPress Dashboard. Ein Zugriff per FTP oder direkter Datenbankzugriff oder indirekt per Webseite ist nicht vorgesehen.</p> </div> </div> <div class="container px-0" style="hyphens: auto;"> <div class="p-3 bg-white text-dark"> <h5>Antrag</h5> <p>Bitte beantragen Sie zunächst eine <a class="ext" href="https://servicecenter.vm.ruhr-uni-bochum.de/funktionsmailbox/" rel="noopener noreferrer" target="_blank">Funktionsmailbox<span aria-label="(link is external)" class="ext"></span></a>. Die Anmeldung und Administration des Blogs erfolgt über die LoginID der Funktionsmailbox (früher: Kombidienst). Im Anschluss füllen Sie bitte untenstehendes Antragsformular für einen Blog aus.</p> <p><span style="color:#8dae10;"><strong>Hinweis: </strong></span>Die Bestätigungs-E-Mail und die Zugangsdaten werden an die E-Mail-Adresse der Funktionsmailbox gesendet. Das Absenden des Formulars ist nur aus dem IP-Adressbereich der Ruhr-Universität Bochum (134.147...) möglich. Verwenden Sie außerhalb dieses Bereiches einen <a class="ext" href="https://noc.rub.de/web/vpn" rel="noopener noreferrer" target="_blank">VPN-Tunnel<span aria-label="(link is external)" class="ext"></span></a>.</p> </div> </div> <iframe class="bg-white border-0 p-3" src="https://blogs.ruhr-uni-bochum.de/formular-clean.html" style=" width: 100%; height: 600px; overflow: auto;" scrolling="auto" name="Blogformular">Ihr Browser kann keine IFrames darstellen!</iframe> </div> <div class="text-left col-lg-4 col-md-6 col-sm-12"> <div class="col-xs-12 col-sm-12 col-md-12 mgt0 mgb15 pdt0 pdb0 mt-3" id="keincontent_15"> <!-- Spacing container --><br /> </div> <div class="p-3 bg-white text-dark"> <h5>Nutzungsbedingungen</h5> <p>Lesen Sie die Nutzungsbedingungen für das Blog-System der Ruhr-Universität Bochum.</p> <a href="/issi/nutzung-blog.html.de"> <span style="background-color:#8DAE10;" ><i class="fa fa-angle-right fa-2x button-arrow-arrow"> </i></span> <span style="background-color:#003560;" class="button-arrow-text" > Mehr </span> </a> </div> <div class="col-xs-12 col-sm-12 col-md-12 mgt0 mgb15 pdt0 pdb0 mt-3" id="keincontent_24"> <!-- Spacing container --><br /> </div> <div class="p-3 bg-white text-dark"> <h5>Kontakt</h5> <p><strong>Servicecenter</strong> IA E0 Raum 95/150 <br /><strong>Tel.: </strong>+49 (0)234 32-24025<br /><strong>Fax: </strong>+49 (0)234 32-14349<br /><strong>E-Mail:</strong> <a href="mailto:its-helpdesk@ruhr-uni-bochum.de">its-helpdesk@ruhr-uni-bochum.de</a></p> <a href="https://it-services.ruhr-uni-bochum.de/support/online.html.de"> <span style="background-color:#8DAE10;" ><i class="fa fa-angle-right fa-2x button-arrow-arrow"> </i></span> <span style="background-color:#003560;" class="button-arrow-text" > Helpdesk-Formular </span> </a> </div> </div> </div> <div class="col-xs-12 col-sm-12 col-md-12 mgt0 mgb15 pdt0 pdb0" id="keincontent_01"> <!-- Spacing container --><br /> </div> </div> <!--ml-3 mr-3--> </div> <!--inhaltsbereich--> </div> </div> </div> </div> <div style="background-color: #003560; border-top: 3px solid #8dae10;"> <div class="container"> <div class="ml-3 mr-3"> <div id="footer"> <div class="container" style="background-color: #003560; font-weight: 400; line-height:20px;"> <div class="row" > <div class="text-left col-lg-3 col-md-6 text-white pl-2 mt-3"> <a href="https://www.ruhr-uni-bochum.de/de"><img src="/mam/images/logos/logo.svg" vspace="5px" width="80%" alt="RUB Logo" title="RUB-Logo"></a><br /> Universitätsstraße 150 | 44801 Bochum </div> <div class="text-left col-lg-3 col-md-6 text-white pl-2 pt-2"> <b>Kontakt</b><br /> Servicecenter <!-- IA E0 95/150 --><br /> <div style="width: 65px; float: left;">Mo.-Fr.:</div>10.00 Uhr – 14.00 Uhr<br /> <div style="width: 65px; float: left;"><b>E-Mail: </b></div><a href="mailto:its-helpdesk@ruhr-uni-bochum.de">its-helpdesk@rub.de</a><br /><!-- <div style="width: 65px; float: left;"><b>Telefon:</b></div><a style="color: white; font-weight: 500;" href="tel:+492343224025">+49 (0)234 32-24025</a><br />--> </div> <div class="text-left col-lg-3 col-md-6 text-white pl-2 pt-2"> <b></b><br /> <div style="width: 65px; float: left;">Telefon:</div><a href="tel:+492343224025">+49 (0)234 32-24025</a><br /> <div style="width: 65px; float: left;">Mo.-Fr.:</div>9.00 Uhr – 15.00 Uhr<br /><!-- Bitte beachten Sie unsere<br /> <a href="/allg/corona.html.de">aktuellen Supporthinweise</a>--> </div> <div class="text-left col-lg-3 col-md-6 text-white pl-2 pt-2"> <b>Schnellzugriff<br /></b> <a href="/faqs/index.html.de">FAQ</a> | <a href="/a-z/index.html.de">A-Z</a> | <a href="/news/index.html.de">News</a><br /> <a href="https://www.ruhr-uni-bochum.de/de/impressum">→ Impressum</a><br /> <a href="https://www.ruhr-uni-bochum.de/de/barrierefreiheit">→ Barrierefreiheit</a><br /> <a href="/ueberuns/datenschutzerklaerung.html.de">→ Datenschutzerklärung</a> </div> </div> <div class="row"> <div class="text-right col-md-6 col-sm-6 text-white pl-2 pt-2"> <p><small>Copyright © IT.SERVICES 2022</small></p> </div> <div class="text-left col-md-6 col-sm-6 text-white pl-2 pt-2"> <p><small>Letzte Änderung: 07. Jul. 2022 </small> </p> </div> </div> </div> </div></div> <!--footer--> </div></div><script>// Sticky navbar// ========================= $(document).ready(function () { // Custom function which toggles between sticky class (is-sticky) var stickyToggle = function (sticky, stickyWrapper, scrollElement) { var stickyHeight = sticky.outerHeight(); var stickyTop = stickyWrapper.offset().top; if (scrollElement.scrollTop() >= stickyTop) { stickyWrapper.height(stickyHeight); sticky.addClass("is-sticky"); } else { sticky.removeClass("is-sticky"); stickyWrapper.height('auto'); } }; // Find all data-toggle="sticky-onscroll" elements $('[data-toggle="sticky-onscroll"]').each(function () { var sticky = $(this); var stickyWrapper = $('<div>').addClass('sticky-wrapper'); // insert hidden element to maintain actual top offset on page sticky.before(stickyWrapper); sticky.addClass('sticky'); // Scroll & resize events $(window).on('scroll.sticky-onscroll resize.sticky-onscroll', function () { stickyToggle(sticky, stickyWrapper, $(this)); }); // On page load stickyToggle(sticky, stickyWrapper, $(window)); }); });</script> <script type="application/javascript" src="https://bibliographie.ub.rub.de/static/js/citations.js"></script> <!-- Matomo --> <script type="text/javascript"> var _paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="//matomo.rub.de/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '19']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script><!-- End Matomo Code --> <!--multilang_end--> <script src="/js/bootstrap.bundle.min.js"></script> <script src="/js/carousel.js"></script> <style> #return-to-top { z-index: 10000; color: #17365C; position: fixed; bottom: 80px; right: 10px; background: rgba(168, 168, 168, 1); width: 100px; height: 45px; display: block; text-decoration: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; display: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}#return-to-top i { color: #17365C; margin: 0; position: relative; left: 27px; top: 13px; font-size: 19px; font-weight: 200; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}#return-to-top:hover { background: rgba(40, 40, 40, 1); color: #fff;}#return-to-top:hover i { color: #fff; top: 0px;} </style> <script> $(window).scroll(function(){ if ($(this).scrollTop() >= 50) { // If page is scrolled more than 50px $('#return-to-top').fadeIn(200); // Fade in the arrow } else { $('#return-to-top').fadeOut(200); // Else fade out the arrow }});$('#return-to-top').click(function() { // When arrow is clicked $('body,html').animate({ scrollTop : 0 // Scroll to top of body }, 500);}); </script> </body> </html> 
