Menyembunyikan Elemen dengan CSS yang SEO Friendly



I'm back, sobat. Sudah sekian lama blog ini tidak diupdate dengan artikel-artikel bermanfaat. Jadi sekarang saatnya saya sedikit berbagi hal kecil, tapi berefek besar, khususnya bagi perkembangan SEO blog sobat.

Seperti umumnya diketahui, kita bisa menyembunyikan elemen dengan bantuan CSS, dan bahkan javascript. Tujuannya adalah agar suatu elemen tertentu, misalnya yang dinaungi oleh <div>, tidak terlihat oleh mata manusia/pengunjung.

Cara paling mudah, yang paling sering kita gunakan adalah snippet CSS khusus:
  • visibility: hidden dan
  • display: none
Keduanya sering digunaan bersamaan, mengingat IE versi tua (versi 6, dll) hanya mengenali property visibility. Bagi browser lain, properti ini hanya menyembunyikan (tidak menampakkan) tetapi properti lainnya masih berlaku (misalnya ada margin, padding) dll, sehingga meskipun elemen tidak tampak, tapi menyisakan ruang kosong yang terlihat mengganjal. Sedangkan property display "menghapus" semua yang tampak sekaligus properti lainnya. Itulah kenapa keduanya sering berpasangan.

Mengapa tidak menggunakan JS? Satu alasan, agar search engine (Google, dll) tetap melihatnya, karena pada dasarnya (awalnya) search engine hanya melihat markup tanpa memperhatikan dan me-render elemen lain (JS dan CSS). Oleh karena itu, menggunakan javascript akan membuat elemen di dalamnya tidak hanya "hilang" di mata manusia, tapi sekaligus search engine.

Penggunaan snippet semacam ini lazim dalam praktek SEO, khususnya blackhat SEO, untuk melakukan spam.
<div class="elemen">keyword a, keyword, b, c, d, dll</div>
snippet CSS-nya:
.elemen {display: none; visibility: hidden;}
Search engine, khususnya Google, kini semakin canggih, Beberapa hal yang pernah saya temukan di antaranya adalah kemampuan untuk mengindeks dan me-render isi komentar Facebook dan membaca isi elemen javascript yang rumit. Nah, di antara kemampuan baru ini, sekarang Google sudah mempertimbangkan CSS sebagai bagian dari penentuan ranking berdasarkan user experience, yaitu kemanfaatan dan kemudahan penggunaan situs dari sudut pandang pengguna. Salah satu contoh dari kemampuan ini adalah Google sekarang mempertimbangkan ranking berdasarkan kemampuan web dalam menyuguhkan halamannya terhadap pengguna mobile. Istilahnya mobile friendly. Google juga bisa menjadi alat tes apakah situs mobile-friendly. Pada tes itu, engine Google mampu menilai usability sebuah situs untuk pengguna mobile, misalnya, besar kecil teks, responsivitas elemen, keberadaan situs versi mobile, javascript, dll. 

Dengan kemampuan seperti itu, Google tentu dengan mudah mendeteksi keberadaan teks yang disembunyikan hanya untuk tujuan SEO. Di sini, peran besar Penguin dan Panda sangat terlihat. 

Tidak semua yang menggunakan snippet demikian untuk tujuan SEO. Tapi, pada prakteknya, blog/web sobat dapat terkena imbas penurunan ranking karena menggunakannya. Tujuannya mungkin baik, agar user tidak melihat elemen tertentu yang sebenarnya tidak ingin ditampilkan. Misalnya, sobat pake template A dimana ada elemen yang sebenarnya tidak ingin ditampilkan tapi tidak ingin menghapus elemen itu. Maka sobat memutuskan menggunakan CSS visibility dan display untuk menyembunyikan. Tapi, ini bisa berbahaya untuk SEO blog. Blog bisa dicap sebagai spammer.

So bagaimana cara menyembunyikan elemen dengan CSS yang tepat?

Gunakan properti position dan dorong elemen hingga ke posisi yang tidak terlihat, baik ke atas, bawah, atau samping. Dalam hal ini, gunakan value negatif paling tinggi, setinggi-tingginya.

Untuk position, pastikan posisi elemen bisa keluar dari ruang yang terlihat, yaitu dengan membuatnya tidak statis, position:absolute.

Untuk menggeser hingga ke luar jalur, eh maksudnya keluar ruang browser, gunakan nilai negatif pada top atau left atau keduanya, misalnya: top: -9999px dan left: - 9999px.

Jadi kita dapat:
.elemen {position: absolute; top: -9999 px; left: -9999px;}
Sobat juga bisa menggunakannya langsung secara inline pada elemen:
<div style="position: absolute; top: -9999px; left: -9999px">elemen yang disembunyikan</div>
Silahkan coba dan praktekkan. That's it. Semoga bermanfaat.

© copyright Ahmad Khoirul Azmi, published only for buka-rahasia.blogspot.com.

read more

Pesta Barbeque Lebih Mudah Menggunakan Mesin Pemanggang BBQ

Disclaimer: This is a sponsored / guest article. The article is for both informational and commercial intentions. We are not responsible and have no any relationship whatsoever with the content written below.
---

