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 878 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

6 Hal Dibawah Ini Perlu Dilakukan Untuk Mempersiapkan Masa Depan

T 23 November 2015 F A Darmanto SEO

Semau orang tentu menginginkan masa depan yang cemerlang, hidup layak dan untuk mendapatkan masa depan yang cemerlang dan bisa hidup dengan layak,ada  6 hal dibawah ini yang perlu Anda lakukan. Ayo siapkan rancangan masa depan dengan melakukan 6 hal dibawah... Selengkapnya

Cara Mudah Membuat Burung Kenari Cepat Gacor

T 8 Desember 2015 F A Darmanto SEO

Cara Mudah Membuat Burung Kenari Cepat Gacor pada artikel kali ini akan Kami bagikan untuk Anda, setelah pada artikel yang lalu di bagikan artikel koleksi MP3 suara kicauan burung kenari dan pleci. Untuk mendapatkan burung kenari yang cepat gacor ada... Selengkapnya

Tanya Jawab Seputar Layanan Jasa

Tanya Jawab Seputar Layanan Jasa

T 8 Oktober 2012 F A Darmanto SEO

Tanya Jawab Seputar Layanan Jasa Darmanto [dot] Com

+ SIDEBAR

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

Google Partner

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