Blog anlegen direkt über die Plattform bloghouse.org.

Um einen Benutzer zu erzeugen, klicken Sie zunächst auf den Link registrieren auf der Startseite von bloghouse.org.

handbuch, 
vielen Dank für Ihre Anmeldung auf bloghouse.org.  
Sie können sich nun unter http://www.bloghouse.org/user 
mit folgendem Benutzernamen und Passwort anmelden: 
Benutzername: handbuch 
Passwort: Coe****rL2 

Blog anlegen über eine andere Website (hier biworegio.net)

Es ist möglich bloghouse.org von einer externen Website aus zu benutzen. Die Idee dabei ist, dass es viele existierende Websites gibt, die gern einen Blog Service anbieten würden, aber nicht eine ganze Blog Plattform betreuen wollen. Ausserdem handeln Blogs oft von eigenen Gedanken oder sehr spezifische Themen (beispielsweise Projektblogs). Sie benötigen einen "eigenen Auftritt" aber trotzdem eine Übersicht über die letzten Einträge und Kommentare direkt auf der externen Website.

bloghouse Benutzer über biworegio.net anlegen

Zunächst benötigen Sie ein Benutzerkonto auf biworegio.net.

Falls Sie bereits ein Benutzerkonto auf biworegio.net haben können Sie auf den nächsten Schritt verzichten und sich gleich anmelden.

Wenn Sie noch kein Benutzerkonto auf biworegio.net haben, klicken Sie auf den Link Hier erstellen, geben Ihren Namen, den gewünschten Benutzernamen, Ihre gültige E-Mail Adresse und ein von Ihnen gewähltes Passwort ein. Nach einem Klick auf den Button Registrierung senden wird das neue Benutzerkonto erstellt.

---

---

Wenn alle Eingaben eindeutig sind, erscheint folgender Text auf dem Bildschirm:

Registrierung abgeschlossen!
Sie können sich jetzt anmelden.

Ausserdem erhalten Sie eine E-Mail mit dem folgenden Text:

Hallo Hagen Graf,
Danke, dass Sie sich auf projekt biworegio registriert haben.
Sie können sich nun auf http://www.biworegio.net mit Ihrem registrierten Benutzernamen und Passwort anmelden.

---

---

Nach einem Klick auf den Button anmelden begrüßt Sie die biworegio.net Seite und stellt Ihnen Ihr Benutzermenü zu Verfügung.

---

---

Dort sehen Sie unter anderem den Link Mein Blog. Klicken Sie auf den Link!

---

---

Sie sehen jetzt einen Text, der kurz die Zusammenhänge erklärt

... Momentan ist noch kein Blog bei bloghouse.org angelegt.
Wenn Sie ein Blog erstellen, so erhalten Sie einen
Benutzernamen (in Ihrem Fall ).
Das Passwort ist das gleiche wie bei biworegio.net
...

und unter dem Text einen Link Ich möchte ein Blog anlegen!Klicken Sie auf den Link und Ihr Blog wird erstellt.

bloghouse.org *** TESTBETRIEB ***
Ihr Blog wurde angelegt!
Viel Spass beim Bloggen!
weiter

Klicken Sie auf den Link weiter.

Sie sehen jetzt die URL (Internetadresse Ihres Blogs) und den Benutzernamen.

Sie haben jetzt ein Blog bei bloghouse.org!
Webadresse: http://www.bloghouse.org/blog/25
Benutzername: 
Password: Sie können Ihr biworegio Passwort benutzen

Herzlichen Glückwunsch, Sie haben jetzt ein eigenes Blog!

Schauen Sie sich unter der URL http://www.bloghouse.org/blog/25 einfach mal Ihr neues Blog an. Es hat natürlich noch keine Einträge aber Ihr Benutzername steht schon da!

---

---

Benutzermenü - Blogs

Hinter diesem Link verbergen sich Ihre Blog Einträge.

Hier ein Beispiel des Benutzers Pfadfinder@biworegio.net

Benutzermenu - Mein Block

Hier können Sie Text eingeben, der dann in Ihrem Blog als persönlicher Block angezeigt wird. Sie können HTML verwenden.

Benutzermenü - Meine Buddyliste

Buddy ist ein englischer Begriff und heisst soviel wie Kumpel. Gerade beim Bloggen sind die Verbindungen (links) zu anderen Blogs sehr wichtig.

