Selasa, 29 November 2011

Cara Buat Link Sentuh

Bagi Anda yang sudah memulai karir blog dan menumbuhkan blog Anda, tentu senang rasanya mulai menapaki berbagai modifikasi dan desain untuk blog Anda. Satu hal menarik adalah modifikasi soal link. Memang modifikasi soal link tak pernah habis. Kali ini saya akan memberitahu cara bagaimana membuat sebuah link terbuka tanpa klik. Biasanya tujuan link terbuka begitu ada aksi klik, tetapi dengan script ini hanya dengan menyorotnya saja link sudah terbuka.

Cara untuk membuat Link Sentuh sangatlah simpel, coba perhatikan dua link di bawah ini


  1. masuk ke blogger anda
  2. pilih tata letak
  3. tambah gatged
  4. pilih java script
  5. copy paste aja kodenya
ini kodenya :
http://www.deltanetkabunan.com/" onMouseover="window.location=this.href">Delta Net | TIPS TRIK TUTORIAL INTERNET

kalau mau contoh klik link dibawah ini

Delta Net | TIPS TRIK TUTORIAL INTERNET


ket : cukup anda copy link tsb langsung ke java script

caranya..
ganti target=_blank> dengan onMouseover="window.location=this.href">

semoga bermanfaat !!!

Sumber : http://www.deltanetkabunan.com/
Diposting oleh di Tidak ada komentar:
Label:

Cara Mudah Membuat Tulisan Efek Matrix

Assalamualaikum...
Selamat pagi semuanya!!
saat ini tidak perlu basa-basi karena keburu ada pelatihan dan saat ini saya akan berbagi tentang Cara Mudah Membuat Tulisan Efek Matrix hal ini saya dari Richard Womerley.
langkahnya sebagai berikut :

  • Loin dulu di www.blogspot.com atau disini
  • copy code berikut dan paste pada javascript/HTML 





Delta Net Kabunan
Catatan : Ganti tuisan yang merah dengan kata sesuai keinginan sobat

Sampai disini dulu ya semoga bermanfaat, jika sobat ada masalah tentang Cara Mudah Membuat Tulisan Efek Matrix, sobat bisa bertanya pada saya silahkan tinggalkan komentar dipostingan ini atau di buku tamu atau lebih jelasnya lagi silahkan mampir kerumah Richard Womerley. sobat bisa klik disini.

o y aku pergi dulu ya dah terlambat ne!!
Assalamualaikum... bye bye
Diposting oleh di Tidak ada komentar:
Label:

Cara Membuat Label Blog dengan Thumbnail

Banyak cara-cara atau tutorial untuk mempercantik Blog agar blog tampil profesional, diantaranya membuat Thumbnail sendiri, tapi kali ini saya akan memposting Cara Membuat label blog dengan thumbnail.
Trik ini saya dapatkan dari Blogger miscah. Jadi konsepnya seperti recent post dengan thumbnail (Baca:Membuat Recent Posts Cantik ). Namun, kali ini yang diberi thumbnail adalah post tertentu dalam satu kategori

Langkahnya,


  1. Masuk ke akun blogger
  2. Buka design/rancangan
  3. Pilih Edit HTML
  4. Copy kode barikut, dan paste di atas kode sebelum kode ]]> : 

    /---Image-Label---/
    img.label_thumb {
    float:left;
    padding:3px;
    background:#CCC;
    border:1px solid #A4A4A4;
    width:100px;
    height:75px;
    margin-right:10px;
    margin-top:10px }
    img.label_thumb:hover {
    opacity:0.8;
    filter:alpha(opacity=80);
    -moz-opacity:0.80;
    -khtml-opacity:0.8 }

    Keterangan: silahkan modifikasi sendiri warna backgroundnya, lebar dan tingginya (ubah angka di width, dan height)
  5. Copy juga kode berikut, dan paste kode dibawah / setelah kode ]]> : 

  6. Simpan Template
  7. Sekarang buka Page Elemen/Elemen Laman
  8. Klik pada "Tambahkan Gadget / Add Gadget Element"
  9. Pilih HTML/Javascript
  10. Paste kode barikut




    Keterangan: Silahkan sesuaikan sendiri jumlah posting (thumnail) yang ditampilkan, ubah angka "6". Dan yang warna merah "SEO" ganti dengan nama labelnya. Mudah
  11. Simpan
           Sumber dari : http://www.deltanetkabunan.com/2011/07/cara-membuat-label-blog-dengan.html
