PSD to CSS XHTML with form fields - 1 page by MammothSG

May 4th, 2011
Simple PSD to XHTML CSS slice job needed super urgently (today). Need to feature form field for name and email that then displays a results page when subscribe button clicked. Easy and fast job see… (Budget: $30-$250 USD, Jobs: CSS, HTML, Photoshop, PSD to HTML)
Original post by Freelancer.com - New Projects

No Comments »

No comments yet.

Leave a comment

 
 
 
:mrgreen: :neutral: :twisted: :shock: :smile: :???: :cool: :evil: :grin: :oops: :razz: :roll: :wink: :cry: :eek: :lol: :mad: :sad:

[ Read More ]

Membuat Animasi Text Di Blogger

Terkadang kita perlu menampilkan text yang bisa bergerak baik itu naik, turun, kesamping kiri ataupun kanan untuk menarik perhatian pembaca. Kali ini saya coba menyajikannya lengkap khusus untuk anda yang ingin mengutak-atik blog anda agar lebih keren. 


Membuat Text Berjalan Kesamping Kiri 

Bagaimana caranya untuk menambahkan teks yang bergeser kesamping, baik dibagian sidebar, posting blog dan lain-lain. Cara ini merupakan cara lain untuk menarik pengunjung agar memperhatikan beberapa tulisan yang kita kehendaki.

Tapi, sebaiknya kita jangan memasangnya terlalu banyak, karena justru akan mengganggu dan merusak konsentrasi pembaca. Anda dapat menambahkan tulisan bergulir pada kalimat / frase tertentu seperti : posting paling populer, iklan, berita terkini dll. Okedeh, tanpa perlu basa-basi kepanjangan. Langsung aja nih...

Berikut adalah kode untuk menambahkan teks bergulir sederhana dari kanan ke kiri

kode <marquee> bergulir sederhana teks </ marquee>

Output akan seperti:
Contoh 1:

contoh text bergulir

jangan lupa, anda mengetiknya di tab Edit HTML seperti gambar dibawah ini


kemudian akan terlihat seperti ini :


Bagaimana jika background text berjalan Anda ingin diwarnai? Silahkan coba ini...

Tambahkan warna latar belakang teks,
<marquee bgcolor="#99ccff">kode scrolling text sederhana</marquee>

Contoh 2:

kode scrolling text sederhana

Bagus bukan? kalau Anda ingin merubah warna backgroundnya dengan warna lainnya anda bisa melihat di kode heksadesimal di sini

Lanjut yuk...

Membuat Text Berjalan Kesamping Kanan

Ini merupakan trik lanjutan tentang marquee script, yaitu membuat text yang berjalan dari kiri ke kanan. Yang perlu Anda lakukan adalah :

  • Copy dan paste kode dibawah ini pada posting blogger di tab EDIT HTML seperti yang saya tunjukkan pada gambar diatas :
<marquee direction="right&quot; bgcolor="#99CCFF">contoh text bergeser kekanan</marquee>

silahkan Anda lihat, pada tulisan yang saya stabilo kuning, merupakan perintah arah bergesernya text.
  • Hasilnya akan terlihat seperti dibawah ini:
contoh text bergeser kesamping

Membuat text naik pada blogroll

Ini merupakan trik yang ke-3 untuk geser-menggeser text, dan untuk kali ini, saya ingin mengajak Anda untuk mempelajari trik membuat text naik, dan ini tidak terbatas pada blogroll, perintah script ini bisa anda terapkan di text apapun di blogger, simak ya.
  • Seperti biasa, inilah kode rahasia yang harus Anda copy paste kan, cara untuk copy dan pastenya sudah saya kasih tau pada posting sebelumnya.
 <marquee direction="up" bgcolor="#99CCFF">contoh text rolling keatas</marquee>

  • Jika Anda sudah melakukannya dengan benar, maka akan muncul tampilan seperti dibawah ini:
contoh text rolling keatas

  • warnanya koq beda ya? : ) ya iyalah... orang kode warnanya saya ubah he..he..
