Search This Blog
Rabu, 01 Juni 2011
Selasa, 31 Mei 2011
Minggu, 22 Mei 2011
*** Kencan PERTANYAAN *** *** Kencan PERTANYAAN ***
{CATATAN: Ini adalah pertanyaan singkat, dan itu merujuk ke saya mengirimkan newsletter di masa lalu. Jika Anda tidak segera mendapatkan itu, hanya membaca jawaban saya dan semua akan menjadi jelas.}
"The Guy dalam Story bar ...
Mengapa ia harus meninggalkan bar begitu ia mendapat nomor telepon pelayan '?
Ini adalah "Ultra Extra Penting" Anda katakan. Saya rasa saya tahu mengapa ia harus telah meninggalkan, ia mungkin menatap sepanjang malam dan dia dimatikan dengan itu, tapi beri aku wawasan lengkap tentang mengapa ia harus telah meninggalkan segera setelah mendapatkan e-mail-nya.
Terima kasih, R. "
>>> SARAN SAYA:
Seperti yang saya katakan di newsletter Anda dikutip di atas, konsep ini SANGAT penting.
Memahami mengapa anda harus meninggalkan pada saat ini adalah bagian dari memahami TARIK disebut dinamis.
Jadi sebelum saya masuk ke dalam spesifik, mari kita bicara tentang proses yang mendasari yang menciptakan TARIK ...
1) TARIK bukanlah pilihan. Ini adalah reaksi emosional.
Ketertarikan adalah cara alami untuk mengambil alih pikiran dan tubuh kita cukup lama untuk memastikan bahwa kita kawin dengan seseorang dengan gen terbaik.
Saya menyadari bahwa ini terdengar sangat "klinis" dan lumpuh, tapi kebenaran sialan.
Atraksi ini tidak peduli dengan Anda, dia, atau cinta. Ini berkembang selama periode loooong waktu, dan memiliki tujuan yang sangat penting.
2) Ketertarikan tidak logis, dalam arti bahwa hal itu tidak diciptakan oleh hal-hal yang "harus" membuatnya.
Membeli makan malam perempuan dan hadiah, memberikan banyak pujian ketika Anda pertama kali bertemu seorang wanita, dan mencium sampai perempuan untuk mendapatkan persetujuan mereka adalah contoh dari "logis" hal-hal yang HARUS menciptakan daya tarik ... tapi jangan.
Ketika Anda memahami bagaimana daya tarik bekerja, Anda mulai melihat bahwa ia memiliki "logika" semua sendiri.
Atraksi adalah salah satu mata pelajaran favorit saya ... dan saya pikir Anda harus memahami jika Anda ingin sukses dengan wanita. buku kedua saya disebut "Atraksi Bukankah A Choice",
Rabu, 18 Mei 2011
Sabtu, 14 Mei 2011
Melihat Hari Ulang Tahun (Birthday) Semua Teman Melihat Hari Ulang Tahun (Birthday) Semua Teman
Melihat Hari Ulang Tahun (Birthday) Semua Teman
Fandhy (bukan fandhy teman saya) adalah seorang pemuda belia yang belum pernah berpacaran. Jangankan berpacaran untuk menggebet seseorang saja dia tidak begitu berani membicarakannya kepada teman-temannya. Beranjak menjadi seorang mahasiswa dia sangat tertarik kepada seorang wanita yang bernama Sandra Dewi (bukan yang artis itu), karena sifat malunya itu ia tidak bisa berbuat banyak. Fandhy tidak mau teman-temannya mengetahui hal tersebut, padahal Sandra Dewi adalah teman baiknya Haryadi (bukan haryadi teman saya) yang juga merupakan temannya Fandhy dan sebenarnya bisa menjadi sumber utama mendapatkan banyak informasi tentang Sandra Dewi. Demi cintanya yang sudah sangat dalam, akhirnya Fandhy mengambil langkah pertama dengan meng-add Sandra Dewi di facebook walaupun di dunia nyata mereka tidak kenal secara langsung.
Kalau ga mau baca cerita basa-basi saya, silakan scroll ke bawah bagian warna merah untuk melihat caranya!
Berjalannya waktu kuliah ternyata membawa hal-hal baik bagi Fandhy, karena mimpinya menjadi kenyataan! ketika mendapatkan kelas kuliah yang sama dengan Sandra Dewi. Secara tidak sengaja mereka akhirnya saling mengenal walaupun kenanya begitu-gitu aja (ga akrab) Setelah semester itu selesai Fandhy gelisah, tidak tahu apakah akan mendapatkan kesempatan yang sama lagi untuk sekelas dengan Sandra Dewi, karena hal itu membuatnya membangkitkan niat dari dalam hatinya yang terkubur dalam menjadi sebuah cahaya yang menyinari hatinya dan berniat untuk menembak Sandra Dewi (bukan pake pistol ya..).
Karena tetap tidak ingin teman-teman yang lain tahu, dia tidak berusaha meminta bantuan teman-temannya termasuk Haryadi. Dengan tekad yang kuat sekuat kamen raider fandhy memutuskan untuk mencari tahu tanggal yang tepat untuk menembak Sandra Dewi. Tiba-tiba saja Fandhy terpikir akan facebook dan muncul ide untuk menembak Sandra ketika ulang tahun Sandra Dewi. Karena Fandhy seorang yang sangat prepare dalam berbagai hal, apalagi untuk hal yang belum pernah dia lakukan seperti menembak seorang wanita, maka sebelumnya ia mencari tahu tanggal ulang tahun Sandra Dewi.
Sayangnya di halaman profile facebook Sandra Dewi bagian sebelah kiri (informasi) tidak tampak tanggal lahir.
Dengan niat yang tetap kuat seperti kamen raider yang sekarang sudah berubah menjadi kamen raider rx maka Fandhy pun terus melanjutkan pencaharian. Fandhy mengetikankan "melihat hari ulang tahun teman facebook" pada om google dan melihat sebuah artikel yang sesuai dan ternyata menuju ke blog tips fb yang menjelaskan melihat hari ulang tahun teman facebook sebagai berikut:
1. Silakan masuk ke aplikasi birthday calender
2. Untuk lebih mudah melihat silakan pilih Upcoming Birthdays
Fandhy berkata dalam hatinya"Wah tidak menyangka ternyata aplikasi ini bisa mengindeks semua hari ulang tahun teman-teman ku, lumayan lah buat nagih traktiran!" karena ilham dari aplikasi birthday calender Fandhy menjadi pemalak sejati teman-temannya yang akan berulang tahun dengan meminta traktiran jauh hari sebelum hari ulang tahun. Bagaimana kelanjutan kisah cinta Fandhy ? kita simak saja minggu depan....
weits bisa ngamuk nih yang baca, ok mari kita lanjutkan
Karena terlalu terlena dengan aplikasi birthday calender, Fandhy terlupa sejenak niat untuk mencari tahu ulang tahun Sandra Dewi. Alih-alih mau mencari ulang tahun dia malah asyik memasang reminder di HP nya untuk mengingat hari hari ulang tahun teman-temanya yang akan menjadi korban pemalakan. Setelah beberapa saat Fandhy pun termenung dengan wajah semerawut seperti orang belum mandi 5 hari dan ditabrak bajai ngebut (kalo bisa ngebut) yang lewat depan kampusnya. Dia terperanga dan sampai tidak sadar ada lalat yang masuk mulutnya setelah melihat kenyataan pahit bahwa ulang tahun Sandra Dewi jatuh pada tanggal 29 februari ! (tau kan maksudnya? )
PERHATIAN !!
Cerita dan nama dalam artikel di atas hanya fiksi belaka, jika ada hal yang mirip/serupa itu adalah kebetulan belaka...
Padahal inti ceritanya pendek, cuma ingin cara lihat tanggal lahir (birthday) semua teman. Berhubung terinspirasi dari artikel mas cosa yang belakangan ini saya baca, jadi sedikit banyak terpengaruh gaya tulisannya. Oya happy birthday buat temanku yang ultah kemaren... ditunggu traktirannya Del**
Kalau ga mau baca cerita basa-basi saya, silakan scroll ke bawah bagian warna merah untuk melihat caranya!
Berjalannya waktu kuliah ternyata membawa hal-hal baik bagi Fandhy, karena mimpinya menjadi kenyataan! ketika mendapatkan kelas kuliah yang sama dengan Sandra Dewi. Secara tidak sengaja mereka akhirnya saling mengenal walaupun kenanya begitu-gitu aja (ga akrab) Setelah semester itu selesai Fandhy gelisah, tidak tahu apakah akan mendapatkan kesempatan yang sama lagi untuk sekelas dengan Sandra Dewi, karena hal itu membuatnya membangkitkan niat dari dalam hatinya yang terkubur dalam menjadi sebuah cahaya yang menyinari hatinya dan berniat untuk menembak Sandra Dewi (bukan pake pistol ya..).
Karena tetap tidak ingin teman-teman yang lain tahu, dia tidak berusaha meminta bantuan teman-temannya termasuk Haryadi. Dengan tekad yang kuat sekuat kamen raider fandhy memutuskan untuk mencari tahu tanggal yang tepat untuk menembak Sandra Dewi. Tiba-tiba saja Fandhy terpikir akan facebook dan muncul ide untuk menembak Sandra ketika ulang tahun Sandra Dewi. Karena Fandhy seorang yang sangat prepare dalam berbagai hal, apalagi untuk hal yang belum pernah dia lakukan seperti menembak seorang wanita, maka sebelumnya ia mencari tahu tanggal ulang tahun Sandra Dewi.
Sayangnya di halaman profile facebook Sandra Dewi bagian sebelah kiri (informasi) tidak tampak tanggal lahir.
Dengan niat yang tetap kuat seperti kamen raider yang sekarang sudah berubah menjadi kamen raider rx maka Fandhy pun terus melanjutkan pencaharian. Fandhy mengetikankan "melihat hari ulang tahun teman facebook" pada om google dan melihat sebuah artikel yang sesuai dan ternyata menuju ke blog tips fb yang menjelaskan melihat hari ulang tahun teman facebook sebagai berikut:
1. Silakan masuk ke aplikasi birthday calender
2. Untuk lebih mudah melihat silakan pilih Upcoming Birthdays
Fandhy berkata dalam hatinya"Wah tidak menyangka ternyata aplikasi ini bisa mengindeks semua hari ulang tahun teman-teman ku, lumayan lah buat nagih traktiran!" karena ilham dari aplikasi birthday calender Fandhy menjadi pemalak sejati teman-temannya yang akan berulang tahun dengan meminta traktiran jauh hari sebelum hari ulang tahun. Bagaimana kelanjutan kisah cinta Fandhy ? kita simak saja minggu depan....
weits bisa ngamuk nih yang baca, ok mari kita lanjutkan
Karena terlalu terlena dengan aplikasi birthday calender, Fandhy terlupa sejenak niat untuk mencari tahu ulang tahun Sandra Dewi. Alih-alih mau mencari ulang tahun dia malah asyik memasang reminder di HP nya untuk mengingat hari hari ulang tahun teman-temanya yang akan menjadi korban pemalakan. Setelah beberapa saat Fandhy pun termenung dengan wajah semerawut seperti orang belum mandi 5 hari dan ditabrak bajai ngebut (kalo bisa ngebut) yang lewat depan kampusnya. Dia terperanga dan sampai tidak sadar ada lalat yang masuk mulutnya setelah melihat kenyataan pahit bahwa ulang tahun Sandra Dewi jatuh pada tanggal 29 februari ! (tau kan maksudnya? )
PERHATIAN !!
Cerita dan nama dalam artikel di atas hanya fiksi belaka, jika ada hal yang mirip/serupa itu adalah kebetulan belaka...
Padahal inti ceritanya pendek, cuma ingin cara lihat tanggal lahir (birthday) semua teman. Berhubung terinspirasi dari artikel mas cosa yang belakangan ini saya baca, jadi sedikit banyak terpengaruh gaya tulisannya. Oya happy birthday buat temanku yang ultah kemaren... ditunggu traktirannya Del**
Artikel terkait
Aplikasi Facebook
- Cara Mudah, Cepat dan Gratis Bikin Foto Facebook yang Super Keren!
- Mengirim Sebuah Ciuman Lewat Facebook
- Apakah Facebook Bertanggung Jawab atas Hilangnya Chip Poker Anda?
- Wawancara Dengan Pemilik Aplikasi Bagi-Bagi (Gunawan TW)
- Bukti Pembayaran Bagi-Bagi on Facebook
- Mendapatkan Penghasilan Lewat Aplikasi Facebook - Bagi-bagi on Facebook
- Publikasikan Aplikasi, Game, Quiz atau Artikel Anda Disini
- The Facebook Desktop for Adobe AIR
- Ajak Teman Nonton Lewat Facebook
Tips Facebook
- Cara Memperoleh Nomor Telepon di Facebook Dalam Jumlah Banyak
- Alternatif m.facebook.com (solusi cepat akses facebook)
- Salah Pemahaman Tentang Memblokir Orang di Facebook
- Cara merubah Facebook Username (Nama Pengguna)
- Mendapatkan Penghasilan Lewat Aplikasi Facebook - Bagi-bagi on Facebook
- Mengetahui Status Teman Dimanapun Anda Berada
- Publikasikan Aplikasi, Game, Quiz atau Artikel Anda Disini
- Facebook Diblokir ? Coba Ini Aja
- Menghubungkan Dengan Facebook Keluarga
- Mengelompokan Teman Facebook Dalam Kategori (Terbaru)
Kamis, 12 Mei 2011
Belajar dan Memahami Dasar-dasar Code CSS Belajar dan Memahami Dasar-dasar Code CSS
Senin, 23 November 2009 18:09
CSS
Cascading Style Sheet atau yang disingkat CSS memungkinkan untuk mendesain (style) tampilan dokumen (Php dan HTML) dengan memisahkan isi dari dokumen HTML dengan kode untuk menampilkannya (CSS).
Didalam dunia desain web, layout atau mengatur letak web, format huruf, dan lain nya yang ada dalam sebuah web menjadi bagian yang amat penting bahkan bisa jadi yang paling lama dibanding dengan bagain desain web lainnya. Karena jika kita membua layout yang salah, maka web kita juga akan salah diterjemahkan oleh browser. Hal itu juga bisa disebabkan karena setiap browser memilliki dukungan bahasa(CSS) yang berbeda dan tentunya default dari browsernya sendiri yang berbeda-beda. Browser yang paling rewel soal layout css adalah IE karena kurang dukungannya terhadap CSS.
Jika kita memiliki banyak file HTML, kita hanya perlu satu file CSS, sehingga ketika kita mengganti jenis huruf pada file CSS maka semua file HTML yang berhubungan pada file CSS tersebut akan berubah. CSS distandarisasi oleh W3C (World Wide Web Consortium). CSS dapat dipasang pada dikumen HTML yang telah jadi.
Dalam melayout sebuah web ada dua metode yang sering dipakai untuk membuat sebuah layout halaman web yaitu:
1. Metode Table
2. Metode Div
Manfaat dari CSS:
1. Kode HTML menjadi lebih sederhana dan lebih mudah diatur,
2. Ukuran file menjadi lebih kecil, sehingga load file lebih cepat,
3. Mudah untuk merubah tampilan, hanya dengan merubah file CSS saja,
4. Dapat berkolaborasi dengan JavaScript.
5. Digunakan dalam hampir semua web browser.
Pada umunya ada empat bagian yang sering ada dalam layout sebuah web yaitu:
Header –> berisi tema web/ judul
Menu –> menu link web
Content –> isi dari web
Footer –> identitas/ copyright
Atribut ID
Ada dua cara penempatan elemen dalam web dengan CSS yaitu:
1. Position (Posisi)
Mengunakan properti position terdapat 4 cara:
*
Static –> posisi normal (default).
*
Relative –> posisi elemen tergantung dari elemen yang lain.
*
Absolute –> posisi elemen berpatokan pada jendela browser.
*
Fixed –> posisi elemen tetap walaupun digeser.
2. Float (Nempel)
Menggunakan properti float atau clear:
*
Float:left –> elemen akan menempel pada sebelah kiri elemen induk.
*
Float:right –> elemen akan menempel pada sebelah kanan elemen induk.
*
Clear:left –> elemen akan menempel pada sebelah kiri dan berada di bawah.
*
Clear:right –> elemen akan menempel pada sebelah kanan dan berada dibawah
*
Clear:both –> elemen akan berada pada posisi bawah elemen diatasnya.
Gambar dibawah ini adalah dasar-dasar dari pengaturan / format posisi dengan css:
format css
Margin –> jarak/batas elemen dengan elemen lain
Border –> border/gari tepi elemen
Padding–> jarak elemen dengan isi elemen (elemen anak)
Berikut gambar dibawah adalah format standar untuk membuat tampilan dengan CSS:
Layoutcss
contoh penulisan css :
Sample
Header Left
Header Right
Ada 3 cara untuk memasang CSS pada dokumen HTML yaitu:
1. External Style Sheet (file CSS berbeda dari file HTML),
2. Internal Style Sheet (Kode CSS dipasang di dalam tag head HTML)
3. Inline Style Sheet (Kode CSS langsung dipasang di tag HTML, tidak direkomendasikan).
Saya sarankan anda menggunakan cara External Style Sheet karena lebih mudah dalam mengelolanya. Disini saya akan menerangkan dasar-dasar CSS. Langsung saja kita coba kode berikut ini:
Penempatan CSS dalam HTML
Internal CSS
Metode penulisan kode CSS langsung dalam file HTML. contoh:
Eksternal CSS
file CSS terpisah dengan HTML. Buat file dengan ekstention .css. contoh:
Inline CSS
Penulisan kode CSS dalam tag HTML. contoh:
Inline CSS
Jika kita menggunakan teknik external CSS, maka kita perlu membuat file css, misal buat file dan simpan dengan nama style.css
Didalam HTML kita perlu memanggil file CSS dengan menggunakan tag yang diletakkan diantara tag . Pada contoh CSS selanjutnya kita menggunakan teknik external CSS, jadi gunakan saja file style.css dan coba.html anda hanya perlu mengubah isinya. Untuk file HTML anda gunakan coba.html dan ubah isinya pada bagian saja bagian yang didalam tidak usah diapa-apakan.
Untuk memanggil CSS dalam tag HTML kita perlu menggunakan atribut class untuk memanggil CSS selector (dalam contoh diatas selectornya title dan thank). Dengan demikian apabila semua halaman anda memanggil class title, dan jika anda ingin mengganti font untuk semua halaman anda cukup mengubah selector CSSnya saja. Bagaimana anda sudah paham kegunaan CSS.
CSS memiliki ratusan properties dan values, tentu saja saya tidak akan menerangkan semuanya, saya hanya akan menerangkan yang penting-penting saja.
Tidak semua browser dapat menampilkan jenis huruf yang kita spesifikasikan didalam CSS. Untuk itu kita perlu mendeklarasikan lebih dari satu jenis huruf agar browser mengenal jenis huruf yang digunakan. Anda dapat menggunakan property font-family, yang mirip dengan tag .
Sebagai contoh anda ingin menampilkan dari keluarga huruf Serif dan hurufnya Times yaitu Times New Roman. Anda dapat menuliskannya dari yang paling spesifik sampai yang umum, sehingga jika browser tidak mengenal fontnya, maka browser akan otomatis melihat font yang umum. Untuk lebih jelasnya lihat bkode berikut:
Serif font
Link
Salah satu hal yang menarik dalam CSS anda dapat mengubah warna pada setiap link, menghilangkan garis bawah pada link sehingga jika anda bosan dengan link yang berwarna biru tua terang dengan garis bawah anda dapat mengubahnya.
Coba kode CSS berikut:
a.link1:link {
font-weight: bold;
font-size: 12px;
color: #C87C28;
font-family: Times New Roman;
text-decoration: none;
}
a.link1:visited {
font-weight: bold;
font-size: 12px;
color: #CC6600;
font-family: Times New Roman;
text-decoration: none;
}
a.link1:hover {
font-weight: bold;
font-size: 12px;
color: #C87C28;
font-family: Times New Roman;
text-decoration: underline
}
a.link1:active {
font-weight: bold;
font-size: 12px;
color: #C87C28;
font-family: Times New Roman;
text-decoration: none;
}
a.link2:link {
font-weight: bold;
font-size: 12px;
color: #663300;
font-family: Arial, Helvetica, sans-serif;
text-decoration: underline;
}
a.link2:visited {
font-weight: bold;
font-size: 12px;
color: #800000;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
}
a.link2:hover {
font-weight: bold;
font-size: 12px;
color: #ff6600;
font-family: Arial, Helvetica, sans-serif;
text-decoration: underline overline;
}
a.link2:active {
font-weight: bold;
font-size: 12px;
color: #ff6600;
font-family: Arial, Helvetica, sans-serif;
text-decoration: underline;
}
Rabu, 11 Mei 2011
CARA MEMBUAT TEKS BERJALAN DI BLOG ( RUNNING TEKS )
Teks berjalan, atau running text bagi beberapa blogger diperlukan untuk memberikan perhatian khusus mengenai esensi dari text yang bersangkutan, contoh yang biasa mengunakan teks berjalan : "Gunakan Mozilla Firefox untuk tampilan terbaik", "Peringatan!", "informasi lebih lengkap silangkan kunjungi situs ini", dan lain-lain. Di antara mereka ada yang menempatkan teks berjaan pada sidebar bahkan pada tilte blog.
Pada postingan kali ini saya hanya akan menyempurnakan pembahasan sebelumnya mengenai text berjalan dan text berkedip dengan HTML. Sebelum melangkah lebih jauh cara penulisan teks berjalan dengan HTML, ada baiknya saya jelaskan beberapa fungsi dari kode HTML yang terkait:
Cara penulisan teks berjalan harus diawali dengan tag <marquee> dan diakhiri dengan </marquee>. Marquee sendiri memiliki beberapa atribut diantarnya :
- Width : berfungsi untuk menentukan ukuran lebar yang nantinya akan diapakai sebagai ruang teks berjalan. (dalam satuan pixel atau persen).
- Height : berfungsi untuk menentukan ukuran tinggi ruang teks berjalan. (dalam satuan pixel atau persen).
- Direction : berfungsi untuk menentukan arah gerakan teks (left : teks berjalan ke arah kiri, right : teks berjalan ke arah kanan, up : teks berjalan ke arah atas, down : teks berjalan ke arah bawah.)
- Bevaior : berfungsi untuk mengatur gerakan teks terdiri dari 3 attribute yaitu (alternate : teks bergerak bolak balik, slide : teks bergerak satu arah dan hanya sekali setelah itu berhenti, scroll : teks bergerak satu arah berulang-ulang).
- Color : berfungsi untuk mengatur warna teks (ditulis dalam kode hexadecimal tetapi untuk warna dasar bisa ditulis langsung sesuai nama warna dalam bahasa Inggris). Sebaiknya pelajari dulu mengeni kode warna.
- Bgcolor : berfungsi untuk mengatur warna background (dalam hexadecimal atau untuk warna dasar bisa ditulis langsung sesuai nama warna dalam bahasa Inggris).
- <font face="kode HTML> ...... </font> : berfungsi untuk mengatur jenis font, warna font, ukuran font, dan sebaginya. Antara kode HTML dipisahkan dengan spasi)
- <span style="kode CSS"> ...... </span> : berfungsi untuk menyisipkan kode CSS di dalam HTML. Jika menggunkanan style maka atribut-atribut CSS dapat diterapkan di sini contohnya font-size : untuk mengatur ukuran font, font-weight: untuk mengatur ketebalan font, color : untuk mengatur warna font, dan sebagainya, penulisan kode CSS tersebut harus dipisahkan dengan tanda titik koma(;).
- Scrolldelay : berfungsi ntuk mengatur waktu tunda (delay) gerakan dalam satuan mili detik (ms).
- Scrollamount : berfungsi untuk mengatur kecepatan gerakan dalam satuan pixel.
- Loop : berfungsi untuk mengatur jumlah looping (pengulangan).
- Onmouseover="this.stop ()" : berfungsi untuk menghentikan teks berjalaan ketika mouse mendekat.
- Onmouseout="this.start ()" : berfungsi untuk membiarkan teks berjalan lagi ketika mouse menjauh.
Penulisan Kode HTML dan CSS tersebut sebaiknya ditulis dalam huruf kecil semua.Untuk lebih difahami silahkan perhatikan semua kode HTML dan CSS pada contoh-contoh berikut :
Contoh 1 :
Kode HTML untuk membuat teks berjalan dari arah kanan ke kiri dengan huruf arial, bold, warna kuning, ukuran huruf 14px, tinggi area 20px, lebar area 100% di atas backgroud biru adalah sebagai berikut :
Tampilan setelah diposting :
Teks berjalan dari kanan ke kiri
Contoh 2 :
Kode HTML untuk membuat teks berjalan dari arah kiri ke kanan dengan huruf verdana, bold, warna biru, ukuran huruf 14px, tinggi area 20px, lebar area 100% di atas backgroud kuning adalah sebagai berikut :
Tampilan setelah diposting :
Teks berjalan dari kiri ke kanan
Contoh 3 :
Kode HTML untuk membuat teks berjalan bolak-balik dari kan ke kiri dengan huruf verdana, bold, warna kuning, ukuran huruf 14px, tinggi area 20px, lebar area 100% di atas backgroud biru adalah sebagai berikut :
Tampilan setelah diposting :
Teks berjalan bolak-balik dari kanan ke kiri
Contoh 4 :
Kode HTML untuk membuat teks berjalan dari atas ke bawah huruf arial, bold, warna kuning, ukuran huruf 14px, tinggi area 70px, lebar area 100% di atas backgroud biru adalah sebagai berikut :
Tampilan setelah diposting :
Teks berjalan dari atas ke bawah
Contoh 5 :
Kode HTML untuk membuat teks berjalan dari bawah ke atas berulang-ulang dengan huruf arial, bold, warna kuning, ukuran huruf 14px, tinggi area 70px, lebar area 100% di atas backgroud merah adalah sebagai berikut :
Tampilan setelah diposting :
Teks berjalan dari bawah ke atas
Contoh 6 :
Kode HTML untuk membuat teks berjalan bolak-balik dari atas ke bawah huruf arial, bold, warna kuning, ukuran huruf 14px, tinggi area 70px, lebar area 100% di atas backgroud merah adalah sebagai berikut :
Tampilan setelah diposting :
Teks berjalan bolak-balik dari atas ke bawah
Contoh 7 :
Kode HTML untuk membuat teks berjalan dari bawah ke atas satu kali setelah itu berhenti dengan huruf arial, bold, warna kuning, ukuran huruf 14px, tinggi area 70px, lebar area 100% di atas backgroud biru adalah sebagai berikut :
Tampilan setelah diposting :
Teks berjalan satu kali dari bawah ke atas setelah itu berhenti
Contoh 8 :
Kode HTML untuk membuat teks berjalan dari kanan ke kiri satu kali setelah itu berhenti dengan; huruf arial, bold, warna kuning, ukuran huruf 14px, tinggi area 20px, lebar area 100% di atas backgroud biru adalah sebagai berikut :
Tampilan setelah diposting :
Teks berjalan dari kanan ke kiri lalu berhenti Contoh 9 :
Kode HTML untuk membuat teks memantul berulang-ulang dari kanan ke kiri dengan huruf arial, bold, warna kuning, ukuran huruf 14px, tinggi area 20px, lebar area 100% di atas backgroud biru adalah sebagai berikut :
Tampilan setelah diposting :
Teks memantul berulang-ulang
Contoh 10 :
Kode HTML untuk membuat teks link dimana teks tersebut berjalan dari bawah ke atas dan akan berhenti setelah mouse didekatkan. Jika link tersebut di-click, maka halaman yang bersangkutan akan terbuka adalah sebagai berikut :
Tampilan setelah diposting :
Catatan Penting :
- #FFFF00 adalah kode keksadesimal untuk warna kuning, #FF0000 adalah kode heksadesimal untuk warna merah, #FF0000 adalah kode heksadesimal untuk warna mwrah dan seterusnya. Lebih lengkapnya dapat dilihat pada artikel sebelumnya mengenai kode warna.
- Font-family : untuk menentukan jenis huruf seperti Arial, Verdana, Georgia dan lain-lain.
- Font-size : untuk mengatur ukuran huruf dalam satuan pixel (px) atau em.
- Pada Contoh 10, <a href="http://www.linksukses.com/2010/01/penggunaan-id-dan-class.html">Penggunaan ID dan CLASS</a><br/> kode dengan warna merah bisa diganti dengan URL milik anda dan title yang sesuai dengan URL tersebut.
- Font-Weight : untuk menentukan ketebalan huruf (bisa disi dengan angka 100, 200,...800, atau dengan bold).
- Scrolldelay : diisi dengan angka untuk mengatur kecepatan gerakan.
- Width untuk space teks berjalan dapat ditulid dengan angka (pixel/px) dan dapat juga dengan menggunakan persentasi (%) yang nantinya akan menyesuaikan dengan lebar wrapper atau layout postingan blog anda.
copy code] copy code]
Cara Mengganti Cursor di Blog
Tip Trik Blogger kembali memenuhi permintaan dari sobat blogger yang mempertanyakan bagaimana Cara Mengganti Cursor di Blog.
Tanpa lama menunggu jawaban langsung saya postingankan Cara Mengganti Cursor di Blog.
bagi sobat blogger pemula lainnya yang ingin mengganti cursor di blog langsung saja kita parktekkan cara menggantinya :
Ada dua cara untuk bisa mengganti cursor di blog
Cara pertama :
Login ke Blogger
Klik Rancangan → Elemen Laman → Tambah Gadget → HTML/JavaScript
Kemudian Copy berikut dan Paste did :
Keterangan : Ganti alamat gambar cursor http://i1002.photobucket.com/albums/af149/Imtikhan/cursor_merah.gif dengan alamat gambar cursor milik sobat
jika sudah selesai SIMPAN dan lihat hasilnya
Cara kedua :
Login ke Blogger
Klik Rancangan → Edit HTML
Kemudian cari kode seperti dibawah
Tips : Untuk mempercepat pencarian sobat bisa gunakan tombol Ctrl + F atau (F3)
Kalau sudah ketemu tambahkan kode dibawah ini di dalamnya :
cursor: url("http://i1002.photobucket.com/albums/af149/Imtikhan/cursor_merah.gif"),default
maka akan menjadi seperti ini :
Keterangan : ganti alamat gambar cursor http://i1002.photobucket.com/albums/af149/Imtikhan/cursor_merah.gif dengan alamat gambar cursor milik sobat.
Atau sobat bisa memilih beberapa contoh cursor dibawah ini :
http://i1002.photobucket.com/albums/af149/Imtikhan/cursor_merah.gif
http://i1002.photobucket.com/albums/af149/Imtikhan/cursor_kuning.gif
http://i1002.photobucket.com/albums/af149/Imtikhan/cursor_hijau.gif
http://i1002.photobucket.com/albums/af149/Imtikhan/cursor_biru.gif
http://i1002.photobucket.com/albums/af149/Imtikhan/cursor_hitam.gif
http://i1002.photobucket.com/albums/af149/Imtikhan/cursor_putih.gif
jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya
Selamat mencoba
Artikel Yang Berhubungan
Tanpa lama menunggu jawaban langsung saya postingankan Cara Mengganti Cursor di Blog.
bagi sobat blogger pemula lainnya yang ingin mengganti cursor di blog langsung saja kita parktekkan cara menggantinya :
Ada dua cara untuk bisa mengganti cursor di blog
Cara pertama :
Login ke Blogger
Klik Rancangan → Elemen Laman → Tambah Gadget → HTML/JavaScript
Kemudian Copy berikut dan Paste did :
<style type="text/css">body {cursor:url("http://i1002.photobucket.com/albums/af149/Imtikhan/cursor_merah.gif"),default}</style>
Keterangan : Ganti alamat gambar cursor http://i1002.photobucket.com/albums/af149/Imtikhan/cursor_merah.gif dengan alamat gambar cursor milik sobat
jika sudah selesai SIMPAN dan lihat hasilnya
Cara kedua :
Login ke Blogger
Klik Rancangan → Edit HTML
Kemudian cari kode seperti dibawah
Tips : Untuk mempercepat pencarian sobat bisa gunakan tombol Ctrl + F atau (F3)
body {
background:#000000;
margin:0;
color:#ffffff;
text-align: center;
}
background:#000000;
margin:0;
color:#ffffff;
text-align: center;
}
Kalau sudah ketemu tambahkan kode dibawah ini di dalamnya :
cursor: url("http://i1002.photobucket.com/albums/af149/Imtikhan/cursor_merah.gif"),default
maka akan menjadi seperti ini :
body {
background:#000000;
margin:0;
color:#ffffff;
text-align: center;
cursor: url("http://i1002.photobucket.com/albums/af149/Imtikhan/cursor_merah.gif"),default
}
background:#000000;
margin:0;
color:#ffffff;
text-align: center;
cursor: url("http://i1002.photobucket.com/albums/af149/Imtikhan/cursor_merah.gif"),default
}
Keterangan : ganti alamat gambar cursor http://i1002.photobucket.com/albums/af149/Imtikhan/cursor_merah.gif dengan alamat gambar cursor milik sobat.
Atau sobat bisa memilih beberapa contoh cursor dibawah ini :
http://i1002.photobucket.com/albums/af149/Imtikhan/cursor_merah.gif
http://i1002.photobucket.com/albums/af149/Imtikhan/cursor_kuning.gif
http://i1002.photobucket.com/albums/af149/Imtikhan/cursor_hijau.gif
http://i1002.photobucket.com/albums/af149/Imtikhan/cursor_biru.gif
http://i1002.photobucket.com/albums/af149/Imtikhan/cursor_hitam.gif
http://i1002.photobucket.com/albums/af149/Imtikhan/cursor_putih.gif
jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya
Selamat mencoba
Cursor
Trik Blogger
- Cara Memasang Stripe-Ad ala Navbar
- Widget Followers Valid di W3
- Cara Pasang Tool Converter Kode HTML dan Script
- Cara Menampilkan Thumbnail Hanya di Halaman Depan
- Cara Membuat Button Menggunakan CSS3
- Cara Membuat Tampilan Blog berbeda di setiap Halaman
- Cara Menampilkan Widget Hanya Di Halaman Selanjutnya
- Cara Menampilkan Widget Hanya di Halaman Depan
- Cara Membuat Huruf Besar di Awal Posting
- Cara Mengetahui Tanggal pertama kali Blog dipublish
Pada Hari : Rabu, 03 November 2010 Label : Cursor, Trik Blogger
18 Orang Berkomentar di » Cara Mengganti Cursor di Blog
ehm ruoanya mudah juga cara ganti hya ya mas thanxs n good luck
Terima Kasih Telah Berkomentar di → Cara Mengganti Cursor di Blog
alamat situs gratis..... alamat situs gratis.....
Selamat pagi kawan saya akan menulis tentang alamat situs gratis yang mungkin bisa anda gunakan sebagai halaman anda agar orang lain tidak susah-susah mencari web/blog anda
1.untuk webs.com klik disini
2.yolasite.com klikdisini
3.webnode.com klik disini
4.page4.me klikdisini
5.co.cc klik disini
6.heck.in klik disini
bloge di
1.mywapbloge.com klik aja
2.pun.bz klik aja
3.faa.im klik aja
dan banya lagi untuk bikin logonya klik aja di sini
ada lagi ------->>>>>
1.untuk webs.com klik disini
2.yolasite.com klikdisini
3.webnode.com klik disini
4.page4.me klikdisini
5.co.cc klik disini
6.heck.in klik disini
bloge di
1.mywapbloge.com klik aja
2.pun.bz klik aja
3.faa.im klik aja
dan banya lagi untuk bikin logonya klik aja di sini
ada lagi ------->>>>>
CARA MEMBUAT WARANA DI TULISAN ARTIKEL POSTINGAN CARA MEMBUAT WARANA DI TULISAN ARTIKEL POSTINGAN
CARA MEMBUAT WARANA DI TULISAN ARTIKEL POSTINGAN
sore. . .
dh pada mandi blum
nich. . .
Smbil kamu mandi gua
mw posting
nich, . .hehe. .
Postingan gua nih
tentang ng-blog. .
[#FF0000]gmana sich buat tulisan
berwarna-warni pada
saat ng-blog tu?[/#FF0000]Nah gua
mw jwb pertanya'n
tu. ..
nah begini. .kamu harus
tahu dulu kode warna
ataupun warna2 itu. . . .
salah satunya. .
#000000 ini untk warna
hitam,
#00FF00 ini untk warna
hijau. .dan laen2
atau
kode2 warna ini
lime,green,white,blue. .dll
kode untk buat warna
ini,copy aja. .
[ color ] tulis disini
[ / color]
nah tu caranya sgt
mudahkan. . . .jika msh
da kesulitan tanyakan
saja ke sini. . . .
Semoga berhasil. .
Minggu, 08 Mei 2011
Membuat Box Pesan Sambutan dan Pesan Penutup untuk Pengunjung Blog
Pernahkah kamu mengunjungi suatu blog namun sebelum masuk blog itu ditampilkan sebuah box berisi sapaan atau pesan tertentu?
Ada juga blog yang memasangnya diakhir kunjungan, dimana saat kita close halaman blog itu lalu muncul box yang berisi pesan atau ucapan terima kasih dari pemilik blog.
Apakah kamu juga ingin memasang pesan sapaan seperti itu di blog kamu? Jika iya, silahkan ikuti langkah-langkah berikut ini:
A. Cara membuat Kata Sambutan di blog
1. Login di Blogger > Rancangan > Edit HTML ( Centang saja Expand Template Widget )...
2. Lalu Copy Javascript dibawah ini..
1. Login di Blogger > Rancangan > Edit HTML ( Centang saja Expand Template Widget )...
2. Lalu Copy Javascript dibawah ini..
<SCRIPT language='JavaScript'>alert("WELCOME TO WAHYU-WINOTO.COM");</SCRIPT>
Ket : Gantilah kata-kata yang berwarna biru sesuai keinginan kamu.3. Paste kan di atas kode </head> seperti contoh dibawah ini..
<SCRIPT language='JavaScript'>alert("WELCOME TO WAHYU-WINOTO.COM");</SCRIPT>
</head>
</head>
4. Simpan template & lihat hasilnya
B. Cara membuat pesan penutup di blog
1. Login di Blogger > Rancangan > Edit HTML ( Centang saja Expand Template Widget )
B. Cara membuat pesan penutup di blog
1. Login di Blogger > Rancangan > Edit HTML ( Centang saja Expand Template Widget )
2. Lalu Copy Javascript dibawah ini..
<script type='text/javascript'>
// goodbye alert
function goodbye(){
alert('TERIMA KASIH ATAS KUNJUNGANNYA" ');
}
parent.window.onunload=goodbye;
</script>
Ket : ..Gantilah kata-kata yang berwarna biru sesuai keinginan kamu..// goodbye alert
function goodbye(){
alert('TERIMA KASIH ATAS KUNJUNGANNYA" ');
}
parent.window.onunload=goodbye;
</script>
3. Paste kan di atas kode </head> seperti contoh dibawah ini..
<script type='text/javascript'>
// goodbye alert
function goodbye(){
alert('TERIMA KASIH ATAS KUNJUNGANNYA" ');
}
parent.window.onunload=goodbye;
</script>
</head>
4. Simpan template & lihat hasilnya.// goodbye alert
function goodbye(){
alert('TERIMA KASIH ATAS KUNJUNGANNYA" ');
}
parent.window.onunload=goodbye;
</script>
</head>
C. Cara membuat Kata Sambutan Secara Beruntun di blog
1. Login di Blogger > Rancangan > Edit HTML ( Centang saja Expand Template Widget )
1. Login di Blogger > Rancangan > Edit HTML ( Centang saja Expand Template Widget )
2. Lalu Copy Javascript dibawah ini..
<SCRIPT language='JavaScript'>alert("Hallo...");alert("Selamat Datang");alert("Silahkan Mulai Membaca");</SCRIPT>
Ket : > Gantilah kata-kata yang berwarna biru sesuai keinginan kamu..
> Perhatian; kata beruntun ini bisa membuat pengunjung jadi jengkel, karena harus selalu klik "ok"
3. Paste kan di atas kode </head> seperti contoh dibawah ini..
<SCRIPT language='JavaScript'>alert("Hallo...");alert("Selamat Datang");alert("Silahkan Mulai Membaca");</SCRIPT>
</head>
4. Simpan template & lihat hasilnya.</head>
Semoga Cara Membuat Box Pesan Sambutan dan Pesan Penutup untuk Pengunjung Blog ini Bermanfaat !!!
Blog
Script Program
Berikan Komentar untuk Membuat Box Pesan Sambutan dan Pesan Penutup untuk Pengunjung Blo
cofy paste fb sekins or frofil facebook cofy paste fb sekins or frofil facebook
SKINS Wide Variety of Skins 9/11 Remembrance19 skins Abstract304 skins Animals298 skins Animated105 skins Anime706 skins Awareness - Causes33 skins Birthday20 skins Butterflies173 skins Cars/Vehicles99 skins Cartoons231 skins Celebrities625 skins Christmas711 skins Cinco De Mayo7 skins Cityscapes and Landmarks114 skins Collage77 skins College Universities27 skins Country and Prim136 skins Cute434 skins Dark432 skins Easter114 skins Emo259 skins Fall - Autumn153 skins Fantasy460 skins Fashion148 skins Floral249 skins Flower295 skins Food and Drinks115 skins Games207 skins Gay Lesbian Transgender9 skins Girly557 skins Gothic160 skins Guys76 skins Halloween181 skins Hanukkah6 skins Hearts117 skins July 4th36 skins Love575 skins Mardi Gras13 skins Military62 skins Miscellaneous553 skins Mothers Day23 skins Movies & Television590 skins Music939 skins New Years109 skins Personal and Requests117 skins Polka Dots42 skins Prints and Patterns274 skins Punk59 skins Quotes584 skins Religious120 skins Retro82 skins Scenic386 skins Sexy259 skins Sports72 skins Sports - Baseball40 skins Sports - Basketball27 skins Sports - Football102 skins Sports - Hockey31 skins Sports - Rugby14 skins Sports - Soccer81 skins Sports - UFC34 skins Sports - Wrestling48 skins Spring114 skins St Patricks Day71 skins Stars58 skins Stripes69 skins Summer109 skins Thanksgiving47 skins User Submitted69315 skins Valentines Day174 skins Vintage48 skins Winter189 skins Zodiac Signs38 skins fbskins Cinco de Mayo facebook themes! http://fbskins.com/faceb... 2 days ago · reply · retweet · favorite | Love Search Results Layout Succesfully Installed! Please, go to Facebook to see it. In order to use the skins, you must first install our plugin. If you are not redirected automatically click here. Layout Succesfully Installed! Please, go to Facebook to see it. In order to use the skins, you must first install our plugin. If you are not redirected automatically click here. Layout Succesfully Installed! Please, go to Facebook to see it. In order to use the skins, you must first install our plugin. If you are not redirected automatically click here. Layout Succesfully Installed! Please, go to Facebook to see it. In order to use the skins, you must first install our plugin. If you are not redirected automatically click here. Layout Succesfully Installed! Please, go to Facebook to see it. In order to use the skins, you must first install our plugin. If you are not redirected automatically click here. Layout Succesfully Installed! Please, go to Facebook to see it. In order to use the skins, you must first install our plugin. If you are not redirected automatically click here. Layout Succesfully Installed! Please, go to Facebook to see it. In order to use the skins, you must first install our plugin. If you are not redirected automatically click here. Layout Succesfully Installed! Please, go to Facebook to see it. In order to use the skins, you must first install our plugin. If you are not redirected automatically click here. You're currently browsing the Love Facebook Layouts. If you can't find any Love Facebook Themes you like using this search, try browsing our facebook skins using the categories in the left navigation. |
Langganan:
Postingan (Atom)