Cara Optimalkan Feedburner Dengan Memasang Pagefilp

Pada tips trik blog kali ini akan sedikit mengupas tentang optimasi blog. Kebetulan kemaren malam sempat bincang-bincang dengan salah satu anggota KBM (komunitas blogger madura) sebut saja Rudiec yang akhirnya menghasilkan pertanyaan terhadap saya. Pertanyaannya "Yang bisa dilipat di pojok atas itu gimana caranya??", kira-kira begitu pertanyaanya.

Dari pada panjang lebar, ntar malah ndak kesampaian yang mau di bahas. OK. Pertanyaan dari sobat rudiec itu adalah bisa di sebut dengan nama Pageflip. Kalo sobat masih kurang jelas apa itu pagefilp, sobat bisa lihat contohnya pada blog ini. cara membuat pageflip, sobat bisa lanjutin bacanya hingga selesai.

1. Login ke blogger, setelah login pilih Rancangan kemudian edit HTML
2. Download template, kemuadian letakkan kode di bawah ini sebelum 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://lh5.ggpht.com/_7Y9pl24WpQY/S1sO-qUjmxI/AAAAAAAACwU/DrjPrO1XXaU/page%20flip_thumb%5B1%5D.png) no-repeat right top; text-indent:-9999px }

3. Silahkan letakkan semua kode yang ada disini sebelum kode </head>
4. Kemudian letakkan kode di bawah ini sebelum kode <body>


<div id='pageflip'>
<a href='http://feeds.feedburner.com/gangtutorial' target='_blank'>
<img src='http://lh6.ggpht.com/_7Y9pl24WpQY/S1sO3NyCTSI/AAAAAAAACwM/6DxgJaTzsdc/page%20flip%20image_thumb%5B1%5D.png'/>
<span class='msg_block'/>
</a>
</div>

5. Simpan Template

Ket :
1. Silahkan sobat ganti tulisan yang berwana merah dengan ID feedburner sobat
2. Yang warna biru adalah url dari gambar pageflipnya jika sobat mau mengganti dengan gambar yang lain

OK. Sampai di sini dulu cara optimalkan Feedburner dengan memasang pageflip. Semoga bermanfaat dan selamat mencoba

10 Comments

  1. kalau itu sih setahuku namanya "peel effect" mas. Tapi apapun itu fungsinya sama, untuk membuat tamplan blog lebih interaktif. CMIIW

    ReplyDelete
  2. sekapat apa artinya mas?sekapat apa artinya mas?

    ReplyDelete
  3. saya sebagai aktor utama dalam postingan mau mengucapkan terimakasih.....

    ReplyDelete
  4. makasih yah atas infonya,love,peace and gaul.

    ReplyDelete
  5. terima kasih sob ,, pagefilp-nya langsung jadi

    ReplyDelete
  6. @ aangdmin's : sekapat itu artinya sepakat sob.. sory bikin sobat pusing
    @Rudiec, saryadinilan, giriblog : sama2 sob
    @ rougerdeluffy : silahkan sob...dengan senang hari

    ReplyDelete

Mohon diperhatikan
1. No Spam
2. No Link