CSS tutorial: jurus pamungkas (bag.1)


D

ari 5 posting tentang CSS sebelumnya, praktis kita udah ngebahas hampir semua jurus dasar yang diperlukan untuk bikin sebuah dokumen HTML ber-CSS. Ini adalah bagian pertama dari 2 posting penutup jurus2 CSS dasar sebelum gue ngebahas tentang cara make CSS di MP. Di sini kita akan praktekin hampir semua materi yang udah pernah kita bahas, PLUS beberapa materi tambahan tentang background dan border.

So, guys, buckle-up, this is going to be an exciting journey!!

Kita mulai dengan sebuah dokumen HTML sederhana yang kodenya seperti ini:

<HTML>
<HEAD>

</HEAD>

<BODY>

<h1>Maling Sarung Dihakimi Massa.</h1>
<p>AN alias MBT (33th) pemuda pengangguran di kampung Dukuh Wetan, kemarin babak belur setelah ketahuan mencuri sarung milik pak RT. Massa yang terbakar emosi menghujani AN dengan bogem mentah dan benda-benda keras lainnya. Nyawa AN nyaris melayang bila tidak segera diselamatkan oleh seorang anggota kepolisian yang kebetulan lewat. </p>

<p>”Saya sekedar nyuri sarung untuk makan Pak, masa sampai harus digebuki begini,” kliah AN mencoba membela diri di kantor polisi. Ungkapan ini langsung ditukas secara emosional oleh korban (dalam hal ini pak RT sendiri), “Ya tapi lu kira-kira dong, masa sarung lagi dipake mau lo sikat juga!?”</p>

<p>AN kemungkinan akan dikenakan pasal pencurian, pencemaran nama baik serta perbuatan asusila di muka umum. </p>

</BODY>
</HTML>

Hasilnya adalah sebuah dokumen HTML yang bentuknya seperti ini:

Maling Sarung Dihakimi Massa.

AN alias MBT (33th) pemuda pengangguran di kampung Dukuh Wetan, kemarin babak belur setelah ketahuan mencuri sarung milik pak RT. Massa yang terbakar emosi menghujani AN dengan bogem mentah dan benda-benda keras lainnya. Nyawa AN nyaris melayang bila tidak segera diselamatkan oleh seorang anggota kepolisian yang kebetulan lewat.

“Saya sekedar nyuri sarung untuk makan Pak, masa sampai harus digebuki begini,” kilah AN mencoba membela diri di kantor polisi. Ungkapan ini langsung ditukas secara emosional oleh korban (dalam hal ini pak RT sendiri), “Ya tapi lu kira-kira dong, masa sarung lagi dipake mau lo sikat juga!?”

AN kemungkinan akan dikenakan pasal pencurian, pencemaran nama baik serta perbuatan asusila di muka umum.

Sebuah dokumen HTML yang nampak biasa-biasa aja, bukan? Mari kita hias sedikit dengan beberapa jurus CSS.

  1. Bentuk dan ukuran huruf. Dengan perintah yang udah pernah kita bahas di sini dan di sini gue mengubah bentuk dan ukuran huruf dasarnya menjadi verdana 11pt.
  2. Warna dan varian huruf. Biar judulnya makin ngejreng, elemen <h1> alias heading dengan warna merah dan varian small-caps. Jurus yang ini pernah dibahas di sini.
  3. Tinggi spasi. Yang ini belum pernah dibahas sebelumnya.
    Biar tulisan lebih nyaman dibaca, kita juga bisa mengatur tinggi spasi dengan perintah line-height. Satuan ukurannya bisa pake satuan absolut maupun relatif seperti yang dibahas di sini. Untuk contoh ini, gue pake line-height setinggi 150% alias 1.5 spasi.
  4. Alignment. Dengan perintah ini kita bisa menentukan apakah sebuah paragraf akan rata kiri (text-align: left), rata kanan (text-align: right), rata tengah (text-align: center), atau rata kanan-kiri (text-align: justify).

Perintahnya akan berbentuk seperti ini:

<HTML>
<HEAD>

<STYLE>

