Cara membuat halaman yang bisa ngelipat
Judul : Cara membuat halaman yang bisa ngelipat
link : Cara membuat halaman yang bisa ngelipat
Cara membuat halaman yang bisa ngelipat
Suatu ketika lagi ngenet tiba-tiba menemukan suatu web yang unik tampilan halamannya. Uniknya tuh kalau kita mengarahkan kursor mouse kita di bagian pojok kanan atas halaman web tersebut, maka halaman tersebut akan kelipat atau kebuka, namun hanya sebagian kecil saja dan di dalamnya terdapat gambar (disesuaikan) yang biasanya kalau diklik akan diarahkan ke suatu halaman lain seperti halaman RSS blog ataupun bisa berupa halaman lainnya.
Teman-teman juga bisa menemukannya di blog ini. Yang seperti ini lho...
Untuk membuat halaman blog teman-teman seperti di atas caranya gampang. Ikuti langkah2 berikut:
1. Login ke blogger >> Tata Letak >> Edit HTML >> Expand widget template
2. Cari kode
#pageflip {
position: relative;
}
#pageflip img {
border: none;
width: 50px; height: 52px;
z-index: 99;
position: absolute;
right: 0; top: 0;
-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
width: 50px; height: 50px;
position: absolute;
right: 0; top: 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHMMZGjPsnHnd26ZGJsVdEEAtmkHJLj3-6wRdSBqbQCXRZDxwGnhcUhoLE6vwoPW4BiqV77VDZDuFnzErUYoHPBe_oiILeg6NTKLYJyGe4-C_P17m7q2AOqGKyP2w3n2SMMLcF30lw2rGi/) no-repeat right top;
text-indent: -9999px;
}
position: relative;
}
#pageflip img {
border: none;
width: 50px; height: 52px;
z-index: 99;
position: absolute;
right: 0; top: 0;
-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
width: 50px; height: 50px;
position: absolute;
right: 0; top: 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHMMZGjPsnHnd26ZGJsVdEEAtmkHJLj3-6wRdSBqbQCXRZDxwGnhcUhoLE6vwoPW4BiqV77VDZDuFnzErUYoHPBe_oiILeg6NTKLYJyGe4-C_P17m7q2AOqGKyP2w3n2SMMLcF30lw2rGi/) no-repeat right top;
text-indent: -9999px;
}
4. Cari kode
link berlangganan.
5. Simpan hasil kerjaan anda.
Sekarang silahkan lihat blog anda, bagaimana....baguskan?
Untuk mengganti gambar dinding, teman-teman bisa mengganti URL berikut:
#pageflip .msg_block {
width: 50px; height: 50px;
position: absolute;
right: 0; top: 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHMMZGjPsnHnd26ZGJsVdEEAtmkHJLj3-6wRdSBqbQCXRZDxwGnhcUhoLE6vwoPW4BiqV77VDZDuFnzErUYoHPBe_oiILeg6NTKLYJyGe4-C_P17m7q2AOqGKyP2w3n2SMMLcF30lw2rGi/) no-repeat right top;
text-indent: -9999px;
}
Semoga Bermanfaat []
Demikianlah Artikel Cara membuat halaman yang bisa ngelipat
Sekianlah artikel Cara membuat halaman yang bisa ngelipat kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.
Anda sekarang membaca artikel Cara membuat halaman yang bisa ngelipat dengan alamat link https://cheatterbaru2.blogspot.com/2010/12/cara-membuat-halaman-yang-bisa-ngelipat.html