Eine Buddyliste könnte beispielweise aus Benutzern bestehen, die Sie mögen.

Es könnten aber auch die einzelnen Blogs eines Projektes sein oder die Blogs eines Sportvereins, oder, oder.

Buddylisten sind hilfreich!

Innerhalb von bloghouse.org können Sie beliebige Benutzer in Ihre Buddyliste aufnehmen.

Wenn Sie auf den Link Mein Buddyliste klicken, ist die zunächst mal leer!

Benutzermenü - Mein Konto

Nach einem Klick auf den Link Mein Konto sehen Sie eine Übersicht über Ihren Benutzer. Je nach Konfiguration kann das schon eine recht ausführliche Sammlung von Informationen werden.

Momentan sieht es noch sehr übersichtlich aus

1. Anzeigen
2. Bearbeiten
3. Kontaktieren

Klicken Sie auf den Reiter Bearbeiten.

Es öffnet sich ein langes Formular mit Einstellungen, die Ihr Blog betreffen.

Beginnen wir mit den Konto-Informationen. Hier können Sie Ihre E-Mail Adresse und ihr Passwort verändern.

Benutzermenü - Inhalt erstellen

...

Aggregatorfunktion in bloghouse.org (und ein bischen Joomla!)

Dieser Eintrag hat zwei Funktionen. Zum einen habe ich tatsächlich gerade Updates, bzw. Hinweise zum Joomla! 1.5 Buch erstellt und folgendermaßen angekündigt.

Updates zum Joomla! 1.5 Buch -

[Das Joomla! 1.5 Buch]

Der zweite Grund für diesen Blogeintrag ist etwas komplexer und auch ein Test

In bloghouse.org gibt es seit ein paar Wochen einen Blog Aggregator. In diesen Aggregator kann man (momentan nur ich) beliebige Newsfeeds einbinden. Der Aggregator holt diese Feeds nach einer definierten Zeit ab und zeigt die letzten 15 Nachrichten der deutschen Feeds auf der Startseite von bloghouse in der rechten Spalte an.

Wenn man als User eingeloggt ist, sieht man neben den Einträgen ein fettes B . Wenn man dieses B anklickt, kann man über den Artikel etwas in eigenem Namen im eigenen Blog schreiben.

Der zitierte text wird automatisch kursiv gesetzt und es gibt zwei Links auf den Originaltext und auf die Quelle.

BBCode Guide

Introduction

BBCode allows you to specify formatting rules for your text,
even if you are not allowed to use HTML in your posts. BBCode
originated from the forum software named PHPBB, and this site
has a special implementation of it.