Sudah siap untuk trik yang keempat? lanjuut... 
    Membuat text turun pada blogroll

    Kayaknya kalo untuk buat text turun sudah banyak ya yang bikinin, tapi daripada Anda harus repot buka blog lainnya, mendingan sekalian saya tuliskan aja disini. Begini nih caranya :

    • Copy paste kode berikut ini :
    <marquee direction="down" bgcolor="#9900FF">text rolling turun</marquee>

    • Lihat pada tulisan yang saya stabilo kuning ya, ya... itulah kunci perintahnya. Jadi textnya bisa rolling kebawah. Hasilnya akan terlihat seperti dibawah ini:
    gue lagi turun nich..

      
    Menggeser text kekiri dan kekanan

    Untuk kali ini, kita tidak hanya akan menggeser text saja, melainkan mengaturnya sehingga dia bisa bergeser kekiri dan kekanan secara otomatis (mulai agak sulit? tidak juga). Silahkan perhatikan langkah-langkah berikut ini:

    • Pada script yang sudah ada silahkan Anda menambah perintah seperti yang di stabilo kuning dibawah ini:
    <marquee behavior="alternate" bgcolor="#33FFCC">text goyang kiri dan kanan</marquee>
    • Hasilnya seperti dibawah ini, text akan berjalan kekri dan kekanan secara otomatis.
    text goyang kiri dan kanan


    Mengurangi Kecepatan Geser Text

    Untuk merubah kecepatan bergesernya text, kita tinggal menambah perintah sebagai berikut (yang distabilo kuning ya...)
    • Anda harus menambah beberapa perintah di scriptnya seperti yang tertera dibawah ini:
    <marquee behavior="alternate" direction="left" bgcolor="#9999CC" scrollamount="2">text bergeser pelan</marquee>
    • Hasilnya akan terlihat, pergeseran text bisa terlihat lebih lambat :
    text bergeser pelan
    • Jika kita ingin agar pergeseran textnya justru lebih cepat bisa merubah angka yang distabilo ini ya
     <marquee behavior="alternate" direction="left" bgcolor="#9999CC" scrollamount="6">text bergeser cepat</marquee>
    • Nah, kelihatan kan tambah kenceng larinya.. kayak kuda binal hehehe...
    kudaku lari kencang

    Text Berhenti Saat Cursor Diatasnya

    Kalau Anda bingung sama judul postingan ini, silahkan baca sejarahnya, alias baca postingan saya sebelumnya. Pasti deh tambah bingung hehe... becanda lho.
    Langsung aja ya, yang perlu Anda lakukan adalah mengikuti langkah-langkah berikut ini:

    • copas kode berikut
    <marquee behavior="alternate" direction="left" bgcolor="#CCCCCC" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" scrolldelay="50">  kalo ada cursor berhenti</marquee>

    catatan : tulisan yang saya stabilo kuning diatas hanya untuk menunjukkan kepada Anda disitulah kunci perintahnya. Bukan berarti hanya tulisan itu yang Anda copasin lho.. copas semua bleh!
    • Hasilnya akan terlihat seperti dibawah ini:
        kalo ada cursor berhenti


    Mengubah Warna Text Pada Text Berjalan

    Untuk kali ini, kita akan membahas cara untuk mengubah warna pada text berjalan

    • Pertama, Anda harus mengawali dengan tag <div dan diakhiri tag </div>
    • Kedua, Anda tinggal menambahkan kode warna sesuai dengan keinginan Anda
    <div style="color: red;">
    <marquee>contoh text berwarna</marquee></div>

    Nb: pokoknya copas aja deh, biar gak ada kelirunya...(warna stabilonya diilangin ya...)
    • Hasilnya seperti ini
    contoh text berwarna
      Membuat Hyperlink Pada Text Berjalan

      Inilah yang menurut saya paling keren, membikin text berjalan jadi hyperlink text alias text yang jika diklik akan membuka situsnya. Berikut step bay stepnya :

      • pertama, copas kode dibawah ini:

        <marquee behavior="scroll" direction="left" bgcolor="#99FFFF" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4">    <a href="url#1">LINK#1</a>  <a href="url#2">LINK#2</a>  <a href="url#3">LINK#3</a>  </marquee>

      • hasilnya akan terlihat seperti dibawah ini

           LINK#1  LINK#2  LINK#3 

      Jangan lupa ganti tiap tulisan url#1,url#2,url#3 dengan alamat URL situs/blog yang Anda kehendaki dan LINK#1 dst dengan nama situs/blog yang Anda kehendaki

      Contoh:
      • copas kode berikut ini:

      <marquee behavior="scroll" direction="left" bgcolor="#99FFFF" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4">    <a href="http://www.matasehat.com/">Kesehatan Mata</a>  <a href="http://www.bongkarrahasia.blogspot.com/">Rahasia Bisnis Online</a>  <a href="http://www.entrepreneur-on.blogspot.com/">Entrepreneur Tips</a>  </marquee>

      • hasilnya seperti ini

          Kesehatan Mata  Rahasia Bisnis Online  Entrepreneur Tips 

      Jangan lupa commentnya : )

      Anda dapat memilih warna latar belakang anda dengan mengganti kode heksadesimal.
      Klik di sini untuk melihat kode warna yang berbeda.

      Ditunggu komentarnya ya boss, jika Anda ingin mendownload artikel ini silahkan klik disini
      [ Read More ]



        Avira Key Finder Tool
        Avira Key Finder Tool
        Bagi sobat inisip yang menggunakan antivirus Avira baik Avira antivir Premium atau Avira Premium Security Suite atau ada yang ingin mencoba menggunakan antivirus Avira Avira Key Finder merupakan tool yang ...
        Uniblue SpeedUpMyPC 2010 Gratis License Serial Key
        Uniblue SpeedUpMyPC 2010 Gratis License Serial Key
        Uniblue SpeedUpMyPC? adalah salah satu software terbaik saat ini dengan mendapatkan penghargaan dari Microsoft sebagai software optimize terbaik yang terbukti mampu meningkatkan kecepatan komputer dengan engine terbaru dapat dengan cepat ...
        FotoMix 8.1.2 Cara Mudah Mengganti Backround Foto
        FotoMix 8.1.2 Cara Mudah Mengganti Backround Foto
        FotoMix adalah salah satu editing foto gratis namun mempunyai fitur menarik sebagai salah satu trik untuk mengganti latar belakan atau Backround sebuah foto sehingga menjadikan foto lebih menarik. Terkadang sebuat ...
        Uniblue RegistryBooster 2010 Crack Activation
        Uniblue RegistryBooster 2010 Crack Activation
        Uniblue RegistryBooster salah satu software favorit yang selalu setia menemani di kompie sebagai salah satu tool untuk membersihkan sampah registry sisa-sisa uninstall software dengan dimulai melakukan deep scan registri, memeriksa ...
      [ Read More ]

      Haiiii,, kawan-kawan,,,,,,,,,,,tamat smp/sltp bingung kan mau masuk kemana,,,,,,ayok masuk ke smkn 2 teluk kuantan,masuk tkj  >tehnik komputer dan jaringan< ,karna di jurusan tkj itu ada guru tkj sangat pandai dalam bidang >tehnik komputer dan jarangan< yang bernama
      endarto jati purnomo M.kom,,,,,kalau mau tau lebih dalam mengenai pak jati buka aja blog pak jati alamat nya    http;//endartojatip.blogspot.com    ,,karna sekolah smk 2 teluk kuantan sangat di siplin dengan peraturan-peraturan yang sangat memuaskan ,,,,,,,,,JANGAN LUPA MASUK KE SMKN 2 TELUK KUANTAN DAN JANGAN LUPA BUKA BLOG PAK JATI,,,,,,,,,,,,,,,,,OC FRENDDDD,,,,,,,dijamin seru!!!!!!!!!!!!!!!! deh masuk ke tkj smkn2 tk,,,,,,,,,
      [ Read More ]


      Gerbang Logika
                  Gerbang Logika merupakan dasar pembentuk sistem digital. Gerbang Logika beroperasi dengan bilangan biner, karenanya disebut Gerbang Logika Biner. Tegangan yang digunakan dalam gerbang logika adalah High (berarti "1" atau"+5V") atau Low (berarti "0" atau " 0 V " ).
                  Gerbang (gates) adalah suatu rangkaian logika dengan satu keluaran dan satu atau beberapa masukan, taraf tegangan keluaran tertentu; hanya terjadi untuk suatu kombinasi taraf tegangan dari masukan-masukannya yang sudah tertentu pula. Gerbang logika dasar terdiri dari tiga jenis, yaitu AND, OR, dan NOT. Sedangkan gerbang logika yang lain merupakan pengembangan dari ke tiga gerbang logika dasar tersebut, antara lain gerbang : NAND, NOR, dan XOR.

      Gerbang AND
      adalah gerbang yang memberikan keluaran hanya bila semua masukan ada. Dengan kata lain gerbang AND merupakan gerbang semua atau tidak ada ; keluaran hanya terjadi bila semua masukan ada.

      Gerbang OR
      adalah gerbang salah satu atau semua; keluaran terjadi bila salah satu atau semua
      masukan ada. Gerbang OR memberikan keluaran 1 bila salah satu masukan atau ke dua masukan adalah 1.

      Gerbang NOT
      adalah gerbang logika yang memberikan keluaran tidak sama dengan masukannya. Gerbang NOT disebut juga inverter. Gerbang ini mempunyai sebuah masukan dan sebuah keluaran, yang dilakukannya hanyalah membalik sinyal masukan; jika masukan tinggi, keluaran adalah rendah, dan sebaliknya.

      Gerbang NAND (NOT-AND)
      adalah gerbang AND yang diikuti gerbang NOT.


      Gerbang NOR (NOT-OR)
      adalah gerbang OR yang diikuti gerbang NOT.

      Gerbang XOR
      Gerbang ini mempunyai dua masukan dan satu keluaran. XOR adalah nama lain dari OReksklusif. Disebut semikian sebab gerbang XOR memberikan keluaran 1 bila masukan pertama atau masukan kedua adalah 1, namun tidak kedua-duanya. Dengan kata lain, gerbang XOR mempunyai keluaran 1 hanya bila ke dua masukannya berbeda dan keluarannya 0 apabila ke dua masukannya sama.

                  Semua sistem digital disusun dengan hanya menggunakan tiga gerbang logika dasar: gerbang AND,gerbang OR dan gerbang NOT .Empat gerbang logika lain dapat dibuat dari gerbang-gerbang dasar ini, yakni : gerbang NAND ,gerbang NOR ,gerbang eksklusif OR ,gerbang eksklusif NOR .
                  Gerbang-gerbang logika tersebut disusun dengan menggunakan dioda dan resistor (Diode Logic), dengan menggunakan resistor dan transistor (Resistor Transistor Logic), atau dengan menggunakan kombinasi transistor (Transistor-Transistor Logic - TTL). Kelompok logika lain dinamakan berdasar konfigurasi rangkaiannya dan tersedia sebagai suatu IC (Integrated Circuit). Contohnya P-MOS (Positive-Metal Oxide Semiconductor), CMOS (Complementary Metal Oxide Semiconductor), ECL (Emitter-Coupled Logic), I2L (Integrated Injection Logic). Yang paling populer adalah keluarga TTL yang dikenal dengan seri 74/54 yang masih terbagi lagi dalam kelompok-kelompok: standar (74/54), High-speed TTL (74H/54H), Low-power TTL (74L/54 L), Schottky TTL (74S/54S), Low-power Schottky TTL (74LS/54LS). Selain itu juga cukup banyak dipakai keluarga CMOS yang ditandai dengan HC, HCT, AC atau ACT. Umumnya TTL dipilih karena mempertimbangkan kecepatannya, sedang CMOS disukai karena pemakaian dayanya yang relatif rendah.

      Prosedur Percobaan
      1.                                          Rakitlah rangkaian seperti pada Gambar 1.2,  hubungkan ke catu daya.
      2.      Saklar A dan B digunakan sebagai masukan, keluaran menggunakan lampu LED
      3.      Isi tabel kebenaran gerbang AND 2 masukan di bawah.
      4.      Ulangi langkah-langkah 1-3 untuk menguji gerbang OR (IC TTL 74LS32-Gambar 1.3), INVERTER (IC TTL 74LS06), NAND (IC TTL 74LS08 dan 74LS06) dan OR (IC TTL 74LS32 dan 74LS06)
      5.      Laksanakan langkah 4 dengan menggunakan bantuan DATASHEET I














       











      Gambar 1.2   Gerbang Logika AND 2 Masukan

       









      Gambar 1.3   Gerbang Logika OR 2 Masukan

      Data Hasil Percobaan dan Analisa Data

          AND 2 masukan                       OR 2 masukan                       Inverter
      Input
      Output
       A
      B
      0
      0

      0
      1

      1
      0

      1
      1

      Input
      Output
      A
      B
      0
      0

      0
      1

      1
      0

      1
      1

      Input
      Output
      0

      1


        

      NAND 2 masukan                        NOR 2 masukan
      Input
      Output
       A
      B
      0
      0

      0
      1

      1
      0

      1
      1

      Input
      Output
       A
      B
      0
      0

      0
      1

      1
      0

      1
      1







      Kesimpulan







      Tugas
      1.         Buat tabel kebenaran XOR dan XNOR, serta jabarkan gerbang tersebut     yang disusun oleh gerbang dasar (AND, OR, dan Inverter)














      Rangkaian Logika Kombinasi
      Rangkaian logika kombinasi merupakan kumpulan gerbang-gerbang logika dengan masukan dan keluaran tertentu.
       
      Contoh:






      Gambar 1.4   Rangkaian Logika Kombinasi  Y = 1.A + A.B

      Tabel Kebenaran Gambar 1.4
      Input
      Y
       A
      B
      0
      0
      0
      0
      1
      0
      1
      0
      1
      1
      1
      1






      Prosedur Percobaan
      1. Rakitlah rangkaian seperti pada Gambar 1.4,  hubungkan ke catu daya.
      2. Saklar A dan B digunakan sebagai masukan, keluaran menggunakan lampu LED
      3. Buktikan tabel kebenarannya Gambar 1.4
      4. Ulangi untuk merangkai persamaan
            a.         Y = A.B + A.B.C 
            b.         Y = C.B + B.A + A + B
            dan buat tabel  kebenarannya
      5.   Laksanakan langkah 4 dengan menggunakan bantuan DATASHEET I



      Data Hasil Percobaan dan Analisa Data
      Input
      Y
       A
      B
      C
      0
      0
      0

      0
      0
      1

      0
      1
      0

      0
      1
      1

      1
      0
      0

      1
      0
      1

      1
      1
      0

      1
      1
      1

      a.









                  Penyederhanaan:
            Y = A.B + A.B.C 
                  Peta Karnaugh
















                             

      b.
      Input
      Y
       A
      B
      C
      0
      0
      0

      0
      0
      1

      0
      1
      0

      0
      1
      1

      1
      0
      0

      1
      0
      1

      1
      1
      0

      1
      1
      1











                  Penyederhanaan:
            Y = C.B + B.A + A + B
            Peta Karnaugh


















      Kesimpulan











      Tugas
      1.         Sederhanakan dan buat tabel kebenarannya
            a.         Y = B.A  +   A 
            b.         Y = (C.B + B.A )+ C
      2.         Jelaskan SOP dan POS, beri contohnya















      Bab II
      Dekoder, Enkoder, Multiplekser dan Demultiplekser


      Tujuan  Percobaan
                  Setelah melakukan praktikum ini, praktikan diharapkan telah memiliki kemampuan sebagai berikut :
      • Mengerti dan memahami dekoder, enkoder, multiplekser dan demultiplekser (bentuk, tabel kebenaran, sifat/karakteristik)
      • Mampu menganalisis dan merancang rangkaian Dekoder, Enkoder, Multiplekser dan Demultiplekser

      Peralatan Percobaan
      • Logic Probe
      • Gerbang-gerbang logika TTL(Transistor-Transistor Logic)
      • generator sinyal
      • osiloskop
      • multimeter
      • kabel
      • catu daya

      Dasar Teori
      Multiplexer
                  Multiplexer adalah suatu rangkaian yang mempunyai banyak input dan hanya mempunyai satu output. Dengan menggunakan selector, kita dapat memilih salah satu inputnya untuk dijadikan output. Sehingga dapat dikatakan bahwa multiplexer ini mempunyai n input, m selector , dan 1 output.
      Biasanya jumlah inputnya adalah 2m selectornya. Adapun macam dari multiplexer ini adalah sebagai berikut:
      ·                      Multiplexer 4x1 atau 4 to 1 multiplexer
      ·                      Multiplexer 8x1 atau 8 to 1 multiplexer
      ·                      Multiplexer 16x1 atau 16 to 1 multiplexer dsb.
      Gambar 2.1. berikut adalah symbol dari multiplexer 4x1 yang juga disebut sebagai “data selector” karena bit output tergantung pada input data yang dipilih oleh selector. Input data biasanya diberi label D0 s/d Dn. Pada multiplexer ini hanya ada satu input yang ditransmisikan sebagai output tergantung dari kombinasi nilai selectornya. Kita misalkan selectornya adalah S1 dan S0, maka jika nilai :
      S1 S0 = 00
      Maka outputnya (kita beri label Y) adalah :
      Y = D0
      Jika  D0   bernilai 0 maka Y akan bernilai 0, jika D0 bernilai 1 maka Y akan bernilai 1.








      Gambar.2.1. Simbol Multiplexer


       
      Adapun rangkaian multiplexer 4x1 dengan menggunakan strobe atau enable yaitu suatu jalur bit yang bertugas mengaktifkan atau menonaktifkan multiplexer, dapat kita lihat pada gambar 2.2 berikut ini.








      Gambar.2.2. Rangkaian multiplexer 4x1
      Tabel. 2.1. Tabel Kebenaran  Multiplexer 4x1
      Strobe
      S1
      S0
      Output
      0
      0
      0
      D0
      0
      0
      1
      D1
      0
      1
      0
      D2
      0
      1
      1
      D3
      1
      X
      X
      0


      LOGIKA MULTIPLEXER DAN IMPLEMENTASI FUNGSI BOOLEAN

      Suatu desain dari rangkaian logic biasanya dimulai dengan membuat tabel kebenaran. Seperti telah kita ketahui bahwa kita mengenal ada 2 macam metode yang diterapkan pada tabel kebenaran, yaitu metode sum of product (SOP) dan metode product of sum (POS). Nah pada bagian ini kita kenalkan dengan metode yang ketiga yaitu multiplexer solution.
      Pada kenyataannya, kita dapat merancang suatu multiplexer 8x1 dari multiplexer 4x1 atau multiplexer 16x1 dari multiplexer 8x1 dan seterusnya. Jika kita anggap selector sebagai n, maka kita dapat membuat multiplexer 2nx1 dari multiplexer 2n-1x1. Dengan kata lain kita memfungsikan multiplexer 2n-1x1 sebagai multiplexer 2nx1.
      Jika kita menterjemahkan suatu kasus sebagai suatu fungsi F :
      F(A, B, C ) = ∑ (1, 3, 5, 6)
      Dimana parameter fungsi tersebut A, B, C adalah merupakan selector dari multiplexer dan sisi sebelah kanan fungsi adalah output yang diinginkan dari multiplexer. Tanda ∑ beserta parameter berikutnya adalah merupakan bentuk SOP (sum of product
      [ Read More ]