Beranda » Uncategorized » Cara Membuat Halaman Blog Melipat

Cara Membuat Halaman Blog Melipat

T Diposting oleh pada 4 Oktober 2012
F Kategori
b Komentar Dinonaktifkan pada Cara Membuat Halaman Blog Melipat
@ Dilihat 859 kali
Cara Membuat Halaman Blog Melipat

Cara membuat halaman blog melipat.Membuat efek Page Peel atau
membuat halaman blog melipat saat mouse blog sobat diarahkan ke ujung
kanan atas blog atau website dan ujung blog tersebut akan melengkung
seperti kertas adalah salah satu trik blog yang banyak di suka oleh
sebagian blogger karena kelihatan menarik dan bisa membuat perhatian
para pengunjung blog.

Efek ini seringkali digunakan untuk menarik perhatian para pengunjung
blog untuk mengklik gambar iklan atau pun E-Mail berlangganan dibalik
lengkungan kertas halaman blog tersebut.
Nah bagi yang tertarik membuat halaman blog melipat pada ujungnya,pada tutorial blog kali ini,saya akan berbagi catatan tentang Cara membuat halaman blog melipat.

Langsung saja inilah trik Cara membuat halaman blog melipat pada ujungnya:

1. Login ke akun blog Anda
2. Masuk ke tata letak dan klik edit HTML
3. Centang pada Expand Template Widget
4. Cari kode ini:  <b:skin><![CDATA[
Dan letakkan kode berikut di atasnya:

<script src=’http://trikblogger.googlecode.com/files/script_lipat_halaman_trikblogger.js
‘ type=’text/javascript’/>
<script type=’text/javascript’>
$(document).ready(function(){
$(“#pageflip”).hover(function() {
$(“#pageflip img , .msg_block”).stop()
.animate({width: ‘307px’,height: ‘319px’}, 500);
} , function() {
$(“#pageflip img”).stop()
.animate({width: ’50px’,height: ’52px’}, 220);
$(“.msg_block”).stop()
.animate({width: ’50px’,height: ’50px’}, 200);
});
});
</script>

5.Lalu cari lagi kode  ]]></b:skin>
Dan letakkan kode berikut tepat di atasnya:

#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://lh5.ggpht.com/_RVpTV2JOOxA/S8iu18jZiCI/AAAAAAAACyo/e0oaiHtbMf0/berlangganan_kelipat.png) no-repeat right top;
text-indent: -9999px;
}

6. Cari kode <body>
Dan letakkan kode berikut di bawahnya:

<div id=’pageflip’>
<a href=’http://feedburner.google.com/fb/a/mailverify?uri=catatandarmanto’ target=’_blank’>
<img alt=” src=’http://lh3.ggpht.com/_RVpTV2JOOxA/S8iu2CHC7SI/AAAAAAAACys/nYe088a8tkc/gambar_kelipat.png’/>
<span class=’msg_block’/>
</a>
</div>

Kode yang berwarna merah bisa sobat ganti dengan link apa saja,Saran saya Link RSS atau link berlangganan.

7.Kemudian simpan template sobat

Untuk URL yang berwarna biru adalah url gambar yang muncul, sobat bisa mengganti dengan URL gambar sesuai yang sobat inginkan

Demikianlah sobat tutorial blog kali ini tentang Cara membuat halaman blog melipat,silahkan dicoba bagi yang ingin membuat efek pojok blog melipat.

Diposting oleh

Darmanto adalah owner CV. Studio Web, sebuah perusahaan jasa pembuatan web SEO friendly, jasa desain blog, google ads, jasa SEO profesional. Follow Channel telegramnya di https://t.me/darmantoseo

Komentar dinonaktifkan: Cara Membuat Halaman Blog Melipat

Maaf, form komentar dinonaktifkan untuk produk/artikel ini

a Artikel Terkait Cara Membuat Halaman Blog Melipat

Cara Posting HTML Versi  2

Cara Posting HTML Versi 2

T 28 November 2011 F A Darmanto SEO

Sahabat Darmanto,kali ini Darmanto mau berbagi Tips Blog untuk mempermudah Kita bila hendak posting kode HTML pada postingan blog.Tips Blog ini semoga bisa membantu mempermudah postingan Kita.Bila pada beberapa waktu yang lalu,Darmanto berbagi cara posting kode HTML pada postingan blog... Selengkapnya

Domain Gratis CO.CC Mulai Di Indexs Google Lagi

T 14 Desember 2011 F A Darmanto SEO

Sobat Darmanto,ini ada kabar baik buat para pengguna Domain Gratis CO.CC yang beberapa bulan yang lalu di banned oleh google.Kabar baiknya adalah kini Domain Gratis CO.CC sudah mulai di Index lagi oleh google sejak beberapa hari lalu.Domain gratis ini dulu... Selengkapnya

Doa Agar Mudah Menghadapi Masalah

T 20 Oktober 2011 F A Darmanto SEO

Melalui sarana do’a ini mudah-mudahan bisa membantu memudahkan kita dalam menghadapi berbagai masalah Allohlah Maha Tahu segalanya, Semoga urusan kita semuanya terselesaikan!. Amiiiin!.

+ SIDEBAR

Ada Pertanyaan? Silahkan hubungi customer service kami untuk mendapatkan informasi lebih lengkap mengenai jasa/produk kami.

Operation time

Senin-Jumat: 08.00-17.00
Sabtu: 08.00-16.00
Minggu: Buka dengan buat janji dulu
Email: admin(at)darmanto.com

Alamat

Darmanto:
Jl. Raya Gili Tugel – Kreo KM 1, Rt. 039 Rw. 005

Desa Cibuyur, Kec. Warungpring

Kab. Pemalang, Jawa Tengah,52358

Butuh Bantuan? Chat Kami Sekarang