19/09/2011

Nouveau Skynetblog : comment se faire connaître ?

Vous êtes nouveau dans la blogosphère ?....Vous venez de créer un skynetblog et souhaiteriez faire découvrir votre univers…..ce poste est pour vous !
Marre de voir un compteur qui tourne à petite vitesse, marre d’avoir l’impression que vous êtes le seul lecteur, que les commentaires restent immuablement sur « 0 »…….voici quelques petites démarches qui peuvent vous aider ! : -))

ACH002693664_0_580x580.jpg


Tout d’abord….prenez le temps de créer un design clair et attractif.

De nombreux outils sont fournis de base pour y arriver, pas mal de design proposés….et vous pouvez aussi regarder ICI pour un autre design.

Vous ignorez comment élargir votre blog….y placer une bannière……regardez d’abord ICI…..et si en dernier ressort vous ne vous en sortez toujours pas….il vous reste la solution d’exposer votre problème dans les commentaires de ce blog…..ou de me contacter par mail à cette adresse :  riensurles@gmail.com.

Une fois votre design au point…..c’est le moment d’envoyer 1,2,3…voire 4 postes qui donneront le « ton » de votre blog.

Vous voilà donc avec un design…et un début de contenu !

C’est alors le moment de passer sur les deux blogs qui traitent de la blogosphère en général…. « l’officiel des skynetblogs »……et… « le non officiel des skynetblogs ».

Vous passez sur le dernier poste de ces blogs….et laissez un petit mot vous présentant vous et votre blog dans les commentaires de ce poste !

Là…..soit votre contenu accrochera peut être certains blogueurs, peut être pas…..ne vous découragez pas……en général…..il faut persister pour mieux se faire connaître…mais surtout….restez cool….et polis ! : -)))))……sinon….vous risquez d’être mis sur une voie de garage !

Insistez donc dans les commentaires…….et participez aux discussions !......Là…..on vous connaîtra mieux ! : -)))

 

Ensuite…….sortez de chez vous…..visitez d’autres blogs qui vous accrochent……et laissez y toujours une petite trace de votre passage…..sans oublier de bien mettre le lien de votre blog !

498460848_small.jpg

 

Quand je dis d’autres blogs….c’est non seulement des skynetblogs….mais aussi des blogs d’autres plateformes…..des forums….des sites…..et partout…..laissez votre URL !

Et ne laissez pas de commentaires « Bisounours »…style « Bonjour chez toi »… « Coucou c’est moi »…soyez constructifs….lisez le poste que vous commentez…..et laissez votre avis sur le sujet du poste ! : -)))

Lorsque vous commencerez à récolter des commentaires……n’hésitez pas à répondre à ces commentaires sur votre blog…….et parfois sur le blog du commentateur !

Mais surtout……restez vous-même……ne vous sentez jamais obligé de « Rendre un commentaire »……faites le seulement si vous en avez l’envie !

3013037121_1_3_4P1h5ihR.jpg

 

Dans ce domaine d’ailleurs……il me faut vous mettre en garde vis-à-vis d’une certaine pratique de certains blogueurs…..

Certains passeront chez vous uniquement dans le but que vous passiez chez eux……et si vous ne passez pas……soit ils vous en feront la remarque….soit il ne reviendront jamais…….ZAPPEZ LES ! : -))))…..Ces gens ne sont pas sincères ! : -))))

Enfin…..si vous êtes cool…..et disposez d’un peu de second degré…..vous pouvez toujours poser votre candidature pour être l’objet d’une « Opération Espadon » ! : -)))….A vous de voir !
 

28/06/2011

Youtube to MP3

Vu l’urgence de la situation……il faut sauver Willy…..euh Item….perdu dans les étages des tours Belgacom….euh…décidément…..des tours de rien ! :-))))

Alors voici une astuce qui ma foi peut être bien utile à certains…..

Envie de vous faire une MP3Thèque…..pour votre PC…votre Ipod…..votre Iphone ou votre voiture…….rien de plus facile…..en quelques secondes transformez une video Youtube en un fichier MP3…..

Pour ce faire, repérez vos titres favoris sur youtube…….cherchez des fichiers ou la bande son est de toute bonne qualité…….la qualité video….dans ce cas ci devient « Sans intérêt » ! : -)))

Une fois votre video repérée…..copiez en l’adresse et collez là à l’endroit prévu sur ce site.

youtube1.jpg

Cliquez ensuite sur convertir la video…..et quelques secondes suffisent pour que le convertisseur vous donne le fichier MP3 à télécharger……cliquez alors sur Télécharger !

Et voilà……no more work ! : -)))

