Selamat malam sobat motivasi bisnis online… Dalam kolom tutorial kali ini saya mau berbagi tips cara membuat efek kertas menggulung atau sudut kertas melipat pada sebuag blog. Efek ini sebenarnya cukup menarik dan kelihatan sangat bagus. Namun tidak semua template anda cocok di buat tampilan efek gulungan kertas ini. Sebab jika template blog anda tidak sesuai, justeru akan menjadikan blog kita tidak enak di pandang. Namun bagi anda yang ingin hanya sekedar mencoba untuk mempraktekkan cara membuat efek kertas yang seolah-olah hampir tergulung ini, tidak ada salahnya untuk mencoba tips ini.
Jadi langsung aja ya ke tutorial cara membuat efek kertas menggulung di sudut blog. Silahkan ikuti panduan di bawah ini :
1. Login ke Blogger
2. Klik Design > Edit HTML > centang 'Expand Widget Template'
3. Pasang kode berikut di atas kode ]]></b:skin>
#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/AVvXsEgs9iyJalbrWDbR7c3CtzYoKohBsxdoZyOwHVB_axnJcztoc7tySfm2IShmyz8l6Y09-vPPYelOeM4uIXCfX7bV4MgypxTBYFJx1Anl6ep6vqLfpeIVELyyd66ckDl6uoFiQeuJOtScaFeh/s1600/efek-kertas-melipat-menggulung.jpg) no-repeat right top;
text-indent: -9999px;
}
#Ganti kode yang berwarna hijau dengan link kode gambar (300px x 300 px) yang kalian inginkan
4. Kemudian pasang lagi kode berikut di bawah kode <b:skin><
0 comments:
Post a Comment
Berkomentarlah dengan baik jangan berkomentar yang bersifat menjatuhkan
terima kasih