- Login ke blogger.
- Klik Rancangan - Klik Edit HTML.
- Klik Expand widget template.
- Cari kode <b:skin><![CDATA[
- Kalau sudah ketemu copy kode dibawah ini diatas kode <b:skin><![CDATA[
<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>
- 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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimsHLwEAKPnUUyHTOorKBrs6j3vsQKZW30eavw8RHNyXnIlhjCDjkqnIdTWSp7iLnk462BuLNkWoG3Oaxcg38BVmLAl1CmVIDuyPHzU8HFiJIxJcJXGnq-zz3ciD_RcdTUupoOmzPvfiqL/) no-repeat right top;
text-indent: -9999px;
}
- Lalu cari lagi kode <body> Dan letakkan kode berikut tepat di dibawahnya.
<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/AVvXsEgxIaY8ybN6LpEWbqjwHIpYGhfAkqzDcQqTgua9ly8f6M5-edhX7LaXUHWgz7C77P2QJw8h0D4EWF5aalyM-skxAXgxrLEZEv0vIYJ0UCS8PmMtprNxaedWJz2ebs4CfAFcDjnqsKVj_Se6/'/>
<span class='msg_block'/>
</a>
</div>
- Sobat bisa mengganti warna merah dengan Link yang sobat inginkan. Saran saya Link RSS atau link berlangganan.
- Simpan template - Selesei.
- Sekarang silahkan lihat blog,...
- Untuk mengganti gambar dinding, sobat bisa mengganti URL berikut : #pageflip .msg_block {
width: 50px; height: 50px;
position: absolute;
right: 0; top: 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimsHLwEAKPnUUyHTOorKBrs6j3vsQKZW30eavw8RHNyXnIlhjCDjkqnIdTWSp7iLnk462BuLNkWoG3Oaxcg38BVmLAl1CmVIDuyPHzU8HFiJIxJcJXGnq-zz3ciD_RcdTUupoOmzPvfiqL/) no-repeat right top;
text-indent: -9999px;
}
Semoga
tips Cara MUDAH Membuat Halaman Blog Melipat Secara Otomatis | Tips
Blogspot | Cara Membuat Halaman Pojok Atas Melipat bisa bermanfaat dan
bisa dimengerti oleh para sobat blogger, jangan lupa tambahkan jaringan
teman di Kolom Blog GRATIS ( follow up me ) dan semoga para sobat bisa terus memperluas ilmu gratis ini ke semua teman - teman sobat,...
Ditulis Oleh : Unknown
Anda sedang membaca artikel Cara Membuat Halaman Pojok Atas Melipat pada Blogger. Terimakasih atas kunjungan Anda pada blog ini. Kritik dan saran dapat Anda sampaikan melalui kotak komentar dibawah ini. Bagi Anda yang ingin menyebar-luaskan artikel ini, tolong letakkan link dibawah ini sebagai sumbernya.
0 komentar:
Post a Comment