Diposting oleh di Tidak ada komentar:
Label:

Cara Membuat Menu Bar di Blog

Cara Membuat Menu bar di Blog, Dimana kita lihat tidak semua tamplate yang menyediakan Menu bar ini. Contohnya saja Tamplate bawaan blogger sendiri. Menu bar ini sebenarnya sama saja seperti Menu Label bawaan blogger tetapi bawaan blogger letak nya di belahan sidebar.juga bisa kita lihat menu label bawaan blogger membutuh tempat, kelihatan nya kurang menarik. Nah untuk teman yang ingin menambah Asesories menu bar ini tentu saja bisa. dengan bantuan kode script ke dalam tamplate anda. Menu bar ini terletak di bawah Header. Mau tau Bagaimana cara Membuat Menu bar nya??? Ikuti cara-cara di bawah ini.
Berikut langkah-langkah cara Membuat menu bar di blog anda:

  • Login terlebih dahulu ke blogger
  • Klik Tata Letak
  • Edit HTML
  • Cari kode ]]>
  • Kemudian Copy Paste kode di bawah ini persis diatas kode ]]>
#NavbarMenu
{
background:#ccc;
width:968px;
height:32px;
color:#FFF;
font:bold 8px Arial, Tahoma, Verdana;
clear:both;
margin:0 auto;
padding:0}
#NavbarMenuleft
{

width:955px;
float:left;
margin:0;
padding:0
}

#nav li
{
list-style:none;
float:left;
margin:0;
padding:0
}

#nav li a,#nav li a:link,#nav li a:visited
{
color:#fff;
display:block;
text-transform:capitalize;
font:normal 12px Georgia, Times New Roman;
margin:0;
padding:12px 11px 8px
}

#nav li a:hover,#nav li a:active
{
background:#ccc;
color:#FFF;
text-decoration:none;
border-right:1px solid #296204;
border-bottom:1px solid #296204;
border-left:1px solid #296204;
margin:0;
padding:12px 9px 8px
}

#nav li li a,#nav li li a:link,#nav li li a:visited
{
background:#ccc;
width:200px;
color:#fff;
text-transform:capitalize;
float:none;
border-bottom:1px solid #0d2601;
border-left:1px solid #0d2601;
border-right:1px solid #0d2601;
font:normal 14px Georgia, Times New Roman;
margin:0;
padding:7px 10px
}

#nav li li a:hover,#nav li li a:active
{
background:#184303;
color:#fff;
padding:7px 10px
}

#nav li a.enclose,#nav li a.enclose:visited
{
border-top:1px solid #000
}

#nav li ul
{
z-index:9999;
position:absolute;
left:-999em;
height:auto;
width:170px;
margin:0;
padding:0
}

#nav li ul a
{
width:140px
}

#nav li ul ul
{
margin:-75px 0 0 171px
}

#nav li:hover ul ul,#nav li:hover ul ul ul,#nav li.sfhover ul ul,#nav li.sfhover ul ul ul
{
left:-999em
}

#nav li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li.sfhover ul,#nav li li.sfhover ul,#nav li li li.sfhover ul
{
left:auto
}

#nav li:hover,#nav li.sfhover
{
position:static
}

#subnavbar
{
background:#004313;
width:968px;
height:24px;
color:#FFF;
margin:0;
padding:0
}

#subnav li a,#subnav li a:link,#subnav li a:visited
{
color:#f9fc01;
display:block;
font-size:11px;
text-transform:capitalize;
margin:0 5px 0 0;
padding:3px 13px
}

#subnav li a:hover,#subnav li a:active
{
color:#DCD900;
display:block;
text-decoration:none;
margin:0 5px 0 0;
padding:3px 13px
}