Pernah dengar pesta barbeque? Atau bisa juga disebut pesta BBQ. Pesta ini merupakan perayaan atau bisa jadi acara kumpul bersama keluarga besar maupun teman-teman. Pesta ini menggunakan media bara api, arang atau bisa juga charcoal yang mana fungsinya untuk memanaskan daging sapi, kambing/domba dan daging babi (daging ayam tidak dihitung karena biasanya sudah sering dikonsumsi) beserta sayur-sayuran sebagai pelengkapnya. Sebelum daging-daging ini dipanggang di atas bara api, daging ini akan dicelupkan terlebih dahulu pada saus rendam daging yang mana orang-orang juga menyebutnya dengan saus barbeque atau saus BBQ. Penting untuk diketahui bahwa tempat untuk menyelenggarakan pesta barbeque haruslah di luar ruangan disebabkan karena media penggunaannya yang melibatkan api dan asap.

Jika Anda berniat melakukan pesta barbeque bersama teman maupun keluarga Anda atau bagi Anda yang selama ini sering melakukan pesta barbeque tapi masih menggunakan media arang, kayu, dan alat manual lainnya, Anda patut beralih menggunakan mesin pemanggang bbq. Anda tidak perlu repot menyalakan api menggunakan korek karena penggunaan mesin pemanggang bbq cukup mudah seperti menggunakan kompor gas. Ada beberapa jenis mesin pemanggang bbq yang dijual di pasaran. Beda dari mesin pemanggang bbq ini adalah dari jenis dan ukuran daging yang ingin Anda panggang.

1. Mesin Pemanggang BBQ Gas Char Rock Broiler
Mesin pemanggang bbq ini sangat cocok digunakan untuk memanggang daging yang besar dan keras. Mesin ini juga menggunakan batu tahan panas dengan jumlah yang berbeda di masing-masing mesin pemanggang bbq-nya. Batu tersebut dapat digunakan untuk mempertahankan panas pada periode tertentu. Kelebihan lainnya dari mesin pemanggang bbq ini adalah hemat bahan bakar. Contoh Mesin Pemanggang BBQ Gas Char Rock Broiler:
  • Char Rock Broiler CRB2B : pemanggang yang terdapat 102 batu tahan panas. 
  • Char Rock Broiler CRB3B : pemanggang yang terdapat 160 batu tahan panas.

2. Gas Smokeles BBQ
Mesin pemanggang bbq ini tanpa asap sehingga dapat mengandalkan cita rasa bumbu  dan aroma. Mesin pemanggang bbq gas smokeless ini merupakan salah satu teknologi mesin pemanggang bbq yang dapat Anda gunakan di dalam ruangan. Sehingga semisal cuaca di luar tidak mendukung namun Anda sudah berencana untuk pesta bbq, Anda tetap dapat melakukannya dengan menggunakan mesin pemanggang bbq ini. Contohnya antara lain:

3. Gas BBQ Burner
Mesin pemanggang bbq ini memiliki garis garis renggang yang mana sangat cocok digunakan untuk daging yang tebal dan lebar. Kelebihan lainnya adalah ketinggian panggangannya yang dapat diatur, mudah dibersihkan, higienis dan covernya tahan panas. Contoh Mesin Pemanggang Gas BBQ Burner:
  • BBQ Burner Type ET-K222 : pemanggang dengan 4 tungku.
  • BBQ Burner Type ET-K233 : pemanggang dengan 6 tungku.
  • BBQ Burner Type ET-K333 : pemanggang dengan 6 tungku ukuran besar.
  • BBQ Burner 12 Rotate Skewer : pemanggang dengan 6 tungku ukuran besar dan 12 tempat sate yang bisa diputar.
Apabila Anda ingin mencari mesin pemanggang bbq, Anda dapat memesannya di toko online Mesin Raya yang menyediakan berbagai macam mesin pemanggang bbq. Cukup Anda menjelaskan detail mesin pemanggang bbq seperti apa yang Anda inginkan dan Anda gunakan untuk memanggang daging yang bagaimana, maka Mesin Raya akan merekomendasikan mesin pemanggang bbq yang sesuai dengan keinginan Anda. Dengan penggunakan mesin pemanggang bbq ini akan menjadikan pesta Anda lebih hemat waktu yang mana dapat Anda manfaatkan untuk bersenda gurau bersama teman dan keluarga serta lebih higienis karena tidak perlu mengangkut arang, kayu dan alat manual lainnya. Miliki sekarang, karena kesenangan bersama tak dapat ditunda esok hari! 
read more

Daftar Situs Social Bookmark Dofollow Indonesia (Fresh Big Update 2014)


Social Bookmark Indonesia.
Posting ini adalah update dari list social bookmark dofollow Indonesia yang pernah saya buat tahun lalu. Karena sudah usang, dan update tidak ada habisnya, maka saya putuskan untuk membuat list yang baru saja, sehingga postingnya tetap fresh. Ada banyak sekali situs social bookmark Indonesia yang sudah mati. Meskipun sudah berburu selama berjam-jam, yang didapat tidak banyak. Tapi saya harap beberapa list baru ini bisa berkontribusi besar terhadap promosi konten blog sobat, dan pastinya untuk upaya SEO, khususnya link building.