body {
font-family: verdana;
font-size: 11pt;
line-height: 150%;
text-align: justify
}

h1 {
color: red;
font-variant: small-caps;
}

</STYLE>
</HEAD>

<BODY>

<h1>Maling Sarung Dihakimi Massa.</h1>

<p>AN alias MBT (33 th) pemuda pengangguran di kampung Dukuh Wetan, kemarin babak belur setelah ketahuan mencuri sarung milik pak RT. Massa yang terbakar emosi menghujani AN dengan bogem mentah dan benda-benda keras lainnya. Nyawa AN nyaris melayang bila tidak segera diselamatkan oleh seorang anggota kepolisian yang kebetulan lewat. </p>

<p>”Saya sekedar nyuri sarung untuk makan Pak, masa sampai harus digebuki begini,” kliah AN mencoba membela diri di kantor polisi. Ungkapan ini langsung ditukas secara emosional oleh korban (dalam hal ini pak RT sendiri), “Ya tapi lu kira-kira dong, masa sarung lagi dipake mau lo sikat juga!?”</p>

<p>AN kemungkinan akan dikenakan pasal pencurian, pencemaran nama baik serta perbuatan asusila di muka umum. </p>

</BODY>
</HTML>

Sehingga akan menghasilkan dokumen seperti ini:

Maling Sarung Dihakimi Massa

AN alias MBT (33th) pemuda pengangguran di kampung Dukuh Wetan, kemarin babak belur setelah ketahuan mencuri sarung milik pak RT. Massa yang terbakar emosi menghujani AN dengan bogem mentah dan benda-benda keras lainnya. Nyawa AN nyaris melayang bila tidak segera diselamatkan oleh seorang anggota kepolisian yang kebetulan lewat.

“Saya sekedar nyuri sarung untuk makan Pak, masa sampai harus digebuki begini,” kliah AN mencoba membela diri di kantor polisi. Ungkapan ini langsung ditukas secara emosional oleh korban (dalam hal ini pak RT sendiri), “Ya tapi lu kira-kira dong, masa sarung lagi dipake mau lo sikat juga!?”

AN kemungkinan akan dikenakan pasal pencurian, pencemaran nama baik serta perbuatan asusila di muka umum.

Tapi… masih kurang seru ya? Gimana kalo kita kasih background warna? Ya udah, sekalian kita bahas tentang penggunaan “class” pada elemen <div>!

Pentingnya <div> dalam CSS

Elemen <div> adalah salah satu elemen HTML yang besar banget peranannya dalam ber-CSS-ria karena sifatnya yang mem-“blok” sebuah area berbentuk kotak dalam sebuah dokumen HTML, sehingga cocok untuk dihias-hias dengan background atau border. Kalo mau liat contohnya, buka deh review gue tentang filmnya Project -P di sini. Kotak-kotak kuning di sana gue buat dengan perintah <div>.

Background

Sebelumnya gue jelaskan dulu bahwa perintah “background” dalam CSS nggak cuma bisa diterapkan ke elemen <div> doang lho ya. Ke elemen lain juga bisa. Contohnya ke elemen <span> yang pernah gue bahas di sini. Tapi berhubung <div> akan membentuk bidang kotak, maka background yang kita terapka
n di sana, khususnya yang berbentuk gambar, akan terlihat lebih bagus.

Kita bisa pake background warna seperti ini:

background: #ffffcc; (kuning muda);

atau bisa juga dengan gambar. Tentunya gambar yang bisa dipake adalah yang udah disimpen / dihost di online image hosting seperti photobucket atau imageshack misalnya. Nanti yang dimasukkan dalam perintah CSS-nya adalah link menuju gambar yang udah online tadi seperti ini:

background: url(http:⁄⁄linkmenujugambaryangudahonline);

Border

Perintah “border” digunakan untuk memberi garis pinggir kepada sebuah elemen HTML. Perintah yang terkait dengan perintah border adalah ketebalan, warna, dan jenis garis.

Ketebalan, seperti biasa pake ukuran-ukuran yang pernah kita bahas di sini.

