NemProgrammering.dk logo

Tips og Tricks til Gæste-bloggere

Når du som gæste-blogger skal igang med at skrive indlæg, er der lidt forskellige tricks som du bør vide.

Siden her vil løbende blive opdateret med nye tips og tricks til vores bloggere.

1 – Fremvis kode i dine indlæg:

Ofte er det nødvendigt at indsætte kode i sine indlæg, så andre kan se og kopiere den. For at gøre dette skal du bruge vores syntax highlight funktion. Det kunne f.eks være at du gerne vil fremvise følgende php kode:

<?php
$con = mysql_connect(“localhost”,”peter”,”abc123″);
if (!$con)
{
die(‘Could not connect: ‘ . mysql_error());
}

// noget kode

mysql_close($con);
?>

Som du nok kan se, så ser dette ikke særlig pænt og overskueligt ud. Derfor skal du wrappe din kode med vores syntax kode for at få det til at se lidt pænere ud. Dette gøres således:

<div class=”sourcecode”>

[php]
$con = mysql_connect(“localhost”,”peter”,”abc123″);
if (!$con)
{
die(‘Could not connect: ‘ . mysql_error());
}
// noget kode
mysql_close($con);
?>
[/php]

</div>

Når dette er gjort skulle din kode gerne blive præseneret som vist nedenfor. Altså langt pænere og mere overskueligt. For at det virker er det vigtigt at du først indsætter alt fra og med [php] til og med [/php] i dit Visuel view. Herefter indsætter du <div class=”sourcecode”> via Tekst view i editoren.

<?php
$con = mysql_connect("localhost","peter","abc123");
if (!$con)
{
die('Could not connect: ' . mysql_error());
}
// noget kode
mysql_close($con);
?>

Med css gør du det på følgende måde:

<div class=”sourcecode”>

[css]
a
{
display:block;
width:60px;
}
[/css]

</div>

Dette vil blive vist som nedenfor:

a
{
display:block;
width:60px;
}

Tror vist godt man kan tænke sig til resten ;-). Du indsætter altså blot navnet på det sprog du ønsker at vise mellem [ ]. Husk også at lukke den med [/ ] samt at bruge div´en. Syntax highlight funktionen virker til flere forskellige sprog f.eks html, javascript, java, php osv.

2 – Indsæt responsiv video eller billede

NemProgrammering.dk er en responsive side, og derfor skal dine indlæg selvfølgelig også være det. En responsive side betyder at siden tilpasser sig alle skærmstørrelser. Derfor er det vigtigt at billeder og videoer også tilpasser sig i størrelsen, når en bruger ser dine indlæg på sin tablet eller mobil.

Video:

For at gøre din video responsive skal du blot indsætte den i en div således:

<div class="video-container">
    <!-- Din video embed -->
</div>

Billede:

For at gøre et billede responsive tilføj følgende klasse til dit billede class=”img-responsive”. Således:

<img class="img-responsive" src="img/dit-billede.png" alt="" />