youtube2.jpg

Exemple: Voici la video d'Elton John "Benny and the jets" convertie en MP3 en 10 secondes à l'aide de ce site.

Chanson utilisée dans le film 27 Dresses.....et Mmmmhmmm.....la petite brune.....elle ne laisse pas Jules indifférent! :-)))


Et......qu’on ne vienne pas me traiter de pirate….de voleur de sabam etc…etc…..s’il faut condamner quelqu’un à ce sujet……c’est celui qui offre cette possibilité ! : -)))))

 

23/02/2011

Make Love with CSS !

OK…….je vous vois derrière vos écrans ! : -))))…..Certains disent déjà….ça y est Jules a pété un câble ! : -)))……Mais nonnnnnn ! : -))….
D’ailleurs…je vais développer le fond de ma pensée !


Souvenez vous……un jour j’avais dit un truc du genre….. « S’occuper d’une CSS c’est un peu comme s’occuper d’une femme….. » : -)))

Make love with CSS….Conquête Super Sexy…..c’est un peu tenter de créer une belle créature qui attise les sens…….le docteur Frankenstein quoi ! : -))))
Alors….pour que vous compreniez mieux……voici « The Body »….une CSS très attirante….. : -)))

wallpaper-fonds-decran-Mischa%20against%20the%20wall.jpg

Le but……créer the perfect body !....vous voyez ci-dessus les grandes parties de ce body….et une skin qui sent bon le sable chaud ! : -)))
Cette « skin » est le résultat d’une douce combinaison de la Nature…….sisi ! : -))))
Alors…..pour le design….c’est un peu pareil……il faut arriver à une douce combinaison ! ..(Sans jeu de mots !) : -)))
Et comme avec une femme……les préliminaires sont indispensables ! : -))

Dans un premier temps…… il faudra….. « Fantasmer »….bin oui quoi….il faut s’imaginer une skin telle qu’on la souhaiterait……approcher les codes de base en douceur….en cerner toutes les parties avec doigté…….c’est la phase capitale ! : -))))……La moindre erreur, et c’est le bug ! : -))

Tout en douceur donc….à tâtons…..il faut presque arriver à trouver le point G le point d'équilibre de cette skin…..le point à partir duquel……tout le restant va « couler de source » : -)))….et l’inspiration aussi ! : -))
Comme quoi…….c’est tout un boulot……..et une fois le « Feeling » présent…..on peut alors passer au choses sérieuses !

Reprenons notre body….ci-dessus…..vous voyez la « Bannière »…..au premier coup d’œil,…vous comprenez qu’une belle bouille bannière….est importante pour donner envie d’approfondir le sujet……..

Vient alors le moment de découvrir le restant du corps container……vous jugerez alors de l’équilibre des formes de votre body……il faut des bras sidebar…left et right bien adaptés…. : -)))
C’est vrai quoi…..les bras sidebar…..doivent être ni trop larges…..(pas envie d’une catcheuse)….ni trop fins..(pas envie d’une anorexique non plus !) : -))))…..bon….je sais que certains préfèreront les manchottes…..un seul bras sidebar gauche ou droit……mais cela ne regarde qu’eux ! : -))))…

Voilà donc la tête bannière et les bras sidebars explorés…….nous en venons tout doucement au point G center…… : -)))

Dans le cas du body ci-dessus……vous constaterez que j’ai l’obligation de couvrir la « skin » d’un soutien gorge #center .center decorator 1……..et d’une jupette d’un  #center. center decorator 2…..sous peine de devoir mettre « rien » dans la catégorie adulte….. : -)))))….
Vous remarquerez au passage la position privilégiée du codeur…..qui peut sur simple clic ôter le soutien-gorge  #center .center decorator 1 ou la jupette le #center. center decorator 2 : -)))

Suivant la manière utilisées……vous aurez la tête tournée soit vers la bannière…..sans être pour autant un missionnaire…. : -)))….soit vers le bottom…….aahhhhh 1969……. : -)))

C’est le moment d’examiner les talons aiguilles le  .container .decorator 4……et…de….finir le boulot….. : -))))……
Et voilà……reste plus qu’à conclure…..et c’est là que Jules, en s’allumant une clope…. s’adresse a sa CSS …….


« Alors chérie……heureuse ? » : -)))

