Cara Membuat Efek CSS Kartu Berputar : Hidden Informasi (Informasi Tersembunyi)

Cara Membuat Efek CSS Kartu Berputar : Hidden Informasi (Informasi Tersembunyi)


Rafi Orilya,-Kali ini saya akan berbagi CSS dari temen mengenai Efek CSS Kartu Berputar dan memiliki informasi tersembunyu di balik kartu itu... memang saat awal saya bingung buat title post kali ini tapi yaa seperti itulah, pokoknya. Hehehe...

DEMO => KLIK DISINI

Berikut langkah-langkahnya :
1. Masuk Blogger
2. Masuk pada Template => Edit HTML => Centang “Expand Template Widget”
3. Cari kode ]]></b:skin>, gunakan F5 agat lebih cepat
4. Copy code CSS dibawah ini :



5. Pastekan diatas kode ]]></b:skin>, tadi
6. Save template
7. Masuk ke Tata Letak => Tambah Gadget => HTML/Javasript
8. Copy paste kode script dibawah kedalamnya :

<div id="info">
<div id="container">
<div class="lower">
<h1>CSS Kartu Berputar Dengan Mudah : ROG</h1>
<p>Efek CSS ini semoga bermanfaat bagi sobat pengunjung Rafi Orilya Groups yang telah setia mengunjungi blog kami hehe... tetep berkunjung yaah Rafi Orilya : http://rafi-orilya.blogspot.com</p></div>
<div class="upper">
<img src="URLgambarKamu.jpg" alt="rafi-orilya.blogspot.com" />
</div>
</div>
</div> <!-- end  -->

9. Save

Keteranngan :
- Pada Tulisan “ Efek CSS ini semoga.................” dapat diganti dengan tulisan sobat
- Pada <img src=”URLgambarkamu.jpg” alt=”rafi-orilya.blogspot.com”> Ubah URL dengan URL gambar sobat

Terima kasih semoga bermandaat, dan jangan lupa tempelin komentarnya yaah..
hehehe.. .:D
byee...

Artikel Dilindungi
Sertakan alamat blog ini jika mengcopy paste
Hak Cipta Dilindungi


Terima Kasih
Rafi Orilya Groups
by Rafi Aldiansyah Asikin

2 komentar

Komentar anda sangat dibutuhkan bagi kemajuan kami untuk terus berkarya.
Diharapkan :
* Berkomentarlah dengan bahasa yang baik
* Tidak ada unsur SARA, SPAM, PORNO
* Tidak merugikan orang lain
* Menunjukkan identitas yang jelas bukan Anonim

Diperkenankan :
* Komentar promosi link web anda
* Kritik & Saran

[Protected] by DMCA Protection Pro™
EmoticonEmoticon