Saya ucapkan terima kasih sebesar-besarnya pada para pemilik social bookmark Indonesia yang telah berjuang mati-matian untuk membuat dan mempertahankan social bookmark-nya agar tetap eksis dan dapat membantu para Blogger Indonesia. Untuk sementara list ini akan saya fokuskan pada social bookmark yang dofollow dan sebagian kecil nofollow (masih ounya value loh untuk visibilitas, dan tidak akan memuat/meng-update social bookmark yang menggunakan URL redirect. Jika memungkinkan, ke depan akan saya update dengan berbagai jenis social bookmark, khususnya yang di Indonesia.

Sebenarnya sangat disayangkan, situs-situs seperti Kombes dan Indofeed, yang memiliki traffic tinggi harus gulung tikar atau dijual lagi, karena sebetulnya situs-situs tersebut memiliki kans yang sangat baik, tidak hanya di Indonesia, tapi juga dunia internasional. Tapi mungkin ada banyak faktor yang harus membuat pemiliknya menutup situs-situs tersebut.

Mungkin sebagian besar atau seluruh situs social bookmark dofollow Indonesia di bawah sobat sudah tahu. Tapi tidak ada salahnya saya share untuk sobat-sobat lain yang mungkin melewatkan beberapa di antaranya. Apabila ada yang lain, silahkan tambahkan melalui komentar.

Fresh Update 07 09 2014:

  • www.socialbookmark-indonesia.com
  • www.muliabookmark.com
  • detikindo.com
  • okenesia.com
  • guepunya.com
  • liputanku.com
  • id.coffelink.com
  • seonesia.com
  • capek.info
  • promo-id.com
  • add-e.com
  • potret.biz
  • usulkan...... :)

Last Update (2014, banyak yang sudah saya hapus):
2. InfoGue.
6. Populerkan. (lihat daftar grupnya di bawah)
18. Tunden.
28. IndoFeed

Update: (16 Januari 2014)
daftar situs dari populerkan social bookmarking group:
1. www.populerkan.com
2. www.cepatnya.com
3. www.beritapilihan.com
4. www.Beritawan.com
5.  www.jaditerkenal.com
6. www.perdetik.com
7. www.klubberita.com
8.  www.anepunya.com
9. www.befamoussite.com
10. www.beritawoow.com
11. www.zonasubmit.com
12. www.yourbookmarking.com
13. http://www.pusatseo.com
14. http://www.oserba.com

daftar situs dari Sumbawa News Group:
1. www.kanalku.com
2. www.wartawan.co
3.  www.sumbawanews.com/situsku
4.  www.zeromodal.com
5.  www.dompunews.com
6. www.nusatenggaranews.com


Note:
- Sorry, beberapa situs bookmarking saya hapus karena: sudah tidak aktif, tidak jelas, dan menggunakan url redirect, frame, atau menggunakan fungsi onclick. Nofollow masih tidak masalah karena tetap ada value. Tapi kalo pake fungsi-fungsi yang sudah disebutkan, berarti tidak ada backlink sama sekali. Kalo ada yang tahu ada halaman di atas yang pake fungsi redirect, atau frame, silahkan informasikan, akan langsung saya hapus. Thanks

Silahkan submit blog dan kontennya di situs-situs social bookmark di atas, asal gak nyepam and mengikuti ketentuan masing-masing situs. :)

A little note and tips:
- Bagaimana sih cara nge-test social bookmark yang bagus? Sebenarnya cukup simpel. Social bookmark dan portal sekelas lintas.me (ex lintasberita.com), memiliki update indeks Google yang amat sangat cepat. Selang satu atau dua menit setelah publish, maka halaman bookmark baru langsung terindeks Google. Padahal ada ratusan hingga ribuan bookmark di-submit setiap jamnya. Cara mengetahuinya? Setelah submit link/konten, selang beberapa waktu, ketikkan judul post/bookmark di pencarian search engine.
- Luangkan waktu untuk menuliskan kembali deskripsi dan judul pada konten yang disubmit. Setidaknya, jangan sekedar copy paste deskripsi dari konten. Hindari deskripsi yang tidak unik. Untuk menuliskan 3 atau 4 kalimat baru, saya kira tidak membutuhkan waktu lebih dari 5 menit. Dengan cara ini, link dari halaman konten di social bookmark memiliki kualitas karena deskripsi di sekitarnya unik dan menganggapnya sebagai rujukan, bukan sekedar quote atau cuplikan saja. Samakan ini sebagai linkback dari halaman posting artikel blog.

Have a nice blogging and bookmarking.
© buka-rahasia.blogspot.com. All rights reserved.
read more

Fanklik.com: Situs PTC Indonesia yang Terbukti Membayar!

Disclaimer: This is a sponsored / guest article. The article is for both informational and commercial intentions. We are not responsible and have no any relationship whatsoever with the content written below.
---