Voilà le principe expliqué…….vous comprendrez pourquoi jules prend son pied avec les CSS…….mais l’avantage des « Cascading Style Sheet » par rapport aux « Conquêtes Super sexy »……c’est qu’elles ne sont pas jalouses…ni rancunières,….ni chiantes…..alors….bin Jules…..peut passer de l’une à l’autre sans vergogne……et sans mauvaise conscience ! : -)))
Bon…..là….je viens de conclure avec Cassandre……me faut maintenant penser aux préliminaires avec Nanny…….mais là je sais d’avance….que le point G sera très difficile à trouver ! : -)))))
Mais……Jules aime les défis !....et puis….si c’est trop long…..bin…..je piquerai la pilule des schtroumpfs ! : -))))

Et pour ceux (Là…je pense aux blogueurs comme Item)…qui se sentent monter la chaleur : -))))…..bin…… « Go to the River » ….ça vous rafraîchira ! : -)))

 

 

14/12/2010

Commentaires: Remercier le visiteur et uniquement le visiteur!

Nous avons vu ICI comment introduire des phrases ou images dans le cadre de chaque commentaire.
 

Oli a utilisé ce système sur son blog, et m’a demandé s’il était possible d’avoir une phrase ou image pour les commentaires en général, et d’avoir autre chose concernant le commentaire de l’auteur……car il est vrai que si l’on remercie pour le commentaire, il est embêtant d’avoir aussi ce remerciement pour sois même….l’auteur.

oli.jpg

Alors, voici la solution trouvée par Item.
Pour tout ce qui est de l’emplacement de la « phrase » ou « image », se référer à l’article précédent, si vous ne souhaitez que placer une image style ligne séparatrice, se référer aussi à l’article précédent……

1°) Vous ne voulez que placer la phrase ou image sur le commentaire des visiteurs.

Dans ce cas, vous placez les balises {t}{/t} à l’endroit souhaité du code (Voir ICI) et ensuite entre ces balises, vous placez le code ci-dessous (En bleu):

{t}{if $user.email != $comment.email  }<p style="text-align: center;"><span style="color: #ff0000;"><em><strong><span style="font-size: 12px;">Merci {link href="`$comment.authorlink`" text="`$comment.authorname`"} de ta visite! </span></strong></em></span></p>{else}
 {/if}{/t}

Pour rappel, si vous voulez placer une image ou un texte, utilisez l’éditeur de notes, mettez en forme votre texte ou image…ou texte et image, et une fois le résultat escompté, cliquez sur le bouton « HTML » de votre éditeur, copiez le code et collez le en lieu et place de ce qui se trouve en vert ci-dessous.

{t}{if $user.email != $comment.email  }<p style="text-align: center;"><span style="color: #ff0000;"><em><strong><span style="font-size: 12px;">Merci {link href="`$comment.authorlink`" text="`$comment.authorname`"} de ta visite! </span></strong></em></span></p>{else}
 {/if}{/t}

2°) Vous voulez placer une phrase et/ou image sur le commentaire du visiteur, et une autre sur le commentaire « Auteur »

Vous placez vos balises {t}{/t} à l’endroit souhaité (Voir ICI) et ensuite, entre ces balises, vous placez le code suivant :

{t}{if $user.email != $comment.email  }<p style="text-align: center;"><span style="color: #ff0000;"><em><strong><span style="font-size: 12px;">Merci {link href="`$comment.authorlink`" text="`$comment.authorname`"} de ta visite! </span></strong></em></span></p>{else}
 <p style="text-align: center;"><span style="color: #ff0000;"><em><strong><span style="font-size: 12px;">banane</span></strong></em></span></p>
 {/if}{/t}

Si l’on reprend à nouveau ce code, ici je vais utiliser deux autres couleurs pour vous faire comprendre comment utiliser l’éditeur pour obtenir ce que vous voulez sans devoir modifier le HTML

{t}{if $user.email != $comment.email  }<p style="text-align: center;"><span style="color: #ff0000;"><em><strong><span style="font-size: 12px;">Merci {link href="`$comment.authorlink`" text="`$comment.authorname`"} de ta visite! </span></strong></em></span></p>{else}
 <p style="text-align: center;"><span style="color: #ff0000;"><em><strong><span style="font-size: 12px;">banane</span></strong></em></span></p>
 {/if}{/t}

En vert, cela représente le code HTML de ce qui apparaîtra sur le commentaire du visiteur.
Pour le remplacer par ce que vous voulez, ouvrez « Nouvelle note », dans l’éditeur, composez votre message tel que vous souhaitez le voir apparaître.
Une fois le résultat escompté, ouvrez la fenêtre HTML, copiez le code, et placez le en lieu et place du code vert.

En bleu, vous avez le code HTML de ce qui apparaîtra sur le commentaire de l’auteur
Pour le remplacer par ce que vous voulez, ouvrez « Nouvelle note », dans l’éditeur, composez votre message tel que vous souhaitez le voir apparaître.
Une fois le résultat escompté, ouvrez la fenêtre HTML, copiez le code, et placez le en lieu et place du code bleu.

