Membuat Pageflip Di Kanan Atas Blog
1. Login Di Blogger.com
2. Lalu langsung saja masuk ke Tab Tata Letak--->Edit HTML Jangan CentangExpand Template Widget"
3. Lalu Tambahkan Kode Diawah ini 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(http://i989.photobucket.com/albums/af13/vikost/kang1.png?t=1271154152) no-repeat right top; text-indent:-9999px }
#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(http://i989.photobucket.com/albums/af13/vikost/kang1.png?t=1271154152) no-repeat right top; text-indent:-9999px }
4. Lalu Tambahkan Kode Dibawah ini Tepat Dibawah Kode ]]></b:skin>
(Kodenya Banyak!!! Download Kodenya Disini....!!!)
4. Kemudian Letakan Kode dibawah ini Tepat Setelah kode <body>
<div id='pageflip'>
<a href='http://kangtiar.blogspot.com' target='_blank'>
<img alt='' src='http://i989.photobucket.com/albums/af13/vikost/pageflipimage_thumb1.png?t=1271154153'/>
<span class='msg_block'/>
</a>
</div>
<a href='http://kangtiar.blogspot.com' target='_blank'>
<img alt='' src='http://i989.photobucket.com/albums/af13/vikost/pageflipimage_thumb1.png?t=1271154153'/>
<span class='msg_block'/>
</a>
</div>
PERHATIKAN:
- Anda Bisa Ganti Kode ini http://i989.photobucket.com/albums/af13/vikost/kang1.png dan ini http://i989.photobucket.com/albums/af13/vikost/pageflipimage_thumb1.png?t=1271154153 sesuai Kesukaan Anda
- Gantilah URL ini sesuai Kesukaan Anda http://kangtiar.blogspot.com
5. Yang Terakhir adalah SIMPAN Template.
HASILNYA
Semoga Artikel Cara Membuat Pageflip Di Kanan Atas Blog dapat Berguna Bagi Anda Semua.
Print This Page
0 komentar:
Posting Komentar