Laman

▼

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]
di

15 komentar:

  1. Bugis BlogSelasa, 13 April 2010 pukul 19.11.00 WIB

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

    BalasHapus
  2. Boku no BlogSelasa, 13 April 2010 pukul 19.11.00 WIB

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

    BalasHapus
  3. Abu DaffaSelasa, 13 April 2010 pukul 20.26.00 WIB

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

    BalasHapus
  4. AjungSelasa, 13 April 2010 pukul 20.50.00 WIB

    Keren tipsnya, trims ya

    BalasHapus
  5. satryaRabu, 14 April 2010 pukul 01.32.00 WIB

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

    BalasHapus
  6. BeDaRabu, 14 April 2010 pukul 14.33.00 WIB

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


    Salam ukhuwah

    BalasHapus
  7. ahmadMinggu, 09 Mei 2010 pukul 17.54.00 WIB

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

    BalasHapus
  8. AnonimRabu, 08 September 2010 pukul 01.58.00 WIB

    body>

    sebelah mananya??
    langkah ke 5

    BalasHapus
  9. SeptiyansKamis, 18 November 2010 pukul 22.26.00 WIB

    mantap mas, izin nyontek ya..

    BalasHapus
  10. AnonimSabtu, 18 Desember 2010 pukul 07.59.00 WIB

    Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  11. UnknownRabu, 24 April 2013 pukul 11.08.00 WIB

    ini mempengaruhi kecepatan saat kita buka blog ga?

    BalasHapus
  12. patooSabtu, 28 Mei 2022 pukul 09.44.00 WIB

    Related Site visit this website visit the website Extra resources discover this info here Balenciaga Dolabuy

    BalasHapus
  13. theslolRabu, 22 Juni 2022 pukul 13.24.00 WIB

    Homepage Home Page click here to read discover here view it websites

    BalasHapus
  14. boughezSabtu, 30 Juli 2022 pukul 17.40.00 WIB

    this contact form replica ysl bags look at here Dolabuy Goyard find best replica bags

    BalasHapus