N’oubliez pas d’enregistrer……et si vous avez des problèmes….Jules est là : -))))

Update pour Oli

 

Oli, j'ai été voir tes commentaires, et je pense que ta phrase de remerciement serait mieux placée sur ton image, donc, en se référant à ce tutoriel, voici le code que tu devrais placer en lieu du code html "non auteur"....c'est à dire en remplacement de la partie verte ci-dessus:

 

<div style="background-image: url(http://static.skynetblogs.be/media/59168/829657515.gif); width: 405px; background-repeat: no-repeat; height: 90px; padding-top: 50px; margin-left: auto; margin-right: auto;">
<p style="text-align: center;"><span style="color: #ffff99;"><em><strong><span style="font-size: 13px;">Merci {link href="`$comment.authorlink`" text="`$comment.authorname`"} de ta visite! </span></strong></em></span></p>
</div>

Cela te donnera ceci:

 

Merci Oli de ta visite!

 

16/11/2010

Comment créer un PDF?

En suite logique au poste « Comment afficher un PDF sur son blog », voici une méthode rapide pour le créer à partir d’un fichier réalisé sur Word.
Le programme « PDF creator » permet de le faire en quelques clics.

 

createpdfcreationplus_1.png


Il fonctionne comme une imprimante, vous créez votre document word, et, une fois terminé, vous cliquez sur « Imprimer », vous verrez alors qu’une fois « PDF creator » téléchargé, windows vous proposera le choix de l’imprimante, soit votre imprimante habituelle, soit « PDF Creator ».
Choisissez « PDF Creator » et ensuite, « Imprimer », et le tour est joué, vous aurez alors votre fichier PDF, qu’il vous suffira de traiter comme expliquer ICI pour le placer sur votre blog.

Voici l’intitulé du programme :

PDFCreator est un outil de création de document PDF. La génération des fichiers PDF s'effectue à partir de n'importe quelle application supportant l'impression. Le programme s'utilise comme une imprimante virtuelle, il suffit de le choisir lors de l'impression d'un document. PDF Creator prend en charge les images au format : PNG, JPG, TIFF, BMP, PCX, PS, EPS. Simple à utiliser, il suffit d'imprimer le document et de choisir l'imprimante virtuelle. Il permet d'ajuster la compression des divers formats d'images et permet de crypter les documents PDF afin de protéger leur lecture. De plus, il permet la fusion des fichiers PDF.
PDF Creator fonctionne aussi sur les serveurs Terminal Server en toute aisances, et la cerise sur le gâteau, le logiciel est entièrement gratuit, même pour un usage commercial. C’est un Open Source distribué selon les termes de la GNU (licence publique générale),

Pour le télécharger,….., c’est ICI

NB : Pour Leciaaaaaa……..le prochain poste « Technique » concernera la personnalisation des encadrés commentaires ! : -))))

09/11/2010

Placer un PDF dans une note

Lorsqu’une question revient plusieurs fois….il est grand temps d’en réaliser une note…
Aussi, puisque 3 personnes m’ont demandés comment mettre un pdf en lecture sur une note, voici la méthode à suivre.
 

Il existe différentes possibilités de codes, mais une seule semble bien fonctionner c’est l’ « Iframe ».

Alors, parlons d’abord de votre document pdf, il peut s’agir d’un pdf perso…..ou d’un pdf du net…
Pour les pdf du net, je vous conseille de les enregistrer au préalable sur votre disque dur, et de ne pas utiliser leur adresse du net…..

Donc, la première chose à faire, est d’héberger votre pdf sur l’hébergeur des skynetblogs, dans l’administration, « propriétés »…. « Mes fichiers ».
Vous en récupérez ainsi l’adresse.
Ensuite, utilisez le code suivant que vous placez en zone « HTML » de votre éditeur.

<p style="text-align: center;"><iframe height="500" width="500" src="http://MON FICHIER.pdf" align="middle"></iframe></p>

En rouge, vous modifiez la hauteur de la fenêtre (height) et la largeur (width), et en bleu, vous placez l’adresse de votre pdf.

Si vous avez bien suivi le film…. : -)))……vous devriez obtenir le résultat suivant :

  

 

Cette méthode peut aussi être utilisée pour afficher la fenêtre d’un autre site/blog sur votre note, en remplaçant l’adresse bleue par l’adresse du site/blog.

 

15/09/2010

MP3 Player: Un lecteur MP3 pour votre blog.