Fanklik adalah sebuah PTC(paid to click) lokal,dimana agan akan dibayar hanya dengan mengklik iklan yang tampil selama 5-15 detik,iklan tersebut berasal dari advertiser yang membayar untuk mempromosikan suatu produk dan bila saldo klik agan sudah mencapai min Rp20.000 agan sudah bisa mencairkannnya pembayaran akan ditranfer melalui bank BRI BNI BCA MANDIRI ,fanklik sudah terbukti membayar silahkan anda lihat bukti pembayaran di forum kami.
klik untuk memperbesar
klik untuk memperbesar
Fanklik juga memiliki versi android yang bisa agan download disini untuk mempermudah agan dalam mengklik iklan ,agan bisa mengklik sambil berpergian dimanapun dan kapan pun.

yang mau bergabung silahkan agan langsung menuju TKP klik disini
read more

Apakah Link Nofollow Pada Komentar Mempengaruhi SEO Blog?

Assalamu'alaikum! Setelah sekian lama saya off dari nulis karena sakit yang lumayan "hard" dan pekerjaan offline, akhirnya alhamdulillah, dalam kesempatan ini saya bisa mengawali kehadiran di dunia online dan bisa bikin post lagi. Saya ingin menjawab pertanyaan mengenai "apakah link nofollow di komentar masih mempengaruhi SEO, terutama bagi web/blog dimana link itu ditanam?"
---

Selama sebuah komentar itu relevan, maka menjadi value yang bagus, baik bagi SEO blog maupun bagi pembaca. Komentar adalah ruang "ekstensi", dimana sebuah post/artikel bisa diperluas serta diperdalam pembahasannya, didiskusikan, dan diperjelas apabila ada hal yang belum secara total digamblangkan. Kita sebagai blogger tentu sudah akrab banget dengan istilah komentar spam; komentar yang tidak relevan, dan biasanya berisi link-link yang ditanam dengan tujuan promosi dan SEO. 

Para spammer biasanya menanam link di dalam komentar dengan tujuan meningkatkan jumlah backlink, dan akhirnya tujuan berujung pada upaya meraih peringkat website/blog di Google search engine, baik peringkat halaman utama maupun halaman internalnya.

Fitur komentar yang disediakan oleh berbagai platform blogging dan website terkemuka seperti Blogger, WordPress, TypePad, dll secara otomatis sudah membubuhkan atribut nofollow pada setiap link di dalam komentar, baik pada nama komentator maupun konten komentar.  

Pertanyaannya adalah:
  1. Apakah link-link nofollow dalam jumlah banyak di dalam komentar akan mempengaruhi SEO blog?
  2. Apakah efek bagi backlink yang ditanam di dalam komentar nofollow dan pada website/blog tujuan dalam hal SEO?

Efek Link Nofollow dalam Komentar Blog

Seperti yang sudah saya sampaikan di atas, jika sobat menggunakan platform-platform blogging yang sudah disebutkan, maka ruang komentar blog sobat aman dari link spam, karena atribut rel="nofollow" pada hakikatnya menginformasikan pada search engine bahwa sebuah link tidak usah diikuti atau  tidak usah diperhitungkan sebagai "vote" terhadap halaman website/blog tujuan backlink. Dengan demikian, backlink tersebut tidak akan mempengaruhi ranking website di Google.

Dengan demikian, sebanyak apapun backlink nofollow di dalam sebuah halaman website/blog, termasuk di dalam komentar, tidak akan memiliki efek penerusan rank terhadap backlink-backlink tersebut. Jadi, karena tidak memiliki efek, maka halaman blog sobat aman dari cap spam oleh Google.

Tetapi yang perlu diperhatikan adalah keyword pada backlink. Karena setiap kata yang ada di dalam blog sobat terindeks, maka anchor text pada backlink yang terkesan tidak relevan, vulgar, off-topic, dan tidak sesuai dengan blog sobat pun sama terindeks-nya. Oleh karena itu, meskipun blog aman dari link spam karena dalam bentuk nofollow, tapi sobat tetap harus melakukan scanning terhadap kemungkinan link-link spam yang anchor text nya dapat merusak konten blog.

Efek Pada Website/Blog Komentator

Di mata Google, link pada komentar tidak serta merta menjadi hal negatif, apalagi jika dalam bentuk nofollow. Jadi efeknya tidak bisa diartikan buruk terhadap SEO. Di sisi lain, karena dalam bentuk nofollow, link tersebut juga tidak berefek positif terhadap SERP di Google, karena link itu terabaikan oleh pengindeks. Artinya, efeknya lebih kepada pembaca, dan makna link spam di sini bisa diartikan sebagai spam kepada blog (sebagai media promosi) dan pembaca (target promosi), yang dilakukan dengan cara tidak semestinya (spamming; nyampah).

Ada yang bilang link nofollow masih memiliki efek pada SERP meskipun kecil. Dalam beberapa post, saya pernah menekankan link nofollow sedikit berefek, setidaknya untuk visibilitas (menunjukkan bahwa sebuah website atau halaman website ada, tapi tidak pada ranking). Ini berlaku jika berada di bagian halaman yang bersifat utama, misalnya post, halaman social bookmarking dan bagian halaman utama lainnya. Namun demikian, sejauh ini saya tidak melihat signifikansi link nofollow di dalam komentar berpengaruh terhadap SEO.

