Selasa, 13 April 2010

Membuat Pageflip Di Kanan Atas Blog

 Membuat Blog Tampil Keren? Memang Setiap Blogger menginginkan Blognya Tampil Bagus dan Keren.Karena Blog yang Bagus dan Keren pasti pengunjungnya Mendominasi.Tidak usah panjang lebar lagi mari ke Pokok Permasalahannya.Kali ini saya akan Mengulas tentang Cara Membuat Pageflip Di Kanan Atas Blog .Pageflip berguna untuk menanyakangambar di pojok kanan atas seperti kertas Yang Dibuka.Dan Didalamnya dapat Dimuatkan Sebuah Link Tujuan.Bagaimana Apakah Anda Berminat Memasangnya? langsung saja Ke TKP.....
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 }

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>

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.[KangTiar]

15 komentar:

  1. Panjang ......... sob, tp semakin memperkukuh blog dr segi tampilan ...... ok mantapz

    BalasHapus
  2. Wah tutorialnya Mantab kang Tiar,..
    Terimakasih sharingnya dan sukses selalu

    BalasHapus
  3. Keren...dah ane praktekan tuh...Berhasil..berhasil..horeeeeee

    BalasHapus
  4. Kang tiar bagus banget nih tutorialnya, kalo saya bisa meng-convert ke wordpress, ijin re-post artikel tapi khusus untuk wordpress

    BalasHapus
  5. Tutorial yang lengkap. Semoga jumlah pengunjung tetap-nya makin banyak Kang Tiar.


    Salam ukhuwah

    BalasHapus
  6. hihihi, ini trick lama ya? ane coba ah. dah kangen nih ama trick yg ini. thanks dah share kang!

    BalasHapus
  7. body>

    sebelah mananya??
    langkah ke 5

    BalasHapus
  8. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  9. ini mempengaruhi kecepatan saat kita buka blog ga?

    BalasHapus