Bru masuk angin!

Flag Counters

Flag Counter

Pengikut

Recent Comments plus Kode CSS Box Gelap

Recent Comments

blog-indonesia.com

Vertical Menu

CLICK any categories for open!
Gubhug Reyot

Sobat Ngeblogh

Sobat Ngeblogh

Buat sobat blogger yang mau ikutan jadi follower silahkan KLIK link Follower (Follow) di ujung kanan-bawah. Dari hasil monitoring, ternyata yang link-nya telah dimasukkan ke "Sobat Ngeblogh" mengalami pertambahan pengunjung secara signifikan!
Terima kasih .: Salam :.
gubhug reyot

Image Effect-2

Entah mau dinamakan efek apa, yang jelas aku sendiri bingung mau memberi nama. Yang penting lihat dulu dan kamu mungkin bisa kasih sendiri nama efeknya. Image effect ini bekerja hanya berdasarkan kode css, dimana dua buah image diposisikan saling bertumpuk. Image pertama akan tertutup oleh image kedua yang menggunakan opacity effect sehingga membuat image pertama akan terlihat seperti bayangan dibelakang image kedua. Hover effect bekerja untuk menggeser image kedua ke sebelah kiri hingga kedua image terlihat secara sempurna. Silahkan anda coba dengan mengarahkan cursor di atas gambar!

CSS - Image Effect-2 :

Kode CSS :
.GRpansus{
      float:left;
      margin:5px 12px 5px 0;
      position:relative;
      width:303px;
      height:228px;
      padding:5px;
      background:#ccc;
      border:3px solid #444;
}
.GRpansus a img{
      border:2px solid #eee;
      width:300px;
      height:225px;
      box-shadow:0 0 0 #fff;
      padding:0;
}
.GRpansus a span{
      position:absolute;
      left:5px;
      top:5px;
      opacity:0.7;
      filter:alpha(opacity=70);
}
.GRpansus a span{
      opacity:1.0;
      filter:alpha(opacity=100);
}
.GRpansus a span img{
      width:300px;
      height:225px;
      margin:0;
      padding:0;
      box-shadow:0 0 0 #fff;
      border:2px solid #555;
      opacity:0.85;
}
.GRpansus a span:hover img{
      opacity:100;
}
.GRpansus:hover a span{
      left:-305px;
      z-index:999;
}
xHTML :
<div class="GRpansus">
<a href="http://lightbox-demo-tutorial.blogspot.com/" target="_blank" title="Gambar pertama"><img src="https://lh3.googleusercontent.com/-H-l5nlM-BXQ/TxmAV-lCf-I/AAAAAAAAABU/xaFXBtGvF6k/s225/th_titanic800.jpg" /></a><a href="http://gubhugreyot-demo-tutorial-blogger-1.blogspot.com/" target="_blank" title="Gambar kedua"><span><img src="https://lh3.googleusercontent.com/-6rB6yx6ON4c/TxorKQG7fiI/AAAAAAAAADM/mWIlhNn58Lo/s225/penelopecruz_003.jpg" /></span></a>
</div>Tuliskan teks di sini ! Entah mau dinamakan efek apa, yang jelas aku sendiri bingung mau memberi nama. Yang penting lihat dulu dan kamu mungkin bisa kasih sendiri nama efeknya. Image effect ini bekerja hanya berdasarkan kode css, dimana dua buah image diposisikan saling bertumpuk. Image pertama akan tertutup oleh image kedua yang menggunakan opacity effect sehingga membuat image pertama akan terlihat seperti bayangan dibelakang image kedua. Hover effect bekerja untuk menggeser image kedua ke sebelah kiri hingga kedua image terlihat secara sempurna. Silahkan anda coba dengan mengarahkan cursor di atas gambar!
  1. Login ke Blogger.
    • Upload javascript Rounded Corners dan buat dalam bentuk link seperti yang terlihat pada box ke-3.
    • Tuliskan "User Name" (gmail) atau tuliskan "Email Address" (non gmail).
    • Tuliskan Password.
    • Klik "Sign in"
  2. Beberapa saat setelah klik sign in anda akan menjumpai halaman "Dasbor (Dasboard)".
    Klik "Rancangan (Design)".
  3. Kembali halaman baru akan terbuka, klik "Edit HTML".
  4. Sebuah halaman baru kembali kita jumpai. Halaman ini berisi 3 (tiga) bagian:
    • Backup/Restore Template » berisi fitur untuk melakukan backup template.
      Lakukan Backup template setiap kali akan melakukan penambahan atau pengurangan kode (xHTML, kode CSS dan javascript) melalui "Box Edit Template".
    • Edit Template » berisi sebuah box besar yang di dalamnya berisikan kode html penyusun blog.
    • Old Templates » berisi template lama blogger (Template Tata Letak & Template Klasik.
  5. Cari kode ]]></b:skin>.
  6. Copy kode CSS dan letakkan di atas ]]></b:skin>
  7. Klik "Simpan Template (Save Template)".
  8. Gunakan xHTML saat posting atau manfaatkan melalui penambahan gadget.