Tetapi, ini poin yang mesti diperhatikan bagi sobat yang suka nyepam link di komentar blog. Jika sobat sangat sering melakukan spam link pada komentar, dalam jumlah yang menurut Google sudah keterlaluan, maka potensi penalti baik banning, deindeks, atau penurunan ranking bisa terjadi. Ini artinya Google tetap "mencatat" jumlah backlink sobat meskipun tidak dianggap (nofollow, diabaikan), dan jika banyak backlink sobat sebagian besar didapat dari bagian komentar blog dan jumlahnya luar biasa, maka potensi penalti besar. Jika backlink di dalam komentar dibuat secara rutin dan dengan cara tidak natural (misalnya menggunakan bot) maka potensi penalti akan lebih mudah lagi didapat.

Ini salah satu buktinya.

Saya beberapa kali telah mendapat permintaan via contact form atau email yang biasa disebut "Link Removal Request" oleh webmaster/blogger yang baru saja mendapatkan warning dari Google berupa "unnatural backlinks"; yang biasanya disampaikan via Google Webmaster Tools dan email. Mengetahui info ini, webmaster/blogger pasti langsung panik. Web/blog nya mengalami penalti, baik ringan maupun berat. Di situ ada info halaman apa saja (contoh halaman pemuat backlink) yang memuat backlink tidak natural tersebut. Hasilnya, mereka semakin panik dan membuat surat yang kesannya halus, tapi sebenarnya bernada ancaman; saking takutnya, karena mau tidak mau link harus dihapus, dan yang bisa melakukan hanya pemilik blog/web. 

Jalan terakhir adalah disavow tapi tentu jauh lebih rumit untuk dilakukan.

Email semacam itu biasa saya dapat dengan tujuan penghapusan link di sosbook yang saya kelola (notabene dofollow). Namun, yang membuat saya memberikan perhatian khusus, adalah email permintaan link removal yang ditujukan pada salah satu konten komentar blog ini, yang notabene nofollow. 
klik untuk melihat jelas
Agak kesal, saya kemudian balas dengan nada geram, walaupun saya menyetujui permintaannya.

Ini membuktikan bahwa backlink berupa nofollow, tetap diperhatikan oleh Google dalam konteks jumlah dan cara mendapatkannya; lebih spesifiknya adalah backlink pada komentar. Jadi kategori backlink dalam istilah "unnatural links" tidak semata mengacu pada backlink dofollow, tetapi mencakup semua backlink, baik backlink dofollow maupun nofollow yang didapat dengan cara tidak wajar dan jumlahnya luar biasa.

The Verdict

Saya harap ulasan singkat di atas cukup menjawab pertanyaan sobat mengenai efek link nofollow dalam komentar terhadap SEO blog, baik halaman pemberi maupun penerima backlink. Yang bisa digaris bawahi adalah:
1. Bagaimana sebuah link memiliki efek. Untuk mematikan efeknya (tidak meneruskan link juice), karena link tersebut tidak diharapkan dan tidak perlu memberi "vote", atribut nofollow sangat diperlukan
2. Poin lainnya adalah kehati-hatian dalam memborbardir komentar blog dengan link walaupun hanya nofollow, karena resikonya adalah: jika jumlahnya sangat banyak, dilakukan dalam waktu yang sangat rapat (rutin), dengan cara tidak wajar, resiko sobat mendapat penalti Google menanti di depan mata. Apalagi bila link itu dofollow, bisa dibayangin 'kan efeknya?

Have a nice blogging, as always :)

© copyright Ahmad Khoirul Azmi, published only for buka-rahasia.blogspot.com.
read more

Cara Memutihkan Kulit Secara Cepat

Disclaimer: This is a sponsored / guest article. The article is for both informational and commercial intentions. We are not responsible and have no any relationship whatsoever with the content written below.
---

Wanita Indonesia identik dengan kulit sawo matangnya yang begitu eksotis. Namun seiring berjalannya waktu, beberapa wanita Indonesia terpengaruh dengan prinsip bahwa cantik itu adalah apabila warna kulit terlihat putih bersih. Banyak cara ditempuh sebagai cara memutihkan kulit secara cepat, seperti cara-cara di bawah ini:

1. Memutihkan kulit dengan Bahan-bahan Alami
Salah satu cara memutihkan kulit bisa dengan menggunakan susu. Memutihkan kulit dengan menggunakan susu merupakan salah satu cara alami yang bisa memutihkan kulit. Caranya adalah oleskan susu krim yang kental ke kulit tubuh setelah mandi atau bisa juga sebelum mandi, setelah itu diamkan selama sekitar 30 menit lalu bilas dengan air bersih. Lakukan hal tersebut secara rutin dan teratur dengan demikian kulit anda akan terlihat lebih cerah alami. 