In BBCode terms, you use "tags" to add formatting to your text. Every
tag is enclosed in [ and ] brackets.
If you want to mark some region in your text, you need to use an opening
tag and a closing tag. Closing tags start with [/, as
you will see in the examples below. If you mistype a tag or forget to
close it, you will not get the desired formatting.

Simple text formatting

BBCode allows you to make some parts of your texts stand out from the
context by adding [b]old, [i]talic,
[u]nderlined and [s]trikeout formatting
to them. The [color], [size] and
[font] tags allow you to change the color, size and font
of portions of the text you enclose with these tags. Both require a
parameter (which colour, how big, what font) that is suffixed to the name
of the tag by an equals sign (example below). You should not repeat the
parameter in the closing tag!

You can specify any recognized color name (red, blue, green, white, etc.)
or a hexadecimal color value (#CDCDCD, #FFFFFF, etc.) as the parameter of
a [color] tag. The [size] tag allows you
to set the font size between 6 and 48, 6 being the smallest size.
Note that using very large text is considered by many to be annoying, and
it is seldom a good idea to try to attract more attention to your post in
this way. The [font] tag can be set to any valid font face,
such as Arial, Arial Black, Courier, Courier New, Helvetica, Impact,
Times New Roman, Verdana, etc.

Creating links

You have multiple options to specify links to other destinations in
your posts.

URLs (Uniform Resource Locators) starting with "www" or "ftp" (eg.
www.example.com) are automatically recognized and replaced with links.
You can also use the [url] tag with a parameter to
specify a link with meaningful text to click on. If you use the url
tag without the parameter, the enclosed text is assumed to be a URL,
and a link is created to that destination.

Email addresses in posts are also automatically converted to email links.
For compatibility with common BBCode implementations, an
[email] tag is provided.

Displaying images

The [img] tag allows you to display an image in your
post. You need to specify a URL to the image, so it needs to be
accessible somewhere on the internet. Beware of adding very large
images to your text, or the page will load very slowly!

If you enclose a URL in an [img] tag, then it will
be replaced with code to display the image. For example A good
screenshot: [img]http://example.com/screenshot.png[/img]
will show you the screenshot (if it exists).

You can also specify the desired display dimensions of the image by
adding a dimension parameter to the [img] tag. A
good screenshot: [img=640x480]http://example.com/screenshot.png[/img]

will display the image in 640x480 (though the full image will be
downloaded). Do not use this to show a thumbnail of an image!

You are free to link an image to an external destination by enclosing
the [img] tag with a [url] tag: See
[url=http://example.com][img]http://example.com/screenshot.png[/img][/url].

Ordered and unordered lists

The simplest list type is the unordered list, which means that there is
no numbering applied to the elements. You can make such a list by enclosing
the list elements in [list] opening and closing tags.
Specify the start of one element with the [*] list element
marker, which has no closing tag pair.

To create an ordered list, you should add a parameter to the
[list] list tag specifying what type of ordered list
you would like to see. The possible parameters are "i", "I", "1",
"a", "A", "c", "d" and "s" which all correspond to the display
of the first list element.

I love
 [list]
  [*]Oranges
  [*]Apples
  [*]Bananas
 [/list]

I love
 [list=I]
  [*]Oranges
  [*]Apples
  [*]Bananas
 [/list]

I love
 [list=1]
  [*]Oranges
  [*]Apples
  [*]Bananas
 [/list]

Fixed-width text and block formatting

You can use the [code] tag to add an inline fixed-width
formatted part or to add a block of (usually program) code. If there is
any newline present between the opening and closing tags, then a block
will be displayed.

Similarly, the [php] tag can be used to post PHP code.
PHP code will automatically be syntax highlighted for easier readability.

Text and block alignment

You can also set the alignment of the text by using [left],
[right] and [center] tags. The
[float] tag can be used to place floating boxes in the text
(especially handy for images). You can specify the direction of the floating with
[float=left] and [float=right]. The
[justify] tag can be used justify text on both sides of
the page.

Other supported tags

It is possible to quote something that has already been posted, by just
putting [quote][/quote] tags around it. To quote a
specific person, use something like [quote=John]. Quote tags can
be nested.

The [sub] and [sup] tags can be used
to add subscript and superscript text. For example,
H[sub]2[/sub]O gives H₂O, while
X[sup]3[/sup] gives X³.

The [acronym] tag allow you to identify text as
an acronym and provide a description when users move their mouse
over the tag. For example,
[acronym=Structured Query Language]SQL[/acronym] produces
SQL.

The [abbr] tag allow you to identify text as
an abbreviation and provide a description when users move their mouse
over the tag. For example,
[abbr=World Wide Web]WWW[/abbr] produces
WWW.

The [notag] tags prevent text inside the tags from being
parsed. This allows you to give examples of BBcode and not have it
converted to HTML. For example: [notag]These [b]tags[/b] are not
rendered[/notag] will produce "These [b]tags[/b] are not rendered".

The [hr] tag draws a horizontal line across the page. Handy
for separating chunks of text.

Using multiple formatting tags

You can apply more than one formatting specification to a portion of some
text. I was at [b][i]the coast[/i][/b] will be
rendered as I was at the coast.

Make sure that you take care of the proper order of the opening and closing
tags. You should close the tags in the opposite order in which you opened
them. Otherwise you might get very strange rendering results. Also check
your post with the preview function before submitting it, in case there are
formatting errors due to improper BBCode usage.

Bitte vermeiden!

• Bitte keine DIV-Tags in den Einträge einfügen
• Bitte keine Word Texte per Zwischenablage in die Texte kopieren
• Achtung bei eingefügten Quellcode Schnipseln von Youtube, Flickr, PayPal und ähnlichen
• Achtung bei Flashcode
• Bitte nur das Einfügen, von dem ihr sicher wisst, wie es funktioniert

Blogging in bloghouse.org mit OpenOffice.org !

Ich habe mir gerade von Sun den Sun Weblog Publisher heruntergeladen.

Es ist unvorstellbar

Ich schreibe ganz normal in OpenOffice einen Text und schwupps – Sende ihn in mein Blog ... Yeah!

In OpenOffice muß die Datei sun-weblog-publisher.uno.pkg über Extras-> Package Manager hinzugefügt weden.

Dann muß man OpenOffice.org einmal neu starten.

Anschließend sieht man ein neues Menü zwischen Extras und Fenster mit dem namen Weblog.

Hier muss man auf die Einstellungen gehen und sein Blog eintragen.

Für Bloghouse.org sind die Werte:

• Typ: MetaWeblogApi
• Server: http://www.bloghouse.org/xmlrpc.php
• Benutzername: EuerUsernameinBloghouse
• Passswort: EuerPasswortinBloghouse

Wenn ihr das habt, könnt ihr ganz normal in OpenOffice.org ein Dokument schreiben und bearbeiten und per Klick auf Weblog -> An Weblog senden anschicken.

Das Ganze funktioniert auch mit Grafiken.

schön

Einziger Haken. das Tool kostet 10 $. Man kann es allerdings auf 5 Maschinen installieren. Drei hätte ich noch frei
das ist definitiv etwas für die Biworegio Blogs !!!!

Podcasts im bloghouse

Schreiben dauert lange, daher gibt es jetzt auf bloghouse für jeden Benutzer die Möglichkeit eigene Podcasts ins Blog zu integrieren. Irgendwie kriegen wir die auch noch in iTunes angezeigt

Vorgehensweise:

1. erst aufnehmen (mp3 oder wav) mit Diktiergerät, Handy oder was auch immer
2. evtl. bearbeiten -> z.B. mit Audacity
   BITTE KEINE URHEBERRECHTLICH GESCHÜTZTE HINTERGRUNDMUSIK VERWENDEN
3. hier bei bloghouse registrieren und einloggen
4. Auf Inhalt erstellen, Audio klicken
5. Maske ausfüllen
6. fertig

Hier ein erstes Beispiel von Christine, Warum engagiere ich mich für machm-it.org

Eine Übersicht über alle Podcast in Bloghouse gibt es hier.

Als ich das bei Tine gesehen habe, habe ich beschlossen auch mal etwas aufzunehmen. Die Stimmung ist schon anders, wenn man zuhört vergleichen mit dem Eindruck, wenn man einen Text liest. Interessieren würden mich überigens Podcasts von Lesern/Bloggern zu den Themen

• Warum führe ich ein Blog?
• Was ist Web 2.0?
• Womit beschäftige ich mich in der Freizeit und warum?
• Womit beschäftige ich mich beruflich und warum?
• Welche Software habe ich auf meinem PC und warum?
• Welches Betriebssystem benutze ich und warum?
• Wie ist meine Meinung zu virtuellen Welten

Für weitere Themenvorschläge (ich bin neugierig) benutzt bitte die Kommentarfunktion.

Runde Ecken

Smileys

Folgende Smileys können benutzt werden. Denkt euch die Unterstriche dazwischen weg, Sie dienen nur der Darstellbarkeit (ansonsten würden Sie ja durch den Smiley ersetzt werden). Die Smileys sind erweiterbar. Wer tolle Ideen hat. Gif Datei (15*15px) bitte als Kommentar posten.

• __:)__:-)__:smile:__ Smiling
• __;)__;-)__:wink:__ Eye-wink
• __:(__:-(__:sad:__ Sad
• __:D__:-D__:lol:__ Laughing out loud
• __}__:)}__:-)__:evil:__ Evil
• __:P__:-P__:tongue:__ Sticking out tongue
• __:O__:-O__:shocked:__ Shocked
• __:?__:-?__:puzzled:__ Puzzled
• __8)__8-)__:cool:__ Cool
• __:jawdrop:__ Jawdropping!
• __:sick:__:barf:__ Barf!
• __:-*__(K)__Kiss
• __c(~)__Kaffee