Comme la question a été posée par Marie…voici un lecteur MP3 qui fonctionne avec tous les navigateurs, et qui a le mérite d'être très modulable
En fait , il existe des tas de sites qui proposent ce genre de lecteurs, de même qu’un générateur pour réaliser les codes, mais ici, je vais quelque peu entrer dans le détail des ce codes afin que vous puissiez au gré de vos humeurs…transformer vous-même ce lecteur.
MP3 Player
Le générateur pour créer ce lecteur se trouve ICI

Voici le lecteur :

Et son code :

<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3.swf" width="200(1)" height="20(2)">
    <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3.swf" />
    <param name="bgcolor" value="#0000e6(3)" />
    <param name="FlashVars" value="mp3=http%3A//s3.archive-host.com/membres/playlist/1826433651/Michael_Jackson_-_Smile.mp3(4)&amp;loop=1(5)&amp;autoplay=1(6)&amp;
showstop=1(7)&amp;showinfo=1(8)&amp;
bgcolor=0000e6(9)&amp;bgcolor1=008000(10)&amp;
bgcolor2=0026ff(11)&amp;buttoncolor=ffeb05(12)&amp;buttonovercolor=ff1f92(13)&amp;slidercolor1=00e6d9(14)&amp;slidercolor2=00faed(15)&amp;
sliderovercolor=ff1a80(16)" />
</object>

Explications…modifications à faire pour le personnaliser à votre goût.

Le mieux est peut être d’imprimer ces explications.

Tous les (X) ont été rajoutés pour permettre les explications, et ce qui est en gras et uniquement en gras représente ce qui est modifiable.

(1) « Width » Il s’agit de la largeur du lecteur, en général, pour l’intégrer dans vos colonnes, 180 est la mesure adéquate.
(2)  « Height » Il s’agit de la hauteur du lecteur, 20 est un minimum pour la vue.
(3) et (9) « Bg color » Il s’agit de la couleur de fond en dessous du lecteur, mettez la même « valeur » à ces deux endroits, l’idéal est la couleur de fond de votre colonne, ou proche, cela arrondira les coins de votre lecteur.
(4) C’est l’adresse de votre MP3 hébergé,…mais attention, ne copiez là que ce qui se trouve après les //  exemple :
L’adresse du MP3 que vous entendez est :
http://s3.archive-host.com/membres/playlist/1826433651/Michael_Jackson_-_Smile.mp3
Seule la partie en rouge est copiée à l’endroit marqué.
(5) « Loop » veut dire boucle, si vous voulez que votre musique tourne en boucle, mettre 1, si au contraire vous voulez que la chanson ne passe qu’une seule fois et ensuite s’arrête, mettre 0
(6) « Autoplay », si vous voulez que la musique démarre à l’ouverture du blog, mettre 1, si au contraire, vous voulez que ce soit le visiteur qui choisisse de démarrer ou non votre musique, mettre 0.
(7) « Showstop », Si vous voulez rendre visible le bouton « Stop » mettre 1, si vous voulez le rendre invisible, mettre 0.
(8) « Showinfo », Si vous voulez que le visiteur puisse cliquer sur ? pour avoir les infos sur la musique, durée et titre (si lié), mettre 1, si vous ne voulez pas, mettre 0.
(9) Voir (3)
(10) « Bgcolor1 », il s’agit de la couleur de fond de la moitié supérieure du lecteur
(11) « Bgcolor2 », il s’agit de la couleur de fond de la moitié inférieure du lecteur.
Si vous voulez un lecteur avec une couleur uniforme, mettre les même valeurs en (10) et en (11).
(12) « Buttoncolor », il s’agit de la couleur des boutons cliquables.
(13) « Buttonovercolor », il s’agit de la couleur des boutons cliquables survolés par la souris.
(14) « Slidercolor1 », il s’agit de la couleur de moitié supérieure du curseur.
(15) « Slidercolor2 », il s’agit de la couleur de la moitié inférieure du curseur.
Si vous voulez un curseur d’une seule couleur, mettre les même valeurs en (14) et en (15)
(16) « Sliderovercolor », il s’agit de la couleur du curseur survolé par la souris.

ATTENTION: Vous remarquerez que pour les couleurs, on ne met que le code et pas le #


Le code ci-dessus a été volontairement “coupé” de ma part pour une question de longueur de ligne.

Tout le code y est…mais….vous ne pouvez pas le copier ….il ne marcherait pas.
Il est simplement là pour les explications ci-dessus.
Pour copier le bon code que vous pourrez ensuite modifier comme expliqué…et coller dans vos colonnes…c’est ICI.