fastclemmy.com

Vous êtes ici !

# 06-01-2005

Qu'il est agréable de trouver sur un plan le fameux macaron rouge "vous êtes ici". Sur un site web, c'est un peu pareil, il est de bon ton de dire au visiteur où il se situe dans le site. Généralement cela consiste à différencier dans la barre de navigation l'item correspondant à la page active.

Une pratique courante consiste à effectuer cette opération côté serveur. Comme dans l'exemple donné dans A List Apart, on renseigne sur chaque page une variable appelée par exemple $pageCourante ($pageCourante = "accueil") puis on vérifie à l'affichage de la navigation pour chaque item si il s'agit de la $pageCourante. Si c'est le cas, on affecte un id spécifique pour différencier l'item des autres. Grossièrement, le code PHP ressemble à ça :


<ul id="nav">
	<li<?php if ($pageCourante=="accueil") 
		echo " id=\"pageActive\""; ?>>
	<a href="index.php">Accueil</a></li>
	<li<?php if ($pageCourante=="produits") 
		echo " id=\"pageActive\""; ?>>
	<a href="produits.php">Produits</a></li>
	<li<?php if ($pageCourante=="services") 
		echo " id=\"pageActive\""; ?>>
	<a href="services.php">Services</a></li>
	<li<?php if ($pageCourante=="contact") 
		echo " id=\"pageActive\""; ?>>
	<a href="contact.php">Contact</a></li>
</ul>

Côté serveur ou côté client ?

Ca fonctionne bien, d'ailleurs j'ai moi-même adopté cette technique sur de nombreux sites. Néanmoins, je me demande maintenant si le fait que ce soit le serveur qui s'en occupe offre vraiment un intérêt et ce, pour au moins deux raisons. D'une part parce que cela oblige à rajouter pour chaque fichier du site le nom de la page en cours ($pageCourante = "accueil"), ce qui implique au pire de la maintenance fastidieuse ou au mieux un développement supplémentaire pour le gérer automatiquement. D'autre part, parce que je ne vois pas de valeur ajoutée à l'utilisation d'un langage serveur pour ça. Pas de problème de sécurité, simple information visuelle, bref, tout me fait plutôt pencher pour une solution côté client avec javascript.

La structure du code

Avant de nous plonger dans le code, dégageons la structure du script que nous allons écrire.

  1. Récupérer le nom la page en cours
  2. Faire une boucle pour récupérer le lien href contenu dans les balises <a>
  3. Comparer le lien avec le nom de la page en cours
  4. Modifier l'apparence du lien pointant vers la page en cours

Côté résultat final, ça se passe par là. Côté code, ça donne :


function highlightNav() {
	var chemin = "";
	var cheminComplet = "";
	
	// on essaye de détecter la page en cours pour modifier le style du lien actif
	if(document.getElementById("nav")) {
		
		// on récupère la page en cours
		
		// si l'URL comporte une query string, on la retire
		if(document.location.search) {
			cheminComplet = document.location.href;
			cheminCompletSansQueryString = cheminComplet.split(document.location.search);
			cheminComplet = cheminCompletSansQueryString[0];
		} else {
			cheminComplet = document.location.href;
		}

		// si il n'y a pas de fichier après le dernier slash, on doit être sur la page index.php
		cheminCompletDecoupe = cheminComplet.split("/");
		if (cheminCompletDecoupe[cheminCompletDecoupe.length-1] == "") {
			chemin = cheminComplet;
			cheminComplet += "index.php";
		} else {
			chemin = cheminCompletDecoupe.splice(0,cheminCompletDecoupe.length-1) 
			chemin = chemin.join("/");
			chemin += "/";
		}
		
		// on boucle sur les balises <a> pour récupérer leur href
		listeDesLiens = document.getElementById("nav").getElementsByTagName("a");
		for (var i=0; i<listeDesLiens.length; i++) {
			// on compare le href avec le chemin de la page en cours
			if(listeDesLiens[i].getAttribute("href") == cheminComplet || (chemin + listeDesLiens[i].getAttribute("href")) == cheminComplet) {
				// on modifie le style du lien actif
				listeDesLiens[i].style.color = "#cc0000";

				// on sort de la boucle
				break;
			}
		}
	}
}