Video - Wie erstelle ich einen Blogeintrag mit Bild?

[video]

Lieber Onkel Reinhard, schon lange wollte ich Dir sagen, dass ich Dich für einen ganz tollen Texter halte. Ich weiss, Du hörst sehr gerne Lob, und deshalb kann man nicht oft genug sagen, dass Du der Grösste bist. Gerade in Deinem Alter ist man ja gesegnet, wenn man noch so witzig schreiben kann wie Du. Viele Deiner Werberkollegen sind ja schon zu wichtig, um noch Humor zu haben.

Du bist da ganz anders. Du kannst richtig komisch sein. Und das, obwohl Du in Deinem sehr langen Leben auch schon viele unangenehme Dinge schreiben musstest. Texte für McDonald's zum Beispiel. Oder kleine Reime für Onkel Norbert.
Nein, Du hast es wirklich nicht leicht gehabt. Und dann noch die Selbstdarstellung für Tante Ika. Erinnerst Du Dich? Da hat sich selbst einer wie Du schwergetan. Aber Du hast die Situation gemeistert. Weil Du ein Genie bist. Selbst Klinkentexte konntest Du in ein Stück Literaturgeschichte verwandeln. Kein Wunder also, dass Deine Studenten Dich anhimmeln und Dich schon jetzt, zu Deinen Lebzeiten, als den neuen Papst der deutschen Reklame feiern. Obwohl dieser Titel ja schon von Michael in Anspruch genommen wird. Du weisst schon, der "Nudeln mit Biss" erfunden hat. Leider ist Dir diese Zeile nicht eingefallen. Aber dafür hast Du ja mit den Spots für das "Königsplatz Open Air" Werbegeschichte geschrieben. Da konnte sich selbst Helmut eine lobende Erwähnung abringen. Und Du weisst ja, wie kritisch er mit Dir immer ist. Nein, Onkel Reinhard, in der Reklame bist Du ehrlich der Grösste. Da kann man Dich einfach nicht oft genug loben. Nur was die Eigen-PR angeht, da bist Du noch ein wenig schlapp. Da sind André, Erik und Dietrich sehr viel bemühter als Du. Und die kennen auch viel mehr tolle Frauen. Ja, Onkel Reinhard, da kannst Du Dir ruhig mal eine Scheibe von abschneiden. Selbst dieser greise BMW-Werber ist noch ein flotterer Finger als Du. Na ja, aber wahrscheinlich ist das nicht mehr so wichtig für Dich. Aus dem Alter bist Du ja auch schon lange raus. Ausserdem hast Du ja auch Tante Ika. Die sagt übrigens genau wie Onkel Norbert und ich, dass Du ein ganz toller Typ bist. Du bist ja auch so was wie ein Star. Alle kennen Dich. Alle lieben Dich. Alle bewundern Dich. Nur Achim mag Dich nicht. Weil alle über Dich reden und keiner über ihn.