#nav ul,#subnav ul,#subnav li
{
float:left;
list-style:none;
margin:0;
padding:0
}

*,#nav,#subnav
{
margin:0;
padding:0
}


  • Kemudian cari kode






    Cari Berdasarkan






  • Kemudian Copy paste kode di bawah ini di bawah kode tersebut






  • Ganti Alamat link diatas yang berwarna merah dan biru dengan link yang anda miliki





  • Kemudian Simpan tamplate anda dan lihat hasilnya





    • Selamat mencoba......
    Diposting oleh di Tidak ada komentar:
    Label:

    Cara Membuat Teks Berjalan di blog (marquee)

    Teks berjalan yang biasa juga disebut marquee, merupakan sebuah efek gerak pada teks. Biasanya teks berjalan ini digunakan oleh pemilik blog untuk menampilkan sebuah pesan , link atau banner untuk menarik perhatian pengunjung.


    Secara umum cara membuat teks berjalan di blog bisa menggunakan kode dasar html seperti di bawah ini

    1. Buat teks berjalan dari kanan ke kiri (default)



    Kode


    Membuat teks berjalan

    Hasil :
    Membuat teks berjalan

    2. Membuat teks berjalan dari kiri ke kanan (direction)

    Kode:
    Teks berjalan dari kiri ke kanan
    Hasil:
    Teks berjalan dari kiri ke kanan

    3. Membuat teks bergerak dengan mengatur kecepatannya (scrollamount)
    Anda bisa mengubah angka 30 pada scrollamount="30"
    Kode:
    Teks bergerak lambat
    Teks bergerak lebih cepat
    hasil:
    Teks bergerak lambat

    Teks bergerak lebih cepat

    4. Membuat teks bergerak bolak balik / memantul saat tiba di tepi kiri atau kanan

    Kode:
    Teks berjalan bolak balik

    Contoh hasil-nya:
    Teks berjalan bolak balik

    5. Membuat teks berjalan dengan background biru
    Untuk mengganti background (warna latar belakang-nya) bisa ganti kata "blue" pada kode bgcolor="blue" , warna lain bisa dilihat disini tabel warna

    Kode:

    Teks berjalan dengan background biru

    Contoh tampilan:



    Teks berjalan dengan background biru




    6. Membuat teks bergerak dari bawah ke atas

    Kode:

    Teks bergerak dari bawah ke atas

    untuk mengubahnya menjadi bergerak dari atas ke bawah ganti kode direction="up" menjadi direction="down"

    Contoh:


    Teks bergerak dari bawah ke atas



    7. Membuat teks bergerak dari bawah ke atas (di dalam kotak teks)

    Kode:

    Contohnya bisa dilihat di bawah ini:







    Artikel Komputer

    Delta Net










    Contoh 2
    Kecepatannya diubah dengan scrollamount="2" , arahnya ke bawah direction="down"


    8. Membuat teks bergerak dari bawah ke atas, memantul dan berhenti jika penunjuk mouse berada di atas teks area.
    Tambahkan kode: onmouseout="this.start()" onmouseover="this.stop()

    Kode:

    Teks 1
    Teks 2
    Teks 3

    Contohnya bisa dilihat di bawah ini :



    Teks 1

    Teks 2

    Teks 3




    Anda bisa memasukkan kode kode di atas pada teks editor blogspot,

    Atau pada gadget html/javascript


    Selain contoh di atas bisa juga mengatur ukuran font /teks dan warna teks mengunakan script berikut :

    Selamat hari raya Idul Fitri 1 Syawal 1431 H, Mohon maaf lahir dan batin

    Pada kode di atas:
    a. font size='3' , angka 3 adalah ukuran teks /font bisa diubah sesuai kebutuhan
    b. face='comic sans ms' , comic sans ms jenis huruf
    c. color=yellow , yellow adalah warna teks.

    Hasilnya :

    Selamat hari raya Idul Fitri 1 Syawal 1431 H, Mohon maaf lahir dan bati
    Diposting oleh di Tidak ada komentar:
    Label:
    Langganan: Postingan (Atom)