2. Memutihkan kulit dengan Obat Pemutih
Ada beberapa wanita yang lebih memilih minum kapsul atau tablet untuk perawatan dari dalam tubuh. Sebagai contoh Anda bisa menggunakan Tathion baik dari Jepang maupun Tathion Korea yang mana tidak hanya memutihkan kulit, banyak manfaat lainnya yang bisa Anda dapatkan seperti mengurangi bintik gelap, memperlambat penuaan, mengurangi pembentukan melanin, mengecilkan pori-pori wajah dan banyak manfaat lainnya. Penggunaan dalam 3 minggu biasanya sudah terlihat hasilnya.
3. Memutihkan kulit dengan Cream Pemutih
Ada banyak cream pemutih yang saat ini dijual, namun Anda harus waspada dalam memilih cream pemutih kulit seperti cream pemutih tubuh maupun cream pemutih wajah. Cream yang saat ini dijual adalah Paket Cream Walet Super Gold dan Paket Cream Syahrini Gold yang mana banyak digunakan para wanita karena dalam pemakaian secara rutin selama 2 minggu sudah terlihat hasilnya yakni memutihkan kulit.

4. Memutihkan kulit dengan Bleaching
Anda bisa menggunakan Bleaching Glutathione yang mampu memutihkan kulit, membantu menutrisi kulit, menjadikan kulit halus, bersinar dan memudarkan noda hitam. Cukup dengan pemakaian rutin, tuangkan Bleaching Glutathione ke telapak tangan. gosokkan ke kulit yang Andan inginkan dan tunggu 15 menit, bilas dengan air.

Selain Bleaching Glutathione, Anda bisa menggunakan bleaching dengan merk lainnya yang pasti aman dan cocok dengan kulit Anda.

5. Memutihkan kulit dengan Lotion
Anda dapat memutihkan kulit menggunakan lotion, bedanya dengan bleaching adalah lotion tidak perlu dibilas. Salah satu contoh lotion yang aman dari mercury serta hidroquinon adalah Lotion Mutiara. Dalam penggunaan selama 75 hari, kulit Anda akan terlihat putih, halus, bening dan bercahaya.

6. Memutihkan kulit dengan Sabun
Sabun biasa digunakan ketika mandi dan setiap hari, penggunaan rutin inilah yang membuatnya mudah untuk digunakan karena ada beberapa wanita yang malas menggunakan krim ini itu, minum obat atau meracik bahan di dapur. Nah Anda bisa menggunakan Quickly Magicly Whitening Soap yang mana pertama kali pemakaian, kulit Anda sudah terlihat putih dan sehat tanpa efek samping.
7. Memutihkan kulit dengan Masker dan Lulur
Penggunaan lulur dan masker ini sudah terkenal sejak jaman dahulu, bedanya saat ini kita tidak perlu meracik dengan susah payah untuk membuat lulur maupun masker karena sudah ada yang instan seperti Lulur Beras D'angel yang mengandung kolagen, susu, bengkoang, dll serta Bioglo Hydrating Spa Mask yang mana juga dapat memutihkan kulit pada bagian wajah serta membuatnya lembut dan halus.

8. Memutihkan kulit dengan mendatangi Dokter Kulit
Saat ini dokter kulit menyediakan suntik vitamin C yang mana dapat dapat membuat asupan vitamin C dalam tubuh tercukupi. Karena hal inilah, kulit wajah maupun kulit tubuh akan menjadi lebih putih, cerah dan segar. Namun sekali biaya untuk datang ke dokter kulit ini tidaklah murah karena hasil yang didapatkan pun juga sangat memuaskan.

Nah dengan beberapa informasi di atas, Anda bebas memilih cara memutihkan kulit mana yang tergolong cepat dan cocok bagi Anda. Tidak ada salahnya Anda berkonsultasi terlebih dahulu dengan produsen perawatan kulit seperti Mitra Kosmetik atau dengan dokter kulit langganan Anda sebelum memilih cara memutihkan kulit dengan cepat seperti contoh di atas.
read more

Membuat Semua Link Eksternal Terbuka di Window Baru Otomatis (Jquery)

otomatis buka link eksternal di window baru!
Kita sering menggunakan fitur membuka link di window baru pada interface link Blogger saat membuat post, atau menambahkan atribut link (hyperlink) target="_blank". Untuk beberapa langkah manual, tentu ini bukan masalah. Tapi jika anda sudah memiliki banyak link eksternal, baik di bagian post maupun bagian lain, misalnya widget, footer, dll, tentu pekerjaan edit menjadi hal yang memakan waktu lama. Selain itu, link eksternal yang terbuka di window sama akan meningkatkan bounce rate, sehingga bisa mengurangi banyak penilaian, terutama ranking alexa.

Script ini cukup sederhana, berupa jquery, yang difungsikan untuk melakukan cek link eksternal di dalam sebuah halaman website kemudian menginjeksikan target="_blank" pada setiap link eksternal yang ditemukan pada halaman tersebut. Jadi sebenarnya script ini tidak hanya bekerja di Blogger, namun bisa di berbagai platform website/blog, misalnya WordPress (meski anda akan menemui plugin sejenis dengan mudah).

Cara Menambahkan Script Pembuka Link Eksternal Otomatis


Cukup ikuti beberapa langkah sederhana ini:

1. Seperti biasanya, jika anda sudah memiliki jquery source code, abaikan script pada bagian pertama dan langsung copy script yang kedua. Jika belum, copy keduanya dan letakkan secara berurutan. Jika tidak yakin apakah anda sudah memiliki jquery source code, cari di dalam template dengan keyword jquery dan lihat apakah sudah memiliki source code sejenis.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script>
 (abaikan script di atas jika sudah punya yang sejenis)
<script type='text/javascript'>
$(document).ready(function(){$("a[href^='http://']").each(function(){if(this.href.indexOf(location.hostname)==-1){$(this).attr("target","_blank")}});$("a[href^='https://']").each(function(){if(this.href.indexOf(location.hostname)==-1){$(this).attr("target","_blank")}})});
</script>
 2. Buka dashboard Blogger > Template > Edit HTML

3. Cari </head> (cara mencari kode di template editor Blogger)

4. Letakkan script yang sudah dicopy tepat di atas </head>.

5. Save template and done!


Anda bisa cek link eksternal pada blog yang belum memiliki atribut target="_blank", atau coba buat link eksternal baru tanpa atribut target. Cek apakah script bekerja.

Catatan Singkat: Bagaimana Script Bekerja & Info Tambahan


Jika anda memperhatikan script, disitu ada perintah cek dua kali, yaitu pada link berawalan http:// dan https:// (secure connection protocol), artinya script juga bekerja pada host dan link esternal sejenis yang menggunakan secured connection protocol, misalnya WordPress dan berbagai platform website yang dihosting sendiri.

Conditional tag (if) digunakan untuk mengajukan persyaratan/cek kedua protocol tersebut, dan jika nilainya sama dengan -1, maka link yang harus dicari (disyaratkan) adalah link yang tidak berada di dalam host yang sama (bukan link yg menuju website/blog anda), alias bersifat eksternal (External Links).

Setelah link-link sesuai persyaratan ditemukan, maka disisipkan / diinjeksikan atribut target="_blank" [{$(this).attr("target","_blank")}].

Logikanya, karena value -1 berarti adalah link yang tidak berada di host yang sama (link yang tidak menuju website/blog anda), maka value 1 berarti sebaliknya (nilai positif), yaitu jika diubah dari -1 ke 1, maka semua link internal anda akan terbuka di window baru.

Jika anda menginginkan semua link, baik internal maupun eksternal terbuka di window baru (meski saya tidak menyarankan), tidak perlu menggunakan script demikian, cukup gunakan tag base targettting berikut dan letakkan di dalam tag head (sebelum </head>):
<base target="_blank"/>
Simak selengkapnya dalam cara membuat link terbuka di window/tab baru.

That's it, and have a nice blogging, fellow brothers and sisters ;)

© copyright Ahmad Khoirul Azmi, published only for buka-rahasia.blogspot.com.
read more

Cara Menambahkan Syntax Highlighter di Blogger

Syntax Highlighter cukup dikenal oleh berbagai platform, misalnya WordPress, Apache, Mozilla, Yahoo, Aptana, dan banyak lainnya. Apa itu Syntax Highlighter? Kita para blogger seringkali berbagi script/kode untuk blogger atau siapapun yang membutuhkannya untuk pengembangan web/blog. Kebanyakan dari kita menggunakan blockquote sebagai "wadah" dari script/kode tersebut dan menandai dengan beberapa warna khusus sebagai indikator atau petunjuk. Nah, SyntaxHighlighting adalah upaya untuk mempresentasikan script/kode tersebut dengan cara dan tampilan yang lebih baik berdasarkan jenis kode, misalnya Javascript, CSS, HTML, Phyton, PHP, dan masih banyak lagi. Ide ini tak lain datang dari si pembuat SyntaxHighlighter, Alex Gorbachev (thanks for the script).

Script SyntaxHighlighter ada beberapa jenis, yang terbaru sebenarnya lebih canggih lagi. Tetapi saya akan membagi versi standard-nya karena memiliki beberapa opsi saat mouse diarahkan ke atas script (muncul di pojok kanan atas) yaitu: View Source (dalam blank page, pop out), Copy to Clipboard, dan Print. Ketiganya sangat memudahkan dalam meng-copy, melihat kode dalam bentuk dan susunan aslinya, serta cetak kode. Masing-masing kode diterjemahkan oleh script yang disebut Brush.

Di beberapa platform seperti WordPress, Drupal, dan Joomla, kita bisa menggunakan berbagai jenis modul atau plugin SyntaxHighlighter siap pakai, tetapi di Blogger, kita harus menambahkannya secara manual. Berikut step by step-nya:

Menambahkan Script dan Brush ke dalam Template

1. Buka dashboard > template > edit HTML
2. Cari ]]></b:skin> (ctrl + F dan masukkan ke dalam kotak pencarian, enter)
3.Sekaligus sebagai demo, berikut adalah contoh syntax highlighting-nya. Arahkan mouse ke atas script, di bagian pojok kanan atas akan muncul opsi, View Source, Copy to Clipboard, dan Print. Juga ada info script dari pembuatnya. Copy script berikut tepat di bawah ]]></b:skin>.
<link href='http://alexgorbatchev.com/pub/sh/2.1.382/styles/shCore.css' rel='stylesheet' type='text/css'/> 
<link href='http://alexgorbatchev.com/pub/sh/2.1.382/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shCore.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushCpp.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushCSharp.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushCss.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shYouBrushJava.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushJScript.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushPhp.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushPython.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushRuby.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushSql.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushVb.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushXml.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushPerl.js' type='text/javascript'/> 
<script language='javascript'> 
SyntaxHighlighter.config.bloggerMode = true; 
SyntaxHighlighter.config.clipboardSwf = &#39;http://alexgorbatchev.com/pub/sh/2.1.382/scripts/clipboard.swf&#39;; 
SyntaxHighlighter.all(); 
</script> 
4. Save template.

Masing-masing script brush di atas berfungsi untuk menerjemahkan dan memberi style (warna) pada berbagai jenis script/kode seperti HTML, JS, CSS, PHP, Perl, Phyton, Ruby, XML, Java, dan berbagai script standard lainnya. Jika anda hanya membutuhkannya untuk highlighting script tertentu yang anda butuhkan, hapus yang tidak diperlukan.

Cara Menggunakan SyntaxHighlighther di dalam Post/Artikel Blog

Setiap jenis kode yang ingin ditampilkan di dalam halaman sebuah web biasanya menggunakan tag <pre>, meskipun dalam beberapa hal juga bisa menggunakan tag <code>. Untuk post blogger, kita akan menggunakan tag yang pertama. Kemudian masing-masing brush yang dibutuhkan dipanggil menggunakan atribut class. Contoh penulisannya:
<pre class="brush:css, brush:html, brush:js, brush:php, brush:sql, brush:python">
Kode Di Sini
</pre>
Pada contoh di atas, kita lihat nantinya jenis-jenis kode yang akan di highlight adalah gabungan antara CSS, JS, PHP, SQL, dan Phyton. Jika anda hanya membutuhkan beberapa jenis saja, sekiranya yang diperlukan, maka gunakan brush sesuai jenis script saja. Misalnya, jika saya hanya butuh highlight HTML, JS, dan CSS, maka yang dibutuhkan adalah:
<pre class="brush:css, brush:html, brush:js">
Kode Di Sini
</pre>
Menggunakan yang diperlukan saja akan menghemat waktu load dan menghindari load script yang tidak perlu. Jadi jika anda biasanya hanya berbagi kode campuran yang terdiri dari 3 script umum di atas, gunakan susunan seperti contoh terakhir itu.

Berikut langkah-langkah menambahkan Syntax Highlighter ke dalam Post:
1. Ketika akan memasukkan kode, pindah dari mode "Compose" ke mode "HTML"
2. Kemudian masukkan tag <pre> dan class sesuai yang diinginkan, atau anda bisa copy contoh saya di atas.
3. Sebelum memasukkan kode di antara tag <pre>, anda harus parse dulu kode tersebut. Ini Penting. Karena jika tidak di parse, maka kode yang dimasukkan ke dalam editor HTML akan diterjemahkan sebagai perintah, bukan teks biasa. Gunakan HTML/Script Parser, parse kode ke dalam tool tersebut, copy hasilnya, dan sisipkan ke dalam tag <pre>.
Contoh yang benar:
<pre class="brush:css, brush:html, brush:js"> &lt;script type=&#039;text/javascript&#039;&gt;
//&lt;![CDATA[
(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&amp;appId=App-ID&quot;;
  fjs.parentNode.insertBefore(js, fjs);
}(document, &#039;script&#039;, &#039;facebook-jssdk&#039;));
//]]&gt;
&lt;/script&gt;
</pre>
Dan berikut hasilnya:
<div id='fb-root'/>
<script type='text/javascript'>
//<![CDATA[
(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=App-ID";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>
4. Anda bisa kembali ke mode "compose" jika ingin melanjutkan menulis, sebelum mempublikasikan artikel.
5. Done.

catatan: script akan diload paling akhir oleh browser, jadi akan muncul belakangan setelah semua script dan elemen diload terlebih dahulu. Jadi syntaxt highlighter akan muncul paling akhir.

Itu dia bagaimana cara menggunakan Syntax Highlighter dengan benar di Blogger. Anda sebenarnya juga bisa menggunakan metode yang sama pada website lain, apabila ingin menambahkannya secara manual tentunya. Syntax Highlighter untuk Blogger di atas masih menggunakan skema warna default, ada beberapa variasi skema warna lain yang ke depan Insya Allah akan saya share. Juga. That's it for now and have a nice blogging, as always. :)

© copyright Ahmad Khoirul Azmi, published only for buka-rahasia.blogspot.com.
read more

Recent Comments

Tautweb.com

Join Our Team!

© 2013 Buka Rahasia Blogspot | Template by Dicas Blogger | Modified & Enhanced by Ahmad Khoirul Azmi

 ContactPrivacy PolicyComment PolicySitemap