tag:blogger.com,1999:blog-20245177533797782882024-03-14T03:26:03.757+01:00Webbdesign & webbutvecklingEn blogg om webbdesign, css, bildhantering, php, jQuery mmUnknownnoreply@blogger.comBlogger168125tag:blogger.com,1999:blog-2024517753379778288.post-74350813940661241092013-05-03T16:44:00.001+02:002013-05-03T16:44:56.978+02:00Visa utdrag i Wordpress Twenty Eleven<p>Wordpress temat Twenty Eleven visar som standard hela poster på startsidan. Vill man bara visa utdrag med en “Läs mer”-länk kan man ändra lite i koden. Öppna filen content.php (som ligger i wp-content/themes/twentyeleven. Leta upp raden som börjar med: <?php if ( is_search()</p> <p>Lägg till koden: | is_home()</p> <p>så det blir såhär:</p> <p><?php if ( is_search() | is_home() ) : // Only display Excerpts for Search ?></p> <p>Vill du att kategorisidorna också ska visa utdrag av posterna så skriv såhär:</p> <p><?php if ( is_search() | is_home() | is_category() ) : // Only display Excerpts for Search ?></p> Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2024517753379778288.post-36438981211316541472012-09-30T18:10:00.001+02:002012-09-30T18:10:11.644+02:00Installera Wordpress blogg på temporärt domännamn<p>Det är väldigt praktiskt att kunna installera och färdigställa sin wordpress-hemsida innan den går “live”, i det här fallet pekas till sin rätta domän. Då arbetar man med bloggen via en temporär adress, t ex din-domän.se.ditt-webbhotell.se, och kan i lugn och ro fixa till den tills man blir nöjd och vill publicera den för resten av världen.</p> <p>I mitt fall, som använder webbhotellet Loopia, kan man med “ett klick” installera Wordpress via deras administrationspanel. Då installeras Wordpressbloggen med inställningar för den färdigpekade domänen även om den inte är pekad än. Det gör att det blir lite trixigt att nå alla delar av bloggen via den temporära url:en. <br />På Wordpress officiella hemsida finns information om hur man byter namn på wordpress-url:en, <a href="http://codex.wordpress.org/Changing_The_Site_URL" target="_blank">Changing The Site URL</a>. </p> <p>Jag ftp:ar hem filen config.php och lägger till dessa två rader i filen:</p> <p>define('WP_HOME','http://dindomän.se.loopiadns.com'); <br />define('WP_SITEURL','http://dindomän.se.loopiadns.com');</p> <p>Sedan kan man göra klart hemsidan innan den går live.</p> Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-2024517753379778288.post-47603082073653907212012-02-20T19:48:00.001+01:002012-02-20T19:49:54.419+01:00Generera enkelt säkra lösenord till Wordpress<p>Bloggverktyget Wordpress är ett vanligt mål för hackare som vill förstöra din blogg eller hemsida. En viktig sak att tänka på när man installerar sin Wordpress-blogg är att använda riktigt säkra lösenord. Här hittar du ett verktyg för att enkelt generara lösenord som du sedan bara klistrar in i din config-fil (wp-config.php som ligger i roten på din blogg). Varje gång du uppdatera sidan genereras nya unika lösenord.</p> <p><a href="https://api.wordpress.org/secret-key/1.1/salt/">https://api.wordpress.org/secret-key/1.1/salt/</a></p> <p>Om din hemsida eller blogg har blivit hackad så kan hackaren fortfarande vara inloggad på din blogg även om du har bytt lösenord. Byt därför alltid lösenorden när du blivit hackad.</p> <p>Tänk på att ändra i filen wp-config.php som ligger på servern och inte på din lokala.</p> Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2024517753379778288.post-91465822258143596532011-11-16T13:30:00.001+01:002011-11-16T13:30:59.236+01:00Skydda dina bilder från att stjälas från din hemsida eller blogg<p>Vill du göra det svårare att kopiera foton och bilder från din hemsida eller blogg så använd dig av detta enkla lilla trick:</p> <p>Koden för din bild ser ut såhär:</p> <p><img src="bild.jpg" /></p> <p>Nu ska du lägga till koden:</p> <p>oncontextmenu="return false;" </p> <p>Så att koden ser ut såhär:</p> <p><img src="bild.jpg" oncontextmenu="return false;"  /></p> <p>Tyvärr hindrar det inte alla från att stjäla dina bilder men det gör det lite mer komplicerat ivarjefall.</p> Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2024517753379778288.post-33798127574522057542011-11-08T17:21:00.001+01:002011-11-08T17:23:35.800+01:00Enkel adress till din Google Apps e-post<p>Enklast är att ha adressen mail.dindomän.se som inloggningssida för eposten. Man måste då först skapa CNAME-poster hos sin domänvärd:</p> <p>Logga in på Loopia och klicka på Domän och webb och vidare på Domäninställningar.</p> <p>Välj domännamn i listrutan och klicka på fliken DNS-editor (längre ner).</p> <p>I nedersta rutan fyller du i uppgifterna: <br />mail för subdomän, CNAME för Typ, 3600 för TTL och ghs.google.com för Data (se bild nedan). Klicka sedan på Skapa.</p> <p><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="google-apps-03" border="0" alt="google-apps-03" src="http://lh3.ggpht.com/-TP_QoUnAI2U/TrlW6kn7i1I/AAAAAAAAAT8/s-pXvRz9NWs/google-apps-03%25255B4%25255D.gif?imgmax=800" width="543" height="277" /></p> <p>Gå till Google Apps och Klicka på fliken Instrumentpanel sedan E-post i vänstra kolumnen. Du har nu kommit till Inställningar för E-post. Klicka på länken Byt webbadress (bredvid Webbadress). Klicka i andra alternativet och skriv i mail i rutan. Klicka på Fortsätt.</p> <p>Klicka på knappen Jag har slutfört dessa steg.</p> Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2024517753379778288.post-56353963822916750922011-11-08T17:14:00.001+01:002011-11-08T17:23:35.803+01:00Installera och konfigurera Google Apps för e-post<p>Med Google Apps kan du få e-postadresser med ditt eget domännamn. Google tillhandahåller din e-postserver – mail.dindomän.se - gratis som en del av Google Apps Standard Edition. Varje Google Apps-användare som du skapar har tillgång till Gmail, Google Kalender och Google Docs. Användarna kommer åt sin e-post via Googles webmail-gränssnitt eller någon gammal POP / IMAP-e-läsare (som Outlook eller Mac Mail)-</p> <p>Det är smidigt att använda Google Apps som dessutom är gratis för upp till 10 användare med Standard Edition. Behöver man fler användare sedan är det billigt och enkelt att uppgradera.</p> <h2>Såhär gör du för att installera och konfigurera Google Apps för din epost</h2> <p><strong>I Google Apps konfigurationsguide:</strong></p> <p><strong>Konfigurera e-post <br /></strong>Klicka i Aktivera Gmail nu</p> <p>Klicka Nästa</p> <p><strong>Dirigera domänens e-postflöde till Gmail <br /></strong>I listrutan Vem är din domänvärd? - välj Other</p> <p>Klicka Nästa</p> <p><strong>Byta MX-poster hos din domänvärd <br /></strong>Under punkt 3 ser du vilken information du ska lägga in hos din domänvärd, dvs det företag som har hand om din domän. Här använder jag Loopia:</p> <p><strong>Logga in på Loopia</strong> och klicka på Domän och webb och vidare på Domäninställningar.</p> <p>Välj domännamn i listrutan och klicka på fliken DNS-editor (längre ner). <br />Klicka på plustecknet bredvid @. Om här redan finns s k MX-poster så ta bort dem genom att klicka på krysset till höger om dem.</p> <p>Lägg sedan in informationen från punkt 3 i Google Apps konfigurationsguide, se bild nedan. Jag kan inte skriva in 3600 för TTL utan anger 300 istället.</p> <p><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="google-apps-01" border="0" alt="google-apps-01" src="http://lh5.ggpht.com/-n-XkcCssagE/TrlVexKwb5I/AAAAAAAAAUA/SGNIq0Hw7qA/google-apps-01%25255B1%25255D.gif?imgmax=800" width="558" height="303" /></p> <p>Klicka Nästa i Google Apps konfigurationsguide</p> <p><strong>Markera din status och berätta för oss att du har gjort överflyttningen <br /></strong>Följ anvisningarna - dvs öppna fliken Instrumentpanel ovan och klicka sedan på aktivera e-post (se bild nedan). Klicka sedan på knappen längst ner på sidan "Jag har slutfört dessa steg".</p> <p><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="google-apps-02" border="0" alt="google-apps-02" src="http://lh3.ggpht.com/-iH31qrRXfko/TrlWSg1X5jI/AAAAAAAAAUE/dxjFNMbWgkI/google-apps-02%25255B1%25255D.gif?imgmax=800" width="543" height="618" /></p> <p>Det kan ta upp till 24 timmar innan din epost fungerar.</p> <p>Sedan kan du logga in på din mail på adressen http://mail.google.com/a/dindomän.se Adressen är lite krånglig så läs inlägget <a href="http://webbdesign-o-programmering.blogspot.com/2011/11/enkel-adress-till-din-google-apps-e.html">Enkel adress till din Google apps e-post</a></p> Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2024517753379778288.post-25532273869861992772011-11-08T16:46:00.001+01:002011-11-08T17:23:35.796+01:00Google Apps och domän med å ä eller ö<p>Har du en domän med åäö och ska använda Google Apps så måste du ange domännamnet ACE-kodat. För att konvertera domännamnet enklast så gå in på <a href="https://domanhanteraren.iis.se/start/idn" target="_blank">.se Domänhanterare - IDN-konverterare</a></p> Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2024517753379778288.post-25915033332135525852011-03-26T19:34:00.000+01:002011-03-26T19:36:08.962+01:00Flytta lokal Wordpress<p>Vill du flytta din lokala Wordpress-blogg till en annan dator? Jag har min Wordpress-blogg tillsammans med en lokal Apache server - <a href="http://www.apachefriends.org/en/xampp-windows.html">XAMPP lite</a> med en MySQL-databas.</p> <p>Jag köpte en ny dator och behövde flytta min blogg. Först installerade jag servern och <a href="http://tips-o-trix.blogspot.com/2009/03/wordpress-lokalt-som-dagbok-t-ex.html" target="_blank">Wordpress lokalt</a> på datorn. Sedan kopierade jag mappen wordpress som jag hittade I c:\XAMPP\xampplite\htdocs. Sedan kopierade jag mappen wordpress som fanns I C:\XAMPP\xampplite\mysql\data. Eftersom jag har lösenord på databasen fick jag via phpmyAdmin ställa in det på min databas. Sedan fungerade allt som vanligt!</p> Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-2024517753379778288.post-53639186912073969862010-08-20T17:44:00.003+02:002010-08-20T17:44:48.363+02:00Bildbank<p>iStockphoto är en bildbank med fler än fyra miljoner foton, illustrationer mm som är ganska billiga att köpa. Man kan också själva ladda upp foton och illustrationer där till försäljning. <br /><a href="http://www.istockphoto.com/">iStockphoto >></a></p> Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-2024517753379778288.post-30682459548149116422010-08-20T17:44:00.001+02:002010-08-28T11:15:31.518+02:00Vanliga loggor<p>Ibland behöver man en speciell logga, t ex logotypen för DVD när man designar ett dvd-fodral. <a href="http://www.free-logotypes.com/">Ladda gratis ner vanliga loggor i vektorformat >></a></p> Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2024517753379778288.post-44558434173828339402010-07-27T15:02:00.001+02:002010-07-27T15:03:45.044+02:00Chrome visar inte animerad favicon<p>I dagsläget har Chrome problem med att visa favikoner som är animerade. Webbläsaren visar bara första rutan i gif-bilden. För att kunna visa animerade favikoner i alla andra webbläsare utom Chrome så lägg till i <head>: </p> <p><link rel="shortcut icon" href="favicon.ico" /> </p> <p><script type="text/javascript"> <br />//<![CDATA[ <br /> if ((navigator.userAgent.indexOf("Chrom")) == "-1"){ <br />    document.write("<link rel=\"icon\" href=\"favicon.gif\" type=\"image/gif\">"); <br /> } <br />//]]> <br /></script> </p> <p>Nu visas den vanliga favikonen för Chrome och den animerade för andra webbläsare som har stöd för den.</p> Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-2024517753379778288.post-66877095401674789062010-07-27T15:01:00.001+02:002010-07-27T15:01:30.885+02:00Fetstil och Chrome<p>För att Chrome ska bry sig om <strong> - fetstil - så lägg till i din stylesheet: </p> <p>strong { <br />font-weight:900 !important; <br />}</p> Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2024517753379778288.post-42204665919297855642010-07-13T23:36:00.001+02:002010-07-13T23:36:50.654+02:00Varannan, var tredje etc i en loop<p>Ibland vill man veta vilken post i en loop som är t ex den andra, den tredje eller den fjärde. Då kan man använda sig av operatorn MODULUS (%) i PHP. </p> <p>Säg att jag vill veta vilken var fjärde post är i min loop. Jag startar min räknare på 1 (innan loopen börjar), kollar vilken post jag är på och räknar sen upp. </p> <p>$count=1; <br />loop-start... <br />if(($count%4) == 0){ echo "4:e" } <br />$count++; <br />loop-slut...</p> Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2024517753379778288.post-82482102694786911832010-07-13T11:41:00.001+02:002010-07-13T11:42:42.654+02:00TinyMCE tar konverterar automatiskt < och ><p>Använder man entity_encoding : "raw" i TinyMCE, kommer alla tecken att sparas som man skriver dem - förutom XML standarderna &amp; &lt; &gt; &quot; som omvandlas till & < > ". Vill man inte att tecknen automatiskts ska omvandlas, t ex för att man ska kunna skriva ut kod i texten, kan man använda htmlentities() på texten innan den skickas till TinyMCE-formuläret: </p> <p><textarea class="tinymce"><?php echo htmlentities($text);?></textarea> </p> <p>Standard teckenuppsättning är ISO-8859-1. Använder man sig av UTF-8 måste man ange detta annars får man problem med bl a å ä ö. </p> <p><textarea class="tinymce"><?php echo htmlentities($text,ENT_COMPAT,'utf-8');?></textarea></p> Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2024517753379778288.post-59074064111487209272010-07-12T17:09:00.001+02:002010-07-12T17:10:20.233+02:00PHP sidbläddring / pagination med MySQL RAND()<p>Ibland vill man ha sidbläddring av slumpmässigt valda poster från en databastabell. För att det ska fungera kan man skapa ett slumptal och spara i en session. Slumptalet används sedan i queryn. </p> <p>if (!isset($_SESSION['random_number'])) { <br />srand ((double) microtime( )*1000000); <br />$random_number = rand( ); <br />$_SESSION['random_number'] = $random_number; <br />} else { <br />$random_number = $_SESSION['random_number']; <br />} </p> <p>För att inte samma "slumpade" poster ska visa sig när man besökt en annan sida och sedan gått tillbaka måste man ta bort sessionen mellan besöken. För att särskilja de olika sidornas sessioner lägger jag till sidans unika id till sessions-namnet. Skriv såhär istället: </p> <p>//array med id för de sidor som har slumpad sidbläddring <br />$page_ids[]=1; <br />$page_ids[]=2; <br />$page_ids[]=3; </p> <p>foreach ($page_ids as &$value) { <br />if($page_id<>$value){ <br />if (isset($_SESSION['random_number'.$value])) { <br />unset($_SESSION['random_number'.$value]);//tar bort de andra sidornas sessioner <br />} <br />} <br />} </p> <p>if (!isset($_SESSION['random_number'.$page_id])) { <br />srand ((double) microtime( )*1000000); <br />$random_number = $page_id.rand( ); <br />$_SESSION['random_number'.$page_id] = $random_number; <br />} else { <br />$random_number = $_SESSION['random_number'.$page_id]; <br />} </p> <p>I SQL-queryn, lägg till: <br />$query.=" ORDER BY RAND(".$random_number.") ";</p> <p>Se hur sidbläddring / pagination med php fungerar i mitt tidigare inlägg <a href="http://webbdesign-o-programmering.blogspot.com/2010/07/paging-sidbladdring.html">Pagination / Sidbläddring med PHP & Mysql</a></p> Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2024517753379778288.post-15416830198176508192010-07-12T10:38:00.001+02:002010-07-12T17:11:01.476+02:00Pagination / Sidbläddring med PHP & Mysql<p>Ska man hämta och visa många poster från databasen, t ex nyheter, kan man dela upp resultatet på flera sidor. Då sparar man sidladdningstid och besökaren slipper skrolla så mycket. Här är ett exempel på hur man skriver kod för att bläddra mellan sidor (på engelska "pagination"). </p> <p><?php</p> <p>//**** Öppna databasen ****</p> <p>// Antal poster per sida <br />$rowsperpage=10;</p> <p>// Aktuell sida <br />$pageSide=(isset($_GET["ps"]) && is_numeric($_GET["ps"]) && $_GET["ps"]>0 ? $_GET["ps"] : 1);</p> <p>// Startpost <br />$offset=($pageSide>1 ? ($pageSide-1)*$rowsperpage : 0 );</p> <p>// Visa posterna <br />$query="SELECT * FROM news LIMIT $offset, $rowsperpage";  <br />$result=mysql_query($query); <br />while($row=mysql_fetch_array($result)){ <br />echo $row['post'] . '<br>';}</p> <p>// Totala antalet poster i tabellen <br />$query="SELECT COUNT(id) FROM news"; <br />$result=mysql_query($query); <br />$row=mysql_fetch_array($result); <br />$total = $row[0];</p> <p>// Totala antalet sidor <br />$maxpage=ceil($total/$rowsperpage);</p> <p>// Visa navigeringen <br />?><div class="news_nav"> <br />    <ul> <br />        <?php if($pageSide>1){?> <br />            <li><a href="?"><<</a></li> <br />            <li><a href="?ps=<?= $pageSide-1 ?>"><</a></li> <br />       <?php }else{ ?> <br />           <li class="inactive_page"><<</li> <br />           <li class="inactive_page"><</li> <br />       <?php } ?> <br />      <?php <br />        for($i=1; $i<=$maxpage; $i++){ <br />          if($pageSide==$i) <br />             echo "<li class=\"current_page\">".$i."</li>"; <br />          else <br />             echo '<li><a href="?ps='.$i.'">'.$i.'</a></li>'; <br />        } <br />      ?> <br />     <?php if($pageSide<$maxpage){?> <br />        <li><a href="?ps=<?= $pageSide+1 ?>">></a></li> <br />        <li><a href="?ps=<?= $maxpage ?>"> >></a></li> <br />     <?php }else{ ?> <br />        <li class="inactive_page">>></li> <br />        <li class="inactive_page">></li> <br />      <?php } ?> <br />    </ul> <br /></div></p> <p>.news_nav ul { <br />display:block; <br />border:none; <br />text-transform:uppercase; <br />} <br />.news_nav ul li { <br />list-style:none; <br />float:left; <br />border:1px solid #FFF; <br />text-decoration:none; <br />margin:0 5px 0 0; <br />padding:0 5px; <br />} <br />.news_nav ul li:hover { <br />border:1px solid #000; <br />} <br />.news_nav ul li.current_page { <br />border:1px solid #000; <br />color:#000; <br />font-weight:bold; <br />background-color:#FFF; <br />} <br />.news_nav ul li.inactive_page, .news_nav ul li.inactive_page:hover { <br />border:1px solid #666; <br />color:#666; <br />} <br />.news_nav ul li a{line-height:normal;}</p> Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2024517753379778288.post-19449956709593303712010-07-06T12:16:00.001+02:002010-07-06T12:19:23.168+02:00En annan meny med bakgrundsbild<p><a href="http://lh6.ggpht.com/_aIptkhAolH4/TDMDKADakpI/AAAAAAAABSU/593OO1ivyiA/s1600-h/meny%5B4%5D.gif"><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="meny" border="0" alt="meny" src="http://lh6.ggpht.com/_aIptkhAolH4/TDMDKkZIfnI/AAAAAAAABSY/1seitlE9fV0/meny_thumb%5B2%5D.gif?imgmax=800" width="490" height="40" /></a> </p> <p>HTML:</p> <p><div id="menu"> <br /><ul> <br /><li><a href="#">Start</a></li> <br /><li><a href="#">Tjänster</a></li> <br /><li><a href="#">Företaget</a></li> <br /><li><a href="#">Kontakt</a></li> <br /></ul> <br /></div></p> <p>STYLE:</p> <p><style type="text/css"> <br /><!-- <br />#menu { <br />background-color:#000; <br />width:490px; <br />} <br />#menu ul { <br />height:40px; <br />line-height:40px; <br />padding:0; <br />margin:0; <br />padding-left:20px; <br />list-style-type: none; <br />font-family:Verdana, Geneva, sans-serif; <br />} <br />#menu ul li { <br />float: left; <br />list-style: none; <br />margin:0; <br />padding:0px 4px; <br />height:30px; <br />} <br />#menu ul li a { <br />display: block; <br />padding: 0px 20px; <br />color:#00baf2; <br />text-decoration:none; <br />font-weight:bold; <br />background-image:url(images/menu_decor.gif); <br />background-repeat:no-repeat; <br />background-position:left center; <br />} <br />#menu ul li a:hover { <br />color:#FFF; <br />} <br />--> <br /></style></p> <p>BILD: <br />(högerklicka och välj spara som om du vill använda denna bilden)</p> <p><a href="http://lh3.ggpht.com/_aIptkhAolH4/TDMCauf98BI/AAAAAAAABSM/5lE7ewbwvn4/s1600-h/menu_decor%5B2%5D.gif"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="menu_decor" border="0" alt="menu_decor" src="http://lh4.ggpht.com/_aIptkhAolH4/TDMCay89ghI/AAAAAAAABSQ/3GjN4MOKHKA/menu_decor_thumb.gif?imgmax=800" width="21" height="19" /></a></p> Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2024517753379778288.post-40089478565917168892010-04-29T17:25:00.002+02:002010-04-29T17:38:19.757+02:00Marknadsför din hemsida på Internet - Checklista för sökmotoroptimering<p>Marknadsför du din hemsida på Internet? Vill du öka chansen att komma högt upp i sökmotorernas sökresultat? Då ska du sökmotoroptimera dina webbsidor. Här är en checklista på grunderna i sökmotoroptimering som alla marknadsförare bör kunna: </p> <h2>Meta-data</h2> <p>- Titlarna på alla webbsidorna ska vara unika, tydliga, innehålla sidans sökord och vara max 70 tecken långa. </p> <p>- Beskrivningarna ska vara unika och vara max 140 tecken långa. </p> <h2>Sidornas URL</h2> <p>- Döp mappar och filnamn till logiska namn, gärna med nyckelord i sig. </p> <p>- Använd bindestreck som ersättning för mellanslag. </p> <p>- Håll filnamnen så korta och beskrivande som möjligt. </p> <h2>Rubriker</h2> <p>- Alla sidor ska ha en H1-tagg som beskriver sidans innehåll. </p> <p>- H2-taggar ska användas till underrubriker. </p> <h2>Text och nyckelord</h2> <p>- <a href="http://webbdesign-o-programmering.blogspot.com/2009/02/hitta-ratt-nyckelord-keyword.html">Hitta rätt nyckelord</a>  </p> <p>- Texterna ska vara relevanta för nyckelorden. </p> <p>- Varje webbsida ska vara optimerad för ett eller flera nyckelord. </p> <p>- Nyckelorden ska finnas i innehållstexterna så nära sidans början som möjligt. </p> <p>- “Spamma” inte texterna med nyckelorden utan låt de ingå naturligt. </p> <p>- Använd fetstil på nyckelord där det passar. </p> <h2>Interna länkar</h2> <p>- Interna länkar ska peka på absoluta <a href="er">URL:er</a>. </p> <p>- Interna länkar ska ha beskrivande text för sidan de länkar till. </p> <p>- Använd attributet rel="nofollow" på t ex loginsidor och andra som sidor som inte behöver "länkkraft". </p> <p>- Länka till alla viktiga undersidor från hemsidan. </p> <h2>Externa länkar</h2> <p>- Externa länkar ska leda till för webbsidan relevanta sidor. Marknadsför du barnkläder så är det inte relevant att länka till en sida om bilar såvida du inte skriver ett textstycke som handlar just om barnkläder i relation till bilar. </p> <p>- Alla externa länkar ska fungera. </p> <h2>Bilder</h2> <p>- Alla bilder ska ha alt-taggar som beskriver bilden, gärna med nyckelord. </p> <p>- Bildernas filnamn ska innehålla ett nyckelord som beskriver bilden. </p> <h2>Kopior, duplicate content</h2> <p>- Det ska bara finnas unika sidor på webbplatsen. Använd annars attributet "canonical" på kopiorna: <br /><link rel="canonical" href="http://www.din-domän.se/originalsidan.htm"/> </p> <p>- Kontrollera att antingen www. används eller utan www. Man kan <a href="http://webbdesign-o-programmering.blogspot.com/2009/01/visa-alltidaldrig-www-i-urlen.html">ändra www-adressen med en htaccess-fil</a> eller i <a href="https://www.google.com/webmasters/tools/home?hl=sv" target="_blank">Googles Verktyg för webbansvariga</a>. </p> <p>- <a href="http://webbdesign-o-programmering.blogspot.com/2010/04/en-adress-till-hemsidan.html">Gör en redirect på hemsidan (ex index.htm) till http://www.din-domän.se.</a> </p> <h2>Sitemap/webbplatskarta</h2> <p>- Skapa en sitemap i XML-format och anmäl till sökmotorerna. Använd t ex <a href="https://www.google.com/webmasters/tools/home?hl=sv" target="_blank">Googles Verktyg för webbansvariga</a> för att anmäla din sitemap till Google. </p> <p>- Skapa en sitemap i HTML-format anpassad för besökarna. </p> <h2>Robots.txt</h2> <p>- Skapa en robots.txt-fil om delar av webbplatsen inte ska genomsökas och indexeras av sökmotorerna. Läs mitt tidigare inlägg hur man <a href="http://webbdesign-o-programmering.blogspot.com/2010/04/blockera-innehall-pa-din-webbplats-med.html">blockerar innehåll på en webbplats med robots.txt</a> </p> <h2>Registrera hemsidan</h2> <p>Om hemsidan är helt ny och inte finns indexerad i sökmotorerna kan man registrera den för att ev påskynda indexeringen. Registrera den även i de största katalogerna men undvik kataloger och register som inte verkar seriösa samt rena länkkataloger utan textinnehåll. </p> <h3>Exempel</h3> <p>- <a href="http://www.google.com/intl/sv/add_url.html">http://www.google.com/intl/sv/add_url.html</a> </p> <p>- <a href="http://www.google.com/addurl.html">http://www.google.com/addurl.html</a> </p> <p>- <a href="http://se.docs.yahoo.com/info/include.html">http://se.docs.yahoo.com/info/include.html</a> </p> <p>- <a href="http://www.bing.com/webmaster/SubmitSitePage.aspx">http://www.bing.com/webmaster/SubmitSitePage.aspx</a> </p> <p>- <a title="http://infoo.se/" href="http://infoo.se/">http://infoo.se/</a> </p> <p>- <a title="http://www.dmoz.org/" href="http://www.dmoz.org/">http://www.dmoz.org/</a> <br /></p> <h2>Analyser och statistik</h2> <p>- Installera <a href="http://www.google.com/analytics/" target="_blank">Google Analytics</a> </p> <p>- Installera <a href="https://www.google.com/webmasters/tools/home?hl=en" target="_blank">Googles Verktyg för webbansvariga</a> </p> <h2>Mer information</h2> <a href="http://www.google.com/support/webmasters/bin/topic.py?topic=8476" target="_blank"></a><a href="https://www.google.com/webmasters/tools/home?hl=sv" target="_blank"> <p><a href="http://www.google.com/support/webmasters/bin/topic.py?topic=8476" target="_blank">Google om sitemaps / webbplatskartor</a> </p> <p><a href="http://www.google.com/support/webmasters/bin/answer.py?hl=sv&answer=79812" target="_blank">Google om metataggar</a> </p> <p><a href="http://www.google.com/support/webmasters/?hl=sv" target="_blank">Google Center för webbansvariga</a> </p> <p><a href="https://www.google.com/webmasters/tools/home?hl=sv" target="_blank">Google Verktyg för webbansvariga</a></p> </a> Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2024517753379778288.post-62648521991279548342010-04-29T16:48:00.001+02:002010-04-29T16:48:36.658+02:00Blockera innehåll på din webbplats med robots.txt<p>Vill du att vissa filer eller mappar inte ska indexeras av sökrobotar så kan du skapa en robots.txt-fil och lägga i roten på din webbplats. </p> <p>Öppna t ex Anteckningar och skriv in: </p> <p>User-agent: * <br />Disallow: /namn-på-hemlig-mapp/ </p> <p>Spara filen som robots.txt och ftp:a upp till roten på din webbplats. Nu kommer de flesta sökmotorer inte att söka igenom din mapp och följaktligen inte indexera innehållet i den.</p> <p>Vill du blockera bara en fil skriver du: </p> <p>User-agent: * <br />Disallow: /hemlig-fil.html </p> <p><a href="http://www.google.com/support/webmasters/bin/answer.py?answer=156449" target="_blank">Läs mer om robots.txt på Googles center för webbansvariga</a></p> Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2024517753379778288.post-67542173334517491132010-04-29T16:15:00.001+02:002010-04-29T16:15:11.419+02:00En adress till hemsidan<p>Sökmotorerna gillar inte att man har identiska sidor på sin webbplats. För att undvika att hemsidan ska ha två url:er, t ex http://www.din-domän.se/ och http://www.din-domän.se/index.html så kan du ändra detta i din htaccess-fil:</p> <p>RewriteCond %{THE_REQUEST} ^[A-Z]{3,9}\ /index\.html\ HTTP/ <br />RewriteRule ^index\.html$ http://www.din-domän.se/ [R=301,L] </p> <p>Skriver man nu http://www.din-domän.se/index.html hamnar man på http://www.din-domän.se/.</p> Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2024517753379778288.post-18439238605477561622010-03-06T10:33:00.002+01:002010-03-06T12:08:11.652+01:00Kolla om ett datum ligger mellan två datum<?php <br />
$start_date = strtotime("2010-03-06"); <br />
$end_date = strtotime("2010-03-06"); <br />
$selected_date = strtotime(date('y-m-d')); <br />
if($selected_date >= $start_date && $selected_date <= $end_date) { <br />
echo "Datumet ligger inom intervallet."; <br />
} <br />
?> <br />
Om man vill ha med klockslag: <br />
<?php <br />
$start_date = strtotime("2010-03-06 00:00"); <br />
$end_date = strtotime("2010-03-06 20:00"); <br />
$selected_date = time(); <br />
if($selected_date >= $start_date && $selected_date <= $end_date) { <br />
echo "Datum & klockslag ligger inom intervallet."; <br />
} <br />
?>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2024517753379778288.post-71693618595512697252010-03-06T09:18:00.002+01:002010-03-06T12:08:47.248+01:00Alltid vertikal scrollbarDet finns situationer då man vill att den vertikala scrollbaren alltid ska synas. T ex kan bakgrundsbilder flytta sig så att layouten blir olika på sidor med scrollbar och utan scrollbar. För att alltid visa en vertikal scrollbar kan du ange i din css-fil följande:<br />
html {<br />
overflow-y: scroll;<br />
}<br />
Fungerar i de flesta webbläsare.Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-2024517753379778288.post-38419679001430564542010-02-21T13:05:00.001+01:002010-02-21T13:05:00.159+01:00Problem med åäö i formulär och PHP mail()?Ser åäö ut som åäö ? Prova att använda PHP-funktionen utf8_decode() på texten som ska mejlas. Funktionen kodar om teckenuppsättningen från UTF-8 till ISO-8859-1. <br />
<br />
Man kan också lägga till Content-type: text/plain; charset=UTF-8' i mail-headern.<br />
<br />
<a href="http://php.net/manual/en/function.mail.php" target="_blank">Läs mer om PHP:s mail-funktion och se andra lösningar >></a>Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-2024517753379778288.post-23261502479448154422010-02-21T13:02:00.000+01:002010-02-21T13:02:17.489+01:00Gratis sökmotor på din egen hemsidaGoogle erbjuder en gratis sökmotor som är superenkel att implementera på sin hemsida. Man kan ange vilka hemsidor sökning ska ske på, t ex bara sin egen eller hela webben. Gratisversionen visar annonser på resultatsidan. Vill man ha utan reklam kostar det f n $100 per år.<br />
<br />
Gå till <a href="http://www.google.com/cse/manage/create">http://www.google.com/cse/manage/create</a>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2024517753379778288.post-5522122681372300032010-02-21T12:47:00.000+01:002010-04-29T17:42:27.648+02:00Ska du byta ut din hemsida eller uppgradera din blogg?<p>Lägg upp en s k underhållssida "maintenance" som möter besökarna istället för en massa felmeddelanden under uppdateringsprocessen. Det är enkelt med .htaccess och en html-fil.</p> <p>Skapa en html-fil och döp till maintenance.html. Skriv "Sajten uppdateras - var vänlig återkom igen!".</p> <p>Skapa en htaccess-fil och lägg in följande:</p> <p>RewriteCond %{REMOTE_ADDR} !^0\.0\.0\.0 <br />RewriteCond %{REQUEST_URI} !^/maintenance\.html$ <br />RewriteRule ^(.*)$ http://www.dinhemsida.se/maintenance.html [R=307,L]</p> <p>Byt ut 0-orna till ditt eget ip-nummer. Vilket ip-nummer du har kan du kolla här: <a href="http://www.ip-adress.com/">http://www.ip-adress.com/</a></p> Unknownnoreply@blogger.com0