<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>BasicBlogger &#187; Tutorials</title>
	<atom:link href="http://basicblogger.de/category/cms/wordpress/tipps/tutorials/feed/" rel="self" type="application/rss+xml" />
	<link>http://basicblogger.de</link>
	<description>Impossible to let Basic Blogging... Der Blog für Blogger und Webentwickler</description>
	<lastBuildDate>Tue, 18 May 2010 13:49:55 +0000</lastBuildDate>
	
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>How-to: Twhirl auf Linux installieren &#8211; EEE</title>
		<link>http://basicblogger.de/2009/03/16/how-to-twhirl-auf-linux-installieren-eee/</link>
		<comments>http://basicblogger.de/2009/03/16/how-to-twhirl-auf-linux-installieren-eee/#comments</comments>
		<pubDate>Mon, 16 Mar 2009 18:43:57 +0000</pubDate>
		<dc:creator>Ahmet Topal</dc:creator>
				<category><![CDATA[Microblogging]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[How to]]></category>
		<category><![CDATA[Linux]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[Twitter]]></category>

		<guid isPermaLink="false">http://basicblogger.de/?p=437</guid>
		<description><![CDATA[
			
				
			
		
Twitter ist einer der berühmtesten MicroBlogging Dienste. Und dazu passend einer der besten Clients Twhirl. Twhirl ist ein in Adobe Air geschriebenes Client, welches sehr leicht zu bedienen ist, die Vorraussetzung bei der installation ist aber auch, Adobe AIR installiert zu haben. Twhirl ist Kompaktibel mit Mac, Windows 2000, XP und Vista. Aber was nicht [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fbasicblogger.de%2F2009%2F03%2F16%2Fhow-to-twhirl-auf-linux-installieren-eee%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fbasicblogger.de%2F2009%2F03%2F16%2Fhow-to-twhirl-auf-linux-installieren-eee%2F&amp;source=ahmet2106&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>
<p><a title="Twitter" href="http://twitter.com">Twitter</a> ist einer der berühmtesten MicroBlogging Dienste. Und dazu passend einer der besten Clients <a title="twhirl" href="http://www.twhirl.org/">Twhirl</a>. Twhirl ist ein in Adobe Air geschriebenes Client, welches sehr leicht zu bedienen ist, die Vorraussetzung bei der installation ist aber auch, <a title="Adobe AIR" href="http://www.adobe.com/products/air/">Adobe AIR</a> installiert zu haben. Twhirl ist Kompaktibel mit Mac, Windows 2000, XP und Vista. Aber was nicht bei Twhirl steht: Man kann es auch auf Linux (z.B. Ubuntu) installieren.</p>
<p>Deshalb möchte ich euch hier beschreiben wie dass geht.</p>
<p><strong>How-To: installiere Adobe Air auf Linux:</strong></p>
<p>1. Downloade dir die aktuellste Version von Adobe AIR: 1.5.1 [<a title="Adobe AIR Installer" href="http://airdownload.adobe.com/air/lin/download/1.5.1/AdobeAIRInstaller.bin">AdobeAirInstaller @ Adobe.com</a>], und speichere es im Desktop.</p>
<p>2. Starte das Terminal (Anwendungen / Zubehör / Terminal) und gib folgenden code ein, und klick nach jeder Zeile auf ENTER auf deiner Tastatur:</p>

<div class="wp_syntax"><div class="code"><pre class="bash" style="font-family:monospace;"><span style="color: #7a0874; font-weight: bold;">cd</span> Desktop</pre></div></div>


<div class="wp_syntax"><div class="code"><pre class="bash" style="font-family:monospace;"><span style="color: #c20cb9; font-weight: bold;">chmod</span> +x AdobeAIRInstaller.bin</pre></div></div>


<div class="wp_syntax"><div class="code"><pre class="bash" style="font-family:monospace;"><span style="color: #c20cb9; font-weight: bold;">sudo</span> .<span style="color: #000000; font-weight: bold;">/</span>AdobeAIRInstaller.bin</pre></div></div>

<p>und folge den Anweisungen beim Adobe AIR Installer.</p>
<p>Somit hast du Adobe AIR installiert.</p>
<p><strong>How-To: installiere twhirl auf Linux:</strong></p>
<p>Besuche <a title="twhirl download" href="http://www.twhirl.org/download">Twhirl Download</a> und klicke auf die aktuellste Version, danach auf öffnen mit, und Adobe AIR steht schon in der Liste, einfach auf &#8220;OK&#8221; klicken, und den Anweisungen folgen, innerhalb 1 Minute ist dann Twhirl installiert, und du kannst es unter Linux benutzen.</p>
<p><strong>Screenshots:</strong></p>
<p>1. Während dem Download von Twhirl:</p>
<p><a href="http://i370.photobucket.com/albums/oo145/ahmet2106/twhirl-download-linux.png"><img class="alignnone" src="http://i370.photobucket.com/albums/oo145/ahmet2106/twhirl-download-linux.png" alt="" width="279" height="206" /></a></p>
<p>(Bei Klick vergrößert sich das Bild)</p>
<p>2. Während der Installation von Twhirl:</p>
<p><a href="http://i370.photobucket.com/albums/oo145/ahmet2106/twhirl-installieren-linux.png"><img class="alignnone" src="http://i370.photobucket.com/albums/oo145/ahmet2106/twhirl-installieren-linux.png" alt="" width="307" height="139" /></a></p>
<p>(Bei Klick vergrößert sich das Bild)</p>
<p>So ich hoffe, ich konnte manchen helfen, denn genauso funktioniert es auch bei EEE Pc, sollte keine Probleme geben ;)</p>
<hr />
<p>Ahmet im Web: <a href="http://twitter.com/ahmet2106" title="ahmet2106 @twitter">Twitter</a></p>
<p><small><span style="font-weight:bold;color:grey;">Werbung:</strong></span></small>
<br />
<a href="http://basicblogger.de/ihre-werbung/" title="Werben auf BasicBlogger.de">Werben sie doch hier mit einem kleinen Banner oder einer TextlinkWerbung</a>]]></content:encoded>
			<wfw:commentRss>http://basicblogger.de/2009/03/16/how-to-twhirl-auf-linux-installieren-eee/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tutorial: Online Portfolio erstellen</title>
		<link>http://basicblogger.de/2009/01/20/tutorial-online-portfolio-erstellen/</link>
		<comments>http://basicblogger.de/2009/01/20/tutorial-online-portfolio-erstellen/#comments</comments>
		<pubDate>Tue, 20 Jan 2009 16:35:59 +0000</pubDate>
		<dc:creator>Ahmet Topal</dc:creator>
				<category><![CDATA[Blogging]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://basicblogger.de/?p=329</guid>
		<description><![CDATA[
			
				
			
		
Ihr wisst bestimmt was ein Portfolio ist. Eine Seite, wo man seine Projekte und seine Programme Online stellt.
Wie erstellt man ein Portfolio Profesionell?
Es gibt jegliche Methoden, ein Portfolio kann man mit einem CMS wie Wordpress oder Joomla erstellen (so wie bei meinem Portfolio), man kann dies auch in Flash machen, welches noch einen Spezielleren Effekt [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fbasicblogger.de%2F2009%2F01%2F20%2Ftutorial-online-portfolio-erstellen%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fbasicblogger.de%2F2009%2F01%2F20%2Ftutorial-online-portfolio-erstellen%2F&amp;source=ahmet2106&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>
<p>Ihr wisst bestimmt was ein <a title="http://de.wikipedia.org/wiki/Portfolio" href="http://de.wikipedia.org/wiki/Portfolio">Portfolio</a> ist. Eine Seite, wo man seine Projekte und seine Programme Online stellt.</p>
<p><strong>Wie erstellt man ein Portfolio Profesionell?</strong></p>
<p>Es gibt jegliche Methoden, ein Portfolio kann man mit einem CMS wie Wordpress oder Joomla erstellen (so wie bei meinem Portfolio), man kann dies auch in Flash machen, welches noch einen Spezielleren Effekt gibt oder man erstellt es einfach in HTML und PHP bzw auch noch einpaar Effekte mit Flash/Java.</p>
<p>Ich habe mich für die ersten zwei Entschieden, bei meinem Flash Portfolio arbeite ich noch drann.</p>
<p><strong>Die Hauptstruktur eines normalen Portfolios:</strong></p>
<p><img class="alignnone" src="http://i370.photobucket.com/albums/oo145/ahmet2106/pf_1.png" alt="" width="480" height="280" /></p>
<p>1: Contentbereich<br />
2: Navigation<br />
3: Logo + Hintergrund<br />
4: Navigation</p>
<p>Ein sehr schönes Bespiel ist bei dem Portfolio von <a title="Ndesign Studio" href="http://www.ndesign-studio.com/portfolio/">NDesign-Studio</a>:</p>
<p><img class="alignnone" src="http://i370.photobucket.com/albums/oo145/ahmet2106/ndesign.png" alt="" width="480" height="300" /></p>
<p>(Ndesign Studio Portfolio)</p>
<p><strong>Was kommt in ein Online Portfolio?</strong></p>
<p>Das ist etwas einfacher, denn hier muss man eigentlich nur seine Projekte Online stellen, also die Webseiten, Logos, und auch Programme eines Designers/Programmierers. Aber neben dem Portfolio kann man auch direkt ein Blog aktivieren, sodass man Parallel Bloggt und seine Projekte vorstellen kann.</p>
<p>Ein Beispiel dazu ist auch NDesign Studio: [<a title="Ndesign Studio" href="http://www.ndesign-studio.com/portfolio/">Portfolio NDesign</a>] [<a title="Ndesign Studio" href="http://www.ndesign-studio.com/">Blog NDesign</a>]</p>
<p><strong>Wie soll ich am besten anfangen?</strong></p>
<p>Erstmal muss man sich überlegen, ob man ein CMS benutzen will, dies in HTML + Photoshop/GIMP machen möchte, oder einfach in Flash.</p>
<p>Als CMS würde ich <a title="Wordpress" href="http://wordpress.org">Wordpress</a> empfehlen, als HTML Editor den Kostenlosenlosen Syntax editor <a title="NotepadPP" href="http://notepad-plus.sourceforge.net/de/site.htm">Notepad++</a> und als Design Programm die Kostenlose Photoshop alternative <a title="GIMP" href="http://www.gimp.org/">GIMP</a>.</p>
<p><strong>Portfolio mit Wordpress:</strong><br />
Nachdem man Wordpress installiert hat, sollte man sich ein passendes Design suchen, diese sind meist kostenlos, oder man kann sich selber eins Designen.</p>
<p>Kostenlose Wordpress Portfolio Themes:</p>
<p><span style="color: #ff0000">1. Portfolio Press Theme:</span></p>
<p><img class="alignnone" src="http://i370.photobucket.com/albums/oo145/ahmet2106/portfoliopress-theme.gif" alt="" width="415" height="250" /></p>
<p>[<a title="Portfolio Press Theme Demo" href="http://wpthemes.blogohblog.net/index.php?wptheme=Portfolio+Press">Demo</a>] [<a title="Portfolio Press Theme" href="http://www.blogohblog.com/wordpress-theme-portfolio-press/">Download + Source</a>]</p>
<p><span style="color: #ff0000">2. Sharpfolio Theme:</span></p>
<p><img class="alignnone" src="http://i370.photobucket.com/albums/oo145/ahmet2106/sharpfolio-theme.png" alt="" width="415" height="250" /></p>
<p>[<a title="Sharpfolio Theme Demo" href="http://webrevolutionary.com/sharpfolio-demo/">Demo</a>] [<a title="Sharpfolio Theme" href="http://webrevolutionary.com/sharpfolio/">Download + Source</a>]</p>
<p><span style="color: #ff0000">3. WPEsp Theme:</span></p>
<p><img class="alignnone" src="http://i370.photobucket.com/albums/oo145/ahmet2106/wpesp-theme.jpg" alt="" width="300" height="163" /></p>
<p>[<a title="WPEsp Theme Demo" href="http://demo.wpesp.com/portfolio/">Demo</a>] [<a title="WPEsp Theme" href="http://wpesp.com/">Download + Source</a>]</p>
<p><span style="color: #ff0000">4. White/Black Canvas:</span></p>
<p><img class="alignnone" src="http://i370.photobucket.com/albums/oo145/ahmet2106/whitecanvas-theme.png" alt="" width="402" height="222" /></p>
<p>[<a title="Black Canvas Theme Demo" href="http://www.revolutiontwo.com/demo/blackcanvas.html">Demo</a>] [<a title="Black Canvas Theme" href="http://www.revolutiontwo.com/themes/black-canvas">Source</a>] (War mal Kostenlos)</p>
<p>Und mehrere Themes kann man bei Suchmaschinen mit solchen Suchbegriffen finden:</p>
<p>Wordpress Portfolio Theme, WP Portfolio Theme, Wordpress Themes, Portfolio Wordpress, &#8230;</p>
<p><strong>Portfolio mit Photoshop:</strong><br />
Ich werde diese Woche dazu noch ein Video Tutorial erstellen, aber ich habe ein Super Tutorial gefunden, welches ihr mit GIMP und Photoshop nachmachen könnt [<a title="Portfolio Tutorial" href="http://www.tutorialwall.com/web-layouts/sleek-compact-portfolio-design">Zum Tutorial</a>].</p>
<p><strong>Portfolio mit Flash:</strong></p>
<p>Da kann ich euch leider nicht viele Tipps geben, da man da ein eigenes Geschmack haben muss und rumexperimentieren muss, aber ich werde diese Woche auch ein Tutorial dazu aufnehmen :)</p>
<p><strong>Portfolio Logo Design:</strong></p>
<p>Hier Logo + Hintergrund meines Flash Portfolios:</p>
<p><img class="alignnone" src="http://i370.photobucket.com/albums/oo145/ahmet2106/at20_flash_bg.png" alt="" width="480" height="300" /></p>
<p><strong>Wie ich dies erstellt habe?</strong></p>
<p>Dazu benutze ich die kosenlosen Brushes, ein sehr empfehlenswertes Pack ist der Splatter Brush Pack von ka05 [<a title="Splatter Brushes" href="http://ka05.deviantart.com/art/Splatter-Brushes-31656209?q=by%3Aka05&amp;qh=sort%3Atime+-in%3Ascraps">zum Brush pack</a>].</p>
<p><strong>Hier mein Video Tutorial dazu:</strong></p>
<p><strong>ENDE:</strong></p>
<p>Ich hoffe, ich konnte euch behilflich sein, und hoffe, dass ihr auch einpaar neue Tricks dabei gelernt habt, und euch nicht langweilig war ;) Und jetzt, viel Spaß bei eurem eigenen Portfolio&#8230;</p>
<hr />
<p>Ahmet im Web: <a href="http://twitter.com/ahmet2106" title="ahmet2106 @twitter">Twitter</a></p>
<p><small><span style="font-weight:bold;color:grey;">Werbung:</strong></span></small>
<br />
<a href="http://basicblogger.de/ihre-werbung/" title="Werben auf BasicBlogger.de">Werben sie doch hier mit einem kleinen Banner oder einer TextlinkWerbung</a>]]></content:encoded>
			<wfw:commentRss>http://basicblogger.de/2009/01/20/tutorial-online-portfolio-erstellen/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
