Grey Gurl

Sabtu, 05 Juli 2014 - 0 LIGHT(S)

Hai, hai! Ini mungkin artikel yang asal -_-. Soalnya bingung mau post apa.Kayaknya aku gak jadi hiatus deh :P. Kepo? Klik 'baca selengkapnya' yuk! Heiooo*bahasa macam apa? '3'*. Mau bawa tutorial nih! Yuk!
Cbox hover tuh gimana sih? Itu lho, misalnya begitu lah.... susah jelasinnya. Jadi misalnya ada picture or gambar, terus kalau disentuh jadi ke cbox! Mau begitu? Nih codenya:
Denim Template: copy code ini:

<style>.ch-item { width: 100%; height: 85%; border-radius: 10%; position: relative; box-shadow: 0 1px 2px rgba(0,0,0,0.1); cursor: default;}
.ch-info-wrap{ position: absolute; width: 270px;

Terus, kamu ke blogger.com atau kalau males ke sini,>> tata letak >> add gadget >> paste code tadi. Terus copy lagi code ini:

<ul class="ch-grid"><li><div class="ch-item ch-img-1"><div class="ch-info-wrap"><div class="ch-info"><div class="ch-info-front ch-img-1"></div><div class="ch-info-back">Code Cboxmu!</div></div></div></div></li></ul>

Merah:kamu gantikan dengan code cboxmu!
Preview dan save kalau nggak ada error.

Template Classic/ Blogskin(kayak aku)
Login akun blogermu >> Dashboard>> Template>> Ctrl+F>> ketik code </style> paste code di berikut DI BAWAH code </style>

<style>.ch-item { width: 100%; height: 85%; border-radius: 10%; position: relative; box-shadow: 0 1px 2px rgba(0,0,0,0.1); cursor: default;}
.ch-info-wrap{ position: absolute; width: 270px; height: 230px;

Terus copy lagi code ini dimanapun yang kamu suka, kalau bisa di sidebar :)

<ul class="ch-grid">
<li><div class="ch-item ch-img-1">
<div class="ch-info-wrap">
<div class="ch-info">
<div class="ch-info-front ch-img-1">
</div>
<div class="ch-info-back">
CBOX Code Here
</div>
</div>
</div>
</div>
</li></ul>

Biru: gantikan dengan code cbox mu!
Setelah itu selesai! Gampang kan?
Credit, and thanks to: here
Bye!

Label: Asyik!, Bosen!, Information!! ^^, Seru, Tutorial for you>.<

Posting Komentar

Thanks for Reading!