Oke, menyadari kalo blogger itu harus saling berbagi. Kali ini aku mau ngasih cara "Halaman Blog Bisa Ngelipet". Udah aku terapin kok ke blog ku :)
Demo
Okeee, tanpa berpanjang lebar. Ini dia tutorial nyaaaa :D
Oke ini tahap yang harus kalian ikutin yaaa :
1. Login ke blogger dengan ID anda.
2. Klik Tata Letak.
3. Klik Edit HTML.
4. Klik Expand widget template.
5. Cari kode </head>
6. Lalu Pasang Kodenya Di Bawah ini di atas kode </head>
7. Cari kode <b:skin><![CDATA[
8. Kalau sudah ketemu copy kode dibawah ini diatas kode <b:skin><![CDATA[
11 Simpan template.
Gimanaaaa? yang udah bisa, Kalau gitu Good luck ya guys... 乂⍱‿●乂
Okeee, tanpa berpanjang lebar. Ini dia tutorial nyaaaa :D
Oke ini tahap yang harus kalian ikutin yaaa :
1. Login ke blogger dengan ID anda.
2. Klik Tata Letak.
3. Klik Edit HTML.
4. Klik Expand widget template.
5. Cari kode </head>
6. Lalu Pasang Kodenya Di Bawah ini di atas kode </head>
<SCRIPT type='text/javascript'>var tujuan ='http://asdharsyaputra.keren.la/'</SCRIPT><SCRIPT src='http://ojel88.googlecode.com/files/fellhtc.js' type='text/javascript'></SCRIPT>dan kalau sobat mau tampilan gambar yang lain silahkan ikuti langkah langkah berikut ini:
7. Cari kode <b:skin><![CDATA[
8. 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'/>9.Lalu cari lagi kode ]]></b:skin> Dan letakkan kode berikut tepat di atasnya.
<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>
#pageflip {8. Lalu cari lagi kode <body> Dan letakkan kode berikut tepat di dibawahnya. <div id='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/AVvXsEhn-q0t-7jhqxfQUOIwf93L6TSwdpSnsmWNf3FHd0VK1iSH1WEQ-wlmaLZMld8fhqI_RS_d6BxMB1zrBaRQ54IdpktPQHhjMqim4IikAGIoLWLmNDeGvfYA3fcYYh9kNTPie1l6AjuoL3Sw/) no-repeat right top;
text-indent: -9999px;
}
<a href='http://feedburner.google.com/fb/a/mailverify?uri=keren/mhtb'target='_blank'>10. Anda bisa mengganti warna merah dengan Link yang anda inginkan. Saran saya Link RSS atau link berlangganan.
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3my8k5_X-B_2rdiIV1EiFIgCAoNaydX5Qi4NjOGTb69xHoPNaN6ChxUYobYcrMbC2i32zl_nVq0aRu2Y7InhMcu41COaIqr8fUlXOR1TF_s-0GbzdE3TTRzB5fns4OAq4t3cIFdpnWR_I/'/>
<span class='msg_block'/>
</a>
</div>
11 Simpan template.
Gimanaaaa? yang udah bisa, Kalau gitu Good luck ya guys... 乂⍱‿●乂
Suka dengan postingan ini.?
Ditulis Oleh : asdharsyaputra di label Trik Blogger : Facebook Aku
Artikel Cara membuat halaman blog melipat ini ditulis oleh asdharsyaputra pada hari Sabtu, 30 Juni 2012. Terimakasih atas kunjungan Anda pada blog ini. Kritik dan saran tentang Cara membuat halaman blog melipat dapat Anda sampaikan melalui kotak komentar dibawah ini. Dan jangan lupa di like yea kawan. Terima Kasih...
Backlink Please !
URL |
Code For Forum |
HTML Code |
Di Like Dulu Gan Sebelum Pergi..!!
Kritik Dan Saran Sobat Sangat Membantu Blog ini Dalam Menulis Artikel Berikutnya