Catatan/Keterangan :
  1. Panduan backup template, cara mencari kode dan beberapa cara menyimpan kode css, javascript dan xHTML dapat dibuka di Special Tutorials pada vertical menu sebelah kiri halaman.
  2. Gunakan image dengan ukuran 225 x 300 pixel/px (width x height).
  3. Untuk merubah ukuran image lakukan perubahan pada width dan height di kode css.

Silahkan juga buka Tutorial lain yang sangat menarik dan patut di ikuti sampeyan semua. Akses melalui link di bawah ini:




Update » Senen WAGE, Maret, 26, 2012

» Happy Blogging - gubhugreyot «

6 komentar:

  1. SARANACASH ADALAH SITUS ONLINE AGEN BOLA, CASINO ONLINE TERBAIK DAN TERPERCAYA DI INDONESIA.
    PERMAINAN SARANACASH DAPAT DIAKSES MELALUI HP ANDROID, HP IOS, LAPTOP, DAN PC.

    MINIMAL DEPOSIT HANYA RP.10.000,- DAN MINIMAL WITHDRAW RP. 20.000,-

    DALAM SATU ID DAPAT BERMAIN :
    - POKER - QIU - QIU - CAPSA SUSUN - SUPER TEN
    - TARUHAN BOLA/SPORTBOOK (SBO & UBOBBET)
    - LIVE CASINO/BACCARAT - ROULETTE
    - IDNLIVE
    - DAN SLOT GAME TERLENGKAP

    PROMO YANG DISEDIAKAN :
    - BONUS NEW MEMBER 20%
    - BONUS DEPOSIT HARIAN 5%
    - CASHBACK SPORTBOOK 8%
    - BONUS ROLLINGAN CASINO 0.8 %
    - BONUS TURNOVER POKER 0.5 %
    - BONUS REFERRAL ( minimal 3 player )

    BANK YANG TERSEDIA :
    -BCA
    -BRI
    -BNI
    -MANDIRI
    -CIMB

    UNTUK INFO LEBIH LANJUT DAPAT KUNJUNGI DI LINK
    WWW.SARANACASH.COM

    LINK ALTERNATIF :
    - www.saranacash.net
    - www.saranacash.org
    - www.saranacash88.com

    KONTAK KAMI :
    - WA : 0853 5288 0692
    - FACEBOOK : SARANACASH
    - Line :saranacashdotcom
    - INSTAGRAM : SARANACASH88


    bola88
    agen bola
    bandar bola
    judi bola
    agen bola terpercaya
    bandar bola online terpercaya
    judi bola online terpercaya
    agen poker
    satu game untuk semua permainan
    sportbook SBOBET
    bandar casino terpercaya
    judi casino terbesar
    agen poker terbaik
    bandar judi bola online terbaik
    bandar judi terbaik di indonesia
    daftar poker online
    freechip
    chip gratis
    poker indonesia
    bandar bola terbesar

    BalasHapus
  2. SARANACASH ADALAH SITUS ONLINE AGEN BOLA, CASINO ONLINE TERBAIK DAN TERPERCAYA DI INDONESIA.
    PERMAINAN SARANACASH DAPAT DIAKSES MELALUI HP ANDROID, HP IOS, LAPTOP, DAN PC.

    MINIMAL DEPOSIT HANYA RP.10.000,- DAN MINIMAL WITHDRAW RP. 20.000,-

    DALAM SATU ID DAPAT BERMAIN :
    - POKER - QIU - QIU - CAPSA SUSUN - SUPER TEN
    - TARUHAN BOLA/SPORTBOOK (SBO & UBOBBET)
    - LIVE CASINO/BACCARAT - ROULETTE
    - IDNLIVE
    - DAN SLOT GAME TERLENGKAP

    PROMO YANG DISEDIAKAN :
    - BONUS NEW MEMBER 20%
    - BONUS DEPOSIT HARIAN 5%
    - CASHBACK SPORTBOOK 8%
    - BONUS ROLLINGAN CASINO 0.8 %
    - BONUS TURNOVER POKER 0.5 %
    - BONUS REFERRAL ( minimal 3 player )

    BANK YANG TERSEDIA :
    -BCA
    -BRI
    -BNI
    -MANDIRI
    -CIMB

    UNTUK INFO LEBIH LANJUT DAPAT KUNJUNGI DI LINK
    WWW.SARANACASH.COM

    LINK ALTERNATIF :
    - www.saranacash.net
    - www.saranacash.org
    - www.saranacash88.com

    KONTAK KAMI :
    - WA : 0853 5288 0692
    - FACEBOOK : SARANACASH
    - Line :saranacashdotcom
    - INSTAGRAM : SARANACASH88


    bola88
    agen bola
    bandar bola
    judi bola
    agen bola terpercaya
    bandar bola online terpercaya
    judi bola online terpercaya
    agen poker
    satu game untuk semua permainan
    sportbook SBOBET
    bandar casino terpercaya
    judi casino terbesar
    agen poker terbaik
    bandar judi bola online terbaik
    bandar judi terbaik di indonesia
    daftar poker online
    freechip
    chip gratis
    poker indonesia
    bandar bola terbesar

    BalasHapus

 
GR | Edited by | gubhug reyot