Warna, juga pake kode atau nama warna yang pernah kita bahas di sini.

Jenis garis: ada enam jenis garis yang sering gue liat muncul di MP yaitu solid (garis lurus biasa) dashed (berupa potongan-potongan garis pendek) dotted (berupa titik2), double (dua garis ganda), inset (garis dengan efek kedalaman, bikin area kotak nampak sedikit ‘masuk’) dan outset (garis dengan efek kedalaman, bikin area kotak nampak sedikit ‘timbul’).

Contoh perintahnya adalah seperti ini:

border: 1px solid #aaaaaa;

Yang dalam bahasa manusia berbunyi:

border memiliki ketebalan 1 px, berupa garis lurus, dan berwarna abu-abu.

Menerapkan perintah background dan border

Percuma ngomongin teori sampe berbusa kalo nggak dipraktekin. Sekarang kita coba praktekin perintah2 background dan border ke dalam berita pencurian sarung.

Pertama-tama, gue rencanakan dulu bahwa isi berita akan gue kasih “class” bernama .berita (tentang penggunaan class bisa dibaca di sini). “Class” bernama .berita ini punya format sbb:

  • background warna kuning muda (#ffffcc)
  • dikelilingi border dashed setebal 1px berwarna coklat muda (#993333)

Maka gue memasukkan class .berita ke dalam kode style seperti ini:

<HTML>
<HEAD>

<STYLE>

body {
font-family: verdana;
font-size: 11pt;
line-height: 120%;
}

h1 {
color: red;
font-variant: small-caps;
}

.berita {
background: #ffffcc;
border: 2px dashed #99333;
}

</STYLE>
</HEAD>

<BODY>

<h1>Maling Sarung Dihakimi Massa.</h1>

<p>AN alias MBT (33 th) pemuda pengangguran di kampung Dukuh Wetan, kemarin babak belur setelah ketahuan mencuri sarung milik pak RT. Massa yang terbakar emosi menghujani AN dengan bogem mentah dan benda-benda keras lainnya. Nyawa AN nyaris melayang bila tidak segera diselamatkan oleh seorang anggota kepolisian yang kebetulan lewat. </p>

<p>”Saya sekedar nyuri sarung untuk makan Pak, masa sampai harus digebuki begini,” kliah AN mencoba membela diri di kantor polisi. Ungkapan ini langsung ditukas secara emosional oleh korban (dalam hal ini pak RT sendiri), “Ya tapi lu kira-kira dong, masa sarung lagi dipake mau lo sikat juga!?”</p>

<p>AN kemungkinan akan dikenakan pasal pencurian, pencemaran nama baik serta perbuatan asusila di muka umum. </p>

</BODY>
</HTML>

Perhatikan, di depan nama “class” selalu ada titik. Setelah menyiapkan class-nya, gue tambahkan elemen div yang mengacu pada class tersebut di dalam body, seperti ini:

<HTML>
<HEAD>

<STYLE>

body {
font-family: verdana;
font-size: 11pt;
line-height: 120%;
}

h1 {
color: red;
font-variant: small-caps;
}

.berita {
background: #ffffcc;
border: 2px dashed #99333;
}

</STYLE>
</HEAD>

<BODY>

<h1>Maling Sarung Dihakimi Massa.</h1>

<div class=”berita”><p>AN alias MBT (33 th) pemuda pengangguran di kampung Dukuh Wetan, kemarin babak belur setelah ketahuan mencuri sarung milik pak RT. Massa yang terbakar emosi menghujani AN dengan bogem mentah dan benda-benda keras lainnya. Nyawa AN nyaris melayang bila tidak segera diselamatkan oleh seorang anggota kepolisian yang kebetulan lewat. </p>

<p>”Saya sekedar nyuri sarung untuk makan Pak, masa sampai harus digebuki begini,” kliah AN mencoba membela diri di kantor polisi. Ungkapan ini langsung ditukas secara emosional oleh korban (dalam hal ini pak RT sendiri), “Ya tapi lu kira-kira dong, masa sarung lagi dipake mau lo sikat juga!?”</p>

<p>AN kemungkinan akan dikenakan pasal pencurian, pencemaran nama baik serta perbuatan asusila di muka umum. </p></div>

</BODY>
</HTML>

Maka, lo akan mendapatkan dokumen yang berbentuk seperti ini:

Maling Sarung Dihakimi Massa

AN alias MBT (33th) pemuda pengangguran di kampung Dukuh Wetan, kemarin babak belur setelah ketahuan mencuri sarung milik pak RT. Massa yang terbakar emosi menghujani AN dengan bogem mentah dan benda-benda keras lainnya. Nyawa AN nyaris melayang bila tidak segera diselamatkan oleh seorang anggota kepolisian yang kebetulan lewat.

“Saya sekedar nyuri sarung untuk makan Pak, masa sampai harus digebuki begini,” kliah AN mencoba membela diri di kantor polisi. Ungkapan ini langsung ditukas secara emosional oleh korban (dalam hal ini pak RT sendiri), “Ya tapi lu kira-kira dong, masa sarung lagi dipake mau lo sikat juga!?”

AN kemungkinan akan dikenakan pasal pencurian, pencemaran nama baik serta perbuatan asusila di muka umum.

Gimana, makin meriah kan beritanya?

Tapi… coba deh perhatiin: dari tulisan ke garis pinggir terlalu mepet, kurang enak diliat. Untuk mengatasinya, kita perlu menambahkan perintah padding / margin. Tentunya nggak akan kita bahas sekarang, pertama karena posting ini udah terlalu panjang, ke dua- karena gue juga udah pegel ngetik! Jadi untuk sementara silakan dicoba2 dulu jurus2 background dan border ini, ya!

Posting tutorial CSS sebelumnya:
Apa itu CSS?
Ukuran-ukuran dalam CSS
Memformat font pake CSS
Link yang bling-bling
Semua, tapi jangan semua deh!


Iklan baris:

Iklan
Pos Berikutnya
Tinggalkan komentar

28 Komentar

  1. Hanya dengan investasi 4 x Rp. 25.000,- = Rp. 100.000,-, anda bisa memperoleh income sebesar Rp. 4,21 Miliar hanya dalam 4 minggu !! Dana yang diperoleh member Program Investasi ArisanDahsyat sifatnya adalah SAH dan HALAL. Ikuti langkah-langkahnya :1. Klik : http://www.arisandahsyat.com/?id=Bery%20YustarPastikan Sponsor yang tampil adalah Bery Yustar2. Klik ORDE R pada Info Menu. Pastikan selalu sponsor yang tampil adalah Bery Yustar. Jika tidak, klik lagi link pada no.1 di atas.3. Isi formulir pendaftaran dan ikuti petunjuk selanjutnya.4. Selamat mencoba dan semoga sukses.

    Suka

    Balas
  2. bagian tutorian ttg CSS ini menarik skali buat kupengen belajar juga, mestinya otodidak, neehdari dulu blajar kompie dari ngebaca + ngeliat temen, dicampur tanya2 cas cis cus…..masih blm OK jugasemoga posting ini bisa membantu ku, makasih bgt tips najurus pamungkas na banyak yah?

    Suka

    Balas
  3. gomak said: makasih ya mas agung,,,,, gw akan coba pelajari dech,,,met kenal ya,,, and sekalian gw add,,

    terima kasih kembali, salam kenal juga 🙂

    Suka

    Balas
  4. makasih ya mas agung,,,,, gw akan coba pelajari dech,,,met kenal ya,,, and sekalian gw add,,

    Suka

    Balas
  5. Kapan bisa nyoba ya??? (*manyun dot com*)

    Suka

    Balas
  6. mbulett … tapi kapan2 ane coba dahh

    Suka

    Balas
  7. thax mas kapan2 dicobain

    Suka

    Balas
  8. makasiiiiiiiiiiiiiih pa’ guru

    Suka

    Balas

Ada komentar?

Please log in using one of these methods to post your comment:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

  • Komentar Terbaru

    mbot di Yang Terjadi Pada Bahu Ayah In…
    Tjetje [binibule.com… di Yang Terjadi Pada Bahu Ayah In…
    [sharing HRD] negosi… di [sharing HRD] WASPADA! 5 gelag…
    Koper | (new) Mbot… di Realita, Cinta, dan Rock n…
    mbot di Yang Terjadi Pada Bahu Ayah In…
    ganganjanuar di Yang Terjadi Pada Bahu Ayah In…
    mbot di OGC 2017: Udah Pernah ke Roma,…
    Tjetje [binibule.com… di OGC 2017: Udah Pernah ke Roma,…
    mbot di OGC 2017: Udah Pernah ke Roma,…
    enkoos di OGC 2017: Udah Pernah ke Roma,…
  • Terfavorit

  • Terbanyak diklik

  • Masukin email lu di sini agar dapat notifikasi tiap kali ada tulisan baru

    Bergabunglah dengan 4.241 pengikut lainnya

  • Twitnya @mbot

  • Agung ‘si mbot’ Nugroho

  • Arsip

  • Penunggu blog ini

    mbot

    mbot

    Seorang pegawai biasa-biasa aja

    Layanan Terverifikasi

    Tampilkan Profil Lengkap →

  • RSS Nonton Deh!

    • Sensasi Nonton Pengabdi Setan Bareng Emak-Emak Setan 8 Oktober 2017
      Sejak lama, Joko Anwar terobsesi dengan film horor. Menurutnya, horor adalah genre film yang paling jujur. Tujuannya ya nakut-nakutin penonton, bukannya mau ceramah, motivasi, atau menyisipkan pesan moral. Di kesempatan berbeda, gue juga pernah denger dia bilang, secara komersial film horor lebih berpotensi laku. Alasannya sederhana: karena takut, orang cend […]
    • Parodi Film: Jailangkung (2017) 26 Juni 2017
      SPOILER ALERTSPOILER ALERTSPOILER ALERTSPOILER ALERTSPOILER ALERTSPOILER ALERTFerdi (Lukman Sardi) diketemukan nggak sadar di sebuah rumah terpencil oleh pilot pesawat carterannya. Dia dirawat di ICU, tapi dokter nggak bisa menemukan apa penyakitnya.Anak Ferdi, Bella (Amanda Rawles), tentu kepikiran. Dia minta bantuan Rama (Jefri Nichol), seorang... yah, dib […]
    • Parodi Film: Suicide Squad (2016) 14 Agustus 2016
      SPOILER ALERT!Jangan baca kalo masih ingin penasaran dengan cerita film ini.SPOILER ALERT!SPOILER ALERT!SPOILER ALERT!Amanda Waller, pejabat intelijen, presentasi di depan sekumpulan pejabat militer. AMANDA: “Kita beruntung Superman yang barusan ini, yang sekarang lagi mati suri dan dipastikan akan hidup kembali dalam film berikut karena demikianlah pakem da […]
    • Parodi Film: Bangkit (2016) 12 Agustus 2016
      SPOILER ALERT!Jangan baca kalo masih ingin penasaran dengan cerita film ini.SPOILER ALERT!SPOILER ALERT!SPOILER ALERT!Ada bus kejeblos jurang. Muncul sang pahlawan, anggota Basarnas, bernama Addri. Ya, dengan 2 huruf D. Addri: “Saya akan menyelamatkan Anda semua, satu per satu. Kita mulai dari wanita dan anak-anak!”Beberapa menit kemudian, hampir semua penum […]
    • Kalo Fans Turun Tangan Ngeberesin Trailer Film 15 Mei 2016
      Hari gini, jadi produsen film 'mainstream' itu semakin nggak gampang. Masalahnya, software pembuat film makin gampang didapat, film bisa dibikin secara "rumahan" dan akibatnya: penonton makin kritis. Sepuluh tahun lalu, saat produsen film melempar trailer promosi ke pasar, kemungkinannya cuma dua: orang tertarik atau nggak tertarik. Sekar […]
    • Review: My Stupid Boss (2016) 14 Mei 2016
      Nggak kerasa udah 7 tahun sejak gue pertama kali bikin review tentang buku My Stupid Boss. Dalam kurun waktu tersebut bukunya udah masuk jilid 5, plus sempet ada antologi cerita boss-boss bego kiriman pembaca juga, dan… difilmkan!Kemarin gue kembali beruntung dapet kesempatan nonton premiere film My Stupid Boss the Movie, sebagai (kalo nggak salah) premiere […]
    • Review: 5th Wave (2016) 17 Januari 2016
      Coba deh tonton trailer film ini:Action? Check.Alien? Check.Chloë Grace Moretz? Check.Jelas, gue langsung memutuskan nonton.Ekspektasi gue adalah film sejenis Battle Los Angeles (2011) atau War of the Worlds (2005) atau Independence Day (1996), tentang bumi yang diserang alien jahat dan berisi adegan-adegan perang seru.Begitu filmnya mulai, adegan dibuka den […]
    • Review: Ngenest: Kadang Hidup Perlu Ditertawakan (2015) 5 Januari 2016
      Tentang kenapa di sini kaum Cina ‘diperlakukan khusus’ adalah pertanyaan yang belum berhasil gue temuin jawabannya. Kenapa kita bisa santai bilang, “Si Joko Jawa, Si Tigor Batak, Si Asep orang Sunda,” tapi giliran “Si Ling Ling” mendadak kagok, lantas jadi nginggris: “Chinese”? Atau yang lebih absurd lagi: pencanangan sebutan Cina diganti jadi Tionghoa oleh […]
    • Obrolan Film Merangkap Ujian Kesabaran 9 April 2015
      Setiap orang punya penghayatan beda tentang film. Ada yang suka ngapalin berbagai detil tentang film favoritnya, ada juga yang bisa inget judul aja udah syukur. Sah-sah aja sih sebenernya. Yang bikin senewen adalah NGEDENGERIN orang-orang tipe terakhir saling ngobrol. Kemarin, karena udah kemaleman untuk jalan kaki, gue pulang naik angkot. Di dalemnya ada 2 […]
    • Review: Guru Bangsa: Tjokroaminoto (2015) 6 April 2015
      Baru kali ini gue sampe merasa perlu "belajar" dulu sebelum nonton film. Ada dua pemicunya. Pengalaman nonton film Lincoln: udah mana pengetahuan gue tentang sejarah Amerika minim banget, cuma ngerti Lincoln itu anti perbudakan dan matinya ditembak, eh di filmnya muncul tokoh banyak banget yang mukanya nampak sama semua karena rata-rata berewokan.  […]
  • RSS Bisnis bareng Ida Yuk!

    • Banyak orang gagal jalanin MLM? Bukan..mereka BERHENTI. 1 September 2016
      'Udah pernah join dulu mbak, tapi gagal….’ Pernah denger kalimat ini saat mengajak seseorang join oriflame? Saya sering..  Alasan ‘kegagalan’-nya macam-macam.. Ada yg karena modalnya mandeg gara-gara jualan produk oriflamenya sistem hutang maka menilai bisnisnya gagal , ada yg ditolak 10 orang lalu merasa gak bakat dan gagal, ada yg gak naik-naik level […]
    • Konsultan Oriflame seperti siapakah Anda: Neil Armstrong atau Lance Armstrong? 26 Agustus 2016
      Ada dua orang Armstrong yang menempati ruang khusus di hati rakyat Amerika. Keduanya berjasa, telah terbukti komitmennya, dan menunjukkan keberanian yang menginspirasi banyak orang. Namun, kisah mereka memiliki akhir yang berbeda. Yang pertama adalah Neil Armstrong, astronot Amerika. Sebagai orang pertama yang menginjakkan kaki di bulan, namanya kondang ke s […]
    • Bangga Jualan, Sekarang Juga! 25 Agustus 2016
      "Malu Jualan", barengan sama "Gampang Percaya Hoax" dan "Jam Karet"adalah kebiasaan-kebiasaan yang penting segera diberantas karena bikin Indonesia susah maju. Tapi "Malu Jualan" adalah yang paling parah. Beberapa waktu lalu, seorang teman yang lama nggak kedengeran kabarnya tiba-tiba muncul dengan pertanyaan, "Gu […]
    • Kerja Oriflame itu seperti apa sih? 24 Agustus 2016
      Dulu, waktu pertama kali baca tentang Oriflame, liat cerita sukses para top leader yang berhasil dapat penghasilan bulanan hingga puluhan juta, dapat mobil, jalan-jalan ke luar negeri, aku bertanya-tanya, "Ini kerjanya gimana sih sebenernya? Kok kayaknya seru banget. Nggak harus terikat jam kerja kayak kantoran tapi bisa pada punya uang jutaan!" Se […]
    • Skin Pro Oriflame, Membersihkan Wajah 5x Lebih Bersih 23 Agustus 2016
      Membersihkan wajah itu penting! Aku menyarankan metode 2 langkah untuk pembersihan wajah, yaitu: 1. Susu Pembersih 2. Toner Untuk menuntaskan pembersihan, kita mencuci muka menggunakan sabun muka yang sesuai dengan jenis kulit. Cuci muka pakai tangan saja hasilnya ternyata kurang maksimal, karena kotoran dalam pori-pori tidak bisa terangkat sepenuhnya. Orifl […]
    • Edukasi MLM untuk Abang Gojek 22 Agustus 2016
      Aku baru pulang dari training skin care di Oriflame Daan Mogot. Pulangnya seperti biasa panggil Gojek. Di jalan, abang Gojeknya tanya, kenapa ramai sekali kantor Oriflame Daan Mogot hari itu. Rupanya dia biasa mangkal di depan kantor Oriflame dan keramaian hari itu lebih dari biasanya. Aku bilang, habis ada training besar, yang pesertanya sampai 300 orang. T […]
    • Scrub Bibir ala Ida dengan Tendercare dari Oriflame 21 Agustus 2016
      Banyak downline dan pelanggan yang menanyakan, apakah Oriflame sudah mengeluarkan produk scrub untuk bibir. Sayangnya, sampai hari ini belum. Tapi kita bisa membuat scrub bibir sendiri lho, dengan memanfaatkan produk andalan Oriflame, si kecil mungil ajaib Tendercare. Silakan tonton videonya ya! Bonus: Di menit 4:55 ada kejutan khusus gara-gara shootingnya d […]
    • NovAge, Skin Care favorite aku! 19 Agustus 2016
      Soal urusan merawat wajah, aku udah buktiin sendiri deh pokoknya. Produk Oriflame yg sesuai kalau dipakainya secara KONSISTEN dan SABAR, hasilnya beneran NYATA. Sebagai yg kulit wajahnya cukup rewel--sensitif maksudnya, aku dulu takut sekali coba sembarang skin care. Soalnya salah-salah pakai produk pastiii jerawatan dan bruntusan. Ah sedih deh pokoknya. Mak […]
    • Oriflame bagi-bagi Tab Advan, ini pemenang dari teamkuu.. :-) 17 Agustus 2016
      Bulan April 2016 lalu Oriflame bikin challenge KEREN BANGET!Apalagi kalau gak bagi-bagi hadiah kan? Judul challenge-nya 'NOW OR NEVER'.Persyaratannya bisa dibilang MUDAH SEKALI lho. Para konsultan yang ingin dapat hadiah ini cukup meraih level baru 9% atau 12% atau 15% di bulan April 2016, lalu mempertahankannya di bulan berikutnya. Serta ada syara […]
    • Merawat wajah itu SABAR dan KONSISTEN. 20 Juni 2016
      Yang namanya perawatan kulit wajah itu BUTUH WAKTU ya teman2. Minimal banget hasil mulai terlihat nyata pada minggu ke 4 ya.. sekitar 28 hari, sesuai siklus pergantian kulit kita. Baca lagi, aku tulis-- 'MULAI terlihat nyata'. Bukan berarti langsung tau2 muka berubaaaaah gitu. Gak bisa. Tapi umumnya akan terlihat perbedaan pada minggu ke 4. Apalagi […]
%d blogger menyukai ini: