Buat Efek Marker Teks Pada Posting Blog

emm… seelumna bingung nie mo kasih judul apa.. tapi pa ajalah. Pokok intinya efek marker ! Uda pada tau kan text yang da markerna tuh? maksudna text yang di biasana dibuat tanda merker, da yang warna kuning, merah, ijo, dll. dah.

Nah, disini ardianz mo kasih teu caranya. Oz, tolong diperhatikan ya? gampang banget kok caranya.

Upz. Contohnya efek marker toe tulisan ini !!! Dah tau kan? cara untuk membuatnya simpel, gamapang, end ueenaaak pokok’e. Hohohoho…

Da 2 cara untuk membuatnya. Atu pakek CSS tiuz yang atuna agy pakek HTML.

||||  Neh yang pakek CSS dolo jah.

1. Login ke blogger (WajiB)
2. Setelah masuk ke dasbor, klik Tata Letak (Layout) »»» Edit HTML »»» centang Expand Widget Template.
3. Sisipin kode ini ke bagian CSSnya atau kalo ga ngerti masukkin kode ini di atas kode ]]><b:skin> (pakek tombol Ctrl+F |Find| untuk mempermudah pencarian.
   .marker {background: cyan;}
   yang tulisan cyan itu bisa diganti pake kode hexadesimal warnanya atau pake bahasa inggrisnya.
4. SIMPAN TEMPLATE (SELESAI)

Keterangan  :

Untuk cara pemakaiannya gunakan kode di bawah ini :

<span class="marker">Kalimat yang mau di marker</span>

Nah, itu kamu waktu posting msuk ke HTML kan di blogger tuh waktu nulis ada 2. HTML dan tulis, masuk ke HTML na aja.

Nah, uda pada mengerti kan tentang penggunaan efek marker dengan menggunakan CSS, sekarang lanjut untuk penggunaan marker via HTML.

||||  Ne yang menggunakan via HTML

1. Login (uda gua bilangin wajib) hehee..
2. Langsung ke halaman posting,
3. Pakek HTML zow, jangan di Tulis dan sisipin kode dibawah ini :
   <span style="background: cyan;">Kalimat yang mau di marker</span>
   yang tulisan cyan itu bisa diganti pake kode hexadesimal warnanya atau pake bahasa inggrisnya.
4. Selesai,tingal di Publish “Posting”

Nah, sekarang tinggal pilih. Enakan yang mana yang mau kalian pakai. untuk saat ini sekian tutorial dari saya, next time aku kasih tutorialna lagi. ^^.. Mari Berbagi……

More about → Buat Efek Marker Teks Pada Posting Blog

Cara Jitu Percepat Loading Tampilan Blog | CSS Compressor

Ehm.. Percepat load blog dengan CSS Compressor, disin saya akan jelaskan sedikit biar teman – teman tidak salah paham. CSS Compressor, sebelumnya kita gunakan koneksi internet yang sama. Maksudnya yang sekarang teman-teman pakai, dimana kita akan membedak an blog sebelum dan sesudah di compress dengan CSS Compressor.

Teknik kompresi pada CSS paling tidak mampu meningkatkan performa loading page blog anda. Disini bukan dalam artian super cepat ya, tapi cenderung ke arah optimalisasi CSS. Ya begitulah, dalam artian kalau kita memasak CSS Compressor ini hanya sebagai bumbu penyedap rasa. Nah, CSS Compress ini cuma salah satu bumbu penyedap saja, tidak ada cara sebagus apapun selain optimalisasi pada size image.

Langsung aja ke TKP :

CSS Drive - CSS Compressor merupakan salah satu layanan gratis yang biasa aku gunakan. Yang paling menrik nich, tools yang di sediakan 3 level mode kompresi berbeda yaitu Light, nomal dan Compact. Cara kerjanya, metode kompresi CSS ini berusaha memperkecil ukuran dengan menghilankan spasi dan komentar yang tidak diperlukan. Om sarankan untuk yang baru utak atik CSS jangan langung mencoba mode Super Compact dan Strip All Comments. sebaiknya gunakan mode Light dan don't strip any comments terlebih dahulu. Untuk yang sudah mengerti bisa mencoba level kompresi selanjutnya pada pilihan Advanced mode.

Selain fungsi Compress tentu kita juga mengenal mode Uncompress. Biasanya uncompress digunakan sebagai kebalikannya. Sayang CSS Drive tidak memiliki fungsi ini, jadi saya menyarankan kita bisa mencoba pada layanan ini CSS Optimizer.

Cara Kompresi CSS pada Blogger:

sebelumnya jangan lupa backup semua kode pada halaman Edit HTML (Download Full Template)

Pada halaman Layout >> Edit HTML, Code CSS biasanya terletak diatara kode <b:skin><![CDATA[ dan ]]></b:skin> silahkan CoPas semua kodenya kemudian lakukan kompress pada tools diatas, jika sudah CoPas lagi kode yang sudah di compress ke halaman Edit Html pada posisi semula.

More about → Cara Jitu Percepat Loading Tampilan Blog | CSS Compressor