Cara Membuat Halaman Blog Melipat,
1.Cari kode
Letakkan kode di bawah ini tepat di atas: <b:skin><
<script src='http://sites.google.com/site/software2iqbalinc/javascript/script_ditunjuk_ngelipet_t4belajarblogger.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>
http://www.negrionta.co.tv
Letakkan kode di bawah ini juga tepat di atas: ]]></b:skin>
KODE HTML 2
#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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSXyE25FcEU3kmjxH3N7PaLccsqOJLGrE7MCmxhkvvHzQHjsCawAJDCPn_Yst8G0RsiKsCDamQKs91Tdh6C61WE29nAnHGMhpfpbNjul0HXwaqf6l8ed_aHXOyHd2OGv9sqZb8hM9OuuZb/) no-repeat right top;
text-indent: -9999px;
}
Letakkan kode di bawah ini tepat di bawah: <body>
KODE HTML 3
<div id='pageflip'>
<a href='http://feedburner.google.com/fb/a/mailverify?uri=tutorialbloggingdiblogger' target='_blank'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-MKl2z8VzalbOkrv61NHFYYLELdJI218PbU0Fg6LppYgVgf2WvFyFeU7B3gpFGjB40457oDJA-BffqmfII2qw1q3eVP3NW7YneE_IbBWvSfsW-xg1giO-0qbTC6cTRzm-33FA-dwnlFlZ/'/>
<span class='msg_block'/>
</a>
Langkah terakhir ; Jangan lupa di simpan atau di Save Template
Keterangan ; Sobat bisa mengganti kode diatas yang berwarna merah dengan Link yang kamu inginkan.. Saran ; Link RSS atau Link berlangganan.
Untuk mengganti gambar dinding, kamu bisa mengganti URL yang berwarna merah pada kode berikut:
#pageflip .msg_block {
width: 50px; height: 50px;
position: absolute;
right: 0; top: 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSXyE25FcEU3kmjxH3N7PaLccsqOJLGrE7MCmxhkvvHzQHjsCawAJDCPn_Yst8G0RsiKsCDamQKs91Tdh6C61WE29nAnHGMhpfpbNjul0HXwaqf6l8ed_aHXOyHd2OGv9sqZb8hM9OuuZb/) no-repeat right top;
text-indent: -9999px;
}
width: 50px; height: 50px;
position: absolute;
right: 0; top: 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSXyE25FcEU3kmjxH3N7PaLccsqOJLGrE7MCmxhkvvHzQHjsCawAJDCPn_Yst8G0RsiKsCDamQKs91Tdh6C61WE29nAnHGMhpfpbNjul0HXwaqf6l8ed_aHXOyHd2OGv9sqZb8hM9OuuZb/) no-repeat right top;
text-indent: -9999px;
}
Semoga bermanfaat...
Kita bisa perhatikan pada Scoll Box ini. Sekalipun sebenarnya hanya dengan memberikan sebuah background warna hitam pada box terdalam, sebenarnya sudah mampu memberikan penampilan yang amat luar biasa cantik. Namun demikian, karena sifatnya yang berfungsi untuk memberikan efek transparansi, maka akan lebih "afdol" seandainya sampeyan gunakan sebuah background image pada box terdalam (DIV pertama - div class="boxe"). 
Mau gunakan untuk apapun silahkan! Muat gambar? Penuhi dengan berbagai teks? Atau mungkin deretan menu dan link lain mo ditampilkan di collapsible ini? Semua sudah tertata dengan rapi dengan ukuran yang sangat ideal. Sampeyan tinggal masukkan saja sebanyak sampeyan mau. Plung ... plung ... plung ... dan berkarung-karung akan terwadahi. yah ... asal jangan masukkan yang berbau busuk saja. He ... he .... 'ntar pengunjung pada lari kesetanan kaya dikejar babi hutan kesurupan mabok oplosan, he ...... he ...!!!!
Mau gunakan untuk apapun silahkan! Muat gambar? Penuhi dengan berbagai teks? Atau mungkin deretan menu dan link lain mo ditampilkan di collapsible ini? Semua sudah tertata dengan rapi dengan ukuran yang sangat ideal. Sampeyan tinggal masukkan saja sebanyak sampeyan mau. Plung ... plung ... plung ... dan berkarung-karung akan terwadahi. yah ... asal jangan masukkan yang berbau busuk saja. He ... he .... 'ntar pengunjung pada lari kesetanan kaya dikejar babi hutan kesurupan mabok oplosan, he ...... he ...!!!!
Tidak ada komentar:
Posting Komentar