Les beaux chemins ne mènent pas loin (proverbe chinois)

Parmi les problèmes à gérer, il faut noter que Firefox diffère d'Opera ou d'Internet Explorer sur un point important de notre script. Au moment de demander le contenu de l'attribut href des balises <a>, Firefox nous retourne le contenu exact, à savoir "produits.php" par exemple, tandis que les 2 autres nous retournent "http://www.monserveur.com/monRepertoire/produits.php". Au moment de comparer le lien avec le nom de la page en cours, il faut donc faire les deux tests, ce qui implique d'avoir retenu au préalable deux variables : le chemin (http://www.monserveur.com/monRepertoire/) et le chemin complet (http://www.monserveur.com/monRepertoire/produits.php).

Un beau livre, c'est celui qui sème à foison les points d'interrogation (Cocteau)

Par ailleurs, il faut s'assurer lorsque nous manipulons l'URL de la page que celle-ci ne comprenne page un paramètre qui nous compliquerait la vie (mapage.php?monparametre=mavaleur). Ce qui nous intéresse c'est le chemin du fichier, pas le paramètre. On teste donc si l'URL comprend une query string et on la supprime.


if(document.location.search) {
	cheminComplet = document.location.href;
	cheminCompletSansQueryString = cheminComplet.split(document.location.search);
	cheminComplet = cheminCompletSansQueryString[0];
}

L'arbre suit sa racine (proverbe berbère)

Autre souci, si on se trouve à la racine d'un répertoire (http://www.monserveur.com/monRepertoire/), c'est la page par défaut qui sera appelée, index.htm, index.html, index.php, index.asp, etc. Pour autant, document.location.href ne nous retournera toujours que http://www.monserveur.com/monRepertoire/, sans plus de précision. Empiriquement, on déterminera donc dans notre cas précis qu'utilisant PHP, c'est la page index.php qui sera appelée si on se trouve dans ce cas de figure.


cheminCompletDecoupe = cheminComplet.split("/");
if (cheminCompletDecoupe[cheminCompletDecoupe.length-1] == "") {
	chemin = cheminComplet;
	cheminComplet += "index.php";
} else {
	chemin = cheminCompletDecoupe.splice(0,cheminCompletDecoupe.length-1) 
	chemin = chemin.join("/");
	chemin += "/";
}

Comme d'habitude ce code est fait rapidement et sans doute sujet à discussion. Les commentaires sont donc les bienvenus !

#javascript

Vos commentaires

Fred Bird - site -
Interessant. Cela dit, identifier la page affichee dans les url, si tant est que l'on produit un lien pour celle ci (ce qui a rarement un sens), n'est necessairement fastidieux en php; et le gain de temps d'execution coté serveur ne vaut pas forcément le poids ajouté par le javascript (sans compter l'indelicatesse de l'usage du temps processeur client, sur une machine poussive).

Par ailleurs, le "vous etes ici" est souvent rendu par un chemin de fer / fil d'ariane / breadcrumb / pathbar...

nima -
Ouais, je suis pas convaincu non plus...
Tu nous propose de remplacer 14 lignes de php par 43 lignes de javascript, je ne suis pas sur que ce soit rentable en considération du temps processeur utilisé par la boucle JS sur les elements. Imagines si il y a 100000 liens dans ta page !!! En php ça ne pose aucun problème.
Mais bon, c'est une idée à pouser peut être avec l'utilisation de XSLT côté serveur. Imaginons que la page XHTML est générée à partir d'un XML+XSLT (ce qui va être de plus en plus le cas non ?), il est possible alors de faire cette recherche des liens pour leur changer le style de façon générique au niveau du XSLT. Du coups, c'est côté serveur et en plus tu as l'avantage comme dans ton JS générique de ne pas avoir à modifier le script pour ajouter une page.

fastclemmy - site -
@fredbird > côté temps processeur client, on peut quand même espérer que les machines supportent une boucle sur 5 éléments, non ? Sinon des applications comme oddpost, gmail ou autres ne seraient pas actuellement en production... Concernant le breadcrumb, j'ai lu ici et là que l'intérêt était minime par rapport au taux d'utilisation de celui-ci par l'internaute lambda.

@nima > pas de problème avec les 100 000 liens, dans le code on ne boucle que sur les liens contenus dans le UL qui nous intéresse, on ne boucle plus que sur 5 balises... Cela dit l'approche XML/XSLT est sans doute à creuser. Personnellement j'ai vaguement regardé mais ça manque un peu de tutoriaux concrets sur comment on passe concrètement de notre fichier XML de base à la sortie XHTML grâce à XSLT, des liens à proposer ?

Nima -
Ben, à part le site du W3C, il y a bien w3school, j'avoue que je ne me suis pas trop penché sur les tutos. Ou sinon, tu me demandes ;) Accessoirement, tu peux acheter un livre...
Sinon, quand je parlais de 100000, j'imaginais si on utilisait ton script de façon plus générique et donc en appliquant un style à tous les liens d'une page qui pointe vers une certaine URL, que ce soit l'URL courante ou non. Dans le cas de 5 liens, c'est sûr que c'est pas long.

Géry -
J'ai eu la même idée que toi voila l'adresse de mes pages http://lamidemonamie.free.fr

et mon code : http://lamidemonamie.free.fr/Js/SelectMenu.js

Je n'ai pas enlevé la query string car dans un même menu on pourrait avoir 2 liens par exemple :
animaux.php?categorie=chien
animaux.php?categorie=chat
qui génère 2 pages differentes
il faut alors garder la query string pour pouvoir discriminer.

Cela dit, on peut utiliser les CSS pour faire la même chose comme sur alistapart pour le menu du haut qui identifie les grandes sections du site. Mettre un même id pour chaque page d'une même section, et des id sur les liens et dans la feuille de style on met le style hilight grâce au selecteur adéquat

Exemple tiré de la feuille de style http://www.alistapart.com/c/ala.css :

#bodysectionone #menu #lione a,
#bodysectiontwo #menu #litwo a,
#bodysectionthree #menu #lithree a,
#bodysectionfour #menu #lifour a,
#bodysectionfive #menu #lifive a {
background: #c30;
border: 1px solid #c30;
color: #fff;
font-weight: bold;
}