Von einem Flickr Konto Bilder bloggen

RSD oder Really-Simple-Discovery ist ein Mechanismus, der externen Blog-Tools erlaubt die APIs zu entdecken um mit bloghouse.org zu interagieren.

Wir benutzen die XML-RPC Engines MetaWeblog.

Flickr ist die größte Foto Community der Welt.

Bloghouse.org ermöglicht durch seine Schnittstellen Fotos, die Sie auf Flickr geladen haben in Ihr bloghouse Blog zu übertragen.

Auf der Flickr Plattform müssen Sie Ihr Blog einrichten. Sie den Benutzernamen, das Passwort und die URL der XML-RPC Engine angeben (http://www.bloghouse.org/xmlrpc.php).

Wie blogge ich per E-Mail?

Die E-Mail muß folgendermaßen aufgebaut sein, damit es klappt.

an:
Betreff: z.B. Hallo Willi (Der Betreff wird zum Titel des Eintrags.)
Nachrichtenkörper:
type: blog
taxonomy: [moblog]
language: de
status: 1

SO MUSS DER NACHRICHTENKÖRPER AUFGEBAUT SEIN
Als Erstes kommt eine Leerzeile im Textfeld, dann die Parameter, dann der Text.
Ein Bild kann im Anhang mitgesendet werden (gif, jpg, png).

Die Email muß von dem E-Mail Account stammen, der im Benutzerkonto
eingetragen ist. Wenn inm benutzerkonto steht, werden nur
E-Mails von diesem Konto angenommen.

Die vier Eigenschaften haben folgende Bedeutung:
type: blog -> In welchen Inhaltstyp soll meine E-Mail gepostet
(blog) werden
taxonomy: [moblog] -> Welche Kategorie soll mein Eintrag haben
language: de -> Welche Sprache soll der Eintrag sein (de =
deutsch, en = english, fr= französisch)
status: 1 -> Soll der Eintrag sofort veröffentlich werden
(0=Nein, 1=Ja)

Falls ein Bild an der E-Mail dranhängt, wird ein Image Inhaltstyp
erzeugt, das Bild entsprechend kleingerechnet und angezeigt.
Falls eine PDF Datei angehängt ist, wird ein Blog Inhaltstyp erzeugt mit
der Datei als Anhang.
Die E-Mail darf nicht im HTML Format versendet werden, sonst können die
vier Parameter nicht gelesen werden ... (Bitte plain text). In diesem
Fall, wird der Eintrag zwar angelegt aber nicht veröffentlicht.

Viel Spaß
Hagen

[bloghouse.org] Wie lade ich ein Video auf bloghouse.org

Im folgenden Film wird beschrieben, wie man eine Videodatei auf bloghouse laden kann. Link zum Eintrag, der im Film erstellt wird.

[video]

Größe des Upload Verzeichnisse

Jeder registrierte Benutzer darf auf bloghouse.org momentan 20 MB an Dateien auf den Server laden. Uli hatte neulich dieses Limit ausgeschöpft und war auf der Suche nach anderen Möglichkeiten.

1. Heute morgen habe ich zusammen mit Olli folgende Lösung eingebaut.
2. Die Beschränkung von 20 MB pro User bleibt erhalten um Spam zu vermeiden.
3. Wer mehr Platz braucht, wird in eine "mehr Upload" Gruppe eingeordnet, die zunächst 40 MB erlaubt.
4. Um mehr Platz zu bekommen, schickt einfach eine entsprechende Nachricht über das Bloghouse Kontaktformular oder das cocoate.com Kontaktformular.

Individuelle Themes

In der alten Plattform konnte man sich das komplette Template (Theme) frei per HTML, CSS und ein paar vor definierten Einsprengseln gestalten.
Das geht momentan in Bloghouse nicht.

Eine mögliche Lösung könnte das sein:
- Ich erstelle ein Drupal-Theme, das sich die Daten aus der Datenbank holt.
- Jeder User erhält so ein ähnliches Konstrukt wie *Mein Block* und kann dort seine indivuellen Tags eintragen.

Das hört sich einfach an, ist allerdings etwas komplex, da ja vermieden werden muss, das der User PHP-Befehle benutzt.

Hat jemand eine Idee, gibt es da schon etwas?
Ich setze mich mal hin und baue ....

Das konfigurierbare Theme Bloghouse

1. Prinzip ist einfach:
2. Theme Bloghouse auswählen
   
3. eigene css Datei mit dem Namen bloghouse.css hochladen.
4. fertig ist das individuelle Theme

Tipps zum Hochladen:

• Das Hochladen geht im Editor durch Klick auf das Bild Icon und dann Browse Server (klappt nur in Firefox - glaube ich).
• Ihr habt dort ein Verzeichnis css und ein Verzeichnis pdf
• Ladet die css Datei unter dem Namen bloghouse.css in das css Verzeichnis
• Hier ist meine CSS als Beispiel (Quick & Dirty, bitte nicht zu ernst nehmen, es geht nur ums Prinzip )

Hier die verwendeten Bilder:

/* Images */

#body{ 
  background-color: #D4D5D2;
}
#topmenu{ 
   background: url(http://www.bloghouse.org/sites/bloghouse.org/themes/Bloghouse/images/top_menu.jpg) top center; 
   border: none;
} 

Anzeige der Sprachen in einem Blog

Da immer mehr User Ihre Blogs mehrsprachig erstellen, habe ich eine kleine Anzeige über dem individuellen HTML Block erstellt, die anzeigt in welchen Sprachen wieviele Blogeinträge erstellt wurden.

Das Ganze sieht so aus:

Ich habe erstmal bewußt die internationalen Kurzzeichen der Sprachen gewählt. Die Überschrift wird in der gerade aktiven Sprache angezeigt.

Der Aufbau ist eine in ein DIV eigebaute Liste, die im Quellcode so aussieht:

<div class="item-list">
<h2>Sprache</h2>
<ul>
<li><a href="/de/blog/1306">de</a> (4)</li> 
<li><a href="/en/blog/1306">en</a> (11)</li>
<li><a href="/es/blog/1306">es</a> (1)</li>
<li><a href="/fr/blog/1306">fr</a> (10)</li>
</ul>
</div>