Pour les sous sections en revanche ils utilisent le cote serveur. Si c'était à refaire j'utiliserais plutot cette technique.

greut -
avec la signature du body à la Eric Meyer (id="www-meyerweb-com" pourquoi ne pas ajouter un class="sectionA" ce qui est une solution intermédiaire à un gros PHP peu flexible.

body.sectionA #menuA{color:f00;}

momo -
Comment faire avec la solution PHP lorsque les pages sont "include()" après le menu dans un body global ?

:-/

Giggs - site -
Je relance la question de momo car j'ai besoin de cette réponse !

Colino -
Momo et Giggs,
Les pages en include sont considéres comme au même niveau que la page qui les contient. Elles bénéficient donc des mêmes variables. Si vous voulez plus de détails envoyez un mail, je posterai quelque chose de plus précis en fonction de votre cas. C.

http://forum.detik.com/vaporizer-t1506362.html - site -
Vaporizer adalah alat merokok yang digemari oleh kebanyakan kaum pria, terutama bagi kaum pria yang sudah sangat lama merokok.

results.itschool.gov.in - site -
Kerala Board of Education declares the SSCL Results. The result will be announced on official website of Kerala SSLC Result 2017.

mins - site -
nice info

eye - site -
thank yoiu

syaraf - site -
amazing site

pantat - site -
good luck

silinder - site -
thank for sharing

http://warungkopi.okezone.com/thread/620827/salon-murah-di-jakarta-selatan - site -
Cantik merupakan keinginan yang didambakan bagi semua wanita.

http://warungkopi.okezone.com/thread/620842/tips-tips-kecantikan - site -
Menjadi cantik adalah idaman semua wanita.

http://warungkopi.okezone.com/thread/620842/tips-tips-kecantikan - site -
Menjadi cantik adalah idaman semua wanita.

http://warungkopi.okezone.com/thread/620842/tips-tips-kecantikan - site -
Menjadi cantik adalah idaman semua wanita.

http://warungkopi.okezone.com/thread/620842/tips-tips-kecantikan - site -
Menjadi cantik adalah idaman semua wanita.

http://warungkopi.okezone.com/thread/621406/tips-sehat-dan-cantik - site -
Menjadi pribadi yang sehat dan berstamina memiliki pengaruh besar dalam mengerjakan tugas dengan baik dan benar.

http://warungkopi.okezone.com/thread/621406/tips-sehat-dan-cantik - site -
Menjadi pribadi yang sehat dan berstamina memiliki pengaruh besar dalam mengerjakan tugas dengan baik dan benar.

http://warungkopi.okezone.com/thread/621406/tips-sehat-dan-cantik - site -
Menjadi pribadi yang sehat dan berstamina memiliki pengaruh besar dalam mengerjakan tugas dengan baik dan benar.

http://warungkopi.okezone.com/thread/621406/tips-sehat-dan-cantik - site -
Menjadi pribadi yang sehat dan berstamina memiliki pengaruh besar dalam mengerjakan tugas dengan baik dan benar.

http://warungkopi.okezone.com/thread/621414/tips-tips-kecantikan - site -
Cantik salah satu metode untuk kita dapat lebih percaya diri. Anda hanya perlu memerhatikan tips-tipsnya.

http://forum.lensaproperti.com/lounge/klasemen-motogp-t144.html - site -
Jangan sampai ketinggalan berita terhangat bagi peminat motor!

http://indo.mt5.com/showthread.php?41137-Klasemen-MotoGP - site -
Anda terlewat berita terbaru dari idola Anda?? Jangan sampai terjadi! Segeralah membaca beritanya.

http://warungkopi.okezone.com/thread/623916/forum-cara-mengecat-motor - site -
Motor sebenarnya sudah nampak lebih keren dengan yang ada pada motor, tetapi jika ada sesuatu yang membuat motor tersebut terlihat kurang menarik Anda perlu menghiasinya atau mengecatnya sesuai dengan keinginan.

http://forum.lensaproperti.com/lounge/cara-pasang-relay-klakson-t148.html - site -
Relay pada klakson tidak boleh diletakan di tempat yang tidak seharusnya, itu dapat memicu adanya bahaya yang terjadi.

http://forum.lensaproperti.com/lounge/cara-membuat-motor-drag-t149.html - site -
Jika Anda tak tahu bagaimana cara membuat motor drag, sebaiknya Anda segera meminta bantuan pada seseorang yang ahli dalam hal tersebut. Jika tidak, Anda bisa merusak motor Anda.

http://forum.detik.com/showthread.php?p=35856944 - site -
Sangat ingin membuat motor drag? Ingin memodifkasikannya? Tips dan triknya perlu Anda perhatikan agar motor yang Anda inginkan menjadi nyata.

http://warungkopi.okezone.com/thread/625104/travel-umroh-terbaik-dijakarta - site -
Tanah suci, pada setiap musim orang yang mengunjunginya tak akan pernah bosan dan tak akan pernah berhenti. Karena orang yang berada di sana ingin sekali dekat dengan sang pecipta.

Pseudo - site -
Thanks for sharing this nice post for me and all the visitors.

http://warungkopi.okezone.com/thread/625972/berita-terbaru-motogp - site -
Motogp, semua orang pasti mengetahuinya. Perlombaan yang diadakan membuat kita dan penggemar setianya penasaran akan hasil kemenangannya.

https://moodle.org/mod/forum/discuss.php?d=352654 - site -
Informasi mengenai berita idola Anda sangatlah membuat Anda penasaran akan hal itu. Mengapa? Karena nantinya kita akan menjadi tahu segala sesuatu yang tidak kita ketahui sebelumnya.

http://warungkopi.okezone.com/thread/626190/klasemen-motogp - site -
Dengan berjuang atau bekerja keras untuk mendapatkan sebuah peningkatan, Anda bisa mendapatkan hal itu dengan mudah. Kerja keras Anda tak akan sia-sia jika Anda melakukan hal tersebut.

http://warungkopi.okezone.com/thread/627028/jadwal-motogp-hari-ini - site -
Anda bisa menikmati pertandingan motogp bersama teman Anda. Anda bisa juga bisa menikmati pertandingan motogp bersama keluarga. Asal Anda sudah melihat jadwal tersebut.

http://warungkopi.okezone.com/thread/627362/tips-sehat-dan-cantik-2017 - site -
Apa jadinya jika Anda ingin berpuasa tidak mendahulukan air? Bisa-bisa Anda akan menjadi lemas, dan tentu saja wajah Anda akan terlihat lebih lelah dari sebelumnya.

plumber las vegas - site -
Wow!! this is a nice article ,as a staff Fantastic work. I read the entire article and i feel your experience in writing..All are good points.Thank you for all of you by giving such and such good article..! ..!!

plumberlasvegas - site -
I think this is an enlightening post and it is extremely valuable and proficient. along these lines, I might want to thank you for the endeavors you have made in composing this article.

plumber las vegas - site -
Wow!! this is a nice article ,as a staff Fantastic work. I read the entire article and i feel your experience in writing..All are good points.Thank you for all of you by giving such and such good article..! ..!!

plumber las vegas - site -
A good blog always comes-up with new and exciting information and while reading I have feel that this blog is really have all those quality that qualify a blog to be a one.I wanted to leave a little comment to support you and wish you a good continuation. Wishing you the best of luck for all your blogging efforts...! ..!

plumber las vegas - site -
Wow!! this is a nice article ,as a staff Fantastic work. I read the entire article and i feel your experience in writing..All are good points.Thank you for all of you by giving such and such good article..! ..!!

Umbrella company contractors - site -
Awesome article with incredible idea!Thank you for such an important article. I truly acknowledge for this awesome data..

Umbrella company contractors - site -
This is a really decent site post. Not very numerous individuals would really, the way you simply did. I am truly inspired that there is such a great amount of data about this subject have been revealed and you"ve put forth a valiant effort, with so much class. On the off chance that needed to know more about green smoke surveys, than by all methods come in and check our stuff

Umbrella company contractors - site -
Health insurance in Vietnam You're the best to share us about this redesign. Trust you won't get tired on making posts as enlightening as this

visit the store on Sansom St. - site -
Your site is truly cool and this is an awesome rousing article. Much obliged to you to such an extent..!

visit the store on Sansom St. - site -
Your site is truly cool and this is an awesome rousing article. Much obliged to you to such an extent..!

visit the store on Sansom St. - site -
Truly an extraordinary expansion. I have perused this wonderful post. A debt of gratitude is in order for sharing data about it. I truly like that. Much obliged so part for your meet..

visit the store on Sansom St. - site -
Truly an extraordinary expansion. I have perused this wonderful post. A debt of gratitude is in order for sharing data about it. I truly like that. Much obliged so part for your meet..!

visit the store on Sansom St. - site -
I just couldn't leave your site before letting you know that I really appreciated the top quality information you present to your guests? Will be back again as often as possible to determine the status of new posts...!

visit the store on Sansom St. - site -
Much obliged such a great amount for this data. I need to tell you I agree on a few of the focuses you make here and others may require some further audit, however I can see your perspective..!.

https://daycones.tumblr.com/post/161373251108/perlunya-perawatan-kulit-secara-teratur - site -
Kulit putih dan bersih kini tidak hanya ada dalam impian, Anda bisa mewujudkannya dengan merawat kulit tersebut dengan baik. Dipastikan jika Anda melakukan hal tersebut, kulit yang Anda inginkan akan Anda miliki.

https://daycones.tumblr.com/post/161638371213/asyiknya-nonton-motogp - site -
Asyiknya menonton motogp secara langsung adalah Anda bisa merasakan ketegangan yang dirasakan di sana. Dan hal tersebut akan membuat Anda seperti yang sedang bertanding.

https://daycones.tumblr.com/post/161722029163/kriteria-pembalap-motogp - site -
Kriteria yang harusnya dimiliki oleh seorang pembalap haruslah baik untuk dirinya dan orang lain. Kriteria seorang pembalap sunggulah dibutuhkan.

https://coconuths.tumblr.com/post/161798168102/info-dan-tips-kecantikan-2017 - site -
Jangan lewatkan info yang akan membuat Anda tergucang. Bagaimana bisa? Karena info tersebut berisi tentang kecantikan.

https://thesealofoblivion.wordpress.com/2017/06/22/rahasia-kecantikan-wanita-asia/ - site -
Bacalah dengan seksama berbagai rahasia - rahasia kecantikan wanita asia. Bisa saja Anda melakukan atau menerapkan hal tersebut di rumah. Wajah cantik seperti orang asia pun dapat Anda dapatkan.

fireplace - site -
interesting post! Thanks for Share Unique and Useful knowledge with us.

http://forum.lensaproperti.com/lounge/kaos-distro-terbaru-lengan-panjang-t173.html - site -
Kaos mudah didapatkan. Karena banyak dari para penjual menjual kaos dibandingkan yang lain. Mengapa? Karena kaos sangat dibutuhkan.

https://moodle.org/mod/forum/discuss.php?d=354843 - site -
Kaos jika digunakan disaat santai, sudah biasa kita lihat. Bagaimana dengan kaos biasa diperpadukan dengan berbagai macam pilihan pakaian? Tentu akan membuat Anda penasaran bukan? Ya, itu adalah kelebihan dari sebuah kaos.

http://indo.mt5.com/showthread.php?41733-kaos-distro-terbaru-2017 - site -
Kaos distro memiliki banyak sekali macam gambar dan tulisan yang bervariasi. Itu mengapa banyak sekali dari para remaja sangat menyukainya. Karena desainnya yang begitu bagus.

https://moodle.org/mod/forum/discuss.php?d=354907 - site -
Jangankan hanya baju. Bedak, minyak dan perlengkapan bayi yang lainnya sangat dibutuhkan. Apalagi jika perlengkapan tersebut diberikan kepada bayi yang baru lahir atau seseorang yang baru saja melahirkan.

http://forum.lensaproperti.com/lounge/perlengkapan-bayi-baru-lahir-murah-t174.html - site -
Memenuhi segala sesuatu untuk sang anak memang tak membuat para orang tua jerah. Tetapi, jangan sampai Anda salah pilih untuk kebutuhannya.

http://indo.mt5.com/showthread.php?41743-Perlengkapan-Bayi-Baru-Lahir - site -
Sebagai orang tua yang cerdas, Anda harus pandai-pandainya memilih segala sesuatunya untuk sang anak. Terutama untuk bayi yang baru lahir dalam kehidupan keluarga kecil Anda.

https://thesedirtyknees.wordpress.com/2017/07/14/teknik-mengecat-motor/ - site -
Untuk mengecat motor ada ketelitian tersendiri dalam mengerjakannya. Jika sembarang mengecatnya akan dapat merusak sesuatu dalam motor tersebut.

http://dabelpin.blogspot.co.id/2017/07/tips-jitu-mengecat-sepeda-motor-anda.html - site -
Warna pada motor jika sudah pudar, dapat dicat. Mengecat dengan tips jitu akan membantu mengerjakannya. Yang diperlukan hanya membaca bagaimana cara-caranya.

https://thesedirtyknees.wordpress.com/2017/07/17/teknik-membuat-motor-drag-2017/ - site -
Motor drag hanya bisa dimodifikasi jika sudah mengetahui langkah-langkahnya. Ada beberapa benda yang dipakai, ada yang beberapa benda dibuat untuk menghiasi motor tersebut.

http://dabelpin.blogspot.com/2017/07/berbagai-motor-di-berbagai-dunia-ini.html - site -
Kreativitas para remaja masa kini tak akan pernah hilang. Mereka akan sering memodifikasikan segala sesuatunya dengan kreativitas mereka. Terutama untuk motor.

https://theshellcasealliance.wordpress.com/ - site -
kaos trendi sangat disukai oleh para remaja. Jangan heran jika kaos yang dimaksud adalah kaos distro.

Walmart Credit Card login - site -
Walmart Credit Card login Walmart is the biggest store in the United States and has hundreds of branches across the globe. Walmart store offers its customers very friendly, flexible purchase experience anywhere anytime

http://blog.unpatti.ac.id/belajarcara/seluk-beluk-motor-drag-2017/ - site -
Mulailah sesuatu yang baru. Mungkin saja hal itu dapat membuat segala sesuatunya menjadi berkah dan bermanfaat untuk ke depannya.

Dung - site -
Wow!! this is a nice article ,as a staff Fantastic work. I read the entire article and i feel your experience in writing..All are good points.Thank you for all of you by giving such and such good article..! ..!!

http://www.robertporterhouse.com/merawat-kecantikan-secara-alami/ - site -
Kesehatan dan kebersihan kulit wajah memang harus dirawat. Jika tidak, akan terjadi pemesalahan wajah yang mungkin tidak bisa dibayangkan sebelumnya.

http://blog.unpatti.ac.id/belajarcara/tampil-cantik-dengan-perawatan-alami/ - site -
Jagalah dan rawatlah kecantikan yang telah dimiliki. Itu merupakan hal yang penting dan jangan sampai terlupa.

http://exre.org/tips-sakti-mengecat-motor-sendiri/ - site -
jangan sia-siakan sesuatu yang mestinya dibutuhkan menjadi tidak dibutuhkan. suatu barang atau benda pastinya sangat penting untuk ke depannya.

https://thescarlettletterbox.wordpress.com/2017/09/01/naluri-wanita-agar-tampil-cantik/ - site -
naluri seorang wanita mengenai kecantikan pastinya ada dan pastinya dimiliki. jadi jangan remehkan hal itu.

https://thesecretallotment.wordpress.com/2017/09/04/balapan-ala-motogp/ -
sebuah pertandingan atau perlombaan atau kejuaraan pastinya membuat hati seseorang yang menontonnya menjadi berdebar. karena apa? karena penasaran dengan hasil akhirnya.

https://thesecretallotment.wordpress.com/2017/09/04/balapan-ala-motogp/ - site -
sebuah pertandingan atau perlombaan atau kejuaraan pastinya membuat hati seseorang yang menontonnya menjadi berdebar. karena apa? karena penasaran dengan hasil akhirnya.

https://thesecretallotment.wordpress.com/2017/09/04/balapan-ala-motogp/ - site -
balapan ala motogp itu menegangkan dan mengasyikan. mengapa bisa? karena balapan ala motogp itu memiliki sensasi yang luarbiasa.

http://www.robertporterhouse.com/antara-motogp-dan-balapan-f1/ - site -
menegangkan. seru. penasaran. terkejut. bercampur jadi satu saat melihat atau menonton pertandingan yang ditunggu-tunggu. atmosfir akan berubah seketika.

http://exre.org/sekilas-tentang-valentino-rossi/ - site -
kenangan atau kilas balik dari seseorang yang sukses akan membantu diri ini menjadi termotivasi dengan kerja kerasnya selama ini. dan itu sangat patut untuk dicontoh.

http://blog.unpatti.ac.id/belajarcara/mengenal-kaos-distro/ - site -
pakaian mulai berkembang dengan sangat pesat. entah dari bentuk, variasi, ukuran dan yang lainnya. semua hal tersebut akan berkembang pesat sesuai dengan zaman.

http://robbg.me/tips-perawatan-kecantikan-kulit/ - site -
perawatan kulit dibutuhkan untuk membersihkan diri dari noda atau debu, dan juga bisa membersihkan penyakit yang mungkin saja akan menyerang.

https://theseventytwo.wordpress.com/2017/09/14/mengapa-kecantikan-harus-dijaga/ - site -
kecantikan seorang wanita indonesia sangat khas. berasal dari mata, hidung, dan lain sebagainya. untuk menjaga kecantikan tersebut merupakan hal yang bisa dilakukan untuk semua wanita.

http://graffiticomics.blogspot.com/2017/09/jenis-perawatan-kecantikan-dan.html - site -
kulit rentan terhadap apa saja, apalagi jika terhadap debu. segera basuh wajah jika sudah berpergian di suatu tempat.

https://lifeonthreesides.wordpress.com/2017/10/04/tips-cantik-memutihkan-wajah/ - site -
memutihkan wajah tak sesuah atau sesulit yang dipikirkan. hanya perlu melakukan yang baik dan bermanfaat untuk melakukan perawatannya.

https://anothersteptobe.blogspot.com/2017/10/perawatan-kecantikan-untik-mencegah.html - site -
penuaan dini itu bisa dicegah. cara mencegahnya pun tak sulit, justru bisa dilakukan dimanapun dan kapanpun.

https://thesamanthadaily.blogspot.co.id/2017/10/trik-ampuh-mengecat-motor-yang-benar.html - site -
mengecat motor itu sebenarnya mudah untuk dilakukan, hanya saja ada beberapa yang sulit dilakukan.

https://thehumanleague.wordpress.com/2017/10/14/mengecat-motor-dengan-pilox/ - site -
mengecat menggunakan pilox sebenarnya mudah, tetapi bagi beberapa orang ada yang mengatakan hal tersebut cukup sulit dilakukan. itu tergantung dari pendapat masing-masing.

https://thehumanleague.wordpress.com/2017/10/14/teknik-mengecat-motor-vespa/ - site -
kesabaran dan ketelitian harus dimiliki jika akan mengecat motor. jika tak memiliki kesabaran dan ketelitian yang cukup, hasilnya akan kurang dari yang diinginkan.

https://dbwenyajourney.blogspot.com/2017/10/tips-mudah-untuk-merias-wajah.html - site -
merias memiliki manfaat bagi kecantikan wajah. merias juga dapat menutupi dan mengurangi masalah pada wajah yang dimiliki. ya, itulah salah satu kelebihan dari merias.

https://dbwenyajourney.blogspot.com/2017/10/mempercantik-diri-dengan-riasan-alami.html - site -
riasan sebenarnya tak hanya dilakukan saat akan menghadiri acara penting saja, namun saat melakukan aktivitas disekitar rumah juga bisa. riasan natural bisa dilakukan.

https://theselaways.wordpress.com/2017/10/20/percaya-dengan-motor-honda/ - site -
motor honda terpercaya. itulah sebabnya mengapa banyak sekali dari mereka memilih dan mengendarai motor honda. honda juga irit dalam setiap pemakaian bahan bakar.

https://theselaways.wordpress.com/2017/10/20/produk-honda-dan-variannya/ - site -
produk yang selalu dikeluarkan atau diluncurkan oleh honda memang selalu terbaik. honda tak akan mau untuk membuat para pecintanya atau para penunggu produknya merasa kecewa. honda akan selalu memberikan yang terbaik.

http://grindhousemovie.blogspot.com/2017/10/motor-drag.html - site -
motor drag. motor yang selalu dikaitkan dengan motor balap jalanan. ya, itu memang benar adanya. motor drag diciptakan untuk hal tersebut, tetapi tak hanya itu saja. motor drah biasanya termasuk dalam komunitas motor.

http://grindhousemovie.blogspot.com/2017/10/sekilas-tentang-motor-drag.html - site -
sekilas mengenal motor drag akan membuat penasaran siapa saja yang melihatnya. bagaimana cara membuatnya, apa saja yang perlu disiapkan, apa saja keunggulannya dan masih banyak lagi yang akan diketahui nantinya.

https://lcfairor.wordpress.com/2017/10/27/pola-hidup-sehat-wanita-cantik/ - site -
tubuh menjadi kurang sehat itu dikarenakan pola hidup sehat yang dijalani masih kurang, masih ada beberapa hal yang kurang yang masih belum diperhatikan saat menerapkan pola hidup sehat. semua pola hidup sehat sebaiknya diterapkan agar tubuh menjadi lebih sehat.

https://lcfairor.wordpress.com/2017/10/26/cara-hidup-sehat-wanita-modern/ - site -
jangan sampai terserang virus dan bakteri, karena jika sampai terkena tubuh akan menjadi kurang sehat dan mudah lelah. jagalah kesehatan agar tak mudah sakit.

https://suigeneris1971.wordpress.com/2017/11/03/resep-tubuh-ideal-wanita-indonesia/ - site -
menahan lapar saat melakukan diet adalah cara yang kurang tepat. bisa berbahaya jika sampai tak makan, terlebih lagi jika sampai lupa. makan adalah kebutuhan yang paling penting meski sedang melakukan proses diet.

https://suigeneris1971.wordpress.com/2017/11/03/cara-cepat-mendapatkan-tubuh-langsing/ - site -
mendapatkan tubuh langsing bisa dilakukan. caranya pun berbagai macam variasi, ada yang mudah dan ada yang susah. cara tersebut bisa dipilih dan dipilah mana yang akan nantinya benar untuk dilakukan.

https://theseventytwo.wordpress.com/2017/11/16/macam-macam-gendongan-bayi/ - site -
berbicara mengenai bayi, pastinya keperluan dan peralatan yang akan dibutuhkan nantinya harus dipenuhi dan harus ada. karena jika sampai tak terpenuhi, bisa membuat kerepotan nantinya.

Ajouter votre commentaire